/*

Theme Name: Bad-Fotography

Theme URI:

Description: 

Version: 3.0

Author: Max Stanworth

Author URI:

Tags: blue, custom header, fixed width, two columns, widgets

*/





/*--------IMPORT RESETS--------*/



@import url("css/reset.css");



@import url("css/typography.css"); 

html, body{margin:0;padding:0; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#121212;} 
body{background-color:#ffffff; background:url("images/body-bg.jpg")fixed;}





h1{font-size:32px;   }

h2{font-size:24px; }

h3{font-size:22px;}

h4{font-size:19px;}

h5{font-size:16px;}

h6{font-size:14px; font-weight:bolder; margin-bottom:15px;}



h1, h2, h3, h4, h5, h5, h6, .sociable_tagline{}



h1, h2, h3, h4, h5, h5{margin:0 0 20px 0; line-height:28px; font-weight:bolder;}



h1 a, h2 a, h3 a, h4 a, h5 a{color:#48debb; text-decoration:none;}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover{color:#38a088; text-decoration:none;}



a {color:#a500e4; text-decoration:underline;}

a:hover { text-decoration:none;}





/*-------------*





/*ROUNDED CORNERS*/

img.border, p#thetags, #comment-cont, .sociable ul, .comment, .pingback, #commentform { -moz-border-radius: 8px;-khtml-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;}

.avatar{-moz-border-radius: 4px;-khtml-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}



/*------PAGEWIDTH------*/



#pagewidth{text-align:left; margin-left:auto; margin-right:auto;margin-top:20px; width:960px; padding:20px; background-color:#ffffff; } 

#wrapper{position:relative; background:#FFFFFF; /*opacity:.89; filter: alpha(opacity=89); -moz-opacity: 0.89; background:#FFFFCC;*/ width:100%;}





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

#header{position:relative; height:400px; width:100%; margin-bottom:40px;} 



/*LOGO*/

#logo{position:absolute; top:40px ; left:10px; width:648px; height:265px; }

#logo h1 a {background:url("images/bad-fotography-spring2011.jpg"); position:absolute; height:100%; width:100%; text-indent:-5000px;}



/*TOOL*/

#tools{position:absolute; top:40px; right:10px;}

#tools ul{list-style:none; padding:0; margin:0; width:240px;}

#tools ul li a{text-transform:uppercase; text-decoration:none; font-size:9px; color:#5a5a5a; text-indent:75px; line-height:51px;}

#tools ul li a:hover{text-decoration:underline; }



#tools ul li#link1 a{height:51px; display:block; background:url("images/tools2.jpg") 0 7px no-repeat;}

#tools ul li#link2 a{height:52px; display:block; background:url("images/tools2.jpg") 0 -45px no-repeat}

#tools ul li#link3 a{height:53px; display:block; background:url("images/tools2.jpg") 0 -100px no-repeat}

#tools ul li#link4 a{height:52px; display:block; background:url("images/tools2.jpg") 0 -155px no-repeat}

#tools ul li#link5 a{height:52px; display:block; background:url("images/tools2.jpg") 0 -206px no-repeat}


/*NAV*/

#navcont{position:absolute; top:330px; bottom:0; height:40px; width:100%; background:url("images/nav-bg3.gif") repeat-x top left; }

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

#navcont ul li{float:left; text-transform:uppercase; margin-top:1px;}

#navcont ul li a{display:block; float:left;  height:40px; border-right:1px solid #f3f4f4; padding:0px 18px 0 18px; font-size:11px; text-decoration:none; color:#02c1b5}

#navcont ul li a span{font-size:9px; color:#747575;}

#navcont ul li a:hover span{color:#FFFFFF;}

#navcont ul li a:hover{background-color:#d709fc; color:#FFFFFF;}

#navcont ul li.last a{border-right:none}



/*add to any*/

.addtoany_share_save_container{margin:16px 0;}
	ul.addtoany_list{
		display:inline;
		list-style-type:none;
		margin:0 !important;
		padding:0 !important;
		text-indent:0 !important;
	}
	ul.addtoany_list li{
		background:none !important;
		border:0;
		display:inline !important;
		line-height:32px;
		list-style-type:none;
		margin:0 !important;
		padding:0 !important;
	}
	ul.addtoany_list li:before{content:"";}
	ul.addtoany_list li a{padding:0 9px;}
	ul.addtoany_list img{
		float:none;
		border:0;
		margin:0;
		padding:0;
		vertical-align:middle;
	}
	ul.addtoany_list a img{
		opacity:.7;
	}
	ul.addtoany_list a:hover img, ul.addtoany_list a.addtoany_share_save img{
		opacity:1;
	}
	a.addtoany_share_save img{border:0;width:auto;height:auto;}

/*------MAINCOL------*/

#maincol{width:545px; float:left; position:absolute; top:-50px; /*background-color:#99CC00;*/}



/*CONTENT*/

#content{font-size:12px;}





.thepost.postloop-1, .thepost.postloop-2{ width:540px!important; height:auto!important; border:none!important; margin:0 0 34px 0!important;}

.thepost.postloop-1 h2, .thepost.postloop-2 h2{font-size:24px!important; margin-bottom:15px!important; height:auto!important; overflow:visible!important;}





.thepost.postloop-1 .cont, .thepost.postloop-2 .cont{padding:0 20px 0 20px!important;position:relative!important;}

.thepost.postloop-1 .cont .excerpt, .thepost.postloop-2 .cont .excerpt{line-height:24px!important; font-size:14px!important; color:#333333!important;}

.thepost.postloop-1 .cont img, .thepost.postloop-2 .cont img{ float:left; display:inline; margin:0 18px 40px 1px!important;}

.thepost.postloop-1 .posted, .thepost.postloop-2 .posted{color:#a6a6a6; font-size:10px; margin:0 0 18px 0; text-transform:uppercase;}



.thepost.postloop-1 .continue-read, .thepost.postloop-2 .continue-read{ width:540px!important; position:absolute!important; height:36px; text-transform:uppercase; font-size:9px; float:left!important; margin-top:35px;}

.thepost.postloop-1 .continue-read a, .thepost.postloop-2 .continue-read a{background-color:#eeeeee; text-align:center; text-decoration:none; line-height:37px; color:#646464; text-shadow: #E9E9E9 1px 1px 1px; border-bottom:1px solid #c5c5c5;}

.thepost.postloop-1 .continue-read a:hover, .thepost.postloop-2 .continue-read a:hover{background-color:#c5c5c5;}





    /* Article Social Media */

          .article_social_media {

            float: left;

            position: relative;

          }

            .article_social_media .tweetmeme_btn {

              float: left;

              height: 24px;

            }


            .article_social_media .plusone {

             float: left;

             height: 24px;

            }

            .article_social_media .fblike {

              float: left;
              height: 24px;

            }

           
            .article_social_media .digg_btn {

              float: left;

              height: 24px;

              

            }

           .article_social_media .facebook_btn {

              float: left;

              height: 24px;

            }










.postmeta{padding:0 20px 10px 20px; border-bottom:1px solid #e9e9e9; margin:0 0 25px 0;}

.postmeta .postmetadata .commentlink a{text-decoration:none;}

.postmeta .postmetadata .commentlink a:hover{text-decoration:underline;}

.postmeta .postmetadata {width:100%; height:25px; font-size:11px;}

.postmeta .postmetadata .commentlink{float:right;}

.postmeta .postmetadata a{color:#545454;}



.thepost{float:left; width:255px; height:230px; border:1px solid #f1f1f1; border-top:12px solid #f1f1f1; border-bottom:1px solid #c5c5c5; margin:0 25px 25px 0; position:relative;}



.even{margin:0 0 25px 0!important;}



.thepost h2{font-size:14px; font-weight:bold; margin-bottom:5px; height:22px; overflow:hidden;}

 

.thepost .cont{padding:15px;}

.thepost .cont .excerpt{line-height:19px; font-size:11px; color:#333333;}

.thepost .cont img{ float:left; display:inline; margin:0 12px 0 0}

.thepost .cont .posted{color:#a6a6a6; font-size:10px; margin:0 0 10px 0; text-transform:uppercase;}





.thepost:hover{border-top:12px solid #c5c5c5;}

 

.continue-read{width:100%; position:absolute; bottom:0; height:36px; text-transform:uppercase; font-size:9px;}

.continue-read a{background-color:#eeeeee; width:100%; height:100%; position:absolute; text-align:center; text-decoration:none; line-height:37px; color:#646464; text-shadow: #E9E9E9 1px 1px 1px;}

.continue-read a:hover{background-color:#c5c5c5;}





/*TAGGED*/



p#thetags{float:left; width:575px; padding:12px 0 12px 15px; margin:0 0 25px 0;}

.sociable ul, p#thetags {border:1px solid #dddddd; border-bottom:1px solid #dddddd; background-color:#fafafa;}





/*------SOUND CLOUD - DROP BOX------*/



a.soundcloud-dropbox:hover {

color: white !important; 

background-color: transparent !important; 

background-position: -200px 0 !important;

text-decoration:none;

}



a.soundcloud-dropbox{

display: block; 

margin: 10px 0 0 18px; 

background: transparent url(http://a1.soundcloud.com/images/dropbox_square_dark.png?7559ae) top left no-repeat; 

color: #D9D9D9; 

font-size: 10px; 

height: 82px; 

padding: 44px 15px 0 10px; 

width: 105px; 

text-decoration: none; 

text-align: center; 

font-family: "Lucida Grande", Helvetica, Arial, sans-serif; 

line-height: 1.3em

}





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



p textarea#comment{width:95%;}

#comment-cont{ background:#fafafa url("images/fader.jpg") 0 0 repeat-x; border:1px solid #e2e2e2; border-top:1px solid #c8c8c8!important; padding:10px 30px 20px 30px; margin:30px 0 0 0 0;}

h3#comments{text-align:center;}

h3#reply{text-align:center; padding:0 0 0 0; margin:0 0 0 0;}

#respond{padding:10px 0 0 0; margin:20px 0 0 0}

#respond p{padding:10px 0 10px 15px;}

.alt {margin: 0;padding: 10px;}

.commentlist {padding: 0; margin:0; font-size:12px;}

.commentlist li {margin: 15px; padding:20px; list-style:none;}

.commentlist li ul li {margin-right:-5px; margin-left:10px;}

.commentlist p {margin: 10px 5px 10px 0;}

.children { padding: 0; }

#commentform p {margin: 5px 0;}

.nocomments {text-align: center;margin: 0;padding: 0;}

.commentmetadata {margin: 0;display: block;}

.commentlist li ul li {font-size: 1em;}

.commentlist li {font-weight: bold;}

.commentlist li .avatar { float: right;border: 1px solid #eee;padding: 4px;background: #fff;}

.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 1.1em;}

.commentlist p {font-weight: normal; font-size:12px; text-transform: none;}

.commentmetadata {font-weight: normal;}

.thread-alt {background-color: #FFFFFF;}

.thread-even {background-color: #FFFFFF;}

.depth-1 {border: 1px solid #ddd;}

.even, .alt {border-left: 1px solid #ddd;}

 

/*COMMENT FORM*/

#commentform {margin: 0 auto 0 auto; background-color:#e7e7e7; border:1px solid #CCCCCC; padding:20px;}

#commentform label{font-size:12px;}

#commentform p input {width: 170px;padding: 5px; margin: 0 5px 5px 0; border:1px solid #b9b9b9;}

#commentform textarea{width: 503px;padding: 5px; border:1px solid #b9b9b9;height:100px} 

#commentform p input#submit{ float:left; width:auto;}



#respond:after {content: "."; display: block;  height: 0; clear: both; visibility: hidden;}







/*WP-PAGENAVI PLUGIN*/



.wp-pagenavi {position:relative;font-size:12px; width:550px; height:40px; margin:0 0 20px 0; padding:0 20px 0 20px; background:url("images/meta-bg.jpg") top left no-repeat!important;}



 

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active, .wp-pagenavi span.extend {

color:#919090 !important; 

font-size:12px !important;

text-decoration:none !important;

background:#dcdcdc !important;

border:none !important;

margin:2px 1px 0 0  !important; padding:0 10px 0 10px !important;

height:37px !important;

float:left;

display:inline;

line-height:37px;

font-weight:bold;}



.wp-pagenavi a:hover {

background:#c7c7c7 !important;

color:#000000 !important;

border:none !important;

margin:2px 1px 0 0  !important; padding:0 10px 0 10px !important;

height:37px !important;

}



.wp-pagenavi span.pages {

color:#666666!important;

background:none !important;

border:none !important;

margin:0 20px 0 0  !important; padding:0 !important;

float:left;

display:inline;

height:37px !important;

line-height:39px;

font-weight:bold;

}



.wp-pagenavi span.current {

background:#107bb1 !important;

color:#FFFFFF !important;

border:none !important;

margin:2px 1px 0 0  !important; padding:0 10px 0 10px !important;

float:left;

display:inline;

height:37px !important;

line-height:37px;

}





/*SOCIABLE PLUGIN*/

.sociable ul{float:left; width:575px; padding:15px 0 10px 15px; margin:0 0 25px 0;  }

.sociable_tagline{margin:0 0 15px 0;}

.sociable ul li { float:left; display:inline; margin-right:10px}

.sociable ul li img { padding:0!important; border:none!important;}

 

/*RECURRING STYLES*/

.clear{clear:both;}





/*TWOCOL*/

#twocols{

 width:400px; 

 float:right; 

 position:relative;

 /*background:#003300; */

}

 

 

/*------RIGHTCOL------*/

#rightcol{ width:210px; 

 float:right; 

 position:relative; 

top:-70px;

 /*background-color:#006920;*/ }





/*------LEFT------*/

#leftcol{background-color: #f8f9f9;

 float: left; 

 display:inline; 

 position: relative; 

top:-70px;

 width:170px; 

 }







.linklist a{color:#666666;}



/*------TABS------*/
.container {width: 400px; margin:0 0 30px 1px; position:relative; top:-45px; float:left;}
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	line-height: 31px;
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px;
	background: #e0e0e0;

	position: relative;
}
ul.tabs li a {
padding:5px 12px 5px 12px;
margin:0;
font-size: 12px;
text-decoration: none;
display: block; 
background:#FFFFFF; 
text-transform:uppercase; 
color:#646464; 
border: 1px solid #fff;

}
ul.tabs li a:hover {
	background: #33FFFF;
}	
html ul.tabs li.active, html ul.tabs li.active a:hover, html ul.tabs li.active a{
	background: #33FFFF;
	border-bottom: 1px solid #33FFFF;
	font-weight:bold;
	color:#CF26CF!important;
}

.tab_container {
	border: 1px solid #999;
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.tab_content {
	padding: 15px;
}

.tab_content  select{
	width:100%; margin:0 0 10px 0;
}




/*WIDGET*/

.widget{/*background-color:#cccccc;*/ margin-bottom:5px; padding:0 0 5px 0;}

.widget .inner{/*background:#CCCC33;*/ padding:0 5px 0 5px;}

.widget h2 {color:#333333; font-size:16px; padding:2px 5px 2px 5px; margin:0 0 10px 0;}

.widget ul{padding:0; margin:0 0 0 0; list-style:none;}



#rightcol .widget h2{background:#33FFFF!important; border-top:1px solid #33FFFF; width:200px;}

#leftcol .widget h2{background:#fc09dd!important; border-top:1px solid #fc09dd; width:160px; }

#maincol .widget h2{background:#33FFFF!important; border-top:1px solid #33FFFF; width:535px;}

#maincol .widget .entry-content{color:#1F1F1F!important; font-size:11px;}


#maincol .widget .byline{color:#999999!important; font-size:10px; text-transform:uppercase;}

#maincol .widget .entry-meta{color:#1F1F1F!important; font-size:11px;}
#maincol .widget h5{background:#000000!important; height:24px; padding:2px 5px 2px 5px; width:535px; font-size:12px;}
#maincol .widget .query-posts-3 .content {position:absolute !important;}


.formcontainer form{margin:0; padding:0;}

.formcontainer .form-label { margin:0 0 5px 0}



.formcontainer .form-input input{width:300px; margin:0 0 10px 0}



.formcontainer .form-textarea textarea { width:450px; margin-bottom:10px;}





/*SEARCH POSTS*/

#search-posts .cont h3{background:url("images/sprite.png") 0 -71px no-repeat;}

form#search-form label{display:none;}

form#search-form{margin:0; padding:0; position:relative;width:160px!important;}

form#search-form .btn{position:absolute; top:0; left:180px; background:url("images/sub-but.jpg") 0 0 no-repeat; margin:0; height:30px; width:32px;padding:0; border:0; text-indent:-500px;}





/*RECENT COMMENTS*/

#recent-comments ul{border-bottom:1px solid #e7e7e7; line-height:18px;  width:210px;}

#recent-comments ul li a img{float:left; border: 1px solid #eee; padding: 4px;background: #fff; margin:0 10px 0 0; }

#recent-comments ul li a:hover img{float:left; border: 1px solid #eee; padding: 4px;background:#FFFFFF; }

#recent-comments ul li a{display:block; height:47px; padding:10px 0 10px 0; text-decoration:none; color:#545454 }

#recent-comments ul li a:hover{color:#16435a;}





/*BLOGROLL*/

#blogroll .cont h3{background:url("images/sprite.png") 0 -117px no-repeat;}

#blogroll .cont ul li a{background:url("images/round-bullet.gif") left no-repeat; padding-left:25px; text-decoration:none; color:#3682aa; width:255px; display:block; font-weight:bold;}

#blogroll .cont ul li a:hover{color:#16435a;}







/* DEFAULT WIDGET - NORMAL*/

.normal .cont h3{background:none; text-indent:0;}

.normal ul {list-style:none; margin:0; padding:0; color:#666666;}

.normal ul li a{background:url("images/round-bullet.gif") left no-repeat; padding-left:25px; text-decoration:none; color:#3682aa; width:255px; display:block; font-weight:bold;}

.normal  ul li a:hover{color:#16435a;}





/* Begin Form Elements */

#search-form, #email-form {margin:0; padding:0;}

#search-form input.txt, #email-form input.txt{padding:7px 5px 5px 5px; border:1px solid #b9b9b9; height:16px; width:160px; color:#666666; }

select {width: 130px;}





/* End Form Elements */







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

#footer{clear:both;  position: relative!important;  padding:0 0 0 0; text-align:left; height:400px;} 

 

#footer p#copy{text-align:center;}







#tweet-cont{background:url("images/tweet-bg.gif") repeat-y top left; width:200px; position:relative; margin:0 0 0 7px}

#tweet-cont p#text{margin:0; padding:0 10px 10px 10px;}

#tweet-cont #top{background:url("images/tweet-top.gif") no-repeat top left; width:200px; height:21px; position:relative}

#tweet-cont #bot{background:url("images/tweet-bot.gif") no-repeat bottom left; width:200px; height:82px; position:relative}

#tweet-cont #bot a{position:absolute; top:10px; right:15px; color:#0c0c0c; text-transform:uppercase; font-size:10px;}

p#tweeted {color:#a1a0a0; font-size:10px; text-transform:uppercase; padding:0; margin: 0 0 5px 10px} 

p#tweeted a {color:#a1a0a0; } 





/*WIDGET FOOTER*/

#footer .widget{background-color:#fafafa; margin:0 0 30px 13px; padding:0 0 15px 0; float:left; display:inline}

#footer .widget .inner{/*background:#CCCC33;*/ padding:0 5px 0 5px;}

#footer .widget h2 {color:#FFFFFF; font-size:16px; padding:2px 5px 2px 5px; margin:0 0 10px 0;}

#footer .widget.links ul{padding:0; margin:0 0 0 0; list-style:none; width:214px; }

#footer .widget.links ul li a{padding:5px 10px 5px 10px; margin:0 0 0 0; background-color:#e5e5e5; border-bottom:1px solid #FFFFFF; width:194px; display:block; text-decoration:none; color:#545454; }



#footer .widget.links ul li a:hover{background-color:#CCCCCC;}



#footer .widget h2{background:#9719df!important; border-top:1px solid #6f0da7; width:214px;}





/*RECENT COMMENTS*/

#recent-tweet {width:224px;}



/*--------VIDEO FEATURE MAIN PAGE--------*/

#maincol .widget {background-color: #F8F8F8; }


/*------WORDPRESS DEFAULT------*/

.aligncenter,

div.aligncenter {

display: block;

margin-left: auto;

margin-right: auto;

}





.entry img{

display: block;

border: 1px solid #ddd;

padding:5px;

background:#f3f3f3;

/* optional rounded corners for browsers that support it */

-moz-border-radius: 3px;

-khtml-border-radius: 3px;

-webkit-border-radius: 3px;

border-radius: 3px;

 }

 

.entry p img{

display: block;

border: 1px solid #ddd;

padding:5px;

background:#f3f3f3;

/* optional rounded corners for browsers that support it */

-moz-border-radius: 3px;

-khtml-border-radius: 3px;

-webkit-border-radius: 3px;

border-radius: 3px;

 }



.alignleft {

   margin:0 15px 15px 0;

}



.alignright {

   float: right;   margin:0 0 15px 15px;

}



img.alignleft {

margin:0 15px 15px 0;

}



img.alignright{

	display: block; 

	border: 1px solid #ddd;

	margin:0 0 15px 15px;

	display:inline;

	padding:5px;

	background:#f3f3f3;

	/* optional rounded corners for browsers that support it */

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}









.wp-caption{

   border: 1px solid #ddd;

   text-align: center;

   background-color: #f3f3f3;

   padding-top: 4px;

   margin: 10px 10px 15px 10px;

   /* optional rounded corners for browsers that support it */

   -moz-border-radius: 3px;

   -khtml-border-radius: 3px;

   -webkit-border-radius: 3px;

   border-radius: 3px;

}



.wp-caption img {

   border: 0 none;

}



.wp-caption p.wp-caption-text {

   font-size: 11px;

   line-height: 17px;

   padding: 0 0 5px 0;

   margin: 0;

}









.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/

* html .clearfix{height: 1%;}

.clearfix{display: block;}

/* End hide from IE-mac */