/*

Theme Name: Big Picture
Theme URI: http://themeforest.net/item/big-picture-theme-for-wordpress/106446
Description: Theme uses post's image as a full scale background.
Version: 1.2
Author: Eugene Okoronkwo
Author URI: http://raw-brand.com/
Tags: portfolio, photo, fluid layout, widgets, jQuery

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

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

*/

/* 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-color: transparent;

}

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

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

html {height:100%;}
body {background-color: transparent;font-size:12px;height:100%;line-height:1.5em;}


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

p{margin:18px 0;}

a{}
a:hover{}
.sidebar a{border:none;}
h2 a{}
h2 a:hover{}

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

h2{background-color: transparent;font-size:2em;letter-spacing:-1px;}
.sidebar h2{margin-bottom:10px;}
h2.pagetitle{margin-bottom:30px;}
#wrapper #content-holder #main-content h2{}
#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{font-size:1em;}

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

h6{font-size:0.857em;}

/* -------------------- LAYOUT -------------------- */
.displace{left:-9999px;position:absolute;}


/* Full screen scaling BG Image */

img.bg{position:absolute;top:130px;left:170px;z-index:2;}


@media all and (max-width: 649) {
	img.bg{opacity:0.0;
filter:alpha(opacity=0); /* For IE8 and earlier */}
}

@media all and (max-width: 894px) and (min-width: 650px) {
	img.bg{width:10%;}
}

@media all and (max-width: 1050px) and (min-width: 895px) {
	img.bg{width:20%;}
}

@media all and (max-width: 1200px) and (min-width: 1051px) {
	img.bg{width:30%;}
}

@media all and (min-width: 1201px) {
	img.bg{width:40%;}
}

#wrapper{_height:100%; /* for IE6 */height: auto !important;height:100%;margin: 0 auto -78px;min-height:100%;overflow:hidden;position:relative;width:98%;z-index:3;background-color:transparent;}

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

#wrapper #content-holder #title{float:left;margin-top:1px;margin-left:30px;max-width:800px;padding:1px;}
#wrapper #content-holder #title h1{margin:0 0 5px;}
#wrapper #content-holder #title h2{font-size:1.2em;}

#wrapper #content-holder #sidebar-holder{clear:both;left:5px;overflow:hidden;top:30px;width:140px;}
#wrapper #content-holder #sidebar-holder #buttons{height:30px;padding:0 20px;text-align:center;width:120px;}
#wrapper #content-holder #sidebar-holder #buttons a{border:none;}
#wrapper #content-holder #sidebar-holder #buttons a:hover{border:none;}

.sidebar{background-color:transparent;padding:20px;position:absolute;width:120px;z-index:4;}

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

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


/* ---------------------------------------- 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;padding-bottom:1px;}
#wrapper #content-holder #main-content.right{top:0px;float:right;margin:-50px 0 0;}

	
	/* with sidebar */
	
	#wrapper #content-holder.right #sidebar-right{float:right;margin:-175px 0 0;position:relative;}

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


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

#wrapper #content-holder #main-content .post-content{background-color:transparent;padding:20px;width:500px}
#wrapper #content-holder #main-content .post-XXcontent{background-color:transparent;padding:20px;width:650px}
#wrapper #content-holder #main-content.bottom .post-content{background-color:transparent;padding:0 20px 20px;}

