/*********************************************************************************************

Theme Name: Viewed
Theme URI: http://www.press75.com/
Description: Another quality photography theme by Press75.com and Jason Schuller.
Version: 1.0.1
Author: Press75.com
Author URI: http://www.press75.com/
License: GNU General Public License
License URI: license.txt
Tags: white, black, custom-menu, featured-images, theme-options

**********************************************************************************************/



/* Reset
*********************************************************************************************/
* { -moz-box-sizing: border-box; box-sizing: border-box; }

body{
color: #808080;
overflow-y: scroll;
}

body.home{
position: static;
}

.row{
clear: both;
min-width: 0;
max-width: 100%;
}

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



/* Primary Background
*********************************************************************************************/

body{
background: #424242 url(images/bg.png);
}

body.home{
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
}



/* Header
*********************************************************************************************/

header *{
margin: 0;
padding: 0;
}

header{
background: #000000;
font-family: serif;
font-size: 16px;
padding: 0 40px;
}

#header-content{
margin: 0 auto;

}

#site-title a{
float: left;
font-size: 30px;
line-height: 60px;
}

#logo{
max-height: 60px;
float: left;
}

header a{
color: #aaaaaa;
text-decoration: none;
}

header a:hover{
color: #dddddd;
}

header h1 a{
color: #ffffff;
}

header .menu{
clear: both;
float: left;
line-height: 30px;
margin: 5px 0 15px;
width: 100%;
}

header .menu a{
border-bottom: 1px solid #2e2e2e;
display: block;
width: 100%;
}

header .menu ul{
background-color: #000000;
list-style-type: none;
margin: 0;
padding: 0 15px 5px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
 
header .menu ul a{
display: block;
font-size: .9em;

line-height: 30px;
padding: 0;
text-decoration: none;
}
 
header .menu ul a:hover{
background: #000000;
}

header .menu > ul span{
color: #666666;
display:  block;
font-size: 0.8em;
font-style: italic;
}

header .menu ul ul a{
padding-left: 30px;
}
 
header .menu ul ul ul a{
padding-left: 45px;
}

header #toggle-menu{
background: url(images/toggle.png) 0 0;
display: block;
float: right;
font-size: 30px;
line-height: 30px;
margin: 14px 0;
padding-right: 1px;
text-align: center;
height: 30px;
width: 30px;
}

header #toggle-menu.toggle-hide{
background-position: 0 30px;
}

#second-menu{
float: right;
}

.facebook,
.twitter{
float: left;
height: 30px;
margin: 15px 0 0 10px;
overflow: hidden;
text-indent: -999px;
width: 30px;
}

.facebook{
background: url(images/facebook.png);
}

.twitter{
background: url(images/twitter.png);
}



@media screen and ( min-width: 767px ) {

	#site-title a span{
	border-right: 1px solid #2e2e2e;
	padding-right: 20px;
	}
	
	header .menu{
	clear: none;
	height: 60px;
	line-height: 60px;
	margin: 0 0 0 10px;
	width: auto;
	}
	 
	header .menu li{
	float: left;
	position:relative;
	}
	 
	header .menu a{
	border-bottom: 0 solid;
	display: block;
	padding: 0 10px;
	text-decoration: none;
	}
	 
	header .menu ul{
	display:none;
	position: absolute;
	top: 60px;
	left: -10px;
	width: auto;
	z-index: 100;
	}
	 
	header .menu ul li{
	width: 200px;
	}
	
	header .menu ul a{
	border-top: 1px solid #2e2e2e;
	}
	
	header .menu li:hover > ul {
	display: block;
	}
	 
	header .menu ul ul {
	left: 100%;
	top: 0;
	}
	 
	header .menu ul ul a{
	padding-left: 10px;
	}
	
}



/* Widget area
*********************************************************************************************/

#break{
background: url(images/widgets-bg.png);
height: 5px;
}

#widgets-wrap{
position: absolute;
width:100%;
z-index: 10;
}

#widgets{
background: url(images/widgets-bg.png);
color: #dedede;
font-family: serif;
margin: 0;
padding: 20px 0 40px;
text-shadow: 1px 1px 0px #222222; 
}

#widgets-content{
margin: 0 auto;
max-width: 1220px;
}

#widgets-left,
#widgets-right{
height: 200px;
width: 40px;
}

#widgets-left{
background: url(images/left.png) no-repeat right center;
cursor: default;
float: left;
opacity: 0.25;
}

#widgets-right{
background: url(images/right.png) no-repeat left center;
float: right;
}

#widgets-slider{
margin: 0 20px;
}

.widget{
margin: 0;
padding: 0 20px;
float: left !important;
width: 50% !important;
}

#widgets-toggle{
background: url(images/widget-toggle.png) no-repeat 0 0;
display: block;
height: 20px;
margin: 0 auto;
width: 41px;
}

#widgets-toggle.hide{
background: url(images/widget-toggle.png) no-repeat 0px -20px;
}

