/*
Theme Name:   Humble 'n Unpretentious
Theme URI:    http://nicolas-holzheu.com
Description:  A theme for WP by <a href="http://nicolas-holzheu.com">Nicolas Holzheu</a>
Version:      1.0
Author:       Nicolas Holzheu
Author URI:   http://nicolas-holzheu.com
*/

/* Reset
----------------------------------------------- */
html { 
	color:              rgb(0, 0, 0);
	background:         rgb(255, 255, 255);
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, textarea, p, blockquote, th, td, 
article, aside, footer, header, nav, section,
figure, menu, time, mark, audio, video { 
	margin:             0;
	padding:            0;
}
table {
	border-collapse:    collapse;
	border-spacing:     0;
}
fieldset, img { 
	border:             0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:         normal;
	font-weight:        normal;
}
li {
	list-style:         none;
}
caption,th {
	text-align:         left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:          100%;
	font-weight:        normal;
}
q:before, q:after {
	content:            '';
}
abbr { 
	border:             0;
	font-variant:       normal;
}
/* to preserve line-height and selector appearance */
sup {
	vertical-align:     text-top;
}
sub {
	vertical-align:     text-bottom;
}
button, input, textarea, select, optgroup {
	font-family:        inherit;
	font-size:          inherit;
	font-weight:        inherit;
}
/* to enable resizing for IE */
button, input, textarea, select, optgroup {
	*font-size:         100%;
}
/* because legend doesn't inherit in IE */
legend {
	color:              rgb(0, 0, 0);
}
/* html 5 stuff */
article, aside, footer, header, nav, section,
dialog, figure, hgroup, menu { 
	display:            block;
}

/* Typography
----------------------------------------------- */
h1 { 
	font-size:          30px; 
	font-weight:        bold;
	line-height:        48px;
	margin-bottom:      24px;
}

h2 { 
	font-size:          27px; 
	font-weight:        bold;
	line-height:        36px;
	margin-bottom:      24px;
}

h3,
article h1 { 
	font-size:          24px; 
	font-weight:        bold;
	line-height:        24px;
	margin-bottom:      24px;
}

h4,
article h2  { 
	font-size:          18px; 
	font-weight:        bold;
	line-height:        24px;
	margin-bottom:      24px;
}

h5,
article h3  { 
	font-size:          15px;
	font-weight:        bold;
	line-height:        24px;
	margin-bottom:      24px;
	text-align:         left;
}


h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration:    none; 
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	text-decoration:    underline; 
}

/* Tags
----------------------------------------------- */
body {
	/*background:         transparent url(images/grid.gif) left 14px;*/
	background-image:   none;
	font-size:          17px;
	line-height:        24px;
	font-family:        "Lucida Grande", Verdana, Arial, sans-serif;
}

a { 
	color:              rgb(0, 0, 0);
}
p, ul, ol, address { 
	margin-bottom:      24px; 
}
blockquote { 
	border-left:        1px solid rgb(204, 204, 204);
	color:              rgb(102, 102, 102);
	font-size:          15px;
	margin:             0 24px 24px 24px;
	padding-left:       23px;
}

ol,
ul {
	margin-left:        24px;
}

li {
	list-style-type:    square;
}

strong {
	font-weight:        bold;
}

em {
	font-style:         italic;
}

ins { 
	text-decoration:    none;
	font-style:         italic;
}
ins:before { 
	content:            "[";
}
ins:after { 
	content:            " (Updated)]";
}

del {
	text-decoration:    line-through;
}

hr {
	display:            none;
}
small {
	font-size:          80%;
}

label { 
	cursor:             pointer;
	display:            block;
}
form {
	border-top:         1px solid rgb(204, 204, 204);
	border-bottom:      1px solid rgb(204, 204, 204);
	margin-bottom:      24px;	
	padding:            23px 24px 0;
	background-color:   rgb(253, 253, 253);
}
input {
	width:              250px;
}
input[type='submit'],
input[type='checkbox'],
input[type='radio'] {
	width:              auto;
}
sup {
	font-weight:        normal;
	font-style:					italic;
	text-decoration:    none;
	font-size:          50%;
	line-height:        50%; /* Safari needs some value */
}

article {
	border-bottom:      1px solid rgb(204, 204, 204);
	margin-bottom:      23px;
}
/* Links
----------------------------------------------- */
/* Structure
----------------------------------------------- */
/**
 * Controls the main layout (width, height, margin, padding)
 *
 * #wrap-header
 * #wrap-content
 * #wrap-sidebar
 * #wrap-footer
 */