/* Single Layout */


	/* Posts */	
	.post-content .post {height:250px;overflow:hidden;position:relative;}
	.post-content .post img{position:absolute;left:0;top:0;width:500px;z-index:1;}
	.post-content .post h2{float:left;margin-top:20px;max-width:390px;padding:10px;position:relative;z-index:2;}
	.post-content .post h2 a{}
	.post-content .post h2 a:hover{}
	.post-content .post-info{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 */
	.wide .post-content .post{margin-bottom:20px;}

	
	/* Page */
	.post-content .page{background-color:transparent;height:250px;margin-bottom:20px;overflow:hidden;position:relative;}
	.post-content .page img{position:absolute;left:0;min-height:250px;top:0;width:500px;z-index:1;}
	.post-content .page h2{float:left;margin-top:20px;padding:10px;position:relative;z-index:2;}
	.post-content .page h2 a{}
	.post-content .page h2 a:hover{}

#wrapper #content-holder #main-content.wide .post-content .post .post-preview {background-color:transparent;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:10px 0 -20px 0;overflow:hidden;width:520px;}
#wrapper #content-holder #main-content .thumbnail-holder .thumbnail-preview{float:left;height:110px;overflow:hidden;margin:0 20px 20px 0;position:relative;width:153px;}
#wrapper #content-holder #main-content .thumbnail-holder .thumbnail-preview  img{display:block;height:110px;left:0;margin:0 auto;min-width:153px;width:auto !important;width:153px;position:absolute;top:0;z-index:1;}
#wrapper #content-holder #main-content .thumbnail-holder .thumbnail-preview h4{float:left;padding:2px 4px;margin:20px 0 0 0;position:relative;z-index:2;}
#wrapper #content-holder #main-content .thumbnail-holder .thumbnail-preview h4 a{}

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

.video{}
.image{}
.misc{}

/* Comment Label */

.comments-label{float:right;margin:20px 10px 0 0;padding-bottom:20px;position:relative;z-index:2;}
.comments-label .comments-text{border-radius:5px;padding:5px;text-align:center;}
.comments-label .comments-text h3{margin:0;width:100%;}
.comments-label .comments-text p{font-weight:bold;margin:0;width:100%;}
.comments-label .comments-text a{}
.comments-label .comments-text a:hover{}


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

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

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

.the-post{background-color:transparent;}
.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{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{font-style:italic;margin:20px 0;padding:5px 0 5px 20px;}
.the-post cite{display:block;margin-top:10px;}
.the-post img{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:498px;}
.the-post th{padding: 6px 6px 6px 12px;text-align: left;}
.the-post td{padding: 6px 6px 6px 12px;}
.the-post .alt td{}

/* Post tags */

.tags{margin:15px 0 20px;padding-left:30px;}
.tags p{margin:0;}


/* Auther Info */

#author-info{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 -------------------- */

.wide-holder{clear:both;height:250px;margin:20px 0;position:relative;overflow:hidden;width:500px;}
.wide-holder img{background:none;max-width:500px;width:auto !important;width:500px;min-height:250px;height:auto !important;height:250px;padding:0;}

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


/* search widget */

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


/* Recent Entries */
.widget_recent_entries ul{}
.widget_recent_entries ul li{padding:5px 0;}


/* Archive Widget */
.widget_archive ul li{padding:5px 0;}

/* Categories */
.sidebar .widget_categories ul{}
.sidebar .widget_categories ul li{border-bottom:1px dotted #111;height:28px;}
.sidebar .widget_categories ul li a{display:inline-block;padding:4px 0 4px 15px;}



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

.pagination{margin-bottom:20px;}
.pagination a {font-weight:bold;margin-right:4px;padding:3px 6px;}
.pagination a:hover, .emm-paginate a:active {}
.pagination .emm-gap {margin-right:4px;}
.pagination .emm-current {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{float:left;padding-left:15px;}
.pagination ul li.next{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{}
.odd{}
.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{}
.comment-time a{}
.comment-time a:hover{}
.author-name{clear:right;float:left;margin-top:0;}
.author-name h3{margin-top:0;}
.the-comment{clear:both;margin:10px;}


/* Forms */

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

textarea{font-size:12px;margin:0;padding:0;width:100%;}
input{padding:4px;margin:0;width:50%}
#respond{}
#respond form{}
#respond p{margin:5px 0;}
#s{width:172px;}
#searchform #searchsubmit, #submit{border:none;cursor:pointer;display:block;font-weight:bold;margin:5px auto 0;padding:2px 0;}
#searchsubmit{width:86px;}
.margin{height:20px;}
#searchform #searchsubmit:hover, #submit:hover{}
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.contactform-margin{margin:0 0 20px;}

/* Admin comment */
.bypostauthor{}
.byuser .author-name h2{}
.byuser .author-name h2 a{}
.byuser .author-name h2 a:hover{}


/* Navigation Styling */
	#nav-bar{list-style:none;width:100%;}
	#nav-bar li{padding:4px 0;position:relative;width:100%;}
	#nav-bar li a{display:block;height:100%;width:100%;}
	#nav-bar li a:hover{}

	/* 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{list-style:none;left:180px;padding:20px 20px 20px 20px;position:absolute;top:-20px;width:100%;
		
		border-radius:10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
	}
	#nav-bar li ul li{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:125px;}

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

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

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

#top, #bottom, #left, #right{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: 40px;}
		#top{top:0;}
		#bottom{bottom:0;}