/*  
Theme Name: Exposure
Version: 1.2.0
Description: Designed by <a href="http://www.woothemes.com">WooThemes</a>.
Author: WooThemes
Author URI: http://www.woothemes.com
*/

/* Default styles */
@import "css/reset.css";

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

INDEX:

1. SETUP
-1.1 Defaults
-1.2 Hyperlinks

2. SITE STRUCTURE & APPEARANCE
-2.1 Containers
-2.2 Header
-2.3 Navigation
--2.3.1 Drop-down menus
-2.4 Homepage Picture Widgets
-2.5 Content
-2.6 Sidebar
-2.7 Footer

3. WIDGETS

4. POSTS
-4.1 Typographic Elements
-4.2 Images

5. COMMENTSAREA
-5.1 Comments
-5.2 Comments Form

6. GENERAL STYLES

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



/*-----------------------------*/
/* 1. SETUP */
/*-----------------------------*/

/* 1.1 Defaults */

body  {
	font: 12px Arial,Helvetica,Sans-serif;
	line-height: 1.5;  /*unitless for proper inheritance*/
}

h1, h2, h3, h4, h5, h6  {
	margin: 0;
	font-family: Arial,Helvetica,Sans-serif;
}

h1  {font-size: 24px} h2  {font-size: 18px} h3  {font-size: 16px}
h4  {font-size: 14px} h5  {font-size: 12px} h6  {font-size: 10px}

p  {margin: 18px 0;}

/* 1.2 Hyperlinks */

a:link, a:visited  { text-decoration: none; }
a:hover  { text-decoration: underline; }

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

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



/*-----------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-----------------------------*/

/* 2.1 Containers */

#topborder  {
	width: 100%;
	height: 10px;
}

.grid_full  {
	width: 940px;
	margin: 0 10px;
}

#container  {

}

/* 2.2 Header */

#header  {}

#header h1, #header h2  { display: none; }

#logo  {
	float: left;
	margin: 20px 0;
}

/* 2.3 Navigation */

#navigation  {
	float: left;
	margin: 55px 0 20px;
	width:565px;
}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
	z-index: 100;
}

#nav li {
	float: left;
	margin: 0 0 0 25px;
	text-transform: uppercase;
}

#nav a:link, #nav a:visited {
	display: block;
	font-family: Arial, sans-serif;
	font-size: 14px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	padding: 0 0 0 10px;
}

#nav li a span  {
	display: block;
	padding: 8px 10px 8px 0;
	margin-right: -10px;
}

#nav .current_page_item a:link, #nav .current_page_item a:visited, #nav a:hover  {
	color: #fff;
}

#nav .current_page_item a span, #nav a:hover span  {}



/* 2.3 Drop-down menus */

#nav li ul { position: absolute; width: 172px; margin: -5px 0 0 1px; left: -999em; }
#nav li ul li {	float: none; background: transparent; margin: 0; }
#nav li ul li a:link, #nav li ul li a:visited { display: block; line-height: 25px; font-size: 11px; color: #fff; padding: 0 10px 0 10px; background-image: none!important; }
#nav li ul li a:hover  { background-color: #fff!important;}
#nav li ul span  { background-image: none!important; padding: 0!important; margin: 0!important; }
#nav li ul ul {	margin: -25px 0 0 170px; }
#nav li ul ul li a { line-height: 25px; }
#nav li ul ul li a:hover { background:#fff }
#nav li ul li ul li a {	border-width:0 1px 1px 0px; }
#nav li:hover ul, #nav li.sfhover ul { left: auto; }
#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; }
#nav li:hover, #nav li.hover { position: static; } /* IE7 Fix */


/* 2.4 Homepage Picture Widgets */

.picture_widget  {
	position: relative;
	padding: 20px 0 0 0;
}

.page_gallery .picture_widget {
	border: 0;
	padding-top: 0;
}

.full-width .post-wrap {
	padding-top: 0;
}

.attachmentpage .picture_widget { border:none!important}

.heading  {
	margin: 0 0 20px 0;
}

.arh {  padding-bottom: 5px;  }

.singlepage { padding-top:20px}
.singlepage .picture_widget { border:0; padding:0}

.heading span  {
	float: left;
	font-size: 18px;
	font-weight: bold;
        
}

.heading a.rss  {
	display: block;
	float: right;
	padding: 0 30px 0 0;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	background: url(images/ico_rss.png) no-repeat right top;	
}

.picture_widget .image_box  {
	position: relative!important;
	float: left;
	margin: 0 10px 20px 10px;
}

