/*
Theme Name: RickNunn V5
Theme URI: http://ricknunn.com
Description: Oh it's dirty, it's very dirty. Oh it's all HTMLy 5 too.
Version: 5.0
Author: Rick Nunn
Author URI: http://ricknunn.com
Tags: dirty, HTML5, CSS3, Awesome
*/

/*######################################################################################################################

#####    ##    ######   ##   ##  ####    ##  ##     ##  ####    ##  ####    ##       ######      ######    ####     ####
#######  ##   ##    ##  ##  ##   ## ##   ##  ##     ##  ## ##   ##  ## ##   ##      ##    ##    ##    ##   ## ##   ## ##
##   ##  ##  ##         ## ##    ## ##   ##  ##     ##  ## ##   ##  ## ##   ##     ##          ##      ##  ## ##   ## ##
#######  ##  ##         ####     ##  ##  ##  ##     ##  ##  ##  ##  ##  ##  ##     ##          ##      ##  ## ##   ## ##
#####    ##  ##         ####     ##  ##  ##  ##     ##  ##  ##  ##  ##  ##  ##     ##          ##      ##  ## ##   ## ##
## ##    ##  ##         ## ##    ##  ##  ##  ##     ##  ##  ##  ##  ##  ##  ##     ##          ##      ##  ## ##   ## ##
##  ##   ##   ##    ##  ##  ##   ##   ## ##   ##   ##   ##   ## ##  ##   ## ## ###  ##    ##    ##    ##   ##  ## ##  ##
##   ##  ##    ######   ##   ##  ##    ####    #####    ##    ####  ##    #### ###   ######      ######    ##   ###   ##

######################################################################################################################*/

/*####################################################################################################################*/
/*############################# Main Style Sheet For RickNunn.com v5.0 September 2009 ################################*/
/*############################# By Rick Nunn #########################################################################*/
/*############################# Look, learn but have a concience and dont steal#######################################*/
/*####################################################################################################################*/

/*##################################*/
/*######### HTML5 Elements #########*/
/*##################################*/

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

/*###########################*/
/*######### General #########*/
/*###########################*/

*{
	list-style:none; 
	margin:0;
	padding:0; 
	text-decoration: none;
	-webkit-text-size-adjust: none;
}

body {
	background: #EAE8E4;
	color: #333;
	border-top: 23px solid #D70842;
}

section#wrapper{	
	background: #333;
	margin: 0 auto;
	margin-top: 20px;
	position: relative;
	width:920px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

a{color: #D70842;}

a:hover{text-decoration: underline;}

a img{border: none;}

.left{float: left;}

.right, section.right{float: right;}

.clear{clear: both;}

sup{
	line-height: 70%;
	font-size: 70%;
}

/*##########################*/
/*######### Header #########*/
/*##########################*/

section#what_am_i_working_on{
	position: absolute;
	color: #FFF;
	top: -40px;
	font-family: "chaparral-pro-1","chaparral-pro-2",sans-serif;
}

section#what_am_i_working_on stong{
	font-weight: bold;
}

section#what_am_i_working_on a{
	color: #FFF;
	border-bottom: 1px dotted #FFF;
}

section#what_am_i_working_on a:hover{
	border-bottom: 1px solid #FFF;
	text-decoration: none;
}

header#main_head{
	background-color: #D70842;
	height: 100px;
	margin: 0 auto;
	position: relative;
	width: 920px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

header#main_head h1{
	position: absolute; 
	top:0;
	left: 0;
	text-indent: -9999px;
}

header#main_head h4.byline{
	color: #EAE8E4;
	font-size: 30px;
	font-weight: normal;
	margin-left: 250px;
	padding-top: 45px;
}

a#show_me_more{
	border-top: 13px solid #333;
	position: absolute;
	right: 0;
	top: -43px;
	width: 55px;
	height: 15px;
	text-indent: -9999px;
	background: url(style/images/more.png) no-repeat bottom;
}

a#show_me_more:hover{
	height: 17px;
}

section#crest{
	background: #D70842 url(style/images/crest.png) no-repeat;
	height: 205px;
	left: 20px;
	position: absolute;
	top: 20px;
	width: 205px;
	z-index: 998;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

section#crest a{
	display: block;
	width: 205px;
	height: 205px;
	text-indent: -9999px;
}	



/*##########################*/
/*######### Footer #########*/
/*##########################*/