.widgettitle{
border-bottom: 1px solid #3c3c3c;
color: #999999;
font-size: 14px;
font-weight: normal;
text-transform: uppercase;
margin: 0;
padding: 10px 0;
}

#widgets a,
#widgets abbr{
color: #dedede;
}

.widget li{
border-bottom: 1px solid #3c3c3c;
color: #666666;
line-height: 3em;
margin: 0;
}

.widget li a{
margin-right: 0.25em;
}

.widget li li{
border: 0 solid;
border-top:1px solid #3c3c3c;
}

.widget li li a{
padding-left: 20px;
}

.widget li li li a{
padding-left: 40px;
}

.widget li li li li a{
padding-left: 60px;
}

.widget li li li li li a{
padding-left: 80px;
}

#widgets li:last-child{
border-bottom: 0 solid;
}

#widgets a:hover{
color: #ffffff;
}


/* Search widget */
#widgets .widget_search div{
padding-top: 10px;
}
#widgets .widget_search label{
display: none;
}

#widgets .widget_search input{
max-width: 100%;
}

#widgets .widget_search #searchsubmit{
margin-top: 10px;
}


/* Text widget */
.widget_text .widgettitle{
margin-bottom: 10px;
}


/* Calendar widget */
.widget_calendar table{
background: transparent;
border: 1px solid #3c3c3c;
margin: 0 auto;
width: 100%;
}

.widget_calendar thead{
background: transparent;
}

.widget_calendar th{
color: #111111;
padding-top: 15px;
text-align: center;
text-shadow: none;
}

#widgets .widget_calendar table a{
text-decoration: underline;
}

.widget_calendar table caption{
line-height: 3em;
}

.widget_calendar td{
color: #dedede;
text-align: center;
line-height: 2em;
padding-top: 0;
padding-bottom: 0;
}

.widget_calendar tr:nth-child(even),
.widget_calendar tfoot  {
background: transparent;
}

.widget_calendar tfoot td{
padding-bottom: 5px;
}

.widget_calendar #prev{
text-align: left;
}

.widget_calendar #next{
text-align: right;
}


/* Tagcloud widget */
.tagcloud{
padding-top: 15px;
}


@media screen and ( min-width: 767px ) {

	.widget{
	width: 33.333333333% !important;
	}

}



/* Supersized! Home Page Carousel
*********************************************************************************************/

#progress-back,
#progress-bar,
#controls-wrapper,
#controls{
background: none !important;
}

#play-button,
#slidecounter{
display: none;
}

#supersized img{
max-width: none;
}

#controls{
overflow: visible !important;
margin-left: 70px;
}

ul#slide-list{
position: relative !important;
float: left;
left: 0 !important;
margin: 0 0 !important;
}


ul#slide-list a:first-child{
display: block;
float: left;
}

#slidecaption{
display: block;
position: absolute;
left: 0px;
right: 70px;
bottom: 40px;
}

#slidecaption h2 a{
background: url(images/widgets-bg.png);
color: #ffffff;
display: block;
float: left;
font-size: 25px !important;
font-weight: normal;
margin-bottom: 5px;
padding: 5px 15px;
}

#slidecaption p{
display: none;
}

#prevslide{
background-image: url(images/image-left.png) !important;
}

#nextslide{
background-image: url(images/image-right.png) !important;
}


@media screen and ( min-width: 480px ) {

	#slidecaption h2 a{
	font-size: 30px !important;
	}

}

@media screen and ( min-width: 767px ) {

	#slidecaption h2 a{
	font-size: 40px !important;
	}

	#slidecaption p{
	background: url(images/widgets-bg.png);
	clear: left;
	color: #ffffff;
	display: block;
	float: left;
	font-family: serif;
	font-size: 15px;
	font-style: italic;
	padding: 10px 15px;
	margin: 15px 0 5px;
	max-width: 65%;
	}

}

@media screen and ( max-height: 350px ) {
	
	#slidecaption{
	display: none;
	}

}



/* Content
*********************************************************************************************/

#content-wrap{
background: url(images/title-ribbon-left.png) no-repeat 9px 20px;
padding: 0 40px;
margin: 40px auto 0;
max-width: 900px;
}

#content{
background: #ffffff;
padding: 20px 40px 40px;
}

.post{
clear: both;
}

h1,
h1 a,
h2,
h2 a,
h3,
h3 a,
h4,
h4 a,
h5,
h5 a,
h6,
h6 a{
color: #151515;
font-family: serif;
}

.entry-title{
overflow: hidden;
}

.entry-title a{
text-decoration: none;
}

.entry-meta{
clear: left;
}

.entry-meta li{
float: left;
font-size: 12px;
padding-right: 12px;
}

.entry-meta li a{
color: #2a9bd7;
text-decoration: none;
}

.meta-date{
color: #b5b5b5;
}

.meta-comments{
background: url(images/comments.png) no-repeat center left;
padding-left: 20px;
}

.entry-content{
clear: both;
}

.entry-content p:first-child{
color: #4d4d4d;
font-family: "Georgia","Times New Roman",serif;
font-size: 1.3em;
}

