/* .............................. */
/* Basic */
/* .............................. */

* {
padding:0;
margin:0;
}
ul, li {list-style:none;}

body {
	background-color:#fff;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#576067;
	padding:0px;
	margin:0px;
	text-align:center;
	}

html, body {
     min-height:100.1%;
	}
.clear {clear:both;}

/* .............................. */
/* Links */
/* .............................. */

a {
	color:#333;
	text-decoration:none;
outline:none;
	}

a:hover {
	text-decoration:underline;
	}

/* .............................. */
/* Headings */
/* .............................. */

h1 {
background: transparent url(http://mike.haufes.net/iphonepix/templates/iphonepix/images/iphonepix.jpg) no-repeat top;
height:54px;
width:150px;
float:left;
clear:left;
padding:0;
margin:0;
	
	}

h1 a {
display:block;
height:54px;
width:150px;
text-indent:-9999px;
}

h1 a:hover {
    text-decoration:none;
	}


/* .............................. */
/* Header */
/* .............................. */

#headerwrap {
background: transparent url(http://mike.haufes.net/iphonepix/templates/iphonepix/images/header.jpg) repeat-x;
height:54px;
margin-bottom:60px;
}
#header{
padding:0;
width:950px;
margin:0px auto;

}


/* .............................. */
/* Navigation and menu */
/* .............................. */

#navigation {
   	padding:5px;
	height:15px;
	margin-bottom:20px;
	}

.menu {
margin-top:10px;
color:#fff;
    float:right;
	clear:right;
	text-align:right;
	font-size:11px;
	}
	
.menu a {
color:#fff;
	padding:7px;
	padding-left:10px;
	padding-right:10px;
	}
		
.menu a:hover {
	text-decoration:none;
	color:#ccc;
	}
	
/* .............................. */
/* Pages */
/* .............................. */

#page {
text-align:left;
   
	width:950px;
	margin:0px auto;
	margin-bottom:25px;
	line-height:16px;
	}
img {border:none;}

#page a {
    font-weight:bold;
	}
	
	
.thumbnails {
	margin:2px;
	border:none;
	}


/* .............................. */
/* Content */
/* .............................. */

#photo {
   border:none;

	}
#content {width:625px;
margin-bottom:60px;
float:left;}

#content.archive { width:950px;}
#c ontent.archive .thumbnails { margin-right:10px; margin-bottom:10px;}



/* .............................. */
/* Image  */
/* .............................. */

#image-navigate { 
width:625px;
height:20px;
margin:15px 0;
}

#image-navigate .col1, #image-navigate .col2 {
width:300px; float:left;
}
#image-navigate .col1 {
margin-right:25px;
}
#image-navigate .col2 {
text-align:right;
}
.image-previous {margin-right:20px;}
.image-next {}

#image-notes {margin-bottom:20px; border-top: 2px solid #ccc; padding: 15px 0;}
#image-notes li { padding:5px 0; }

#image-notes span { 
display:block; 
width: 120px;
float:left;
font-weight:bold;
}
.image-title {}

#comments h3 { 
font-weight:bold; font-size:12px;
float:left;
width: 120px;}

#comments ul {padding-left: 120px; margin-bottom:20px;}
#comments ul li {padding: 10px 0; border-bottom:1px solid #bbb}
#comments a {font-weight:normal; text-decoration:underline; }




/* .............................. */
/* Comments */
/* .............................. */

#addcomment {margin-left: 120px; margin-top:40px;}
#addcomment, fieldset {border:none;}
.input {
    width:45%;
	font-size:10px;
	border:1px solid #bbb;
	background-color:#fff;
	color:#666;
	padding:5px;
margin: 5px 0;
    }
	
#addcomment textarea {
border:1px solid #bbb;
font-family: 'Arial', helvetica;
margin:5px 0;
margin-bottom:15px;
	width:90%;
	height:50px;
	font-size:12px;
	color:#666;
	padding:5px;
	}

.comment-button {
margin-top:10px;
    background:#fff;
	border:1px solid #aaa;
	color:#666;
	border-bottom:2px solid #aaa;
	border-right:2px solid #aaa;
	}
#thanks {margin-left:120px; margin-top:20px; margin-bottom:20px;}
/* Sidebar */

#sidebar {

width:300px;
float:right;
margin-bottom:40px;
}

.thumbnails, .current-thumbnail {margin:5px; width:135px; height:auto; border:2px solid white;}
a:hover .thumbnails, a:hover .current-thumbnail {border:2px solid grey;}



/* .............................. */
/* Footer */
/* .............................. */

#footerwrap {
clear:both;
background: #e1e3e5 url(http://mike.haufes.net/iphonepix/templates/iphonepix/images/footer.jpg) repeat-x top;;
padding-top:25px;
}

#footer {
padding:20px 0;
width:950px;
margin:0 auto;
}
#footer a {text-decoration:underline;}
#footer p {
padding-bottom:10px;
}

#footer h3 {
font-size:18px;
font-weight:normal;
padding-bottom:10px;
color:#615f5f;
}

#footer .col1, #footer .col2, #footer .col3 {
color:#000;
text-align:left;
width:300px;
display:block;
float:left;
margin-right:25px;
}
#footer .col3 {margin:0;}

#footer li{
padding: 5px 0;
}