.picture_widget .image_box .date  {
	position: absolute;
	top: 20px;
	right: 20px;
	padding: 5px 10px;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	color: #fff;
	background:rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
}

.picture_widget .image_box .date a:link,
.picture_widget .image_box .date a:visited  {text-decoration:none; color:white}
.picture_widget .image_box .date a:hover,
.picture_widget .image_box .date a:active  { text-decoration:underline}

.picture_widget .image_box .text  {
	position: absolute;
	bottom: 20px;
	left: 0;
	width: 50%;
	padding: 10px 20px 10px 20px;
	background: url(images/transparent_overlay.png) repeat left top;
}

.picture_widget .image_box .text h3, .picture_widget .image_box .text h2  {
	margin: 10px 0;
	font-size: 20px;
	line-height: 1em;
	color: #fff;
}

.picture_widget .image_box .text a:link,
.picture_widget .image_box .text a:visited  {
	color: #fff;
}

.picture_widget .image_box .text a:hover,
.picture_widget .image_box .text a:active  {
    color: #fff;
    text-decoration: none;
}

.picture_widget .image_box .text h2 a:hover  {text-decoration: none;}

.picture_widget .image_box .text p  {
	margin: 0 0 10px 0;
	font-size: 13px;
	font-style: italic;
	color: #d9d9d9;
}

.picture_widget .image_box img  { margin: 9px; }
.picture_widget .image_box img.wp-smiley  { margin: 0px; }

.picture_widget .image_box.first  { margin-left: 0; }
.picture_widget .image_box.last  { margin-right: 0; }

.picture_widget .slider_left  {
	position: absolute;
	top: 47%;
	left: -25px;
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 31px;
	width: 15px;
	background: url(images/slider_left.png) no-repeat left top;
}

.picture_widget .slider_right  {
	position: absolute;
	top: 47%;
	right: -25px;
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 31px;
	width: 15px;
	background: url(images/slider_right.png) no-repeat left top;
}

 .archive_link:link, .archive_link:visited,.post-parent:link,.post-parent:visited  {
	float: left;
	margin: 0 10px 20px 0;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	padding: 6px 22px 6px 35px;
	color: #fff;
    border-top-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	background:rgba(0, 0, 0, 0.2) url(images/pictures.png) 10px 50% no-repeat;
    /*
	background: url(images/archive_button.png) no-repeat left top;
    */
 }
 .archive_link:hover, .archive_link:active,.post-parent:hover,.post-parent:active  {
 	background-color:rgba(0, 0, 0, 0.4)
 } 
 
 .post-parent  {
	 background-image: none!important; padding: 6px 22px!important;
 }


 
 /* Slider */
 
.container { width:940px; height:200px; overflow:hidden; position:relative; cursor:pointer; }
.slides { position:absolute; top:0; left:0; }
.slides .slide { position:absolute; top:0; width:960px; display:none; }

/* 2.5 Content */
.no-border { border:0px!important}
#content, .post-wrap,#innerpage ,.advert-content, .widget-ad, .home-page-widget,.footer-widgets,.wrapper  {}

.widget-ad { padding: 20px 0; text-align: center;}
#sidebar .widget-ad { border: 0; padding: 0; margin-bottom: 30px;

}

.post-wrap { padding:20px 0}
.post-wrap-1 { padding-top:0; border-top:0}


.post-wrap ul,.post-wrap ol  { padding-left: 20px; list-style: disc inside; margin-bottom: 10px;}
.post-wrap ul ul { padding-left: 10px; margin-bottom: 0px;}

.post-wrap ol { padding-left: 20px; list-style: decimal inside;margin-bottom: 10px;}
.post-wrap ol ol { padding-left: 10px; margin-bottom: 0px;}

.post-details { margin-bottom:0px; font-size:11px }

.page { padding:20px 0}

.innercontent { padding-bottom:20px; }
.pagecontent { font-size: 14px;}
.template-div { padding: 20px 0; }

.advert-content  { padding:10px 0;text-align:center;}
.advert-top {padding:10px 0;text-align:center;}

.more_entries {	height: 30px; line-height: 30px; }
.more_entries .alignleft a { display: block; float:left;}
.more_entries .alignright a { display: block; float:right;}

.blog-loop {}
.blog-holder { padding-bottom: 40px; }
.blog-title { margin-bottom: 20px;}
.blog-loop .post-wrap-1 { border-top: 0;}

.spacer {height:30px;}

/* Home Page Widgets */

.home-page-widget { font-size: 16px; padding: 0 0 20px 0;}   
 