#footer {
	border-top: 1px dashed #EAE8E4;
	clear:both;
	color: #EAE7E4;
	margin-bottom: 20px;
	padding-bottom: 20px; 
}

#footer .box{
	background: #000;
	background:transparent;
      filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000,endColorstr=#88000000);
	background: rgba(0,0,0,0.2);
	}

/*### Footer - Search ###*/

#searchform{
	margin: 5px;
	background: #FFF;
	padding: 5px;
	position: relative;
}

#searchform input#s{
	width: 390px;
	font-size: 20px;
	border: none;
}

#searchform input.submit{
	position: absolute;
	right: 5px;
	top: 5px;
}

form input{
	color: #333333;
}

form input.jIL_labelled{
	color: #BBB;
}

form input.jIL_focused{
	color: #333333;
}

/*### Footer - About Me ###*/


#footer #about_me p{
	font-size: 12px;
	margin-bottom: 0;
}

/*### Footer - Network With Me ###*/

#footer #network_with_me ul{
	margin: 0;
	padding: 0;
}

#footer #network_with_me ul li{display: inline;}

#footer #network_with_me ul li a{
	color: #EAE8E4;
	margin-right: 2px;
	font-size: 12px;
}

/*### Footer - Recent Posts ###*/

#recent_posts li em{
	background: url(style/images/comment_bubble_small.png) no-repeat;
	margin-left: 5px;
	padding-left: 15px;
}

#recent_posts li time{
	background: url(style/images/cal_small.png) no-repeat;
	padding-left: 15px;
}


#recent_posts li a{
	display: block;
	font-size: 13px; 
	text-align: left;
}

/*### Footer - Archive ###*/

.archive li{
	background: url(style/images/cal_small.png) no-repeat 0 3px;
	padding-left:15px;
}

.archive li a{
	font-size: 13px;
}

#footer .archive li a{
	color: #EAE8E4;
}

/*### Footer - Tags ###*/

.tags a{
	background: url(style/images/tag_small.png) no-repeat;
	font-size: 11px; 
	margin: 0;
	padding-left:15px;
}

#footer .tags a{
	color: #EAE8E4;
}

/*### Footer - Categories ###*/ 

.categories a{
	background: url(style/images/categories_small.png) no-repeat;
	padding-left:15px;
}

/*### Footer - Site Footer ####*/

footer#site_footer{
	width: 920px;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 50px;
	color: #999;
	font-size: 10px;
	background: url(style/images/footer_crest.png) no-repeat;
}

footer#site_footer p{
	padding: 6px 0 0 84px;
}

footer#site_footer p a{
	color: #999;
}

footer#site_footer p a:hover{
	color: #333;
}



/*### Footer - To The Wall ###*/

section.to_the_wall a img{padding: 0;}

/*### Content Structure ###*/


/*##################*/
/*### Typography ###*/
/*##################*/

/*### Font Face ###*/

/*### Type - General ###*/

body{
	font-size: 14px;
	font-family: helvetica, arial, sans-serif;
	line-height: 18px;
	margin: 0; 
	padding: 0
	text-align: left;
}

/*### Type - Headings ###*/

h1, h2, h3, h4, h5, h6{
	font-family: "chaparral-pro-1","chaparral-pro-2",sans-serif;
	font-weight: normal;
	margin: 0 0 10px 0;
}

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

h1 {
	font-size: 30px;
	line-height: 34px;
}

h2 {
	font-size: 28px;
	line-height: 32px;
}

h3 {
	font-size: 24px;
	line-height: 28px;
}

h4 {
	font-size: 20px;
	line-height: 24px;
	margin: 0 0 5px 0;
}

h5 {
	font-size: 16px;
	line-height: 18px;
	margin: 0 0 5px 0;
}

h6 {
	font-size: 14px;
	line-height: 16px;
	margin: 0 0 5px 0;
}

/*### Type - Content ###*/

.column p, .column ul, .column blockquote, .column pre, .column td, .column th, .column label {
	font-size: 14px;
	line-height: 21px;
	margin: 0 0 10px 0;
	text-align: left;
}
.column p.small {
	font-size: 11px;
	line-height: 13px;
	margin-bottom: 10px;
}

p.center{text-align: center;}

em.caps, abbr.caps{
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	opacity: 0.9;
	-moz-opacity: 0.8;
	filter:alpha(opacity=90);
}

