/*  
Theme Name: Jimmy Hern
Description: photography portfolio WP theme.
Author: Nathan Spainhour
Author URI: http://www.stringshot.com/
Version: 1.0
*/


/*------------------------ MEYER CSS RESET ----------------------*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

.clear {
	clear: both;
}


/*------------------------ BASE SETTINGS ----------------------*/



body {
	position: relative;
	font-family: Bank Gothic, Arial, sans-serif;
	color: #999999;
	font-size: small;
	background-color: #666666;
	background-image: url(images/bgTile.jpg);
	background-repeat: repeat;
}


h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0px; padding: 0px; }

a, a:link, a:active { color: #cccccc; text-decoration: underline; }

a:hover,.header h1 a:hover { color: #ffffff; }



#mainWrapper {
	margin: -65px auto 0 auto;
	width: 960px;
	/* height: 694px; */
	text-align: left;
}

/*------------------------ HEADER / NAVIGATION ----------------------*/

#JimmyHernHeader {
	width: 100%;
	height: 65px;
	background-image: url(images/headerBG.png);
	background-repeat: repeat-x;
}

#JimmyHernHeader h1 a { 
	display: inline; 
	width: 420px; 
	height: 60px; 
	font: normal 35px 'Arial', sans-serif; 
	text-transform: uppercase; 
	letter-spacing: 1px;
	color: #fff; 
	text-decoration: none; 
	}

#JimmyHernHeader p { 
	font-size: 12px; 
	font-family: 'Arial', sans-serif; 
	text-transform: uppercase; 
	width: 450px; 
	height: 50px; 
	line-height: 15px; 
	color: #C6EBFF; 
	margin: 5px; 
	padding: 0px;
	}

.logo img {
	float: left;
	margin: 17px 0 0 0;
	padding-left: 30px;
	}

#menu {
	float: left;
	width: 960px;
	height: 70px;
	padding-left: 30px;
	}

#menu ul { 
	padding: 0px; 
	margin: 0px; 
	list-style: none; 
	}

#menu ul li { 
	display: inline; 
	}

#menu ul li a { 
	/* width: 119px; */ 
	float: left;  
	display: block; 
	text-align: left; 
	padding: 20px 30px 11px 0;
	font-size: 14px; 
	color: #999999; 
	text-decoration: none; 
	}

#menu ul li.current_page_item a { color: #ffffff; }
#menu ul li a:hover { color: #ffffff; }
#menu ul li.current_page_item a:hover { color: #ffffff; }


/*------------------------ CONTENT ----------------------*/


#content { margin-top: 0px; }

.leftcolumn { 
	background:url(images/blogContentBg.png);
	background-repeat: repeat; 
	width: 900px; 
	float: left; 
	padding: 25px 30px 25px 30px;
	}
	

.leftcolumn h4 { 
	display: block;
	font-size: 140%; 
	font-family: Bank Gothic, Arial, sans-serif;
	color: #999999;
	border-bottom: solid 1px #999999; 
	line-height: 22px; 
	padding: 10px 0 0 0; 
	margin-bottom: 20px;
	}

.article { 
	margin-bottom: 50px; 
	}

.article h2 { 
	text-transform: lowercase;
	font-weight: normal;
	letter-spacing: 3px;
	font-size: 170%; 
	line-height: 30px;
	}
	
.article h2 a { 
	color: #cccccc; 
	text-decoration: none; 
	}

.article h2 a:hover { 
	color: #ffffff; 
	}
	
.article .postmeta { 
	font-family: 'Arial', sans-serif; 
	font-size: 90%;  
	color: #666666; 
	display: block; 
	padding: 4px 0 4px 0;
	}
	
.article .postcontent { 
	font-family: 'Arial', sans-serif;
	font-weight: normal;
	font-size: 95%;
	margin-top: 10px; 
	padding-top: 10px;
	letter-spacing: 1px;
	border-top: solid 1px #333333; 
	line-height: 18px; 
	/* margin-bottom: 15px;  */
	}

.article .postcontent p{ 
	margin-bottom: 10px; 
	}
	
.article .postcontent blockquote { 
	background: #999999; 
	margin: 0px; 
	padding: 15px 25px 15px 25px; 
	font-size: 95px; 
	font-style: italic; 
	color: #cccccc; 
	line-height: 20px; 
	}

.article .postcontent a img, .article .postcontent img { 
	border: none; 
	background: #333333;
	}

.article .mcomments a {  
	padding-left: 25px; 
	color: #0075BD;  
	/*background: url(images/comments.jpg) no-repeat center left;*/
	}
	
.article .mcomments a:hover { color: #000000; }

.rss { display: block; text-indent: -9999px; width: 300px; height: 95px; background: url(images/rss.jpg); }

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}


/*------------------------ SIDEBAR ----------------------*/


.rightcolumn { 
	width: 960px; 
	float: left;
	background:url(images/blogFooterBg.png);
	background-repeat: repeat;
	margin-top: 10px;
	}