.home-page-widget h3 { font-size: 16px; padding: 20px 0;}   

/* Footer Widgets */

.footer-widgets { margin:0 10px; padding-top:20px}
.footer-widgets .widget-col  { float:left; width:220px; margin:0 20px 0 0}
.footer-widgets .widget-col-last  { margin:0}
.footer-widgets .widget h3 { margin-left:0}
.footer-widgets .widget-ad { border:0}

/* Popular Attachmetns Widget */
.popular .pop-posts-ul li {
	padding: 4px 0;
	line-height: 33px;
}
.popular .pop-posts-ul li a:link,.popular .pop-posts-ul li a:visited{
	border: 0; padding: 0;
}
.popular .pop-posts-ul li a:hover,.popular .pop-posts-ul li a:active{
	border: 0; background: none;
}
.popular .pop-posts-ul a.pop-img {
	display: block;
	float:left
	
}
.popular .pop-posts-ul img {
	
}

.popular .pop-posts-ul .pop-title{ margin-left: 40px; }

/* Archives - Tempalte */

.archives-page ul { list-style: disc inside; padding-left:10px}

/* 2.6 Sidebar */

#sidebar  {
	float: left;
	width: 300px;
}

#exif  {
	position: relative;
	padding: 10px;
	border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	margin-bottom: 40px;
}

#exif h3  {
	font-size: 18px;
	margin: 0 0 10px 0;
}

#exif ul  {}

#exif ul li  {
	float: left;
	width: 100%;
	padding: 8px 0;
}

#exif ul li strong  {
	display: block;
	float: left;
	width: 110px;
	line-height: 18px;
}

#exif ul li span  {
	display: block;
	float: left;
	width: 150px;
	line-height: 18px;
}

#exif .arrow  {
	position: absolute;
	top: -11px;
	left: 10px;
	width: 21px;
	height: 11px;
}

/* 2.7 Footer */

#footer  {
	float: left;
	font-size: 13px;
	font-weight: bold;
}

#footer #copyright  {
	float: left;
}

#footer #credit  {
	float: right;
}

#footer #credit img  {
	vertical-align: middle;
}



/*-----------------------------*/
/* 3. WIDGETS */
/*-----------------------------*/

#widgets  {
	padding: 0px 0 0 10px;
}

.widget  {
	margin: 0 0 30px 0;
	padding: 0 0 20px 0;
}

.widget h3  {
	display: inline-block;
	margin: 0 0 20px -10px;
	padding: 3px 10px;
}

.widget ul  {
	margin-bottom: -21px;
}
.widget ul ul  {
    margin-bottom: 0px;
}


.widget ul ul li  { margin-left:10px }

.widget ul li a:link, .widget ul li a:visited  {
	display: block;
	line-height: 30px;
	padding: 0 0 0 10px;
}

.widget ul li a:hover  {}

.widget_recent_comments li  {
	padding: 6px 0 6px 10px;
	line-height: 18px;
}

.widget_recent_comments li a:link,
.widget_recent_comments li a:visited  {
	display: inline;
	padding: 0;
	line-height: 18px!important;
	background: none!important;
	border: none!important;
}

#searchform  {
	margin: 0;	
}

#searchform #s  {
	width: 210px;
	padding: 5px 0 5px 5px;
}

#searchform .submit  {
	padding: 4px 5px;
	text-transform: uppercase;
}

#flickr h3  {
	margin-bottom: 10px;
}

#flickr .flickr_badge_image  {
	margin: 14px 14px 0 0;
	float: left;
	width: 75px;
}

#twitter li  {
	margin: 10px 0;
}

#twitter a:link, #twitter a:visited  {
	display: inline;
	padding: 0;
	background-image: none;
	line-height: 18px;
}

.lifestream .lifestream_meta  {}


.lifestream a  {
	border: none!important;
	background: none!important;
}

/*-----------------------------*/
/* 4. POSTS */
/*-----------------------------*/

.post  {
	float: left;
	width: 620px;
	padding: 0 20px 0 0;
	font-size: 14px;
}

.entry  {}

.entry p  {
	margin: 0 0 18px 0;
}

.entry p.tags  {
	font-size: 12px;
	text-transform: uppercase;
}

/* 4.1 Typographic Elements */

.post h2.title  {

}

.post h2.title a:link, .post h2.title a:visited  {

}

.entry h1  {}
.entry h2  {}
.entry h3 {}
.entry h4 {}
.entry h5 {}
.entry h6 {}

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6  {

}

