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

Theme Name: Photoria
Theme URI: http://www.wpzoom.com/themes/photoria
Version: 2.0.2
Author: WPZOOM
Author URI: http://www.wpzoom.com
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

The PHP code portions of this WPZOOM theme are subject to the GNU General Public 
License, version 2. All images, cascading style sheets, and JavaScript elements are
released under the WPZOOM Proprietary Use License below.

**********************************************************************************************

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; }
#logo h1 a { font-size: 50px; font-family: 'Lato', Arial, sans-serif; font-weight: bold; text-transform: uppercase; color:#fff; }
 
#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; }

#menu {position:relative; z-index:200; }
#menu li li{margin-right: 0; border-left: none; }

.downarrowclass {	background:url(images/down.png) no-repeat center; padding:5px 12px;}
.rightarrowclass {background:url(images/right.png) no-repeat center right;	padding: 10px;	position:absolute; right:10px;	}

/*Top level list items*/
.dropdown ul li{position: relative; display: inline; margin-right: 0; }
/*Top level menu link items style*/
.dropdown ul li a{text-decoration: none; }
* html .dropdown ul li a{ /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block; }
 
/*1st sub level menu*/
.dropdown ul li ul {position: absolute; left: 0; display: block; visibility: hidden; z-index:100; background:#333; text-align:left; margin:0; -moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.dropdown ul li ul li ul{top: 0;}
/* Sub level menu links style */
.dropdown ul li ul li a {width: 160px; padding: 5px 10px; margin: 0; border-top-width: 0; color:#fff; text-transform:none; display:block; }
.dropdown ul li ul li:last-child a, .dropdown ul li ul li:last-child a:hover {border:none;}
.dropdown ul li ul li a:hover { color:#000; }

#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_container { position:absolute; top:0; left:0; }
.slides_container li.slide { position:absolute; top:0; width:950px; min-height: 400px; display:none; }
.postcontent { height:100%; overflow:hidden;}
		/* Optional */

#featPosts a.prev { position: absolute; top: 38%; left: -5px; }
#featPosts a.next { position: absolute; top: 38%; right: -5px; }
#featPosts 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;}
#featPosts a.prev { background-position: 0 -83px; right: 15px; }
#featPosts a.prev:hover { background-position: 0 0; }
#featPosts a.next { background-position: -45px -83px; }
#featPosts 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 div.cover img { vertical-align: bottom; }
#sidebar div.cover {float: left; display: inline; margin-right: 10px; }
#sidebar div.content {overflow: hidden;}
#sidebar p.postmetadata {margin: 0; color: #ABB0B5; }
ul.social {margin: 10px; }
 
ul.social li { display: inline; float:left; width: 130px; float: left; padding: 8px 0; line-height: 1.2; }
ul.social li a { font-size: 14px; font-weight: bold; }
ul.social li a span { color: #ABB0B5; font-size: 11px; display: block; font-weight: normal; font-family:Georgia; font-style:italic; }
ul.social img { float: left; margin-right: 7px; }
ul.social 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: 249px; }
#footer p.wpzoom img {float: right; display: inline; margin: 0 0 0 5px; padding: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; }
.navigation a, .navigation span.current { color: #58626a; vertical-align: middle; padding: 5px 6px; text-transform: uppercase; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: none; }
.navigation a:hover { color: #fff; text-decoration: none; background: #58626a; }
.navigation a.next { position: static; }
.navigation span.current { color: #58626a; background: rgba(255, 255, 255, 0.1); }

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

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