/*  
Theme Name: Simple Style Photography Responsive Theme
Version: 1.3
Description: Photography Wordpress Theme
Author: Vandelay Design
Author URI: http://vandelaydesign.com
This theme is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/



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, 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,

article, aside, canvas, details, embed,

figure, figcaption, footer, header, hgroup,

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section {

	display: block;

}

body {

	line-height: 1;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

* { outline:none; }



/* ---------------- common tags --------------------- */



.left {

	float:left;

}

.right {

	float:right;

}

.clear {

	clear:both;

	line-height:1px;

	height:1px;

}

a {

	color:#ba251c;

	text-decoration:none;

}

a:hover {

	color:#7f251f;

}

#navigation {

	font-family: 'Droid Sans', sans-serif;

}

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

	font-family: 'Futura', sans-serif;

	font-weight:400;

	color:#ba251c;

}

, strong{font-weight:700;}

i, em{font-family: 'Droid Serif', serif;font-style:italic;}

img {

	height:auto;

	max-width:100%;

}

#navigation select, #navigation .select{

	display:none;

}

.select{position:absolute;width:410px;height:34px;overflow:hidden;line-height:34px;background:url(images/bg_select.png) no-repeat;border:none;padding:0 0 0 10px;margin:0;color:#000;font-size:14px;}



/* ---------------- layout tags --------------------- */



body {

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	line-height:20px;

}

.box {

	width:960px;

	margin:0 auto;

}



/* header */

#header {

	width:100%;

	height:120px;

}

#logo {

	display:block;

	font-size:30px;

	font-family: 'Droid Serif', serif;

	width:350px;
	
	height:100px;

	float:left;

}

#logo div{

	display: table;

	height:100px;

	width:100%;

	float:left;

}

#logo div span{

	display:table-cell;

    	vertical-align: middle;

}



/* navigation */

#navigation {

	width:610px;
	
	height:120px;

	float:left;

}

#navigation ul {

	float:right;

	padding-top:68px;

	position:relative;

	z-index:9999;

}

#navigation li {

	font-size:14px;

	float:left;

	position:relative;

	z-index:9999;

}

#navigation li a{

	padding:5px 15px;

}

/* Dropdown */



#navigation ul li:hover a {

	text-decoration:none;

}



#navigation ul li:hover li a {

	background:none;

}



/* LEVEL TWO */

#navigation ul ul { 

	visibility:hidden;

	position:absolute;

	top:100%;

	left:0;

	font-size:60%;

	z-index:10000;

	height:auto;

	margin:0;

	padding:10px 5px 0 0;

	width:auto;

}



#navigation ul ul li { 

	float:none;

	margin:0;

	text-align:left;

	font-size:14px;

	padding:0 0 10px 0;

	display:block;

	white-space:nowrap;

	background:none;

}



#navigation ul ul li a { 
     

	text-decoration:none;
	
	color:#000000;

	margin:0;

	height:auto;

	padding:0 15px;

	display:block;

	background:none;

}

/* LEVEL THREE */

#navigation ul ul ul { 

	left: 100%; 

	top: 0;

}



#navigation ul li:hover > ul {

	visibility: visible;

}



/* container */

#container {

	width:100%;

}

#showcase {

	margin-bottom:60px;

	height:580px;

}

#showcase, #featured {

	width:940px;

	padding:9px;

	border-style:solid ;

	border-width:1px;

}



/* footer */

#footer {

	width:100%;

	height:44px;

	font-size:14px;

	padding:12px 0 0 0;

	text-align:center;

	color:#999
	

}



/* innerpage */

#featured {

	margin-bottom:60px;

	height:486px;

}



/* gallery */

.gallery {

	width:969px;

	margin:0 -40px 0 0;

}

.gallery li {

	float:left;

	margin:0 40px 60px 0;

	

}

.gallery li img {

	float:left;

	padding:4px;

	border-style:solid;

	border-width:1px;

}

