/*
Theme Name: Le Petit Garcon theme
Theme URI: http://lpg.com
Description: The theme for http://www.lepetitgarcon.com/
Version: 1.0
Author: Linus Lundahl
Author URI: http://unwise.se/
Tags: HTML5, CSS3, 960, jQuery, clean, simple
*/

@import url("theme/css/reset.css");
@import url("theme/css/fonts.css");

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
}

body {
  background: #fff;
  color: #787878;
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: .75em;
  line-height: 1.5;
}

h1, h2, h3 {
  margin-bottom: 0;
  margin-top: 0;
}

h1 { font-size: 1.5em; padding: 1.45833em 0; }
h2 { font-size: 1.33333em; padding: 1.25em 0; }
h3 { font-size: 1.16667em; padding: 1.51786em 0; }
a {
  outline: none;
  -webkit-transition-property: color;
  -webkit-transition-duration: .2s;
  -webkit-transition-timing: ease-out;
  -moz-transition-property: color;
  -moz-transition-duration: .2s;
  -moz-transition-timing: ease-out;
}

a:link,
a:visited {
  color: #ababa6;
  text-decoration: none;
}

a:active,
a:hover {
  color: #cecece;
}

ol { list-style: decimal; }
ul { list-style: none; }

q { quotes: '\201C' '\201D' '\2018' '\2019'; }
q:before { content: '\201C'; }
q:after { content: '\201D'; }

blockquote {
  color: #ababa6;
  font-family: "Georgia", "Times New Roman", "Times", serif; font-size: 1.6em;
  font-weight: normal;
  font-style: italic;
  font-size: 1.50em;
  padding: 0 0 15px 0;
}

p {
 margin: 10px 0;
}

/* --- Grid ----------------------------------------------------- */

/* Sidebar */
#sidebar {
  left: 0;
  padding: 0 10px 0 0;
  position: fixed;
  top: 0;
  width: 200px;
}
#sidebar #logo {
  height: 110px;
  left: 35px;
  padding: 0;
  position: absolute;
  top: 35px;
  width: 110px;
}
#sidebar .sidebar-menu { left: 50px; position: absolute; top: 150px; }
#sidebar .sidebar-menu li:before { content: ""; }
/*#sidebar .sidebar-menu li.current-menu-item:before { content: "\02D2 \0020"; }*/
#sidebar .sidebar-menu li.current-menu-item a { color: #cecece; }
#sidebar .sidebar-menu li.current-menu-parent a,
#sidebar .sidebar-menu li.current-menu-item a { color: #cecece; }
#sidebar .sidebar-menu a { font-size: 1.27em; font-weight: bold; }

/* Wrapper */
.wrapper { margin: 0 0 0 210px; width: 690px; }

/* Header */
#header { height: 120px; margin: 0 0 30px 0; }
#header .message {
  float: right;
  font-size: 11px;
  font-weight: bold;
  margin: 50px 0 0 0;
  width: 200px;
}
#header .facebook {
  float: right;
  font-size: 11px;
  font-weight: bold;
  margin: 50px 0 0 0;
  width: 90px;
}


/* Home specifik */
.home #main-content .page {
  font-size: 1.5em;
  font-weight: 500;
}

/* Headline fixes */
.archive.tag h1,
#main-content .page h2 {
  padding-top: 0;
}

#main-content .page h2 {
  color: #ababa6;
}

/* Content */
.single .post,
.page .page,
.archive .post { display: inline-block; margin: 0 0 50px 0; width: 690px; }

.archive.category .category-work {
  float: left;
  height: 220px;
  margin: 0 30px 30px 0;
  width: 210px;
}
.archive.category h1 { padding-top: 0; }
.archive.category h1 quote {
  color: #ababa6;
  font-family: "Georgia", "Times New Roman", "Times", serif; font-size: 1.6em;
  font-weight: normal;
  font-style: italic;
}
.archive .category-work.last { margin-right: 0; }
.archive.category .category-work h2 { margin: 10px 0 0 0; padding: 0; }
.archive.category .category-work p { margin: 5px 0 0 0; padding: 0; }