.single .entry-title{
color: #ffffff;
}

#ribbon{
background: url(images/title-ribbon-right.png) no-repeat top right;
float: left;
padding: 0 40px 0 0;
margin: 0 0 20px -40px;
}

#ribbon h1{
background-color: #2a9bd6;
color: #ffffff;
display: block;
height: 49px;
float: left;
font-size: 20px;
font-weight: bold;
line-height: 50px;
padding: 0 0 0 40px;
text-shadow: 0px -1px 0px #1f76a3; 
}

#page-nav{
clear: both;
}

.nav-older{
float: right;
}

.nav-newer{
float: left;
}



/* Galleries
*********************************************************************************************/

#gallery-description{
border-bottom: 1px solid #eeeeee;
clear: both;
margin-bottom: 25px;
}

.gallery .photo{
box-shadow: 1px 2px 2px #bbb;
max-width: 100%;
position: relative;
}

.gallery .entry-title a{
color: #ffffff;
}

.gallery .columns{
float: left;
}

.gallery .entry-title,
.gallery .entry-meta{
background: rgba( 0, 0, 0, 0.5);
padding: 0 4.4%;
position: absolute;
width: 100%;
}

.gallery .entry-title{
bottom: 30px;
margin: 0;
}

.gallery .entry-meta{
bottom: 0;
height: 30px;
margin: 0;
}

.gallery .entry-content{
line-height: 0; 
}

.gallery .columns{
margin-bottom: 4.4%;
}


@media handheld, only screen and (max-width: 767px) {
	
	.gallery .phone-two.even{
	margin-left: 0;
	float: left;
	}
	
	.gallery .phone-two.odd{
	float: right;
	}
	
}



/* Photos
*********************************************************************************************/

#large-photo{
box-shadow: 1px 2px 2px #333;
line-height: 0;
max-width: 1200px;
margin: 0 auto;
z-index: 10;
}

#photo-content-wrap{
padding: 0 40px;
margin: 0 auto;
max-width: 900px;
}

#photo-content{
background: #ffffff;
padding: 20px 40px;
}



/* Comments
*********************************************************************************************/

#respond{
clear: left;
}

.comments-title,
#reply-title{
font-weight: normal;
font-size: 24px;
}

.comments-title span{
font-weight: bold;
}

#comments-list{
margin: 0;
list-style-type: none;
}

#comments-list li{
border-top: 1px solid #eeeeee;
clear: both;
padding: 25px 0;
}

#comments-list .avatar{
float: left;
margin: 0 26px 10px 0;
}

#comments-list .post-comment-meta{
float: left;
width: 200px;
padding-bottom: 25px;
}

#comments-list .post-comment-author{
color: #2a9bd6;
font-size: 16px;
font-weight: normal;
}

#comments-list .post-comment-text{
float: left;
width: 440px;
max-width: 100%;
}

#comments-list .post-comment-text p{
display: block;
position: relative;
width: 100%;
}

#comments-list .children{
margin-left: 25px;
}

#comments-list .children .post-comment-text{
width: 415px;
}

#comments-list .children .children .post-comment-text{
width: 390px;
}

#comments-list .children .children .children .post-comment-text{
width: 365px;
}

#comments-list .children .children .children .children .post-comment-text{
width: 340px;
}

.comment-author{
float: left;
padding-left: 100px;
}

.comment-body{
float: right;
}

#commentform input,
#commentform textarea{
border: 1px solid #ddd;
border-radius: 2px;
margin: 0;
width: 100%;
}

#commentform input{
color: #aaaaaa;
height: 40px;
line-height: 40px;
padding: 0 10px;

}

#commentform .required{
display: none;
}

#commentform #submit{
background: #2a9bd7;
border: 1px solid #2394d0;
border-radius: 2px;
color: #ffffff;
font-family: serif;
font-size: 18px;
height: 40px;
line-height: 40px;
}

#cancel-comment-reply-link{
padding: 0 10px;
text-decoration: underline;
}

#commentform .form-allowed-tags,{
display: none;
}



/* WordPress Classes
*********************************************************************************************/

.alignright {
float: right;
}

.alignleft {
float: left;
}

.entry-content img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.entry-content img.alignright {
float: right;
margin: 0 0 20px 20px;
}

.entry-content img.alignleft {
float: left;
margin: 0 20px 20px 0;
}

.entry-content .wp-caption {
border: 1px solid #eeeeee;
text-align: center;
margin-top: 5px;
padding: 5px 5px 0 5px;
}

.entry-content .wp-caption-text{
font-weight: bold;
}

.entry-content .gallery-caption {
font-weight: normal;t
}

.entry-content .wp-caption.alignright {
margin: 0 0 20px 20px;
}

.entry-content .wp-caption.aligncenter {
margin-left: auto;
margin-right: auto;
}

.entry-content .wp-caption.alignleft {
margin: 0 20px 20px 0;
}

.bypostauthor .post-comment-text{
background: #eeeeee;
padding: 10px 15px 0;
}

.sticky{
	/* this theme doesn't use sticky posts */
}