#leftcol {

	width:969px;

	float:left;

	padding:0 60px 0 0;

	min-height:486px;
	
	background:#1c1c1c;

}

#rightcol {

	width:300px;

	float:left;

	padding:0 0 20px 0;

}



/* 3. WIDGETS */



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



.widget {

	width:100%;

	float:left;

	margin:0 0 50px 0;

}

.widget li {

	display:block;

	border-bottom-style:solid;

	border-bottom-width:1px;

}

.widget li a {

	display:block;

	padding:11px 0;

}

.widget .input, .widget input[type="text"] {

	width:204px;

	height:14px;

	font-size:14px;

	float:left;

	padding:8px 10px;

	margin:0 8px 0 0;

	background:#fff;

	border-style:solid;

	border-width:1px;

	color:#4f4f4f;

}

.widget .button, .widget input[type="submit"] {

	width:66px;

	height:30px;

	border:none;

	background:#ba251c;

	float:left;

	cursor:pointer;

	font-size:14px;

	color:#fff;

	margin:1px 0 0 0;

	-webkit-appearance: none;



}

.widget .button:hover, .widget input[type="submit"]:hover {

	background:#7f251f;

}

.widget h4 {

	font-size:24px;

	color:#ba251c;

	padding-bottom:18px;

}



/* Search Box Title Hide */

.widget_search label.screen-reader-text{display:none;}



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



/* 4. POSTS */



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



h2.page-title {

	font-size:0px;

	line-height:0px;

	padding-bottom:0px;

	position:relative;

	top:-6px;

	z-index:1;
	
	margin-top:0px;
	
	margin-left:10px;
	
	color:#414040;
	

}

h3.result-heading {

	font-size:24px;

	line-height:34px;

	padding-bottom:36px;

	position:relative;

	top:-6px;

	z-index:1;

}

h2.post-title {

	font-size:24px;

	line-height:34px;

	padding-bottom:2px;

	position:relative;

	top:-6px;

	z-index:1;

}

.gallery h2.page-title {

	padding:0 0 40px 0;

	font-size:18px;

}

.post.listing {

	padding-bottom:50px;

}

.post.listing .entry p {

	padding-bottom:20px;

}

.post.listing .entry p a {

	text-decoration:underline;

}

.post.listing .entry p a:hover {

	text-decoration:none;

}

.post .meta {

	display:block;

	font-family: 'Droid Sans', serif;

	padding-bottom:28px;

}

.entry p {

	padding-bottom:24px;
	margin-left:50px;

}

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

	font-size:18px;

	padding-bottom:20px;

}

.entry h1{

	font-size:24px;

}

.entry h2{

	font-size:20px;

}

.entry h4, .entry h5, .entry h6 {

	font-weight:normal;

}

.entry blockquote  {padding: 10px 20px 10px 50px; background:url(images/blockquote.png) no-repeat; }



.entry blockquote p  { font-style:italic;font-family: 'Droid Serif', serif; }



.entry li{padding:3px 0;}



.entry ul  { margin: 0 0 10px 0; padding: 0 0 0 10px; }



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



.entry ul ul  { margin: 0; }



.entry li{line-height:20px;}



.entry a{text-decoration:underline;}



.entry a:hover{text-decoration:underline;}



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



.entry ol  { margin: 0 0 15px 0; padding: 0 0 0 20px; }



.entry ol ol  { margin: 0; }



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



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



.entry pre{ white-space:normal;}



/* 4.2 Images */







