/* 
Theme Name: PixatoLight
Theme URL: http://pixatopress.com/
Description: A grid based responsive picture gallery theme specially designed for Wallpaper sites including clean page layouts, sidebar and footer widgets, powerful control panel and much more.
Author: Kaspar Lenferink
Theme URL: http://pixatopress.com/
Version: 1.1
The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php
*/

body { 
	color: #444;
	background: #fff;
	font-family: 'Lato', 'Roboto', sans-serif;
	line-height: 24px;
	font-size: 14px;
} 

img {
    max-width: 100%; 
    height: auto; 
    width: auto\9; /* ie8 */
}

/***********************************************************/
/* Typography */
/***********************************************************/
h1 {
	font-family: 'Dosis', sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	margin: 10px 0px;
	padding: 0px;
}

h2 {
	font-family: 'Dosis', sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	margin: 5px 0px;
	padding: 0px;
}

h3 {
	font-family: 'Dosis', sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	margin: 10px 0px;
	padding: 0px;
}

h4 {
	font-family: 'Oswald', sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	margin: 10px 0px;
	padding: 0px;
}

h5 {
	font-family: 'Oswald', sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	margin: 10px 0px;
	padding: 0px;
}

h6 {
	font-family: 'Oswald', sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	margin: 10px 0px;
	padding: 0px;
}

a {
	color: #13A7DE;
	text-decoration: none;
}

a:hover {
	color: #333;
	text-decoration: none;
}

blockquote {
	float: left;
	font-size: 1.4em;
	padding: 10px 30px 20px 50px;
	background: url('images/common-images/quote.png') no-repeat;
}

/*************************************************************************/
/* Header */
/*************************************************************************/
#px-header-wrap {
	float: left;
	width: 100%;
}

#px-header {
	float: left;
}

#px-logo {
	float: left;
}

/*************************************************************************/
/* Navigation */
/*************************************************************************/
#px-navigation-wrap {
	float: left;
	width: 100%;
	font-size: 13px;
	font-weight: normal;
	background-color: #00B1DA;
	border-top: 1px solid #3AD1F4;
	border-bottom: 1px solid #059BBE;
}

#px-navigation {
	font-size: 1em;
	font-weight: normal;
	background-color: #00B1DA;
}

.site-nav {
	float: left;
	display: inline-block;
	margin: 0 auto;
	height: 36px;
}

.site-nav ul, div.menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.site-nav li, div.menu li {
	float: left;
	position: relative;
	padding: 0;
	margin: 0;
}

.site-nav a {
	color: #fff;
	display: block;
	line-height: 36px;
	padding: 0 20px;
	text-decoration: none;
	text-shadow: 1px 1px 0 #058DAD;
	-moz-transition:  .3s ease-in-out;
	-webkit-transition:  .3s ease-in-out;
	transition:  .3s ease-in-out;
}

.site-nav li.current-menu-item a {
	color: #fff;
	background-color: #058DAD;
}

.site-nav li:hover > a,
.site-nav ul ul li:hover > a {
	color: #fff;
	background-color: #058DAD;
}

/* Second level */
.site-nav ul ul {
	display: none;
	position: absolute;
	top: 36px;
	left: 0;
	float: left;
	width: 180px;
	z-index: 99999;
}

.site-nav ul ul li {
	margin-left: 0px;
	color: #777;
	background-color: #00B1DA;
	border-top: 1px solid #059BBE;
	border-bottom: 1px solid #3AD1F4;
}

.site-nav ul ul li:last-child {
	border-bottom: 1px solid #00B1DA;
}

.site-nav ul ul a {
	line-height: 1em;
	padding: 10px;
	width: 160px;
	height: auto;
	-moz-transition:  .3s ease-in-out;
	-webkit-transition:  .3s ease-in-out;
	transition:  .3s ease-in-out;
}

.site-nav li.current-menu-item ul a {
	color: #fff;
	background-color: #058DAD;
	border-top: 1px solid #058DAD;
}

.site-nav ul li:hover > ul {
	display: block;
}

/* Third level */
.site-nav li ul ul {
	display: none;
	position: absolute;
	top: 0;
	left: 180px;
	float: left;
	width: 180px;
	z-index: 99999;
}

/*************************************************************************/
/* Container */
/*************************************************************************/
#px-container-wrap {
	float: left;
	width: 100%;
}

#px-container {
	background: #fff;
}


/*************************************************************************/
/* Sections */
/*************************************************************************/
.section-title {

}