#wrap-header,
#wrap-content,
#wrap-sidebar,
#wrap-footer {
	width:              600px;
	margin:             0 auto;
}
#wrap-header {
	border-bottom:      1px solid rgb(102, 102, 102);
	margin-bottom:      23px;
}
#wrap-sidebar {
	border-top:         1px solid rgb(102, 102, 102);
	margin-top:         23px;
}
#wrap-footer {
	border-top:         1px solid rgb(102, 102, 102);
}

/*
----------------------------------------------- */

#wrap-header h1 {
	font-weight:        normal;
	margin-bottom:      11px;
}
#wrap-header h1 span {
	font-family:        Georgia, Times, "Times New Roman", serif;
	font-size:          300%;
	line-height:        98px;
	color:              rgb(255, 128, 0);
	font-weight:        normal;
}

#wrap-header a { 			
	color:              rgb(51, 51, 51);
	text-decoration:    none;
}
#wrap-header a:hover span { 
	color:              rgb(51, 51, 51);
}

/*
----------------------------------------------- */

#wrap-sidebar {
	color:              rgb(102, 102, 102);
	font-size:          15px;
}

#wrap-sidebar section,
#wrap-sidebar nav {
	float:              left;
	margin:             24px 10px 0;
	width:              180px;
	overflow:           hidden;
	display:            inline; /* required for ie6 to prevent double margin bug */
}

#wrap-sidebar section h5,
#wrap-sidebar nav     h5 {
	margin-bottom:      12px;
}

/*
----------------------------------------------- */

#wrap-footer {
	color:              rgb(102, 102, 102);
	font-size:          15px;
	padding:            11px 0 0;
}

/* List Navigation
----------------------------------------------- */


/* WRAPS
----------------------------------------------- */  
#wrap-content p a {
	font-weight:        bold;
	/*white-space:        nowrap;*/
}

/* tag.class
----------------------------------------------- */ 
article footer,
p.meta {
	color:              rgb(85, 85, 85);
	font-size:          15px;
	margin-top:         -12px;
	margin-bottom:      24px;
}
p.pager,
nav.pager,
aside.pager {
	text-align:         center;
	margin-bottom:      24px;
}

article p a { 
	font-weight:        bold;
	white-space:        nowrap;
}
a.clandestine {
	text-decoration:    none;
	font-weight:        normal;
}

label.required:after {
	content:            "\002A";
}

a:hover img {
	border:             1px solid rgb(0, 0, 0);
}

article img {
	border:             1px solid rgb(204,204,204); 
	padding:            1px;
	max-width:          596px;
}

a.post-edit-link { 
	border:             1px solid rgb(204,204,204); 
	color:              rgb(102, 102, 102);  
	float:              right;
	font-size:          15px; 
	padding:            0 4px; 
}

img.avatar {
	border:             1px solid rgb(204,204,204); 
	float:              right;
	height:             38px;
	margin-left:        10px;
	padding:            1px;
	width:              38px;
}

/* .class
----------------------------------------------- */ 
.block {
	display:            block;    
} 
.inline {
	display:            inline;    
}
.right {
	float:              right;    
}
.left {
	float:              left;    
}    
.clear {
	clear:              both;
}
.clear-follow {
	overflow:           hidden;
	height:             1%;
}
.hide {
	left:               -9999px;
	position:           absolute;
}
.none {
	display:            none;
}
.geotag { 
	padding:            0 20px 2px 0; 
	background:         url('images/icon-geotag.png') right center no-repeat; 
	position:           relative; /*required for ie6*/
	white-space:        nowrap;
}
.footnote {
	font-size:          80%;
	font-style:					italic;
}
.framed {
	border:             1px solid rgb(204, 204, 204);
	padding:            1px;
}


.chunk {
	border-bottom:      1px solid rgb(204, 204, 204);
	margin-bottom:      24px;
	width:              100%;
}
.comment {
	border-bottom:      1px solid rgb(204, 204, 204);
	color:              rgb(102, 102, 102);
	font-size:          15px;
	margin-bottom:      23px;
	width:              100%;
}
.comment.highlight {
	background-color:   rgb(252, 252, 252);
}

/* WRAP-CONTENT - COLS + TAGS
----------------------------------------------- */

/* SCREENS
----------------------------------------------- */

/* EXTRAS
----------------------------------------------- */


/* FLICKR */

#flickr {
	border-bottom:      1px solid rgb(204, 204, 204);
	margin-bottom:      9px;
	padding:            15px 0;
	text-align:         center;
	width:              100%;
}

#flickr img {
	border:             1px solid rgb(102, 102, 102);
	height:             48px;
	margin:             1px 5px;
	padding:            1px;
	width:              48px;
}

#flickr img:hover {
	border:             1px solid rgb(0, 0, 0);
}

/* FORM-STUFF */

#form-comment textarea {
	width:              548px;
}