.archive.tag aside,
.single .category-blog aside,
.archive.category .category-blog aside { float: right; width: 210px; }
.archive.tag .thumbnail,
.single .category-blog .thumbnail,
.archive.category .category-blog .thumbnail { float: left; margin: 0 0 20px 0; width: 450px; }
.archive.tag section,
.single .category-blog section,
.archive.category .category-blog section { float: left; width: 450px; }
.archive.tag h2,
.single .category-blog h2,
.archive.category .category-blog h2 { padding: 0; }
.archive.tag aside .date,
.single .category-blog aside .date,
.archive.category .category-blog aside .date { font-size: 1.27em; font-weight: bold; margin: 0 0 15px; padding: 0; }
.archive.tag aside .date span,
.single .category-blog aside .date span,
.archive.category .category-blog aside .date span { color: #ababa6; }

.single .category-work { display: inline-block; }
.single .category-work header { clear: both; float: left; width: 100%; }
.single .category-work section { float: left; margin: 0 30px 0 0; width: 450px; }
.single .category-work aside { float: left; width: 210px; }
.single .category-work section h2 { color: #ababa6; }
.single .category-blog section h2,
.single .category-blog aside h3,
.single .category-work section h2,
.single .category-work aside h3 { font-size: 1.27em; padding-bottom: 0.45em; }
.single .category-blog aside h3 { padding-top: 0; }

/* --- Forms ---------------------------------------------------- */
input, textarea {
  -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
  -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
  box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
  background: #FFFFFF;
  background: -moz-linear-gradient(top, #FFFFFF, #f5f5f5 1px, #FFFFFF 25px);
  background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #f5f5f5), to(#FFFFFF));
  border: solid 1px #ccc;
  margin: 0;
  outline: 0;
  padding: 6px 4px;
  width: 290px;
}
textarea { height: 160px; line-height: 150%; max-width: 290px; }
input:hover, textarea:hover,
input:focus, textarea:focus { border-color: #C9C9C9; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px; }
label { color: #ababa6; }
.form-item { margin: 3px 0 10px 0; }
input#submit {
  border-raduis: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  width: auto;
}


/* --- Awesome CSS3 button -------------------------------------- */
.awesome:link, .awesome:visited {
  background: #222 url(theme/img/alert-overlay.png) repeat-x;
  display: inline-block;
  padding: 5px 10px 6px;
  color: #fff;
  text-decoration: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
  border-bottom: 1px solid rgba(0,0,0,0.25);
  position: relative;
  cursor: pointer;
}

.awesome:hover { background-color: #111; color: #fff; }
.awesome:active { top: 1px; }
.small.awesome, .small.awesome:visited { font-size: 11px; padding: ; }
.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.awesome, .large.awesome:visited { font-size: 14px; padding: 8px 14px 9px; }

.green.awesome, .green.awesome:visited { background-color: #91bd09; }
.green.awesome:hover { background-color: #749a02; }
.blue.awesome, .blue.awesome:visited { background-color: #2daebf; }
.blue.awesome:hover { background-color: #007d9a; }
.red.awesome, .red.awesome:visited { background-color: #e33100; }
.red.awesome:hover { background-color: #872300; }
.magenta.awesome, .magenta.awesome:visited { background-color: #a9014b; }
.magenta.awesome:hover { background-color: #630030; }
.orange.awesome, .orange.awesome:visited { background-color: #ff5c00; }
.orange.awesome:hover { background-color: #d45500; }
.yellow.awesome, .yellow.awesome:visited { background-color: #ffb515; }
.yellow.awesome:hover { background-color: #fc9200; }


/* --- Special classes ------------------------------------------ */
.clear-block { display: inline-block !important; }
.hide { display: none !important; }