.sidesection-title {
	font-family: 'Dosis', sans-serif;
	font-size: 1.4em;
	border-bottom: 2px solid #333;
}

/*************************************************************************/
/* Page Content */
/*************************************************************************/
#px-breadcrumb {
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
}

#px-pagetitle {
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
}

#px-pagecontent {
	float: left;
}

.px-boxshadow {
	border-radius: 5px;
	box-shadow: 0 1px 3px #989898;
}







.px-postwrapper {
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;

}

.px-featuredimg {
	float: left;
}

.px-thumbnail {

}

.px-posttitle {
	float: left;
	text-align: center;
}

.px-socialwrap {
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
}




#px-postmeta {
	float: left;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

#px-pagecontent ul, #px-pagecontent ol {
	margin-left: 20px;
}

#px-pagecontent ul li {
	list-style: none;
	background: url(images/common-images/bullet_black.png) no-repeat center left;
	padding-left: 18px;
}

#px-pagecontent ol li {
	margin-left: 20px;
}

.px-thumbnail {

}

#px-authorbox {
	float: left;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.px-readmore-align-left {
	float: left;
	background: #ddd;
	padding: 10px 15px;
}

.px-readmore-align-right {
	float: right;
	background: #ddd;
	padding: 10px 15px;
}

.px-readmore-align-left:hover {
	background: #eee;
} 

.px-readmore-align-right:hover {
	background: #eee;
} 

/***********************************************************/
/* Pagination */
/***********************************************************/
#px-pagination {
	float: left;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
}

.pagination {
	float: left;
	width: 100%;
}

.pagination span {
	padding: 10px 15px; 
	margin-right: 8px; 
	text-align: center; 
	background: #111; 
	color: #fff;
}	
			
.pagination a {
	padding: 10px 15px; 
	margin-right: 8px; 
	text-align: center; 
	background: #555; 
	color: #fff; 
	-moz-transition: .8s linear; -webkit-transition:.8s ease-out; transition:.8s linear;
}	
			
.pagination a:hover {
	background: #aaa; 
	color: #FFF;
}	


/*************************************************************************/
/* Post Meta */
/*************************************************************************/
ul.postmeta {
	float: left;
	list-style: none;
	font-size: 0.9em;
	display: inline !important;
	margin: 0 !important;
	padding: 0 !important;
}

ul.postmeta li {
	float: left;
	list-style: none;
	display: inline;
	padding-right: 10px !important;
	padding-left: 20px !important;
}

.postmeta .postDate {
	background: url(images/icons/date.png) no-repeat scroll left center transparent !important;
}

.postmeta .postComments {
	background: url(images/icons/comment.png) no-repeat scroll left center transparent !important;
}

.postmeta .postAuthor {
	background: url(images/icons/author.png) no-repeat scroll left center transparent !important;
}

.postmeta .postCategory {
	background: url(images/icons/category.png) no-repeat scroll left center transparent !important;
}


/*************************************************************************/
/* Cation And Images */
/*************************************************************************/
.alignleft {
	float: left;
	padding: 4px;
	margin: 10px 10px 10px 0px;
	border: 1px solid #DBDBDB;
}

.alignright {
	float: right;
	padding: 4px;
	margin: 10px 0px 10px 10px;
	border: 1px solid #DBDBDB;
}

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

.wp-caption { 
	text-align: center; 
	padding-right: 10px;
} 

.wp-caption p.wp-caption-text { 
	font-size: 0.9em; 
	padding: 0 5px 5px; 
	margin: 0; 
}


/*************************************************************************/
/* Search */
/*************************************************************************/
#searchform {
	margin: 10px 0px;
	padding: 10px 0px;
}

#searchform input {
	font-size: 1em;
	padding: 5px;
	color: #666;
	border: 1px solid #ccc;
}


/*************************************************************************/
/* Sidebar */
/*************************************************************************/
#px-sidebar {
	margin-bottom: 10px;
}

.px-sidebarSection {
	float: left;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}

#px-sidebar li.recentcomments {
	list-style: none;
	background: url(images/icons/comment_bubble.png) left center no-repeat;
	padding: 5px 0px 5px 20px;
	margin: 0px 5px;
	border-bottom: 1px solid #eee;
}

/*************************************************************************/
/* Comments */
/*************************************************************************/
#px-comments {
	float: left;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}

h3#comments, #respond h3 {font-size: 1.25em;}
.js_on .cufon-on h3#comments, .js_on .cufon-on #respond h3 {font-size: 1.667em;}