.sidebar { 
	width: 930px; 
	/* border: solid 20px #F7F3EF; */   
	padding: 20px 30px 20px 0px;
	}
	
.sidebar h3 { 
	font-size: 140%; 
	font-family: Bank Gothic, Arial, sans-serif;
	color: #999999;
	border-bottom: solid 1px #999999;
	margin-bottom: 6px;  
	line-height: 22px; 
	}
	
.sidebar .item {
	font-family:Arial, sans-serif;
	float: left; 
	margin-bottom: 40px; 
	margin-left: 30px;
	width: 212px;
	}
.sidebar .item a {
	font-size: 110%;
	color: #cccccc;
	letter-spacing: 1px; 
	}
.sidebar .item a:hover {
	color: #ffffff; 
	}
.sidebar .item ul { 
	padding: 0px; 
	list-style: none; 
	margin: 0px; 
	line-height: 20px; 
	}
.sidebar .item ul li {
	color: #999999; 
	font-size: 11px;
	}
.sidebar .item ul#half li { 
	width: 130px; 
	float: left; 
	}
	

.navigation { margin-top: -30px;
	}
.navigation a { 
	font-size: 120%; 
	font-family: Bank Gothic, Arial, sans-serif;
	color: #cccccc; 
	text-decoration: none; 
	padding: 6px; 
	}
.navigation a:hover { 
	color: #ffffff; 
	}
.navigation .leftalign { 
	float: left; 
	}
.navigation .rightalign { 
	float: right; 
	}



/*------------------------ FOOTER ----------------------*/


#footer {
	font-family: Arial, sans-serif;
	font-size: 85%; 
	margin:20px auto 0 auto;
	width:960px;
	height:50px;
	text-align: center;
}


/*------------------------ COMMENTS ----------------------*/


.comments { 
	font-family: Arial, sans-serif;
	margin-top: -20px; 
	}

.comments h2 { 
	font-size: 140%; 
	font-family: Arial, sans-serif;
	color: #999999;
	border-bottom: solid 1px #333333;
	margin-bottom: 6px;  
	line-height: 22px; 
	padding-bottom: 7px; 
	}
.comments .comment, .commentform { 
	display: block; 
	padding: 15px; 
	background: #333333; 
	width:502px;
	margin-top: 10px;
	}
.comments .comment p { 
	margin: 10px 0 0 0; 
	}
.comments .alt, .commentform {  
	}
.comments .comment .comment-meta { 
	border-bottom: solid 1px #999999; 
	font-size: 13px; 
	color: #999999; 
	padding-bottom: 5px; 
	}
.comments .comment .comment-meta a { 
	color: #CCCCCC; 
	text-decoration: none; 
	}
.comments .comment .comment-meta span { 
	padding: 2px; 
	font-size: 15px; 
	color: #999999;
	}
.comments .comment .cimment-meta span a { 
	color: #CCCCCC; 
	}
.comments .commentform .alignleft { 
	width: 150px; 
	float: left; 
	line-height: 40px; 
	margin-top; -15px; 
	}
.comments .commentform .alignright { 
	width: 350px; 
	float: left; 
	margin-top: 10px;
	}
.comments .commentform input, .comments .commentform textarea { 
	display: block; 
	padding: 5px; 
	width: 340px; 
	margin-bottom: 10px; 
	border: #999999 solid 1px; 
	background-color: #ffffff; 
	}
.comments .commentform input.submitbutton { 
	width: 150px; 
	background: #cccccc; 
	float: right; 
	}

.ads {
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin:0 0 20px 0;
}
.ads ul {
	width:280px;
	margin:0px;
	padding:0px;
    list-style-type: none;
}
.ads ul li a {
	border-bottom:none;
	float:left;
}
.ads ul li a:hover {
	border-bottom:none;
}
.ads img {
	margin:0px 10px 10px 0px;
}
.clear {
	clear: both;
	padding: 0px;
	margin: 0px;
}


/*------------------------ SEARCH ----------------------*/


form {
	padding: 0px;
	margin: 0px;
}
.searchbar {
	width: 290px;
	float: right;
	background: #0381CB url(images/s.png) no-repeat 262px center;
	padding: 8px 5px;
	margin: 50px 0 0 0;
}
.searchbar span {
	text-transform: uppercase;
	color: #fff;
	font-size: 14px;
	font-family: 'Trebuchet Ms', 'Arial', 'Verdana', sans-serif;
	float: left;
	padding: 3px 0px;
}
#searchtop #s {
	margin: 0px 10px;
	padding: 2px;
	height: 16px;
	font-size: 13px;
	width: 180px;
	border: 1px solid #DEA429;
}


/*------------------------ FLASH CONTENT ----------------------*/

#gallery {
	/* padding-top: 40px; */
	margin-bottom: 50px;
	width: 960px;
	height: 600px;
}


img.centered, .aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}