/*  

Theme Name: PixelBlob

Theme URI: https://www.templatesquare.com/

Description: PixelBlob is a unique, clean, fresh and attractive WordPress Theme suitable for portfolio, business, blogs and personal sites.

Version: 1.3

Author: templatesquare

Author URI: https://www.templatesquare.com/

Tags: theme-options, widget-ready, right-sidebar, green, blue, black, orange

*/





/*** GLOBAL  ***/

html,body{height:100%;}

body {

	font-family:Lusitana, serif;

	font-size:14px;

	margin:0 auto;

	padding:0;

	color:#555;

	line-height:21px !important;

	background:#30b8c1; /*opposite E46900*/

}

* {

	margin:0;

	padding:0;

}

*:focus {

	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you

					 if you want to keep it! */

}

.clr{clear:both}

form{margin:0; padding:0;}

hr {

	border: 0;

	color: #d7d7d7;

	background-color: #d7d7d7;

	height: 1px;

	margin:15px 0px 15px 0px;

	padding:0px;

}



	

/*** END OF GLOBAL  ***/



/*** DEFAULT ELEMENT STYLES ***/

/* heading */

h1, h2, h3{margin-bottom:12px;	font-weight:normal; font-family: 'Kreon', serif; color:#00a3b8;}

/*h1 {font-size:30px;}*/
h1 {font-size:24px;}

h2 {font-size:24px; }

h3 {font-size:20px; }

h4 {font-size:18px; color:#555; }

h5 {font-size:12px; color:#555; }



/* links */

a {color:#00a3b8; text-decoration:none;}

a:hover{color:#00a3b8; text-decoration:underline;}

a img{border:none}

.imgborder{ border:1px solid #c7a784; padding:1px;}

.imgleft{float:left; margin-right:15px; padding-top:3px;}

.imgright{float:right; margin-left:15px;}

.imgmiddle{vertical-align:middle; padding-right:6px}

.imgcenter{display:block; margin:0 auto;}

/* lists, blockquotes and paragraphs */

p, ul, ol, blockquote {

	margin-bottom:15px;

}

ol {

	margin:10px 0 35px 30px;

}



ul, ol {

	margin:10px 0 35px 5px;

}



#maintext ul li{background:url(images/arrow2.gif) no-repeat 0 5px; list-style-type:none; padding-left:15px;}



li ol,

li ul

{

	list-style:square;

	margin-bottom:0;

	margin-top:0;

}

li ol {list-style:decimal;}

blockquote {

	font-size:16px;

	margin:0px 0 0px 0px;

	padding:0px 20px 15px 25px;

	color:#b2b2b2;

	}

blockquote p{ margin:0px;}





/* code */

code {

	font-family:Verdana, Arial;

	letter-spacing:1px;

	margin:25px 0 25px 0px;

	display:block;

	font-size:0.9em;

	border-left:4px solid #6b6b6b;

	padding:15px 10px;

}





/*** END OF DEFAULT ELEMENT STYLES ***/





/*** CONTAINER ***/

#bg_container{ width:100%; overflow:hidden; background:#30b8c1 url(images/bg_body_right.png) no-repeat 50% 0; }

#container_top{width:1130px; margin:0px auto 0px auto;}



#boxcont-r{ background-image:url(images/box-r.png); background-repeat:repeat-y; background-position:left !important; width:1130px; margin:0px;

padding:0px; position:relative;}

#boxcont-b{ background-image:url(images/box-bottom.png); background-repeat:no-repeat; background-position:bottom; width:1130px; padding-bottom:80px;}

#boxcont-t{ background-image:url(images/box-top.png); background-repeat:no-repeat; background-position:top; width:1130px;}

#boxcont{width:950px !important; margin:0px auto 0px auto!important; }

* html #boxcont{ padding:0px 0px 0px 26px!important;}

#container_footer{width:1130px; margin:0px auto 0px auto;}

/*** END OF CONTAINER ***/



/*** CENTERCOLUMN ***/

.centercolumn{width:950px; margin:0px auto 0px auto;}

/*** END OF CENTERCOLUMN ***/





/*** HEADER ***/

#header{width:950px; height:152px; color:#fff;}

#topheader{width:950px; height:20px; font-size:11px; font-family:Arial, Helvetica, sans-serif}

#topheader ul{ margin:0px; padding-bottom:0px; padding-left:2px; float:right;}

#topheader ul li{ list-style-type:none; display:inline; padding-left:30px;}

#topheader a, #topheader a:visited{

	color:#FFF !important;

	text-decoration: underline;

}





#bottomheader{width:950px; height:132px;}

#logo{ width:325px; float:left; vertical-align:top;}

#logo h1{font-size:40px; margin-bottom:0px;}

#logo h1 a:hover{text-decoration:none;}

.pad-logo{padding:40px 0px 0px 25px;}

.desc{color:#555; font-size:11px}

#topsearch{width:540px; float:right; padding:46px 0px 0px 0px;}

* html #topsearch{ padding-top:44px;} /* ie6 */

* +html #topsearch{ padding-top:44px;} /* ie7 */

#topsearch form
{
    margin: 0px 0px 8px 0px; /*0px; */
    float:right;
}

.inputbox_src
{
    background-image:url(images/bg_search.gif); 
    background-color:#fff; 
    background-repeat:no-repeat; 
    background-position:right; 
    border:solid 0px #f0f0f0; 
    padding:7px 30px 7px 5px; width:186px; 
    color:#857f7f; 
    text-align:left;
}

.inputbox_fake
{
    padding:7px 30px 7px 5px; width:186px; 
}





#searchform #s {

	width: 160px;

	padding: 2px;

	border:solid 1px #ccc;

	}



#topnav{ width:540px; float:right;}

#topnav ul{list-style-type:none; margin:0px; padding:0px 0px 0px 0px;}

#topnav ul li{

	list-style-type:none;

	margin:0px 0px 0px 0px;

	padding:0px 5px 0px 5px;

	color:#008D9F;

	background-image:url(images/menu-separator.gif);

	background-repeat:no-repeat;

	background-position:right;

}

#topnav ul li li{padding:0px;}

#topnav ul li.home{background-image:none;}

#topnav ul li.active{}

#topnav ul li a, #topnav ul li a:visited{

	color:#008D9F;

}

#topnav ul li a:hover{

	color:#666;

	text-decoration:none

}





/* CONTENT */

#maintitle{ color:#555; font-size:30px; }

#breadcrumbs{padding:0px 0px 20px 0px; clear:both}



.feature{ margin:0px; padding:0px;}

.feature h3{ margin:0px; padding:0px;}

.bold{ font-weight:bold; color:#000;}

.black{ color:#000;}



.full-width{width:900px; padding-left:10px;}



#box-title{width:950px; height:42px; text-align:left !important; margin:0px; padding:15px 0px 0px 25px; }

#box-title h1{ color:#fff !important; line-height:20px; font-size:30px; }

#content{margin:16px 0px 0px 0px; width:925px; padding-left:13px;}

#content-inner{margin:39px 0px 0px 0px; width:925px; padding-left:13px;}

#pf-cont{margin:0px 0px 0px 0px; padding:0px 13px 13px 13px;}



#content-left{width:565px; float:left; padding-right:45px; padding-left:10px;}

* html #content-left{padding-right:30px;}

#content-right{width:294px; float:left;}

#maintext{padding:0px 20px 3px 0px; width:564px; }

.post .author{text-align:left; float:left;}

.post .postmeta { border-bottom:1px solid #eee; border-top:1px solid #eee; display:block; padding:5px 5px; font-size:11px; color:#bbb;}

.post .postmeta a, .post .postmeta a:visited{color:#bbb;}



.box_src h3, .box_src h3 a{ color:#555!important; margin-bottom:0px;}



/*Portfolio*/

#pf-cont #breadcrumbs{ padding-bottom:5px;}



ul.nav-folio{ margin:0px 0px 0px 0px;  padding:0px 0px 0px 0px}

ul.nav-folio li{ list-style-type:none; display:inline; padding:0px 5px 0px 8px; }

ul.nav-folio ul { margin:0px 0px;  padding:0px 0px 0px 0px!important; float:left;}

ul.nav-folio ul li{list-style-type:none; display:inline; background:url(images/line-pf.gif) no-repeat 0 3px; padding:0px 5px 0px 8px;}

ul.nav-folio li a, ul.nav-folio li a:visited{ color:#555; }

ul.nav-folio li.flexipages_widget{background-image:none;}

ul.nav-folio li.flexipages_widget h2{ display:none; margin:0px!important;}

#main-pf{ margin-top:20px; float:left;}

					

.box-pf-r{ background-image:url(images/box-pf-r.gif); background-repeat:repeat-y; background-position:left; width:285px; float:left; padding-right:20px; margin-bottom:20px;}

.nomargin{ padding-right:0px !important;}

.box-pf-t{ background-image:url(images/box-pf-t.gif); background-repeat:no-repeat; background-position:top left; width:285px; float:left;}



.box-pf-b{ background-image:url(images/box-pf-b.gif); background-repeat:no-repeat; background-position:bottom left; width:285px; float:left;}



.box-pf{width:272px; padding:7px; float:left;}

.box-pf h4{ margin:10px 0px;}

.box-pf h4, .box-pf h4 a, .box-pf h4 a:visited {color:#555; font-weight:normal; }

.box-pf img { border:1px solid #fff;}

.box-pf p{ line-height:18px;}





.pagination{clear:left;}

.pagination .wp-pagenavi a, .pagination .wp-pagenavi a:visited, .pagination .wp-pagenavi span{padding:0px 6px;  margin:0px 3px; color:#333; background-image:url(images/bg-nav.gif); background-repeat:no-repeat; padding:2px 7px 3px 7px; border:0px;}

.pagination .wp-pagenavi a:hover, .pagination .wp-pagenavi span.current{background-image:url(images/bg-nav-active.gif) !important; background-repeat:no-repeat; padding:2px 7px 3px 7px; text-decoration:none;}





/* blog */

.post{margin-bottom:40px;}

.imgpost img{ border:1px solid #fff;}

.post h2{margin-bottom:5px;}

.post h2, .post h2 a, .post h2 a:visited{color:#555 !important;}

.post h2 a:hover{ text-decoration:underline; color:#555;}

.post .imgpost{ background-image:url(images/bg_img_post.gif); background-repeat:no-repeat; padding:6px; margin-bottom:10px;}



.post .author{text-align:left; float:left;}

.post .postmeta { border-bottom:1px solid #eee; border-top:1px solid #eee; display:block; padding:5px 5px; font-size:11px; color:#bbb;}





/* Sidebar */

#sideright{padding:0px 0px 0px 0px}

#sideright h2{

	margin-bottom:8px;

	background-image:url(images/bg_title.gif);

	background-repeat:no-repeat;

	width:286px;

	height:32px;

	color:#0099A2;

	font-size:18px;

	padding:8px 0px 0px 0px;

	text-align:center;

}

#sideright ul{list-style-type:none; padding:0px 0px 0px 0px; margin:0px 0px 5px 0px;}

#sideright ul li a, #sideright ul li a:visited{color:#0099A2;}

#sideright ul.recent li{list-style-type:none; padding:5px 10px 10px 0px; margin:0px 10px 5px 10px; font-size:11px; line-height:14px; background-image:none;}

#sideright ul.recent li strong{ line-height:20px;}

#sideright ul.recent img{ float:left; margin-right:15px; padding-top:3px; width:60px; height:60px;}



.small{ color:#9d9b9b; font-size:11px; line-height:14px;}



.sidebox{width:286px; margin-bottom:38px; float:left;}

.sidebox li{border-bottom:0px solid #d7d7d7;}

.sidebox li li{border-bottom:1px solid #d7d7d7;}

.sidebox li li ul li{border:0px;}

.sidebox li{ background-image:url(images/arrow.gif); background-repeat:no-repeat; background-position:0 11px;}

.sidebox ul li li{padding:5px 0px 5px 12px; margin:0px 10px}

.sidebox ul li li ul li{padding:5px 0px 0px 12px; margin:0px;}



#recentcomments li{ background-image:none; margin:0px 10px 0px 10px; padding-left:0px;}

#recentcomments li a, #recentcomments li a:visited{color:#00a3b8 !important;}



.textwidget{padding:0px 10px 10px 10px;}



.box-testi{ padding:15px 20px 35px 20px; color:#656253;}







blockquote.quote{ font-size:12px; color:#656253; margin:10px 0px 0px 10px; padding:0px 0px 0px 30px; background:none; border:0px; background-image:url(images/quote.gif); background-repeat:no-repeat;}

blockquote div { border:0px; background-image:url(images/quote-b.gif); background-repeat:no-repeat; background-position:bottom }

.user, a.user, .user a{color:#00a3b8 !important;}

.name-testi{ font-size:12px; line-height:normal; margin-left:10px; padding-top:10px;  }



.boxslideshow div.addthis_container{ display:none;}



ul.sidebanner{ margin:0px; padding:0px 0px 0px 12px !important;}

ul.sidebanner li{ list-style-type:none;}



ul#box-social{ margin:0px 20px 0px 0px; padding:0px; float:right;}

ul#box-social li{ list-style-type:none; display:inline; float:left; padding-right:20px; font-size:11px;}

.imgsocial{ float:left; padding-right:5px;}





/*** FOOTER ***/

#footer{ color:#f4f4f4; font-size:12px; line-height:20px; margin-top:-10px; z-index:100; position:relative;}

#footer a, #footer a:visited{color:#f4f4f4;}

#footer_left{ float:left;}



.menu-footer{ border-bottom:1px solid #33b5c6; float:left; margin-left:20px; padding-bottom:10px;}

.menu-footer ul{ margin:0px; padding:0px 35px 0px 5px; float:left;}

.menu-footer ul ul{float:none; padding:0px;}

.menu-footer ul li{ list-style-type:none; font-size:14px;  }

.menu-footer ul li a, .menu-footer ul li a:visited{ color:#f4f4f4; }

.menu-footer ul li a:hover{ color:#fff;}

.menu-footer h2{color:#fff; font-size:18px}

#footer_right{ float:right; padding-right:29px; padding-top:15px;}



#footer_bottom{ padding:10px 0px 20px 0px; margin-left:20px; float:left;  }



* +html #footer_bottom{ padding-top:17px;}





/*** WORDPRESS STYLE ***/



/* Begin Typography & Colors */

.thread-alt {background-color: #f8f8f8;}

.thread-even {background-color: white;}

.depth-1 {border: 1px solid #ddd;}

.even, .alt {border-left: 1px solid #ddd;}

small {

	font-family: Arial, Helvetica, Sans-Serif;

	font-size: 0.9em;

	line-height: 1.5em;

	}

.sticky {background: #f7f7f7;padding: 0 10px 10px;}

.commentlist li, #commentform input, #commentform textarea {

	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;

	}

.commentlist li ul li {font-size: 1em;}

.commentlist li {font-weight: bold;}

.commentlist li .avatar { 

	float: right;

	border: 1px solid #eee;

	padding: 2px;

	background: #fff;

	}

.commentlist cite, .commentlist cite a {

	font-weight: bold;

	font-style: normal;

	font-size: 1.1em;

	}

.commentlist p {

	font-weight: normal;

	line-height: 1.5em;

	text-transform: none;

	}

#commentform p {

	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;

	}

.commentmetadata {

	font-weight: normal;

	}

acronym, abbr, span.caps

{

	font-size: 0.9em;

	letter-spacing: .07em;

	}

#wp-calendar #prev a, #wp-calendar #next a {

	font-size: 9pt;

	}



#wp-calendar a {

	text-decoration:underline;

}



#wp-calendar caption {

	text-align: center;

	}



#wp-calendar th {

	font-style: normal;

	text-transform: capitalize;

	}

	

#today{background-color:#ccc; font-weight:bold}

/* End Typography & Colors */







/* Begin Structure */

.post {

	margin: 0 0 40px;

	text-align: justify;

	}



.post hr {

	display: block;

	}

.clear {

	clear: both;

}



/* End Structure */







/*	Begin Headers */

/* End Headers */







/* Begin Images */

p img {

	padding: 0;

	max-width: 100%;

	}



/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}



img.alignright {

	padding: 4px;

	margin: 4px 0 2px 7px;

	display: inline;

	}



img.alignleft {

	padding: 4px;

	margin: 4px 7px 2px 0;

	display: inline;

	}



.alignright {

	float: right;

	}



.alignleft {

	float: left;

	}

/* End Images */







/* Begin Lists



	Special stylized non-IE bullets

	Do not work in Internet Explorer, which merely default to normal bullets. */



/* End Entry Lists */







/* Begin Form Elements */

#searchform {

	margin: 10px auto;

	padding: 5px 3px;

	text-align: center;

	}



select {

	width: 130px;

	}



#commentform input {

	width: 170px;

	padding: 2px;

	margin: 5px 5px 1px 0;

	}



#commentform {

	margin: 5px 10px 0 0;

	}

#commentform textarea {

	width: 100%;

	padding: 2px;

	}

#respond:after {

		content: "."; 

	    display: block; 

	    height: 0; 

	    clear: both; 

	    visibility: hidden;

	}

#commentform #submit {

	margin: 0 0 5px auto;

	float: right;

	}

/* End Form Elements */







/* Begin Comments*/

.alt {

	margin: 0;

	padding: 10px;

	}



.commentlist {

	padding: 0;

	text-align: justify;

	}



.commentlist li {

	margin: 15px 0 10px;

	padding: 5px 5px 10px 10px;

	list-style: none;



	}

.commentlist li ul li { 

	margin-right: -5px;

	margin-left: 10px;

}



.commentlist p {

	margin: 10px 5px 10px 0;

}

.children { padding: 0; }

.children li{ background-image:none !important;}

#commentform p {

	margin: 5px 0;

	}



.nocomments {

	text-align: center;

	margin: 0;

	padding: 0;

	}



.commentmetadata {

	margin: 0;

	display: block;

	}

/* End Comments */





/* Begin Calendar */

#wp-calendar {

	empty-cells: show;

	margin: 10px auto 0;

	width:100%;

	}



#wp-calendar #next a {

	padding-right: 10px;

	text-align: right;

	}



#wp-calendar #prev a {

	padding-left: 10px;

	text-align: left;

	}



#wp-calendar a {

	display: block;

	}



#wp-calendar caption {

	text-align: center;

	width: 100%;

	}



#wp-calendar td {

	padding: 2px 0;

	text-align: center;

	}



#wp-calendar td.pad:hover { /* Doesn't work in IE */

	background-color: #fff; }

/* End Calendar */







/* Begin Various Tags & Classes */

acronym, abbr, span.caps {

	cursor: help;

	}



acronym, abbr {

	border-bottom: 1px dashed #999;

	}



blockquote cite {

	margin: 5px 0 0;

	display: block;

	}



.center {

	text-align: center;

	}



.hidden {

	display: none;

	}

	

.screen-reader-text {

     position: absolute;

     left: -1000em;

}



a img {

	border: none;

	}



.navigation {

	display: block;

	text-align: center;

	margin-top: 10px;

	margin-bottom: 60px;

	}

/* End Various Tags & Classes*/



/* column */

.one_half{ width:48%; }

.one_third{ width:30.66%; }

.one_half,.one_third{ position:relative; margin-right:4%; float:left; }

.last{ margin-right:0 !important; clear:right; }





.two-col1{float:left; width:47%;}

.two-col2{float:left; width:47%; margin-left:6%}

.three-col1{float:left; width:30%;}

.three-col2{float:left; width:31%; margin-left:4%}

.three-col3{float:left; width:31%; margin-left:4%}

* html .three-col2{float:left; width:30%; margin-left:3%} 

* html .three-col3{float:left; width:30%; margin-left:3%} 



.col1{width:47%; float:left; }

.col2{width:47%; float:left; margin-left:6%}



/* Captions */

.aligncenter,

div.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.wp-caption {

	border: 1px solid #ddd;

	text-align: center;

	background-color: #f3f3f3;

	padding-top: 4px;

	margin: 10px;



}



.wp-caption img {

	margin: 0;

	padding: 0;

	border: 0 none;

}



.wp-caption p.wp-caption-text {

	font-size: 11px;

	line-height: 17px;

	padding: 0 4px 5px;

	margin: 0;

}

/* End captions */



/* Flickr */

#flickr div { float:left;  }

#flickr img{ width: 120px; height: 120px; margin:0px 12px 12px 0px !important; border:0px!important;  }

div#flickr{ clear:both!important; line-height:normal; padding:0px 0px 0px 15px; float:none;}

.sidebox li.Simple_Flickr_Photos{ margin-bottom:0px; position:relative; float:left}





/* AddRotate */

.adrotate_widget h2{ margin-bottom:12px !important;}

li.adrotate_widget{ background-image:none!important;}



/* Styles for two-column display */

#wp125adwrap_2c { width:100%; margin-top:13px;}



/* Easy Contact Plugin Styling */

div.formcontainer{

	clear: both;

	overflow: hidden;

	width: 100%;

}



div.formcontainer span.required {

	color: #FF0000;

}

div.formcontainer p.error,

div.formcontainer p.important,

div.formcontainer p.information,

div.formcontainer p.success {

	line-height: 250%;

	width: 95%;

	font-size:11px;

	color:#ff0000;

}

div.formcontainer form.contact-form {

	clear: both;

	float: none;

}

div.formcontainer form.contact-form fieldset {

	color: #777;

	margin: 0.5em 0 1.5em 0;

}

div.formcontainer form.contact-form fieldset legend {

	text-transform:capitalize;

}

div.formcontainer form.contact-form fieldset div.form-label {

	display: block;

	float:none;

	line-height:150%;

	margin: 0.5em 0 0 0;

	padding:0;

	text-align:left;

	width:100%;

}

div.formcontainer form.contact-form fieldset div.form-label label,

div.formcontainer form.contact-form fieldset div.form-option label {

	cursor: pointer;

	line-height:100%;

}

div.formcontainer form.contact-form fieldset div.form-input,

div.formcontainer form.contact-form fieldset div.form-textarea {

	display: block;

	float:none;

	margin: 0.2em 0 0 0;

}

div.formcontainer form.contact-form fieldset div.form-input input,

div.formcontainer form.contact-form fieldset div.form-textarea textarea {

	border:solid 1px #ccc;

}

div.formcontainer form.contact-form fieldset div.form-input input,

div.formcontainer form.contact-form fieldset div.form-textarea textarea {

	padding: 0.3em;

}

div.formcontainer form.contact-form fieldset div.form-textarea textarea {

	overflow: auto;

}

div.formcontainer form.contact-form fieldset div.form-input input.error, div.formcontainer form.contact-form fieldset div.form-textarea textarea.error {

	background-color: #FBF4E2;

}

div.formcontainer form.contact-form fieldset div.form-input input.optional {

	margin-bottom: 0.2em;

}

div.formcontainer form.contact-form fieldset div.form-option,

div.formcontainer form.contact-form fieldset div.form-submit {

	display: block;

	float:none;

	margin: 1em 0 0 0;

	width:100%;

}

div.formcontainer form.contact-form fieldset div.form-submit input {

border:0px; color:#9a9a9a !important; padding:0px 10px 4px 10px; height: 27px; width:133px; margin-top:5px; cursor:pointer; font-size:12px; font-weight:bold; background-image:url(images/but.gif); background-repeat:no-repeat;}

div.formcontainer fieldset { border:0px solid #ddd; padding:0px;}

div.formcontainer fieldset legend { padding:0px; font-weight:bold; padding:0px; color:#777; padding-left:1px }

* html div.formcontainer fieldset legend, *+html div.formcontainer legend{margin-left:-6px;}