ol.commentlist {
    margin: 0;
    padding: 0;
    width: 600px;
}

/* makes comments span full-width for posts/pages that are full-width */
ol.commentlist { 
	width: 100%;
}

.commentlist li {
    list-style: none;
    margin-left: 15px;
    padding-top: 20px;
}

.commentlist .children li {
    border-left: 1px dotted #D6D6D6;
    padding-top: 30px;
}

.comment {
    padding: 10px;
}

.commentlist ul.children {
    margin-bottom: 0;
}

.commentlist .comment-meta {
    padding: 7px 7px 25px;
    display: block;
    font-style: normal;
}

.commentlist .even .comment-meta,
.commentlist .children .even .comment-meta,
.commentlist .children li .even .comment-meta,
.commentlist .children .children li .even .comment-meta,
.commentlist .children .children .children li .even .comment-meta,
.commentlist .children .children .children .children li .even .comment-meta,
.commentlist .children .children .children .children .children li .even .comment-meta,
.commentlist .children .children .children .children .children .children li .even .comment-meta,
.commentlist .children .children .children .children .children .children .children li .even .comment-meta,
.commentlist .children .children .children .children .children .children .children .children li .even .comment-meta {
    background: transparent url(images/common-images/speech-bubble.png) no-repeat scroll 40px 100%;
}
.commentlist .odd .comment-meta,
.commentlist .children .odd .comment-meta,
.commentlist .children li .odd .comment-meta,
.commentlist .children .children .children li .odd .comment-meta,
.commentlist .children .children .children .children .children li .odd .comment-meta,
.commentlist .children .children .children .children .children .children .children li .odd .comment-meta {
    background: transparent url(images/common-images/speech-bubble-alt.png) no-repeat scroll 20px 100%;
}
.commentlist .comment-meta img {
    padding: 1px;
    border: 1px solid #AAB59A;
    float: left;
    margin-right: 9px;
}
.avatar-wrapper {
    display: block;
    width: 70px;
    float: left;
}
commentmetadata {
    display: block;
    width: 568px;
    float: left;
}
.commentlist .author {
    font: small-caps bold 1.2em Georgia, "Times New Roman", Times, serif;
    margin: 5px;
}
.commentlist .time {
    background: url(images/common-images/clock.png) no-repeat 1px;
    padding-left: 25px;
}
.commentlist .commenttext {
    padding: 20px;
    background:transparent url(images/common-images/speech-bubble-bg.png) repeat scroll 0 0;
    position: relative;
    word-wrap: break-word;
}
.commentlist .alt .commenttext {
    padding: 20px;
    background:transparent url(images/common-images/speech-bubble-bg-alt.png) repeat scroll 0 0;
}
.commentlist .commenttext-admin {
    padding: 20px;
    background:transparent url(images/common-images/speech-bubble-bg.png) repeat scroll 0 0;
    position: relative;
    word-wrap: break-word;
}
.commentlist .alt .commenttext-admin {
    padding: 20px;
    background:transparent url(images/common-images/speech-bubble-bg-alt.png) repeat scroll 0 0;
}
.commentlist .children .even .commenttext,
.commentlist .children li .even .commenttext,
.commentlist .children .children li .even .commenttext,
.commentlist .children .children .children li .even .commenttext,
.commentlist .children .children .children .children li .even .commenttext,
.commentlist .children .children .children .children .children li .even .commenttext,
.commentlist .children .children .children .children .children .children li .even .commenttext,
.commentlist .children .children .children .children .children .children .children li .even .commenttext,
.commentlist .children .children .children .children .children .children .children .children li .even .commenttext {
    padding: 20px;
    background:transparent url(images/common-images/speech-bubble-bg.png) repeat scroll 0 0;
    position: relative;
}
.commentlist .children .odd .commenttext,
.commentlist .children li .odd .commenttext,
.commentlist .children .children li .odd .commenttext,
.commentlist .children .children .children li .odd .commenttext,
.commentlist .children .children .children .children .children li .odd .commenttext,
.commentlist .children .children .children .children .children .children .children li .odd .commenttext {
    padding: 20px;
    background:transparent url(images/common-images/speech-bubble-bg-alt.png) repeat scroll 0 0;
}

