/*
Theme Name: Photoria
Theme URI: http://www.wpzoom.com/themes/photoria/
Description: Theme by <a href="http://www.wpzoom.com">WPZOOM</a>
Version: 1.1.2
Author: WPZOOM
Author URI: http://www.wpzoom.com
*/

/*
WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the custom.css file to add your styles. You can copy a style from this file and paste it in 
custom.css and it will override the style in this file.

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


html, body, div, h1, h2, h3, ul, ol, li, form, fieldset,  
input, textarea {margin: 0; padding: 0; font-size: 100%;}  
ul {list-style: none;}  
img, fieldset {border: 0;}
em {font-style: italic;}
strong {font-weight: bold;}

body {font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 62.5%; text-align:center; background-color: #16151a; color: #DFDFE0; }
a {text-decoration:none; color: #55bbcc; }
a:hover {text-decoration:underline; }
a:active {outline:none;}
h1,h2,h3,h4,h5,h6 {font-weight: normal; margin:0; padding:0; color: #fff; }
p {margin: 0 0 16px; }
.aligncenter,div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 10px 15px 5px 0; }
.alignright { float: right; margin: 10px 0 8px 20px; }
.clear { clear: both; }
.floatleft,.more_left { float: left; }
.floatright { float: right; }

input { padding:5px; margin-right:4px;}

#container {width:100%; min-height: 200px; margin: 0 auto; text-align:center; font-size: 13px; line-height: 1.5; }
#container div.wrapper {margin: 0 auto; width: 950px; text-align: left; padding: 0; }
#container div.cleaner {clear: both; font-size:1px; height: 1px; margin:0; line-height: 1px; }
#container div.sep {font-size:1px; height: 1px; margin:0; line-height: 1px; margin: 2px 0; border-bottom: dotted 1px #58626a; }
 
#header {padding: 20px 0; border-bottom: solid 2px #58626a; margin: 25px 0 15px; }
#logo {float: left; display: inline; }

#nav {display: inline-block; margin: 20px 0 0; float: right; }
#nav li {float: left; display: inline; font-size: 16px; font-weight: bold; padding: 6px 12px; -moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;}
#nav li:hover {background-color: #58626a; }
#nav a {color: #fff; text-decoration: none; text-shadow: #185177 1px 1px 0; }
#nav li li {padding: 3px 0; line-height: 20px; font-size: 12px; font-weight: normal; }
#nav li.current-menu-item {background-color: #58626a; }

#featPosts {margin-bottom: 10px; width: 950px; position:relative; position:relative; clear:both; }
#featPostsBig {min-height: 400px; }
#featPostsBig div.cover {}

/* Required */
.container { overflow:hidden; position:relative; }
.slides { position:absolute; top:0; left:0; }
.slides li.slide { position:absolute; top:0; width:950px; min-height: 400px; display:none; }
.postcontent { height:100%; overflow:hidden;}
		/* Optional */

a.previous { position: absolute; top: 38%; left: -5px; }
a.next { position: absolute; top: 38%; right: -5px; }
a.browse { position: absolute; width: 44px; height: 82px; display: block; cursor: pointer; font-size: 1px; z-index: 99; text-indent: -2000px; background: url("images/arrows.png") no-repeat 0 0; outline:none; border:none;}
a.previous { background-position: 0 -83px; right: 15px; }
a.previous:hover { background-position: 0 0; }
a.next { background-position: -45px -83px; }
a.next:hover { background-position: -45px 0; }

/* Main */
#main {float: left; display: inline; width: 630px; margin-right: 20px; }

#content {margin-top: 20px; }
#content ul.posts {margin: 15px 0 15px 0; }
#content ul.posts li {position: relative; float: left; display: inline; margin-right: 10px; width: 300px; padding: 5px; }
#content ul.posts li a {color:#fff;}
#content ul.posts li.last {margin-right: 0; }
#content ul.posts h2 {margin: 10px 0; font-size: 14px; line-height: 1.3; font-weight: bold; display: block; padding-bottom: 6px; border-bottom: solid 2px #58626a; }
#content ul.posts img {margin: 1px 0 10px; }
#content ul.posts li:hover {background-color: #5eacc5; color: #fff; -moz-border-radius: 7px; -khtml-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;  }
#content ul.posts li:hover h2   {border-bottom-color: #fff; }
#content ul.posts li:hover h2 a { color:#fff;}

