/*
Theme Name: Positively Pat
Theme URI: http://www.PositivelyPat.com/
Description: Identity site for Patricia San Pedro
Version: 1.1
Author: Jayme Lam
Author URI: http://www.4threaction.com/
Tags: blue, custom header, fixed width, two columns, widgets



*/


body {
	background:url(images/background.jpg) center top no-repeat #FFFFFF;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:16px;
	
}
img{ border:0;}
ul{ margin:0 20px; padding:0;}
ul li{ margin:0; margin-bottom:10px;}

.alignleft{  float:left; margin:0 15px 15px 0;}
.alignright{ float:right; margin:0 0 15px 15px;}
.aligncenter{ float:center; margin:15px;}
.floatleft{  float:left;}
.floatright{ float:right;}

h1{ font-size:22px; color:#4E0A8B;}
h2{font-size:18px; color:#087A93;}
h3{font-size:16px; color:#087A93;}
h4{font-size:16px; color:#087A93; margin:0; padding:0;}
h5{font-size:12px; color:#087A93;}
h6{font-size:10px; }

/**************** Header Elements *********************/
#header{ width:900px; margin:auto; margin-top:28px; height:150px;}
#header #figure{ float:left; margin-left:-20px;}
#header #logo{ float:left; margin-top:25px; margin-left:-30px;}

#header #navbar{float:left;margin:0; margin-top:26px; width:750px; float:left; z-index:20;}
#header #navbar ul{margin:0; padding:0; list-style:none; font-size:13px; font-weight:600; text-transform:uppercase; color:#ffffff; }
#header #navbar ul li{ float:left; margin-right:20px;}
#header #navbar ul li a{ text-decoration:none; color:#ffffff;}
#header #navbar ul li a:hover{color:#4E0A8B;}


#featureArea {background-color:#333333;border:1px solid #999999;width:900px;margin:auto;margin-top:4px;height:50px;height:auto;overflow:auto;}
#featureArea #f_image {float:left;margin:4px;margin-right:15px;border:1px solid #333333;}
#featureArea #f_text {width:225px;color:#FFFFFF;margin:0 10px;height:200px;display:table-cell;vertical-align:middle;}
#dividerBar{ width:900px; margin:auto; margin-top:2px; margin-bottom:5px; background-color:#999999; height:2px;}

#contentArea { width:900px; margin:auto; margin-top:20px; height:auto; overflow:auto;}
#contentArea #col_1{ width:555px; margin-right:40px; float:left;}
#contentArea #col_2{  width:305px; float:left;}


/*************** side bar content *********************/
#sidebar{font-size:12px; line-height:18px; }
#sidebar ul { list-style:none; padding:0;  width:305px; margin:auto; overflow:hidden;}
#sidebar ul li{ padding:0;  border:1px solid #999999;  margin:auto; margin-bottom:10px; overflow:hidden;}
#sidebar ul ul{ margin:auto; width:auto; padding:10px;  }
#sidebar ul ul li{border:0; margin:0;}

.sidePost img{float:left; padding:2px; background-color:#FFFFFF; border:1px solid #CCCCCC; margin-right:10px;}
.sidePost #textLink{ width:140px; margin:0;height:80px;display:table-cell;vertical-align:middle; font-size:12px; line-height:14px;}

#sidebar .widgettitle{ margin:2px;width: auto; color:#FFFFFF; padding:10px; font-weight:600; font-size:14px; background:url(images/box_title_gradient.jpg) repeat-x #06748A;}
#socialize-this { margin:10px;}
#socialize-this img { padding:2px;}

.cat-post-item img{ float:left; margin-right:5px;}

#sectionTitle{ margin:5px 0 15px 0; border-bottom:1px solid #CCCCCC;font-size:20px; font-weight:600; color:#087A93; }

#listPost ul  { list-style:none; padding:0; margin:0;  width:100%; }
#listPost ul li{ padding:0; margin:0;  padding-top:5px; margin-bottom:5px; border-top:1px solid #CCCCCC; overflow:auto;}
#listPost ul li img{float:left; padding:2px; background-color:#FFFFFF; border:1px solid #CCCCCC; margin-right:15px;}
#listPost ul li #textLink{ width:450px; margin:0;height:100px;display:table-cell;vertical-align:middle; font-size:12px; line-height:14px;}


/***************** inner page elements *******************/
#pageImg{ padding:2px; background-color:#FFFFFF; border:1px solid #CCCCCC; margin-bottom:20px; height:212px; width:555px; overflow:hidden;}


.navigation{ margin-bottom:10px; padding:8px; border-top:1px solid #CCCCCC; overflow:auto; }
.navigation a{ text-decoration:none; color:#4E0A8B;}
.navigation a:hover{color:#000000; text-decoration:underline;}

.postmetadata { border-top: 1px solid #CCCCCC; margin-top:20px; padding-top:5px;}
#comment{ width:555px;}




/*Comment Styles*/
ol#comment-zone{padding:0px;}
			
/*Default comment (Guest)*/
#comment-zone li{list-style:none; margin:12px; padding:15px;color:#333333; clear:both; background:#BAD8DE;font-size:11px; overflow:auto; }
#comment-zone li a{color:#0B5780;}
#comment-zone li cite {font-style:normal; font-size:12px; font-weight:bold;}
#comment-zone li cite a{text-decoration:none;}
#comment-zone li img {border:5px solid #8ABDC8; width:64px; height:64px;}
#comment-zone li .gravatar-col{clear:left;float:left; min-height:100px; width:90px;}
#comment-zone li .comment-col{float:left;padding-right:30px; min-height:100px; width:350px;}



/*************** form elements *********************/
fieldset {margin: 2px 0; padding: 10px; padding-left:30px; background-color:#FFFFFF;border: 2px solid #CCCCCC; overflow:auto; overflow:hidden;}
legend {padding:10px 2px;color:#0b77b7;font-size:16px;font-weight:500;}
fieldset label {float:left;width:150px;margin-right:10px;}

/*contact form*/
.mmf fieldset {margin:0; padding: 10px; padding-left:30px; background-color:#FFFFFF;border: 2px solid #CCCCCC; overflow:auto; overflow:hidden;}
.mmf legend {padding:10px 2px;color:#0b77b7;font-size:16px;font-weight:500;}
.mmf input {width:270px; margin:2px 0 10px 0px;}
.mmf textarea{width:270px; margin:2px 0 10px 0px;}
.mmf #submitArea{margin:20px; width:95%; text-align:left;}
.mmf #submitArea input{ width:75px; height:30px;}

#captcha{border:1px solid #666666; margin:5px 0; width:202px; overflow:hidden;}

#signin #submitBt{margin:10px 0; width:95%; text-align:left;}

#formElement #formInput{padding:4px;width:auto;}
#formElement #rightCol{width:auto; margin-left:160px;}
#formElement #formImg{padding:6px;}


/****************** footer elements *************************/
#footer { width:900px; margin:auto; margin-top:10px; margin-bottom:20px;  height:10px;}