/* 

Pixel Blob - CSS File

*/


/*Portfolio*/

ul.nav-folio{ margin:0px; padding:0px 0px 0px 0px;  margin-left:-5px;}
ul.nav-folio 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.home{background-image:none;}

#main-pf{ margin-top:20px;}
					
.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;}
.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 img { border:1px solid #fff;}
.box-pf p{ line-height:18px;}


.navigation{text-align:left;}
* +html .navigation img{ vertical-align:middle;}/* ie7 */
.navigation a, .navigation a:visited{padding:0px 6px;  margin:0px 3px; color:#333; background-image:url(../images/bg-nav.gif); 
background-repeat:no-repeat; padding:2px 7px 3px 7px;}
.navigation a.active, .navigation a:hover {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 a, .post h2 a:visited{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;}


/* contact */
.blue{ color:#2d84b6;}
form{margin:0; padding:0;}
fieldset{border:0px;}
#contact_form{margin:0 auto; position:relative}
label{margin:5px 15px 0px 0px; float:left; width:97px; text-align:right;}
label.sp { width:3px;}
span.error{color:red;text-align:left;  margin-left:115px;}

#message{ margin-left:0px;}
#message h2	{}
#message p{margin:6px 0px; }

input.text-input{ margin:4px 8px 4px 0px; width: 427px; height:15px; padding:5px 2px; border:solid 1px #ccc; vertical-align:middle}
textarea.text-input{ margin:4px 8px 4px 0px; padding: 5px 2px; border:solid 1px #ccc; vertical-align:top; width: 427px;}
#contact_form input:focus, #contact_form textarea:focus {border:solid 1px #ccc; }

input.button{background-color:#f6f6f6; background-image:url(../images/but_sub.gif); background-repeat:no-repeat; width:130px; text-align:left; height: 25px; display:block; margin-top:10px; border:0px; cursor:pointer; margin-left:112px;}