.entry blockquote  {
	padding: 10px 10px 10px 40px;
	color: #393939;
	font-style: italic;
	overflow: hidden;
	font-size: 12px;
}

.entry blockquote p  {
}

.entry ul  {
	padding: 0 0 0 30px;
}

.entry ul li  {
	list-style-type: circle;
}

.entry ul li ul li  {
	list-style-type: disc;
}

.entry ol  {
	padding: 0 0 0 30px;
}

.entry  ol li  {
	list-style-type: upper-latin;
}

.entry  ol li ol li  {
	list-style-type: lower-latin;
}

/* 4.2 Images */

.entry img  {
	padding: 5px;
	background-color:#EFEFEF;
    border:1px solid #FFFFFF;
}

img.wp-smiley  {
	padding: 0;
	border: none;
}

.entry .alignleft  {
	float: left;
	margin: 10px 15px 10px 0;
}

.entry .alignright  {
	float: right;
	margin: 10px 0 10px 15px;
}

.entry .aligncenter  {
	text-align: center;
}

/* CALENDAR */
#wp-calendar{width:95%;margin-bottom:15px;clear:both;padding:0;}
#wp-calendar caption{padding:10px;}
#wp-calendar th,#wp-calendar td{text-align:center;color:#1e1e1e;padding:5px;}
#wp-calendar td{background:transparent;}
#wp-calendar td,table#wp-calendar th{padding:3px 0;}



/*-----------------------------*/
/* 5. COMMENTSAREA */
/*-----------------------------*/

/* 5.1 Comments */

#comments  {
	padding: 20px 0 0 0;
}

.comment  {
	padding: 20px 0;
	list-style: none;
}

.comment li  {
	
	margin: 0 0 0 15px;
	border-bottom: 0;
	border-top: 0;
	padding-bottom: 0;
	padding-left: 30px;
}

.comment .comment-meta  {
	margin: 0 0 10px 0;
}

.comment .comment-meta img.avatar  {
	float: right;
	padding: 3px;
}

.comment .comment-meta span  {
	display: block;
}

.comment .comment-meta span.name  {
	font-weight: bold;
	font-size: 14px;
	margin: 0 0 5px 0;
}

.comment .comment-meta span.time  {
	font-size: 10px;
}

.comment .comment-meta a.comment-permalink  {
	font-size: 9px;
	text-transform: uppercase;
}	

.comment .comment-entry  {
}

.comment .comment-entry p  {
	margin: 0 0 10px 0;
}

.comment .reply a, .comment .cancel-comment-reply a  {
	padding: 1px 4px;
	font-size: 10px;
	text-transform: uppercase;
	color: #fff;
}

/* 5.2 Comments Form */

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

#respond h2  {
	margin: 0;
}

#respond p.loggedin  {
	text-transform: uppercase;
	font-size: 10px;
	margin: 0;
}

#commentform  {
	margin: 0;
}

#commentform input.txt  {
	width: 220px;
	margin: 0 10px 0 0;
	padding: 5px 0 5px 3px;
}

#commentform label  {
	font-size: 10px;
	text-transform: uppercase;
}

#commentform textarea  {
	width: 95%;
	padding:10px;
}

#commentform #submit  {
	padding: 4px 5px;
	text-transform: uppercase;
}

/* 5.3 - Pingbacks */

.commentlist.pingbacks {
	padding:20px 0;
}
.commentlist li.pingback,
.commentlist li.trackback { list-style:disc; margin-left:30px;padding:5px 0  }

/*-----------------------------*/
/* 6. GENERAL STYLES */
/*-----------------------------*/

.floatl  {float: left;}
.floatr  {float: right;}

.alignl  {text-align: left;}
.alignr  {text-align: right;}
.alignc  {text-align: center;}  

/* Captions */
.aligncenter,
div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {

    border:0px solid #FFFFFF;
    text-align: center;
    background-color: #EFEFEF;
    padding-top: 4px;
    margin: 10px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
}
/* End captions */

/* http://sonspring.com/journal/clearing-floats */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* Page Navi Plugin */ 
 .wp-pagenavi {
	 text-align: right;
}
 .wp-pagenavi * {
	background-color:rgba(0, 0, 0, 0.2)!important; color: white!important; border: 0!important; font-weight: 700!important; padding: 5px 15px!important;	
}
 .wp-pagenavi *:hover {
	background-color:rgba(0, 0, 0, 0.4)!important;	
}
 .wp-pagenavi span.pages {
	background: none!important;
	color: #191919!important;
}
.wp-pagenavi span.current {
	background-color:rgba(0, 0, 0, 0.4)!important;
}