/*###########################*/
/*######### Content #########*/
/*###########################*/

/*### Content - Structure ###*/

section#content_area{
	background: #333;
	margin-bottom: 20px;
}

.halfwrap{
	float: left;
	width: 450px;
}

.column_wrapper{
	width: 225px;
	float: left;
	}

.column{
	float: left;
	margin: 20px 0 0 20px;
	width: 185px;
	padding: 10px;
}

.double{width: 410px;}

.triple{width: 635px;}

.quadruple{width: 860px;}

.box{
	background: #EAE8E4;
	display: block;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.first{margin-top: 145px;}

.column h1, .column h2, .column h3, .column h4, .column h5, .column h6{ padding: 0;}

.column p{padding: 0;}

a.column img, .column a img{padding: 0;}

article.column a img{padding: 5px; background: #fff; margin: 0 5px}

/* Content - Slide Show */

#show li{
	height: 611px;
	position: relative;
	width: 920px;
}

#show li section{ 
	background: #333;
	background: rgba(51,51,51,0.8);
	bottom: 0;
	display: block;
	left: 0;
	padding: 10px;
	position: absolute;
	width: 900px;
	/* Opacity */
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#show li section h2{
	color: #D70842;
	display: inline;
	font-size: 300%; /* fix */
	}

#show li section p{
	color: #EAE8E4;
	display: inline;
	padding: 0 10px;
}

/*###########################*/
/*######### Article #########*/
/*###########################*/

/*### Article - Post Info ###*/

.article_wrapper{
	float: left;
	width: 675px;
	}

.post_info{padding-bottom: 5px;}

.post_info p.small{
	margin-bottom: 5px;
	padding: 0 0 0 5px;
}

.post_info h4{
	margin-bottom: 0;
	padding-bottom: 0;
}

/*### Article - Headings ###*/

article.column header img{
	border-bottom: 3px solid #333;
	padding: 0;
}

article.column h1{
	background: url(style/images/dashes.png) no-repeat left bottom;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
}

article.column h2, article.column h3, article.column h4{
	margin: 0 0 10px 0;
	padding: 0;
}

/*### Article - Footer ###*/

article.column footer{
	color: #333;
	margin: 0;
	padding: 0;
	background: none;
}

/*### Article - General Styling ###*/

article.column p{padding: 0;}

article.column p.note{
	background: #EEE8C0;
	border: 1px solid #B3AE98;
	font-size: 12px;
	padding: 10px;
}

article.column ul{
	padding: 0 20px 0 30px;
}

article.column ul li{
	list-style: disc;
	padding-bottom: 10px;
}

article.column ol{
	padding: 0 20px 0 30px;
}

article.column ol li{
	list-style: decimal;
	padding-bottom: 10px;
}

.strike{
	text-decoration: line-through;
}

.amp{
	font-family:Palatino,Georgia;
	font-size: 110%;
	font-style:italic;
	}

article.column abbr{
	border-bottom: 1px dotted #999;
}

/*### Article - Blockquote ###*/

article.post blockquote{
	background: url(style/images/blockquote_bg.png) no-repeat 85px 0;
	padding-left: 210px;
	min-height: 65px;
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 20px;
}

article.post blockquote.chunky p{
	font-size: 20px;
	line-height: 24px;
}

article.post blockquote cite{
	text-align: right;
	font-weight: bold;
	font-style: normal;
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
}



/*### Article - Lists ###*/

article.post ul{/* Style Me Up */}

article.post ul li{/* Style Me Up */}

article.post ol{/* Style Me Up */}

article.post ol li{/* Style Me Up */}

/*### Article - Image ###*/

.post a img{border: 2px solid #333;}

.post img.framed{border: 2px solid #333; padding: 5px; background: #FFF;}

.post a img:hover{border: 2px solid #D70842;}

/*### Article - Comments ###*/

#comments header h3{
	background: url(style/images/dashes.png) no-repeat;
	margin: 10px 5px;
	padding: 10px 0 0 0;
	}
	
#comments article.comment{
	background:transparent;
      filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000,endColorstr=#88000000);
	background-color: rgba(51, 51, 51, .2);
	border: 1px solid #333;
	margin: 0 10px 10px 10px;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#comments article.author{background: url(style/images/author_tag.png) no-repeat top right;}

#comments article.comment header{
	background: url(style/images/dashes.png) no-repeat bottom left;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

#comments article.comment header img{border: none;}

#comments article.comment header img, #comments article.comment header h4, #comments article.comment header p{
	display: inline;
	margin: 0;
	padding: 0;
}

/*### Article - Comment Form ###*/

form#commentform{
	width: 666px;
}