.entry .thumb { padding: 1px; text-align:center; background:#F8F8F8;  border: solid 1px #e6e6e6; }



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



.alignleft  { float: left; width: auto; margin: 5px 15px 15px 0; }



.alignright  { float: right; width: auto; margin: 5px 0 15px 15px; }



.aligncenter  { text-align: center; margin-bottom:15px;}



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



.entry .gallery-caption {}



.entry .wp-caption { padding: 1px; text-align:center; background:#F8F8F8;  border: solid 1px #e6e6e6; }



.entry .wp-caption img{ margin:0; padding:4px 0; background:none; border:0; }



.entry .wp-caption-text { margin:0; padding:0; color:#646362; font:11px/22px Arial, Helvetica, sans-serif; text-align:center; }



.entry .wp-caption.aligncenter { margin:0 auto 15px; }







/* 4.3 Page Navi */



.pagination {

	width:100%;

	height:30px;

	padding:10px 0 60px 0;

}

.pagination span.current, .pagination a:hover {

	float:left;

	line-height:28px;

	padding:0 12px;

	margin-right:10px;

	border-width:1px;

	border-style:solid;

	border-color:#ba251c;

	background:#ba251c;

	color:#fff;

}

.pagination a {

	background:#fff;

	color:#000;

	border-width:1px;

	border-style:solid;

	float:left;

	line-height:28px;

	padding:0 12px;

	margin-right:10px;

}

.pagination span.numbers {

	float:right;

	line-height:30px;

}



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



/* 5. COMMENTSAREA */



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



/* 5.1 Comments */



#comments{

	width:100%;

}

#comments h4{

	color:#ba251c;

	font-size:14px;

	border-bottom:solid 1px #313030;

	padding:0 0 10px 0;

}

#comments li{

	border-bottom:solid 1px #313030;

	padding:16px 0 0 0;

	margin:0;

}

#comments .comment_info{

	float:left;

	margin-right:10px;

}

#comments .commento{

	padding-left:70px;

}

#comments .commento-head .name a, #comments .commento-head .comment-date{

	color:#fff;

}

#comments .comment-text p{

	padding:0 0 16px 0;

}

#comments .comment-text a{

	text-decoration:underline;

}

#comments .comment-text a:hover{

	text-decoration:none;

}

#respond{

	width:100%;

	padding:20px 0 60px 0;

}

#respond h4{

	font-size:14px;

	padding:0 0 26px 0;

	color:#ba251c;

}

#respond label{

	display:block;

	padding:0 0 10px 0;

}

#respond .input{

	width:230px;

	height:18px;

	line-height:18px;

	background:#fff;

	border-style:solid;

	border-width:1px;

	margin:0 0 15px 0;

	font-size:12px;

	padding:6px 10px;

}

#respond .textarea{

	width:380px;

	height:100px;

	background:#fff;

	overflow:auto;

	border-style:solid;

	border-width:1px;

	padding:10px;

	margin:0 0 20px 0;

}

#respond .button {

	width:130px;

	height:30px;

	float:left;

	background:#ba251c;

	cursor:pointer;

	font-size:14px;

	color:#fff;

	margin:4px 0 0 0;

	border:none;

	-webkit-appearance: none;

}

#respond .button:hover {

	background:#7f251f;

}



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



/* 6. GENERAL STYLES */



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



.floatl  {float: left;}

.floatr  {float: right;}

.alignl  {text-align: left;}

.alignr  {text-align: right;}

.alignc  {text-align: center;}



/* 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;

}



/* Align */



.aligncenter {margin: 10px auto 20px auto;display: block;}

.alignleft {margin: 10px 20px 8px 0;float: left;}

.alignright {margin: 10px 0px 8px 20px;float: right;}

.col-left {float: left;}

.col-right {float: right;}



/* PageNavi */

.more_entries {font-size:11px;}

.more_entries .wp-pagenavi {clear:both;float: right;}

.more_entries .wp-pagenavi a {text-decoration: none !important;}

.more_entries .wp-pagenavi .current, 

.more_entries .wp-pagenavi .on,

