/*
Theme Name: Pixolution 1.0 - 14-6-2013
Theme URI: http://www.pixolution.com/
Description: Custom Wordpress Theme
Author: Pixolution
Author URI: http://www.pixolution.com/
*/

/* Reset 
============================= */

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

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;
	vertical-align: baseline;
}
/* 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;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 400;
  src: local('PT Serif'), local('PTSerif-Regular'), url(http://themes.googleusercontent.com/static/fonts/ptserif/v4/sDRi4fY9bOiJUbgq53yZCfesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}


/* Global 
============================= */

body {
	background: #d1d8db;
}

a, a:visited {
	color: #205d7a;
    text-decoration: none;	
}

a:hover {
	color: #205d7a;
    text-decoration: underline;
}

hr {
    width: 100%;
    height: 1px;
    background: #e2e2e2;
    margin: 25px 0;
    border: 0;
}

strong {
	font-weight: bolder;
}

h1 {
	font-size: 26px;
	line-height: 34px;
	color: #205d7a;
	font-family: 'PT Serif', serif;
}

h2 {
	font-size: 24px;
	line-height: 30px;
	color: #205d7a;
	font-family: 'PT Serif', serif;
}

h3 {
	font-size: 20px;
	padding-bottom: 8px;
	color: #205d7a;
	font-family: 'PT Serif', serif;
}

h4 {
	font-size: 18px;
	padding-bottom: 8px;
	color: #205d7a;
	font-family: 'PT Serif', serif;
}

.clear {
	clear: both;
}

.greet_text {
}

.download {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px;
    color: #333;
}

/* Structure 
============================= */

#top {
	margin: 5px auto;
	width: 1150px; /* 1048px vectorcove / 1150px photoshopstar */
}

#header {
	height: 100px;
	background: #205d7a;
}

#navigation {
	border-top: 1px solid #3d7996;
	border-bottom: 1px solid #205d7a;
	height: 38px;
	background: #0d3143;
}

#container {
	margin: 0 auto;
	width: 1150px; /* 1048px vectorcove / 1150px photoshopstar */
}


#page {
	float: left;
	width: 728px; /* 748px vectorcove / 728px photoshopstar */
	margin-top: 5px;
	margin-bottom: 5px;
}

#content {
	float: left;
    border: 1px solid #96b3c0;
	background: #ffffff;
	width: 686px; /* 698px vectorcove / 686px photoshopstar */
	padding: 20px;
	overflow: hidden;
}

#sidebar {
	float: right;
	width: 410px; /* 300px vectorcove / 410px photoshopstar */
	margin-top: 5px;
	margin-bottom: 5px;
	overflow: hidden;
}

#footer {
	background: #0d3143;
	clear: both;
	margin: 0 auto;
	width: 1150px; /* 1048px vectorcove / 1150px photoshopstar */
}

/* Header 
============================= */

#header .logo {
	width: 360px;
	height: 100px;
	float: left;
}

.topright {
	width: 728px;
	float: right;
	padding-top: 5px;
	padding-right: 5px;
}

/* Navigation 
============================= */

#navigation li {
	list-style: none;
	float: left;
	display: block;
	height: 38px;
}

#navigation a {
	height: 38px;
	line-height: 38px; /* to make sure text is vertically aligned */
	display: block;
	padding: 0 18px;
	text-decoration: none;
    font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #ffffff;
	text-shadow: 0.08em 0.08em #000;
	/* vertical-align: middle;
	display: table-cell; /* for vertical centering option 2 */
}

#navigation li:hover > a {
	background: #205d7a;
}

.searchbox {
	float: right;
	width:240px;
}

.searchbox input.search {
	border:none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: white;
	width: 200px;
	padding: 4px 5px 4px 13px;
	font-size: 12px;
	float: none;
	font-family: 'Open Sans', sans-serif;
}

/* Container
============================= */

.ads728 {
	width: 728px;
	height: 90px;
	overflow: hidden;
}

