/*
Theme Name: New Photo Site Blog Thing
Theme URI: http://www.mikeophoto.co.uk/
Description:Theme based on H5 theme.
Version: 1.0
Author: Mike Osborne
Author URI: http://www.mikeophoto.co.uk/
Tags: html5

	H5 v1.0
	http://diggingintowordpress.com/

*/


/* == BASICS == */

header, footer, section, article, aside, nav {
	display: block;
	}

body {
	margin: 0 auto;
	width: 900px;
	background-color: #fff;
	font-family: verdana, arial, sans-serif; 
	font-size: 12px; 
	font-weight: normal; 
	color: #000;	
	}

nav+section {
	overflow: hidden;
	width: 670px;
	float: left;
	clear: none;
	background-color:#fff;
	padding-left:5px;
	padding-right:5px;
	}

/* == LINKS == */

a:link, a:visited {
	text-decoration: none;
	color: #336666;
	}
a:hover, a:active {
	text-decoration: underline;
	color: #339966;
	}

/* == HEADER == */

body>header {
	background: #fff;
	color: #efecca;
	height: 150px;
	margin-bottom: 5px;
	background-image: url('images/headbg.jpg');
	margin-top:5px;
	}
	body>header h1 {
	font-weight:bold;
	font-variant: small-caps;
	font-family:arial;
			}
		body>header h1 a:link, body>header h1 a:visited {
			text-decoration: none;
			color: #02bbd7;
			}
		body>header h1 a:hover, body>header h1 a:active {
			text-decoration: none;
			color: #666;
			}
			
		body>header h1{
			font-size:3em;
			padding-left:1.85em;
			padding-right:0.3em;
			margin-top:1.5em;
			border-right:1px solid #808080;
			float:left;
			letter-spacing:0.2em;
			}
		body>header h2{
			font-size:1.5em;
			margin-top:3.65em;
			padding-left:0.5em;
			float:left;
			}
			

/* == POSTS == */

article[id*=post-] {
	padding: 10px;
	text-align: justify;
	}

article>header p, article>footer  {
	clear:both; 
	padding-top:2px; 
	padding-bottom:4px; 
	text-transform:uppercase; 
	font-size: 10px; 
	border-top:1px solid #474747; 
	margin-top:2px;
	color:#999;
	}
article+nav {
	font-weight: bold;
	}
section>h1 {
	font-size:1em;
	text-align:center;
	}
		
/* == NAVIGATION == */

nav {
	text-align: center;
	clear: both;
	height:20px;
	margin-bottom:5px;
	}
body>nav {
	background:#efecca;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 40px;
	padding-right: 10px;
	}
body>nav ul {
	text-align: left;
	margin: 0;
}
body>nav li {
	margin-right: 10px;
	display: inline;
	float:left;
	padding-top:2px;
	font-size: 1.3em;
	font-weight: bold;
	font-variant: small-caps;
}
body>nav search {
	margin-right: 1px;
	font-weight: bold;
	float: right;
}
			
/* == COMMENTS == */
article[id*=comment-] {
	margin: 15px 0;
	padding: 10px;
}
article[id*=comment-] h4 {
	margin: 0;
}
.alt {
	border: 1px solid #A7A37E;
	background: #efecca;
}
form[method=post] label {
	display: block;
	font-weight: bold;
}
form[method=post] input {
	margin: 2px 0 10px 0;
}
input[id*=email] {
	width: 200px;
}
input[id*=url] {
	width: 200px;
}	
textarea {
	width: 500px;
	background-color:#efecca;
	border:1px solid #A7A37E;
	font-size:12px;
	margin-left:5px; 
	margin-right:50px;
	color:#002f2f;
}	
cite {
	display:block;
	font-weight:bold;
	text-transform:uppercase;
	font-style:normal;
	padding-bottom:3px;
    margin-bottom:3px;
	font-size:1.3em;
	border-bottom: 1px solid #808080;
    padding-left:5px;
}
h4 {
	padding-bottom:3px;
	text-transform:uppercase;
	font-size:0.8em;
}
/* == SIDEBAR == */

aside {
	overflow: hidden;
	width: 204px;
	clear: none;
	background:#fff;
	padding-left:15px;
	padding-top:11px;
	border-left: 1px solid #808080;
}
aside li {
	list-style: none;
	margin-left:-40px;
}
aside h2 {
	border-bottom: 1px solid #808080;
	width: 180px;
	font-variant: small-caps;
}

/* == FOOTER == */

body>footer {
	padding-top: 20px;
	text-align: center;
	overflow: hidden;
	width: 100%;
	clear: both;
	color:#999;
	}

/* == SEARCH == */

label[for=s] {
	display: none;	
	}
input[name='s']{ 
	border:1px solid #808080;
	background-color:#fff;
	color: #808080;
	width:140px;
}
input[rel="search"] {
	width: 71px !important;
	border:1px solid #808080;
	background-color:#fff;
	color: #808080;
	
}


/* == ELEMENTS == */

article date { 
	float:left; 
	width:30px; 
	padding:3px;	
	margin-right:5px;
	text-align:center;
	background:#ffffe0;
	color:#B40101;
	font-weight:bold;
}
acticle day { 
	height:10px;
	}
article month { 
	height:5px; 
	font-size:10px; 
	text-transform:uppercase; 
	text-align:center;	
	color:#808080; 
}
.postmetadata { 
	clear:both; 
	padding-top:2px; 
	padding-bottom:4px; 
	text-transform:uppercase; 
	font-size: 10px; 
	border-top:1px solid #808080; 
	margin-top:2px;
	color:#808080;
}
#entry p {
	padding-bottom:5px;
}
.postmetadata alt {
	padding-top:5px;
}
#title {
	font-size:1.8em;
	padding-top:0.1em;
	border-bottom:1px solid #808080;
	padding-bottom:0.2em;
	letter-spacing:0.08em;
}
/* a place for misc. styles */



/* == ALL YOUR CODE ARE BELONG TO POETRY == */