.more_entries .wp-pagenavi a:hover {background: #9f9f9f !important;}

.more_entries .wp-pagenavi a,

.more_entries .wp-pagenavi a:link,

.more_entries .wp-pagenavi a:visited, 

.more_entries .wp-pagenavi .current, 

.more_entries .wp-pagenavi .on,

.more_entries .wp-pagenavi span.pages { background: #EEEEEE;color: #666; padding: 4px !important; margin-left: 4px; border:1px solid #DDDDDD; line-height:24px; }

.more_entries .wp-pagenavi .extend { background:none; border:none; }



/* Misc */



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

.fix{clear: both;height: 1px;margin: -1px 0 0;overflow: hidden}

.fl{float: left}

.fr{float: right}

.ac{text-align: center}

.ar{text-align: right}

img.centered{display: block;margin-left: auto;margin-right: auto;}

.wp-caption {background-color:#EEEEEE;border:1px solid #DDDDDD;padding:4px 0 5px;text-align:center;}

.wp-caption-text {padding:3px 0 0;font-size:11px;}





/* responsive Queries */



@media only screen and (max-width: 960px) {

.box{

	width:960px;

}

}



/* For iPad Portrait Mode */

@media only screen and (min-width: 768px) and (max-width: 959px) {

.box{

	width:710px;

}

#showcase{

	height:430px;

	width:690px;

	overflow:hidden;

}

#featured{

	height:351px;

	width:690px;

	overflow:hidden;

	margin-bottom:35px;

}

#featured img{

	height:100%;

}

#header {

	height:209px;

}

#logo {

	width:100%;

}

#navigation {

	width:100%;

}

#navigation ul {

	float:left;

	padding-top:5px;

}

#navigation ul li:first-child a {

	padding-left:0;

}

#navigation ul li li:first-child a {

	padding-left:15px;

}

#leftcol {

	width:440px;

	padding:0 40px 0 0;

}

#rightcol {

	width:230px;

}

.widget .input, .widget input[type="text"] {

	width:133px;

}

.gallery {

	width:676px;

	margin:0;

}

.gallery li img {

	width:288px;

	height:212px;

}

.gallery h2.page-title {

	padding:0 0 30px 0;

}

}



/* For iPhone Portrait Mode */

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

.select{width:280px;background:url(images/bg_selects.png) no-repeat;}

#navigation ul{display: none;}

#navigation select, #navigation .select {display: inline-block;}

.box{width:290px;overflow:hidden;}

#logo{font-size:18px;}

#logo div{height:130px;}

#showcase{height:176px;width:282px;overflow:hidden;padding:3px;}

#featured{height:145px;width:282px;overflow:hidden;margin-bottom:25px;padding:3px;}

#featured img{height:100%;}

#header {height:189px;}

#logo {width:100%;}

#navigation {width:100%;}

#navigation ul {float:left;padding-top:5px;}

#navigation ul li:first-child a {padding-left:0;}

#leftcol {width:100%;padding:0;}

#rightcol {width:100%;}

.widget .input, .widget input[type="text"] {width:194px;}

.gallery {width:310px;margin:0 -20px 0 0;}

.gallery li {margin:0 20px 20px 0;}

.gallery li img {width:125px;height:94px;}

}



/* For iPhone Landscape Mode */

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

#navigation ul{display: none;}

.select{width:410px;background:url(images/bg_select.png) no-repeat;}

#navigation select, #navigation .select { display: inline-block;}

.box{width:420px;overflow:hidden;}

#logo{font-size:18px;}

#logo div{height:130px;}

#showcase{height:253px;width:410px;overflow:hidden;padding:4px;}

#featured{height:209px;width:410px;overflow:hidden;margin-bottom:25px;padding:4px;}

#featured img{height:100%;}

#header {height:189px;}

#logo {width:100%;}

#navigation {width:100%;}

#navigation ul {float:left;padding-top:5px;}

#navigation ul li:first-child a {padding-left:0;}

#navigation {width:100%;}

#navigation ul {float:left;padding-top:5px;}

#navigation ul li:first-child a {padding-left:0;}

#leftcol {width:100%;padding:0;}

#rightcol {width:100%;}

.widget .input, .widget input[type="text"] {width:323px;}

.gallery {width:460px;margin:0 -40px 0 0;}

.gallery li {margin:0 40px 40px 0;}

.gallery li img {width:180px;height:135px;}

}