.ads_left_top {
	font-family: 'Open Sans', sans-serif;
    font-size: 9px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.ads_left_bottom {
	font-family: 'Open Sans', sans-serif;
    font-size: 9px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* Page 
============================= */

/* only applies if ads728 is active */
#page {
	/* margin: 10px 0; */
}

#page p {
	font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px;
    color: #333;
}

/* Post 
============================= */

.post {
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 50px;
}

.posttemp {
	padding-top: 20px;
	padding-left: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
}

.slash { 
	border-bottom: 1px dotted #e2e2e2;
}

.post_imagetemp {
	float: left;
	padding: 4px;
	border: 1px solid rgb(226, 226, 226);
	position: relative;
}

.post_imagetemp img {
	width: 200px;
	height: 121px; 
}

.post_text p {
    margin: 0 0 22px 0;
}

.post .post_text {
	margin-left: 230px;
}

.post_meta {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	line-height: 22px;
	color: #838383;
}

.post_text .more {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	float: left;
	border-radius: 2px;
	background: none repeat scroll 0% 0% #205d7a;
	margin-top: 10px;
	padding: 5px 7px;
}

.post_text .more a {
	color: #ffffff;
	line-height: 24px;
	text-decoration: none;
}

.post_text .more a:hover {
	color: #ebd234;
}

.post_text ul  {
	padding-left: 30px;
	text-align: left;	
	list-style-type: disc;
}

.post_text li {
	font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 24px;
    margin: 0 0 5px 0;
    color: #333;
}

.post_text li a, a:visited {
	color: #205d7a;
	text-decoration: none;
}

.post_text li a:hover {
	text-decoration: none;
	color: #205d7a;
}

/* Single Post 
============================= */

.single { 
	padding-top: 20px;
	padding-bottom: 20px; 
}

.single h2 {
	margin-bottom: 10px;
}

.single hr {
    margin: 20px 0;
}

.post-final-image {
	margin: 10px 0 10px;
	text-align: center;
}

.post-final-image img {

}

.post-tutorial-image {
	margin: 10px 0 10px;
	text-align: center;
}

.post-tutorial-image img {

}

.post-tutorial-details {

}

.post_image {
	margin: 10px 0 10px;
	text-align: center;
}

.post_image img {

}

.tutorial_image {
	margin: 10px 0 10px;
	text-align: center;
}

.tutorial_image img {

}

/* share buttons */
div.share {
	padding-top: 2px; 
	padding-bottom: 2px; 
	clear:both;
}

/* ALL DIVS ARE FLOATING LEFT WITH PADDING */
div.share div {
	float: left;
	padding-left: 10px;
}

/* EXCEPT FOR THE FIRST ONE */
div.share div:first-child {
	padding-left: 0;
}

div.share_facebook {
	margin-top: 1px !important;
}

#premium {
	width: 600px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #205d7a;
	border: 1px solid #205d7a;
	padding: 15px;
}

#premium h2 {
    color: #f6ede6;
}

#premium a, #premium a:visited, #premium a:hover {
	color: #f6ede6;
}

#premium p {
	font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px;
    color: #ffffff;
}

/* Sidebar 
============================= */

.boxnewsletter, .boxsearch {
	width: 378px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #205d7a;
	border: 1px solid #205d7a;
	padding: 15px;
}

.boxnewsletter_left {
	width: 600px;
}

.boxnewsletter form, .boxsearch form {

}

.boxnewsletter label, .boxsearch label {
    font-family: 'Open Sans', sans-serif;
	color: #ffffff;
    font-size: 14px;
    line-height: 1.3em;
}

.boxnewsletter input.email, .boxsearch input.s {
    height: 24px;
    padding: 0px 5px;
    border: 2px solid #f6ede6;
    margin-top: 4px;
    transition: all 0.3s linear 0s;
    vertical-align: middle;
}

.button {
    height: 28px;
	font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: normal;
    border-radius: 2px 2px 2px 2px;
    color: #ffffff;
    text-shadow: none;
    background-color: #faa51a;
    border: 2px solid #faa51a;
    box-shadow: none;
    cursor: pointer;
    vertical-align: middle;
}