#content h1   {font-size: 32px; font-weight: bold; letter-spacing: -1px; line-height: 1.3; margin-bottom: 10px; color:#fff;}
#content h1 a {font-size: 32px; font-weight: bold; letter-spacing: -1px; line-height: 1.3; margin-bottom: 10px; color:#fff;}
.postcontent h2, .postcontent h3, .postcontent h4, .postcontent h5, .postcontent h6 {font-weight: bold; margin-bottom: 12px; } 
#container .postcontent h2 {font-size: 28px; line-height: 30px; }
#container .postcontent h3 {font-size: 26px; line-height: 30px; }
.postcontent h4 {font-size: 24px; line-height: 28px; }
.postcontent h5 {font-size: 20px; line-height: 24px; }
.postcontent h6 {font-size: 18px; line-height: 22px; }
.postcontent p {margin-bottom: 14px; }
.postcontent p img {margin-bottom: 10px;}
.postcontent ul, .postcontent ol {margin: 0 0 14px 14px; }
.postcontent li ul, .postcontent li ol {margin-bottom: 0; }
.postcontent li {list-style-position: inside;} 
.postcontent ul li {list-style-type: square;}
.postcontent ol li {list-style-type: decimal;}
.postcontent blockquote {font-style: italic; font-size: 18px; line-height: 24px; border-left: solid 5px #444; padding-left: 20px; margin-left: 20px; }
.postcontent .alignleft { float: left; margin: 10px 15px 10px 0; }
.postcontent .alignright { float: right; margin: 10px 0px 10px 15px; }
 
.attachment { margin: 1em 0 }
.wp-caption-text, .gallery-caption { color: #999; text-align: center; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 11px; }

.postcontent .gallery .gallery-item  {display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin:10px;   }
.postcontent .gallery .gallery-item img { border: solid 5px #fff; }
.postcontent .gallery .gallery-item img:hover {border-color: #55bbcc;}
.postcontent .gallery { margin: auto; text-align:center; clear:both; }
.postcontent .gallery-caption { margin-left: 0; }

h2.title {font-size: 18px; font-weight: bold; margin-top: 25px; padding-bottom: 6px; border-bottom: solid 2px #58626a; }

/* Comments */
#content ol.normalComments {clear: left; padding: 1em 0; margin:0; }
#content ol.normalComments div.comment-body {position: relative; }
#content ol.normalComments div.reply {position: absolute; top: 0; right: 0; }
#content ol.normalComments li {clear: left; list-style-type: none; margin: 0 0 1em; padding: 10px 15px 5px 0; font-size: 11px; line-height: 16px; min-height: 80px; }
#content ol.normalComments li ul.children {padding: 10px 0 0; }
#content ol.normalComments li ul.children li {clear: left; margin: 0 10px 10px 10px; }
#content ol.normalComments li p {margin-bottom: 10px; line-height: 18px; overflow:hidden;}

#content ol.normalComments img.avatar { float: left; display: inline; margin: 0 15px 20px 0; }
#content ol.normalComments cite {font-size: 14px; line-height: 18px; font-weight: bold; font-style: normal; float: left; display: inline; margin-right: 10px;  }
#content ol.normalComments .commentmetadata {line-height: 18px; font-size: 11px; margin-bottom: 5px; }
#content ol.normalComments blockquote {font-size: 12px; line-height: 18px; }
#content ol.normalComments span.says {display: none; }

.reply a, .cancel-comment-reply a { padding: 2px 5px; margin-bottom: 5px; font-weight: normal; font-size: 11px; }
.reply a:hover, .cancel-comment-reply a:hover { text-decoration: none; }

#respond {clear: left;}
.cancel-comment-reply {margin: 10px 0 5px; }

#commentform {margin-top: 15px; clear: left; }
#commentform code {font-size: 11px; }
#commentform p {margin: 0 0 5px; font-size: 12px;}
#commentform #formLabels {float: left; display: block; width: 55%; }
#commentform #formContent {float: left; display: block; width: 75%;  }
#commentform label {text-align: left; font-weight:bold; line-height: 2.0em; font-size: 11px; display: block; text-transform: uppercase; }
#commentform input {width: 90%;	padding: 8px 0 8px 7px;	font-size: 14px; margin-bottom: 10px; }
#commentform textarea {	width: 100%; height: 130px;	padding: 4px; margin-bottom: 10px; font-size: 14px; line-height: 20px;	}
#commentspost p {font-size: 12px; line-height: 24px;}

#content label, #commentform label {font-weight:bold; line-height: 2.0em; font-size: 11px; display: block; text-transform: uppercase; }
#content #submit, #commentform #submit {background:none; font-size: 14px; padding: 5px 7px; width: auto; cursor: pointer; }

#content ol.normalComments img.avatar {}
#content #submit, #commentform #submit {background:none; background-color: #55bbcc; color: #fff; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 6px 15px; font-weight:bold; font-family:Arial;}
#content #submit:hover, #commentform #submit:hover {background-color: #444; }

/* Comments */
#content ol.normalComments .reply a, #content .cancel-comment-reply a { color: #4da5b4; }
#content ol.normalComments .reply a:hover, #content .cancel-comment-reply a:hover {color: #fff; }

#content ol.normalComments a {color: #58626a; }
#content ol.normalComments cite, #content ol.normalComments cite a {color: #4da5b4; }
#content .normalComments li.comment {color: #DEDEDE; border-bottom: dotted 1px #58626a; margin-bottom: 0; }
#content .normalComments li.parent {border-bottom: none; }
#content .normalComments ul.children {padding-top: 10px; border-top: dotted 1px #58626a; }
#content input, #content textarea, #commentform input, #commentform textarea {background-color: #fff; color: #333; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: none; }
#content .content h2.title {clear: left; }
#content .postmetadata {margin: 0 0 10px; padding:0 0 10px; color: #999; border-bottom:1px dotted #474747; text-transform:uppercase; font-size:10px; display:block;}
#content .postmetadata a {color:#fff;}

/* Sidebar */
#sidebar {float: left; display: inline; width: 300px; margin-top: 20px; }
#sidebar .banner { margin:15px 0; }
#sidebar .widget {margin-bottom: 20px; font-size: 12px; line-height: 18px; }
#sidebar ul {margin: 0;}
#sidebar ul.posts {margin: 15px 0; }
#sidebar ul.posts li {padding: 0 0 10px; border-bottom: solid 1px #30343a; margin-bottom: 10px; }
#sidebar ul.posts h2 {font-weight: bold; margin-bottom: 6px; }
#sidebar ul.posts h2 a {color: #222; }
#sidebar ul.posts h2 a:hover {color: #dc567a; }
#sidebar div.cover {float: left; display: inline; margin-right: 10px; }
#sidebar div.content {overflow: hidden;}
#sidebar p.postmetadata {margin: 0; color: #ABB0B5; }
ul.wpzoomSocial {margin: 10px; }
 
ul.wpzoomSocial li { display: inline; float:left; width: 130px; float: left; padding: 8px 0; line-height: 1.2; }
ul.wpzoomSocial li a { font-size: 14px; font-weight: bold; }
ul.wpzoomSocial li a span { color: #ABB0B5; font-size: 11px; display: block; font-weight: normal; font-family:Georgia; font-style:italic; }
ul.wpzoomSocial img { float: left; margin-right: 7px; }
ul.wpzoomSocial span {display: block; }

.sidebarLeft #main {float: right; margin-left: 20px; margin-right: 0;}
.sidebarLeft #sidebar {float: right; }

/* Footer */
#preFooter {margin: 35px 0; font-size:11px; }
#preFooter a {color:#55bbcc; }
#preFooter div.column {float: left; display: inline; width: 230px; margin-right: 10px; }
#preFooter div.last {margin-right: 0;}
#preFooter h2, #sidebar h2 {color: #DFDFE0; font-size: 14px; font-weight: bold; line-height: 20px; padding-bottom: 6px; border-bottom: solid 2px #30343a; margin-bottom: 12px; }
#preFooter .widget:hover h2 { border-bottom:2px solid #58626a; }
#footer {text-align: left; padding: 15px 0; border-top: solid 2px #58626a; color: #ccc; margin: 30px 0; }
#footer p {margin:0; line-height: 18px; font-size: 12px;  }
#footer a {color: #999;  }
#footer a:hover {color: #fff; text-decoration: underline; }
#footer p.wpzoom {float: right; display: inline; line-height: 16px; width: 247px; }
#footer p.wpzoom img {float: right; display: inline; margin: 0 0 0 5px; padding:3px 0 0;}
#footer p.wpzoom a {color: #ccc; text-decoration: none;}
#footer p.wpzoom a:hover { }

div.navigation {margin-top: 10px; text-align: center; padding: 15px 0; border-top: solid 2px #58626a; border-bottom: solid 2px #58626a; }
div.navigation span a {margin: 0 5px; font-weight:bold; font-size:14px; text-transform:uppercase; color:#fff;}
div.navigation span.left_nav { float:left;}
div.navigation span.right_nav { float:right;}
div.navsep {margin-top: 20px; }

 
/* WPZOOM Gallery Widget */
.widget ul.gallery {padding: 0; margin:0;}
.widget ul.gallery li {list-style-type: none; float: left; display: inline; padding:0; margin: 0 11px 11px; }
.widget ul.gallery li.last {margin-right: 0;}
.widget ul.gallery li img {padding: 1px; }

#preFooter .widget { margin:0 0 25px; }
#preFooter .widget ul.gallery li img { width:63px; }
#preFooter .widget ul.gallery li {list-style-type: none; float: left; display: inline; padding:0; margin: 0 5px 11px; }