form#commentform input.text_input{
	border: none;
	font-size: 20px;
	padding: 5px;
	width: 180px;
	margin: 10px;
}

form#commentform textarea{
	font-family: helvetica, arial;
	color: #333;
	border: none;
	font-size: 14px;
	padding: 5px;
	width: 607px;
	margin: 10px;
	height: 150px;
}

form#commentform #submit{
	background: #333;
	border: none;
	color: #EAE8E4;
	padding: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0 10px 10px 10px;
}

form#commentform .email_notify{
	padding-left: 10px;
	padding-bottom: 7px;
	width: 607px;
	display: block;

}

form#commentform .email_notify p{
	font-size: 12px;
	}

form#commentform .email_notify .subscribe-to-comments{
	font-weight: bold;
}

form#commentform .email_notify *{
	display: inline;
}

/*###############################*/
/*######### Enrichments #########*/
/*###############################*/

/*### Enrichment - Network Icons ###*/

.flickr_link, .twitter_link, .lastfm_link, .facebook_link, .liveforfame_link, .tumblr_link{padding: 2px 2px 2px 20px;}
.flickr_link{background: url(style/images/icon_flickr.png) no-repeat;}
.twitter_link{background: url(style/images/icon_twitter.png) no-repeat;}
.lastfm_link{background: url(style/images/icon_last_fm.png) no-repeat;}
.facebook_link{background: url(style/images/icon_facebook.png) no-repeat;}
.liveforfame_link{background: url(style/images/icon_liveforfame.png) no-repeat;}
.tumblr_link{background: url(style/images/icon_tumblr.png) no-repeat;}

/*### Enrichment - Flickr Image ###*/

.flickr_img{position: relative;}

.flickr_img span{
	background: url(style/images/view_on_flickr.png);
	display: none;
	height: 0;
	left: 16px;
	overflow: hidden;
	padding-top: 16px;
	position: absolute;
	bottom: 17px;
	width: 96px;
}

.flickr_img:hover span{display: block;}

.no_hover .flickr_img:hover span{display: none;}

/*### Enrichment - Dirt ###*/

section#content_area, .box, #main_head, #footer, .first, body{
	background-image: url(style/images/dirt.png);
	background-position: 30% 0%;
}

body{background-position: -600px 0; background-attachment: fixed;}
section#content_area{background-position: 136% 1%;}
#main_head{background-position: -40% 34%;}
.first{background-position: 21% 54%;}

/*###############################*/
/*######### Post Syles ##########*/
/*###############################*/

/*### How To Preview & Equitment ###*/

#how_to_preview_equitment{

}

#how_to_preview_equitment .preview, #how_to_preview_equitment .equitment{
	width: 310px;
	float: left;
}

#how_to_preview_equitment .preview{
	margin-right: 15px;
}

#how_to_preview_equitment .preview img{
	border: 1px solid #333;
	background: #FFF;
	padding: 10px;
}

#how_to_preview_equitment .equitment ul{
	padding: 0;
	margin: 0;
}

#how_to_preview_equitment .equitment ul li{
	list-style: none;
	padding-left: 40px;
	background: url(style/images/icon_camera.png) no-repeat;
}

#how_to_preview_equitment .equitment ul li.lens{
	background: url(style/images/icon_lens.png) no-repeat;
}

#how_to_preview_equitment .equitment ul li.accessories{
	background: url(style/images/icon_accessories.png) no-repeat;
}

#how_to_preview_equitment .equitment ul li.flashes{
	background: url(style/images/icon_flash.png) no-repeat;
}


#how_to_preview_equitment .equitment ul li p{
	margin: 0;
	padding: 0;
}

/*### Compare List ###*/

article.column ul.compare_lis{
	list-style: none;
	padding: 0;
}

ul.compare_lis li{
	list-style: none;
}

ul.compare_lis li div.product{
	width: 290px;
	float: left;
	padding: 0 13px;
	margin-bottom: 10px;
}

article.column ul.compare_lis li{
	list-style: none;
}