.button:hover {
	color: #000000;
}

.socialmedia {
	padding-top: 10px;
	margin-bottom: 10px;
}

.socialmedia ul {
}

.socialmedia li {
	list-style: none;
	float: left;
	display: block;
}

.socialmedia img {
	width: 30px;
	height: 30px;
	padding-left: 10px;
	padding-right: 10px;
}

.ads_sidebar_left {
    text-align: left;
	margin-top: 15px;
}

.ads_sidebar_center {
    text-align: center;
	margin-top: 15px;
}


.popular_posts {
	margin-top: 10px;
	margin-bottom: 10px;
}

.popular_posts h2 {
	margin-top: 10px;
	font-size: 18px;
	padding-bottom: 8px;
	color: #e06a4a;
	font-family: 'PT Serif', serif;
}

.popular_posts ul {

}

.popular_posts li {
	padding-left: 10px;
	line-height: 20px;
}

.popular_posts li:before {
	content: "\002D  ";
}

.popular_posts li a {
	font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 22px;
    color: #333;
}


/* Footer 
============================= */

#footer-content {
	margin-left: 30px;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	line-height: 15px;
}

.column1 {
	width: 216px;
	float: left;
	margin: 10px 40px 5px 0;
}

.column2 {
	width: 216px;
	float: left;
	margin: 10px 40px 5px 0;
}

.column3 {
	width: 216px;
	float: left;
	margin: 10px 40px 5px 0;
}

.column4 {
	width: 216px;
	float: left;
	margin: 10px 0 5px 0;
}

#footer h5 {
	margin: 10px 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #ebd234;
	text-transform: uppercase;
	text-shadow: 0.08em 0.08em #000;
}

#footer a {
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
}

#footer a:hover {
	color: #ffffff;
	text-decoration: underline;
}

#footer ul li {
	list-style-type: none;
	padding: 3px 0;
}

#footer-copy {
	clear: both;
	background: #205d7a;
	margin-bottom: 20px;
}

#footer-copy p {
	margin-left: 20px;
	line-height: 34px;
	color: #82a4b2;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
}

#footer-copy a {
	color: #82a4b2;
}

#footer-copy a:hover {
	text-decoration: underline;
	color: #82a4b2;
}

/* Pagenavi
============================= */

.wp-pagenavi {
	clear: both;
	margin: 10px 0 10px 0;
	padding-top: 10px;
}
 
.wp-pagenavi span.pages {
	border: none;
	margin-right: 5px;
	padding: 7px;
	background: #0d3143;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid black;
	text-decoration: none;
	border-radius: 3px; /* Firefox 4; browsers with CSS3 support */
	-moz-border-radius: 3px; /* Firefox up to version 3.6 */
	-webkit-border-radius: 3px; /* Safari, Chrome (before WebKit version 533) */
}
 
.wp-pagenavi a.page,
.wp-pagenavi .page-numbers,
.wp-pagenavi span.extend,
.wp-pagenavi a.first,
.wp-pagenavi a.nextpostslink,
.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.last {
	border: none;
	margin-right: 0px;
	padding: 7px;
	background: #0d3143;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid black;
	text-decoration: none;
	border-radius: 3px; /* Firefox 4; browsers with CSS3 support */
	-moz-border-radius: 3px; /* Firefox up to version 3.6 */
	-webkit-border-radius: 3px; /* Safari, Chrome (before WebKit version 533) */
}
 
.wp-pagenavi span.current,
.wp-pagenavi a:hover {
	border: none;
	margin-right: 0;
	padding: 7px;
	background: #205d7a;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #454545;
	text-decoration:none;
	border-radius: 3px; /* Firefox 4; browsers with CSS3 support */
	-moz-border-radius: 3px; /* Firefox up to version 3.6 */
	-webkit-border-radius: 3px; /* Safari, Chrome (before WebKit version 533) */
}