.commentlist .children .even .commenttext-admin,
.commentlist .children li .even .commenttext-admin,
.commentlist .children .children li .even .commenttext-admin,
.commentlist .children .children .children li .even .commenttext-admin,
.commentlist .children .children .children .children li .even .commenttext-admin,
.commentlist .children .children .children .children .children li .even .commenttext-admin,
.commentlist .children .children .children .children .children .children li .even .commenttext-admin,
.commentlist .children .children .children .children .children .children .children li .even .commenttext-admin,
.commentlist .children .children .children .children .children .children .children .children li .even .commenttext-admin {
    padding: 20px;
    background:transparent url(images/common-images/speech-bubble-bg.png) repeat scroll 0 0;
    position: relative;
}
.commentlist .children .odd .commenttext-admin,
.commentlist .children li .odd .commenttext-admin,
.commentlist .children .children li .odd .commenttext-admin,
.commentlist .children .children .children li .odd .commenttext-admin,
.commentlist .children .children .children .children .children li .odd .commenttext-admin,
.commentlist .children .children .children .children .children .children .children li .odd .commenttext-admin {
    padding: 20px;
    background:transparent url(images/common-images/speech-bubble-bg-alt.png) repeat scroll 0 0;
}

.commenttable {
	margin: 0px !important;
	-moz-box-shadow: 0 0 0 #d1d1d1 !important;
	-webkit-box-shadow: 0 0 0 #d1d1d1 !important;
	box-shadow: 0 0 0 #d1d1d1 !important;
	border-top:1px solid #fafafa;
}


/*************************************************************************/
/* Random Post Section */
/*************************************************************************/
#px-footer-random-wrap {

}

#px-random-container {
	margin-top: 20px;
	margin-bottom: 20px;
}


/*************************************************************************/
/* Footer Tag Section */
/*************************************************************************/
#px-footer-tags-wrap {

}

#px-tag-container {
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 34px;
}


/*************************************************************************/
/* Footer Widgets */
/*************************************************************************/
#px-footer-widget-wrap {
	float: left;
	width: 100%;
	background: #111;
	color: #fff;
	margin: 0 auto;
	padding: 0;
}

#px-footer-widgets {
	float: left;
	padding-top: 20px;
	padding-bottom: 20px;
}

#px-footer-widgets h2 {
	color: #fff;
	font-size: 1.6em;
	font-family: 'Dosis', serif;
	font-weight: normal;
	margin-bottom: 10px;
}

#px-footer-widgets .widget_title {
	font-size: 1.6em;
	font-family: 'Dosis', serif;
}

#px-footer-widgets .widget_title span {
	background: none repeat scroll 0 0 #111;
	padding-right: 5px;
}

#px-footer-widgets ul {
	display: block;
	list-style: none;
	font-size: 14px;
	padding: 5px 5px;
	margin: 0px;
}

#px-footer-widgets ul li {
	padding: 3px 5px 3px 18px;
	margin: 0px 5px;
	background: url('images/common-images/footer-list.png') center left no-repeat;
}

#px-footer-widgets a {
	color: #13A7DE;
	text-decoration: none;
	font-size: 15px;
}

#px-footer-widgets a:hover {
	color: #666;
	text-decoration: none;
	font-size: 15px;
}


/*************************************************************************/
/* Footer */
/*************************************************************************/
#px-footer-wrap {
	float: left;
	width: 100%;
	color: #fff;
	background: #000;
}

#px-footer {

}

#px-footer p {
	text-align: right;
	font-size: 0.9em;
	padding: 5px 0;
	margin: 0;
}

#px-footer a {
	color: #13A7DE;
	text-decoration: none;
}

#px-footer a:hover {
	color: #666;
	text-decoration: none;
}



/*************************************************************************/
/* Gallery */
/*************************************************************************/
.gallery { 
	float: left;
	background: none !important;
	margin: 0 auto 18px; 
}

.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery img {
	box-shadow: 0px 0px 4px #999;
	border: none !important;
	padding: 8px;
	background: #ccc;
}
.gallery img:hover {
	background: white;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl, .gallery dt { margin: 0; }
.gallery br+br { display: none; }


.container_12 {
  background-image: url(12_col.gif);
}

/*************************************************************************/
/* Ads */
/*************************************************************************/
#px-headerads {
	text-align: right;
	margin-top: 5px;
}

.px-contentads {
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
}




@media screen and (max-width: 801px) {  
	#px-logo {
		text-align: center;
	}
}  
    
@media only screen and (max-width : 480px) {  
	#px-logo {
		text-align: center;
	}
}  
    

@media only screen and (max-width : 320px) {  
	#px-logo {
		text-align: center;
	}
}