/*
Theme Name:   Humble 'n Unpretentious
Theme URI:    http://nicolas-holzheu.com
Description:  A theme for PHOTOS 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;
}

* html div.blah { 
	/* something for IE6 */ 
}
*+html div.blah { 
	/* something for IE7 */ 
}
div.blah { 
	color: #0FC\0/; /* IE8 */ 
}

/* 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;
}

:invalid { 
	background-color: rgba(255, 128, 0, 0.1); 
}
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
----------------------------------------------- */

#navigation a.active {
	cursor:             default;
}

dl#navigation-pager {
	text-align:         center;
}
#navigation-pager dt, 
#navigation-pager dd {
	display:            inline;
	margin:             0;
}
#navigation-pager ul {
	display:            inline;	
}
#navigation-pager li {
	display:            inline;
	list-style:         none;
	list-style-image:   none; /* required for ie to prevent spontaneous appearance of list images  + wired effects on line-height */
	list-style-type:    none; /* required for ie to prevent spontaneous appearance of list markers + wired effects on line-height */
	padding:            0;
}

ul#photos {
	margin-left:        0;
	height:             1%;
	overflow:           hidden;
}
#photos li {
	display:            inline; 
	float:              left;
	list-style:         none;
	list-style-image:   none; /* required for ie to prevent spontaneous appearance of list images  + wired effects on line-height */
	list-style-type:    none; /* required for ie to prevent spontaneous appearance of list markers + wired effects on line-height */	
	margin-right:       1px;
	margin-bottom:      1px;	
}
#photos li img {
	display:            block;
}

/* 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);
}


p.error {
	color:              rgb(255, 0, 0);
}
input.error,
textarea.error {
	background-color:   rgb(255, 239, 239);
	background-color:   rgba(255, 0, 0, 0.1);
}
p.info {
	font-weight:        bold;
}
p.navigator {
	border-bottom:      1px solid rgb(204, 204, 204);
	padding-bottom:     23px;
	text-align:         center;
}
img.loader-large {
	background: 	      transparent url('images/icon-processing-big.gif') center center no-repeat;
}
img.loader {
	background: 	      transparent url('images/icon-processing-small.gif') center center no-repeat;
}

/* .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;
}

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

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

#screen-gallery article {
	padding-left:       200px;
	height:             1%;
	overflow:           hidden;
}
#screen-gallery article h1 {
	margin-left:        -200px;
}
#screen-gallery article figure img {
	/*display:            block;*//*don't do... ie6 will hide the image*/
	margin-left:        -200px;
	margin-bottom:      24px;
	float:              left;
}

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

div#ssp-frame {
	border:             1px solid rgb(204, 204, 204);
	margin-bottom:      24px;
	overflow:           hidden;
	padding:            1px;
	height:             400px;
} 
div#ssp-frame:hover {
	border-color:       rgb(0, 0, 0);
}

p#ssp-placeholder {
	padding:            24px;
}
object#ssp {
	display:            block;
}
div#ssp-remote {
	margin-top:         -24px;
	margin-bottom:      23px;
	padding-bottom:     15px;
	padding-top:        9px;
	border:             1px solid rgb(204, 204, 204);
	border-top:         none;
	position:           relative;
	text-align:         center;
	width:              598px; /* required for ie6 */
}
#ssp-info {
	position:           absolute; 
	left:               24px;
}
#ssp-button {
	position:           absolute; 
	right:              24px;
}

/* Javascript generated content
----------------------------------------------- */
div.gmap {
	padding-left:       65px;
	font-size:          12px;
	line-height:        14px;
}
div.gmap span {
	display:            block;
	font-weight:		bold;
	margin-left:        -65px;
	margin-bottom:      12px;
	font-size:          14px;
	line-height:        14px;
	
}
div.gmap img {
	border:             1px solid rgb(51, 51, 51);
	padding:			1px;
	/*display:            block;*//*don't do... ie6 will hide the image*/
	float:              left;
	margin-left:        -65px; 
	margin-bottom:      20px;
	width:              55px;
	height:             55px;
}