/*
Theme Name: Big Picture
Theme URI: 
Description: Theme uses post's image as a full scale background.
Version: 1.0
Author: Eugene Okoronkwo
Author URI: http://raw-brand.com/
Tags: portfolio, photo, fixed width, two columns, widgets, jQuery

	Big Picture v1.0
	http://raw-brand.com/

	This theme was designed and built by Eugene Okoronkwo,
	whose website you will find at http://raw-brand.com/

*/

/* ----------- COLOURS -----------

Black: 		#FFF
White:		#333
Blue:		#15A2FF

*/

/* 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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ol, ul, li{
	list-style: none;
}

/* -------------------- PAGE SETUP -------------------- */

html {height:100%;}
body {background-color:#DDD;color:#333;font-family: Arial, Verdana, sans-serif;font-size:12px;height:100%;line-height:1.5em;}


/* -------------------- TYPOGRAPHY -------------------- */

p{margin:18px 0;}

a{color:#15A2FF;text-decoration:none;}
a:hover{color:#333;}
.sidebar a{border:none;}
h2 a{color:#15A2FF;}
h2 a:hover{color:#333;}

h1{font-size:4em;letter-spacing:-2px;}
h1 a{color:#333;}

h2{font-size:2em;letter-spacing:-1px;}
.sidebar h2{margin-bottom:10px;}
h2.pagetitle{color:#15A2FF;margin-bottom:30px;}
#wrapper #content-holder #main-content h2{border-bottom:2px solid #15A2FF;}
#wrapper #content-holder #main-content h2.pagetitle, #wrapper #content-holder #main-content .post-content .post h2, #wrapper #content-holder #main-content .post-content .page h2, #wrapper #content-holder #main-content .comments, #wrapper #content-holder #main-content .commentlist h2, #wrapper #content-holder #main-content #author-info h2{border:none;}

h3{font-size:1.5em;margin:20px 0 10px;}
.comments-label h3{font-size:2em;letter-spacing:-1px;}

h4{color:#999;font-size:1em;}

h5{color:#999;font-size:1em;font-style:italic;}

h6{color:#999;font-size:0.857em;}

/* -------------------- LAYOUT -------------------- */


/* Full screen scaling BG Image */

img.bg{min-height:100%;min-width:1024px;width:100%;height:auto;position:fixed;top:0;left:0;z-index:0;}
@media screen and (max-width: 1024px){
	img.bg{left:50%;margin-left:-512px;}
}

#wrapper{_height:100%; /* for IE6 */height: auto !important;height:100%;margin: 0 auto -85px;min-height:100%;overflow:hidden;padding:1px 0;position:relative;width:99%;z-index:1;}

#wrapper #content-holder{clear:both;margin:0 auto 20px;overflow:hidden;width:100%;}

#wrapper #content-holder #title{background-color:#FFF;max-width:450px;padding:40px 20px 20px;}
#wrapper #content-holder #title h1{margin-bottom:5px;}
#wrapper #content-holder #title h2{color:#15A2FF;font-size:1.2em;}

#wrapper #content-holder #sidebar-holder{left:19px;overflow:hidden;top:130px;width:220px;}
#wrapper #content-holder #sidebar-holder #buttons{background-color:#FFF;height:30px;padding:0 20px;text-align:center;width:180px;}
#wrapper #content-holder #sidebar-holder #buttons a{border:none;}
#wrapper #content-holder #sidebar-holder #buttons a:hover{border:none;}

.sidebar{background-color:#FFF;padding:20px;position:absolute;width:180px;z-index:3;}

#wrapper #content-holder #sidebar-right{margin-bottom:20px;right:0;top:20px;}
#wrapper #content-holder #sidebar-right #sidebar-contents{width:180px;}
.spacer{height:30px;}

#wrapper #content-holder #main-content{background-color:#FFF;margin:200px auto 0;overflow:hidden;position:relative;z-index:1;}


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

/* Center position */

#wrapper #content-holder #main-content.center{width:540px;}


/* Offset position */

#wrapper #content-holder #main-content.offset{float:right;margin:0 10% 0 0;}


/* Right Position */

#wrapper #content-holder.right{margin:0 auto -1px;}
#wrapper #content-holder #main-content.right{float:right;margin:-150px 0 0;}
	
	/* with sidebar */
	
	#wrapper #content-holder.right #sidebar-right{float:right;margin:-170px 0 0;position:relative;}

/* Bottom */
#wrapper #content-holder #main-content.bottom{bottom:70px;position:absolute;right:10px;}


/* ---------------------------------------- LAYOUT STYLES ---------------------------------------- */

#wrapper #content-holder #main-content .post-content{padding:20px;width:500px}
#wrapper #content-holder #main-content.bottom .post-content{padding:0 20px 20px;}

/* Single Layout */


	/* Posts */
	
	#wrapper #content-holder #main-content .post-content .post {height:250px;overflow:hidden;position:relative;}
	#wrapper #content-holder #main-content .post-content .post img{position:absolute;left:0;top:0;width:500px;z-index:1;}
	#wrapper #content-holder #main-content .post-content .post h2{background-color:#FFF;float:left;margin-top:20px;padding:10px;position:relative;z-index:2;}
	#wrapper #content-holder #main-content .post-content .post h2 a{color:#333;}
	#wrapper #content-holder #main-content .post-content .post h2 a:hover{color:#15A2FF;}
	#wrapper #content-holder #main-content .post-content .post-info{border-bottom:1px dotted #DDD;margin-bottom:20px;}
	
	/* Page */
	
	#wrapper #content-holder #main-content .post-content .page {height:250px;overflow:hidden;position:relative;}
	#wrapper #content-holder #main-content .post-content .page img{width:500px;}

	
/* Wide portfolio layout */

#wrapper #content-holder #main-content.wide .post-content{overflow:hidden;padding:20px 20px 0;position:relative;}
.wide .the-post{margin-bottom:20px;}

	/* Post */
	
	#wrapper #content-holder #main-content.wide .post-content .post{height:250px;margin-bottom:20px;overflow:hidden;position:relative;}
	#wrapper #content-holder #main-content.wide .post-content .post img{position:absolute;left:0;top:0;width:500px;z-index:1;}
	#wrapper #content-holder #main-content.wide .post-content .post h2{background-color:#FFF;float:left;margin-top:20px;padding:10px;position:relative;z-index:2;}
	#wrapper #content-holder #main-content.wide .post-content .post h2 a{color:#333;}
	#wrapper #content-holder #main-content.wide .post-content .post h2 a:hover{color:#15A2FF;}
	
	/* Page */
	
	#wrapper #content-holder #main-content.wide .post-content .page{height:250px;margin-bottom:20px;overflow:hidden;position:relative;}
	#wrapper #content-holder #main-content.wide .post-content .page img{position:absolute;left:0;top:0;width:500px;z-index:1;}
	#wrapper #content-holder #main-content.wide .post-content .page h2{background-color:#FFF;float:left;margin-top:20px;padding:10px;position:relative;z-index:2;}
	#wrapper #content-holder #main-content.wide .post-content .page h2 a{color:#333;}
	#wrapper #content-holder #main-content.wide .post-content .page h2 a:hover{color:#15A2FF;}

#wrapper #content-holder #main-content.wide .post-content .post .post-preview {background-image:url(../images/alpha-white.png);border:none;bottom:0;left:0;padding:20px;position:absolute;width:460px;z-index:2;}

.post-preview .date, .post-info .date{font-size:0.8em;font-weight:bold;margin-bottom:5px;}


/* Thumbnail portoflio layout */

#wrapper #content-holder #main-content .thumbnail-holder{clear:both;margin-top:10px;overflow:hidden;width:520px;}
#wrapper #content-holder #main-content .thumbnail-holder .thumbnail-preview{float:left;height:110px;overflow:hidden;margin:0 20px 20px 0;width:153px;}
#wrapper #content-holder #main-content .thumbnail-holder .thumbnail-preview  img{background-color:#F6F6F6;padding:10px;position:absolute;width:133px;z-index:1;}
#wrapper #content-holder #main-content .thumbnail-holder .thumbnail-preview h4{margin:20px 0 0 10px;position:relative;z-index:2;}
#wrapper #content-holder #main-content .thumbnail-holder .thumbnail-preview h4 a{background-color:#FFF;color:#333;padding:2px 4px;}

/* ---------------------------------------- END OF LAYOUT STYLES ----------------------------------------*/

.video{background:url(../images/video-bg-black.png) center center no-repeat;}
.image{background:url(../images/image-bg-black.png) center center no-repeat;}
.misc{background:url(../images/misc-bg-black.png) center center no-repeat;}

/* Comment Label */

.comments-label{background:url(../images/comment-tail.png) no-repeat bottom right;float:right;margin:20px 10px 0 0;padding-bottom:20px;position:relative;z-index:2;}
.comments-label .comments-text{background-color:#15A2FF;border-radius:5px;padding:5px;text-align:center;}
.comments-label .comments-text h3{color:#FFF;margin:0;width:100%;}
.comments-label .comments-text p{color:#FFF;font-weight:bold;margin:0;width:100%;}
.comments-label .comments-text a{color:#FFF;}
.comments-label .comments-text a:hover{color:#333;}


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

.tweetmeme{float:left;margin:20px 20px 10px 20px;}

.post-content, .the-post{overflow:hidden;position:relative}

.the-post{}
.the-post h1, .the-post  h2, .the-post  h3, .the-post  h4, .the-post  h5, .the-post  h6{margin:20px 0 10px;}
.the-post  ul {margin:10px 0 10px 30px}
.the-post  ul li, form ul li{background:url(../images/right-arrow-black.png) left 5px no-repeat;padding:1px 0 1px 20px;}
.the-post ol{margin:10px 0 20px 45px;}
.the-post ol li{list-style-type:decimal;padding-left:5px;}
.the-post blockquote{border-left:5px solid #15A2FF;font-style:italic;margin:20px 0;padding:5px 0 5px 20px;}
.the-post cite{display:block;margin-top:10px;}
.the-post img{background-color:#F6F6F6;margin:0 10px 10px 0;max-width:480px;padding:10px;}
.the-post img.alignright{float:right;margin:0 0 10px 10px;}
.the-post img.alignleft{float:left;margin:0 10px 10px 0;}
.the-post img.aligncenter {display:block;margin:0 auto 10px;}

.the-post table{border-collapse:collapse;border-spacing:0;margin:18px 0;width:500px;}
.the-post th{background-color:#15A2FF;color:#FFF;padding: 6px 6px 6px 12px;text-align: left;}
.the-post td{background-color:#F6F6F6;border:1px solid #FFF;padding: 6px 6px 6px 12px;}
.the-post .alt td{background-color:#DDD;}

/* Post tags */

.tags{background:url(../images/tags.png) no-repeat left center;margin:15px 0 20px;padding-left:30px;}
.tags p{margin:0;}


/* Auther Info */

#author-info{background-color:#F6F6F6;border-bottom:1px dotted #DDD;border-top:1px dotted #DDD;display:block;margin:20px -20px 0;overflow:hidden;padding:0 20px 10px 20px;position:relative;width:500px}
#author-info img{position:absolute;top:50%;height:80px;margin-top:-40px}
#author-info .text{margin-left:100px;width:400px;}
#author-info h4{}
#author-info h3{margin:20px 0;}
#author-info p.plus-margin{margin-top:20px;}
#author-info li{float:left;margin-right:20px;}

/* -------------------- THUMBNAIL SHORTCODE -------------------- */

.the-post .thumbnail-holder img.thumbnail {background:none;margin:auto;padding:0;width:133px;}
.thumbnail-holder .thumbnail-mask{background-color:#F6F6F6;height:90px;float:left;margin:0 20px 20px 0;overflow:hidden;padding:10px;position:relative;width:133px}
.thumbnail-bottom-bar{background-color:#F6F6F6;bottom:0;height:10px;position:absolute;width:100%;}

.the-post .wide-holder a img.wide{background:none;padding:0;width:480px;}
.wide-holder{background-color:#F6F6F6;clear:both;height:210px;margin-bottom:20px;padding:10px;position:relative;overflow:hidden;width:500px;}
.wide-bottom-bar{background-color:#F6F6F6;bottom:0;height:10px;position:absolute;width:100%;}

/* -------------------- WIDGETS -------------------- */


/* search widget */

.screen-reader-text{display:none;}
#searchform input{display:block;margin:10px auto;}


/* Recent Entries */
.widget_recent_entries ul{border-top:1px dotted #DDD;}
.widget_recent_entries ul li{border-bottom:1px dotted #DDD;padding:5px 0;}


/* Archive Widget */
.widget_archive ul li{border-bottom:1px dotted #DDD;padding:5px 0;}

/* Categories */

.sidebar .widget_categories ul{border-top:1px dotted #DDD;}
.sidebar .widget_categories ul li{background:url(../images/right-arrow-black.png) 0 7px no-repeat;border-bottom:1px dotted #DDD;height:28px;}
.sidebar .widget_categories ul li a{display:inline-block;padding:4px 0 4px 15px;}
/*.sidebar .widget_categories ul li ul li{background:url(../images/right-arrow.png) 10px 7px no-repeat;border:none}
.sidebar .widget_categories ul li ul li a{border-bottom:1px dotted #DDD;display: inline-block;padding:5px 0 5px 25px;}
.sidebar .widget_categories ul li ul li ul li{background:url(../images/right-arrow.png) 20px 7px no-repeat;}
.sidebar .widget_categories ul li ul li ul li a{border-bottom:1px dotted #DDD;display: inline-block;padding:5px 0 5px 35px;}*/


/* Calender */

.sidebar table{width:180px;}
.sidebar td{text-align:center;}

.pagination{margin-bottom:20px;}
.pagination a {background-color:#15A2FF;color:#FFF;font-weight:bold;margin-right:4px;padding:3px 6px;}
.pagination a:hover, .emm-paginate a:active {color:#333;}
.pagination .emm-gap {margin-right:4px;}
.pagination .emm-current {color:#333;background:none;font-weight:bold;margin-right:4px;padding:3px 6px;}
.pagination .emm-page {}
.paginatione .emm-prev, .emm-paginate .emm-next {}
.pagination ul{margin:40px 0;overflow:hidden;}
.pagination ul li{padding:0 5px;}
.pagination ul li.prev{background: #15A2FF url(../images/left-arrow.png) left center no-repeat;float:left;padding-left:15px;}
.pagination ul li.next{background: #15A2FF url(../images/right-arrow.png) right center no-repeat;float:right;padding-right:15px;}


/* Comments */

.comments{margin-bottom:20px;}
.commentlist ol, .commentlist ul{overflow:hidden;}
.commentlist li{clear:both;margin:10px;}
.comment-holder {overflow:hidden;padding:10px;}
li.depth-1 {margin:0 0 10px 0;}
.even{background-color:#F6F6F6;}
.odd{background-color:#DDD;}
.comment-holder p{margin-top:10px;}
.comment-author{float:left;height:100%;margin:10px 10px 20px;overflow:hidden;}
.comment-author img{float:left;margin-right:10px;}
.comment-time{float:right;margin-right:10px;}
.comment-time p{color:#333;}
.comment-time a{color:#15A2FF;}
.comment-time a:hover{color:#333;}
.author-name{clear:right;float:left;margin-top:0;}
.author-name h3{margin-top:0;}
.the-comment{clear:both;margin:10px;}
#respond{margin:0 0 10px;}


/* Forms */

.even #respond, .odd #respond{margin:0 20px -10px;}

textarea{background-color:#F6F6F6;border:1px solid #DDD;color:#333;font-family: Arial, Verdana, sans-serif;margin:0;padding:0;width:100%;}
input{background-color:#F6F6F6;border:1px solid #DDD;color:#333;padding:4px;margin:0;width:50%}
#respond{margin-bottom:-10px;}
#respond form{padding-bottom:10px;}
#respond p{margin:5px 0;}
#s{width:172px;}
#searchform #searchsubmit, #submit{background-color:#15A2FF;border:none;color:#FFF;cursor:pointer;display:block;font-weight:bold;margin:5px auto 0;padding:0;}
#searchform #searchsubmit:hover, #submit:hover{background-color:#DDD;}
h3.error{margin:0;}
ul.error{margin-bottom:20px;}
#sendCopy{width:20px;}
.screenReader{position:absolute;left:-99999px;}
#loading{display:block;margin:5px auto 0;}
#respond .checkbox-margin{margin:10px 0;}
#respond .submit-margin{margin:5px 0 0;}

/* Admin comment */
.bypostauthor{border-top:2px solid #15A2FF;}
.byuser .author-name h2{color:#333;}
.byuser .author-name h2 a{color:#15A2FF;}
.byuser .author-name h2 a:hover{color:#333;}


/* Navigation Styling */

	#nav-bar{background-color:#FFF;border-top:1px dotted #DDD;list-style:none;width:100%;}
	#nav-bar li{border-bottom:1px dotted #DDD;padding:4px 0;position:relative;width:100%;}
	#nav-bar li a{display:block;height:100%;width:100%;}
	#nav-bar li a:hover{color:#333;}

	/* Fix IE. Hide from IE Mac \*/
		* html #nav-bar li{ float: left; height: 1%; }
		* html #nav-bar li a{ height: 1%; }
	/* End */

	/* Second Row Styling */
	
	#nav-bar li ul{background-color:#FFF;list-style:none;left:180px;padding:20px 20px 20px 20px;position:absolute;top:-20px;width:100%;}
	#nav-bar li ul li{border-top:1px dotted #DDD;margin-top:-1px;}
	#nav-bar li ul li a{}

	/* Magic */
	
	#nav-bar ul,
	#nav-bar li:hover ul ul
	{display:none;}

	#nav-bar li:hover ul,
	#nav-bar ul li:hover ul
	{display:block;}

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

.push{height:85px;}

#footer{background-color:#FFF;clear:both;margin:0 auto 10px;overflow:hidden;padding:20px;position:relative;z-index:3;}
#footer #footer-left{float:left;margin-left:10px;}
#footer #footer-right{float:right;margin-right:10px;}

#footer ul{margin:10px 0;overflow:hidden;}
#footer ul li{float:left;margin-left:20px;}

/*-------------------- PAGE BORDER -------------------- */

#top, #bottom, #left, #right{background: #FFF;position:fixed;z-index:1000;}
	#left, #right{top:0;bottom:0;width:20px;}
		#left{left:0;}
		#right{right: 0;}

	#top, #bottom{left:0;right:0;height: 20px;}
		#top{top:0;}
		#bottom{bottom:0;}