/*
Theme Name: Problogger
Theme URI: http://ophelianicholson.com
Description: Problogger Magazine Theme
Version: 1.0
Author: Ophelia Nicholson
Author URI: http://ophelianicholson.com



*/


body {
font-family : Century Gothic, Helvetica, Arial, sans-serif;
background:#CCCCCC;
font-size : 12px; color : #000;margin:10px; padding:5px;
line-height: 20px;
}

a {color:#0066CC;text-decoration:underline;}
a:hover {text-decoration : none;}
h1, h2, h3, h4, img {margin:0px; padding:0;}
h2, h3, h4 {color:#0066CC;}
h3, h4{font-size:16px;}
a img {border:0 none;}
p {padding : 5px 3px;margin : 5px; }


/*  ====================== Page Structure ======================= */
#wrapper {width : 990px; margin:0 auto;padding:5px;background:#003366;}
#header {height:145px;background:url(images/header-bg.gif) repeat-x;border-bottom:5px solid: #336666;width : 990px;}
#sidebar {float:left; width:245px;background:#fffffe;margin-right:5px;}
#content{width:740px; float:left;background:#fffffe;}
#catg_box {width:984px;margin:0 auto;margin-top:5px;border:8px solid #000;background:#ffffff;}
#footbar{width:1000px;margin:0 auto;padding:15px 0;}
#footer {width:1000px;margin:0 auto;padding:25px 0;background:#003366;font-size:11px;text-align:center;color:#fff;}

/*  ====================== Header ======================= */
h1.logo {width:350px;float:left;font-size:31px;font-weight:bold;height:34px;line-height:32px;padding:35px;}
h1.logo a, h1.logo a:hover{text-decoration:none;color:#101010;}
.desc { text-align: left; margin: 10px 0 0 10px; font-size:11px; color: #666; letter-spacing: 0.2em; padding: 0.6em 0 0 1.5em; border-top: 1px solid #ccc;  }

/* -- Search Form --*/
#search {margin:0;padding:3px 0 0 0;float:left;width:260px;height:20px;}
#search form{margin:0;padding:0;}
#search input {border:0; float:left;margin:0; padding:0;}
#search input.txt {background :#fffffe;font-size:10px;height:13px;line-height:13px;padding:6px;width:210px;border:5px solid #ccc;border-right:0;}
#search input.btn {border:5px solid #ccc;border-left:0;}


/* -- Navigation --*/
ul.nav {list-style : none;margin:0;padding:0;clear:both;}
ul.nav li {list-style : none;margin : 0;padding:0; font-size:13px;display:inline;}
ul.nav li a {float:left;display:block; padding:0 25px;color:#fff;text-decoration:none;border-right:1px solid #47443F;line-height:35px;height:35px;}
ul.nav li a:hover, ul.nav li.current_page_item a {background:url(images/header-bg.gif) repeat-x 0 -145px;color:#fff;text-decoration:none;}
ul.nav li.current_page_item a {font-weight:bold;}

/*  ================================= Conatents ============================= */

#content form#searchform {text-align:center;}
.post, .page {padding:10px 10px 10px 15px; }
.post .title {margin:5px 0 0 5px 0;}
.post .comnts {float:left; width:85px;line-height:20px;background :url(images/comnt-3.gif) no-repeat 0 5px;color:#06c;padding:5px 0 5px 20px;}
.post .comnts a {text-decoration:none;}
.post h2 {background :url(images/comnt-1.gif) no-repeat;padding:5px 5px 5px 40px;font-weight:normal;line-height:19px;font-size:19px;float:left;width:515px;height:20px;}
.page h2 {background :url(images/comnt-1.gif) no-repeat;padding:5px  5px 15px 40px;font-weight:normal;line-height:19px;font-size:19px;}
.post h2 a, .page h2 a {color:#000066;}
.author {color:#06c;/*font-weight:bold;*/text-align:right;}

/* Featured Post */
.feat_post {border-bottom:4px solid #47443F;}
.feat_post .title {border-bottom:1px dashed #c2c2c2;margin:0 0 10px 0;}
.feat_post h3{font-size:18px;padding:10px 20px;float:left;width:540px;height:20px;margin:0;color:#000;}
.feat_post .comnts {float:left; width:85px;line-height:20px;background :url(images/comnt-3.gif) no-repeat 0 10px;color:#06c;padding:10px 0 10px 20px;}
.feat_post .comnts a {text-decoration:none;}
.feat_post h2 {background :url(images/comnt-1.gif) no-repeat;padding:5px 0 5px 40px;font-weight:normal;line-height:19px;margin-left:20px;font-size:19px;}
.feat_post h2 a {color:#06c;}
.feat_post .entry {padding:10px 20px;}

#hp_content {background :url(images/cont-bg.gif) repeat-y;width:698px;}
#hp_content h2 {font-size:14px;padding:10px;border-bottom:1px dashed #c2c2c2;margin:10px 0 10px 0;color:#000;}
#hp_content h3 {font-size:13px;padding:10px;border-bottom:1px dashed #c2c2c2;margin:10px 0 10px 0;color:#000;}
#hp_content .hp_left {float:left;width:350px;}
#hp_content .hp_right {float:left;width:344px;margin-left:4px;}
#hp_content .hp_left h2 {background :url(images/comnt-2.gif) no-repeat;padding:5px 0 10px 35px;font-weight:bold;line-height:18px;margin-left:10px;font-size:15px;}
#hp_content .hp_left h2 a {color:#06c;}
#hp_content .hp_left .dt {float:left; text-align:center;width:142px;padding:6px 0;line-height:13px;font-size:10px;margin-right:1px;background:#ccc;}
#hp_content .hp_left .cmt {float:left; text-align:center;width:142px;padding:6px 0;line-height:13px;font-size:10px;background:#ccc;}
#hp_content .hp_left .cmt a {color:#000;text-decoration:none;}
#hp_content .hp_left .entry {padding:0 15px 10px 15px;}
#hp_content .hp_left .more_post {background : #00000e url(images/comnt-4.gif) no-repeat 10px center;width:255px;padding:6px 0 6px 30px;line-height:13px;color:#fff;}
#hp_content .hp_left .more_post a {color:#fff;text-decoration:none;}
#hp_content .hp_left .more_post a:hover {color:#fff;text-decoration:underline;}

#hp_content .hp_right ul {list-style : none;margin : 0;padding:0;}
#hp_content .hp_right li {list-style : none;margin : 0;padding:5px 10px;}
#hp_content .hp_right li a {font-weight:bold;}

/* --------------- SideBars ----------------*/
.subs_box {padding:5px 10px 0 15px;background :#EEEFF1 url(images/rss-bg.gif) no-repeat bottom right;}
.subs_box  a.rss {color:#0066CC; margin:0 0 20px 0;text-decoration:underline;background :url(images/rss.gif) no-repeat;font-weight:bold; font-size:14px;display:block;padding-left:20px;}
.subs_box a.rss:hover {color:#0066CC;text-decoration:none;}
.subs_box h2 {padding:0 0 15px 0;font-size:16px; font-weight:bold; color:#141414;}
form#subscribe {margin:0;padding:0;}
form#subscribe input {border:0; margin:0; padding:0;float:left;}
form#subscribe input.txt {background :#fffffe;font-size:10px;height:13px;line-height:13px;padding:6px;width:200px;border:1px solid #000;border-right:0;}
form#subscribe input.btn {border:1px solid #000;border-left:0;}
form#subscribe input.clear {clear:both; width:1px; height:1px;}


#sidebar ul {list-style : none;margin : 0;padding:0;}
#sidebar ul ul{list-style : none;margin : 0;padding:0;}
#sidebar ul ul ul{margin-top:5px;}
#sidebar ul li {list-style:none;margin:0;padding:0 5px 15px 15px;border-top:5px solid #47443F;color:#717171;clear:left;}
#sidebar ul li h2{padding:12px 0 8px 0;font-size:16px; font-weight:bold; color:#141414;}
#sidebar ul ul li {padding:2px 0 2px 18px;font-size:12px;font-weight:bold;border-top:0;background :url(images/sb-li.gif) no-repeat 0 4px;margin-left:5px;}
#sidebar li a {color:#0000FF;text-decoration:none;}
#sidebar li a:hover {color:#0000FF;text-decoration:underline;}

#sidebar ul li a img {float:left;display:block;padding:0;margin:0 4px 4px 0;}

/* --------------- categories Box ----------------*/
#catg_box h2 { margin:0; padding:5px 0 5px 10px; font-size:16px; color:#fff; font-weight:bold; background:#000001;}
#catg_box ul {list-style:none;margin:0;padding:10px 0;float:left;}
#catg_box ul li {display:block; float:left;list-style:none;margin:0;padding:2px 20px;width:156px;}


/* --------------- Footbar ----------------*/
#footbar ul {list-style : none;margin:0 0 0 7px;padding:0;}
#footbar ul li {display:inline; list-style : none; margin:0;padding:0;float:left;width:331px;}
#footbar ul ul {margin:0;border:1px solid #ccc;padding:10px ;width:304px;float:left;background:#EDEFF1;}
#footbar ul li h2 { margin:0; padding:5px 0 5px 10px; font-size : 15px; color : #47443e; font-weight : bold;}
#footbar ul ul li {margin:0;display:block;clear:left;width:283px;background :url(images/fb-li.gif) no-repeat 0 4px;padding:2px 0 2px 18px;}
#footbar ul ul ul {clear:left;border:0;margin:0;padding:0 0 0 15px;width:268px;float:none;}
#footbar ul ul ul li {width:250px;padding:2px 0 2px 18px;}
#footbar a {color : #245F70;text-decoration : none;}
#footbar a:hover {color : #245F70;text-decoration :underline;}

#footbar ul ul li.about {background :url(images/fb-li-none.gif);padding:2px 0 2px 11px;width:290px;}

/* ----------------*/

/*  ================================= Footer  ============================= */
#footer a {color:#fff;text-decoration : none;font-weight:bold;text-decoration:underline;}

/*  ================================= Others ============================= */

.clr {clear : both;margin:0; padding:0;font-size:1px; line-height:1px;}


/* --------------------- common elements --------------------------- */
.navigation { display: block; color:#06c; padding:0 15px 10px 15px;font-weight:bold;}


h2.pagetitle, h2.center {text-align: center; font-size:15px;padding:10px; }
h3#comments {padding: 0;margin: 10px auto 10px ;}
.alt { background-color: #F1F1F1;border:1px solid #e9e9e9;}

input, select, textarea {margin:0 2px;; padding:0; color:#000; border:1px solid  #e9e9e9;}
input#s {height:17px;padding:5px 0;}
#commentform #submit, #searchsubmit {background:url(images/header-bg.gif) repeat-x 0 -145px;; color:#fff;margin:2px 0 0 0;width:126px; text-align:center;height:29px;font-weight:bold;border:0;text-align:center;}
blockquote { border-left: 3px solid #E9E9E9;}
	
ol.commentlist {margin:0;padding:0;}
.commentlist li { font-weight:normal;}
.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 12px;}
code { font: 1.1em 'Courier New', Courier, Fixed; border:1px dotted #e9e9e9;margin:5px;padding:5px;display:block;}


/* Begin Calendar */
#calendar_wrap {border-top: 0;margin-top:10px;}
#calendar_wrap table, #calendar_wrap th {margin:0 auto;padding:0;}
#wp-calendar {empty-cells: show;margin: 10px auto 0;width: 98%;	font-size: 9px;}
#wp-calendar #next a {padding-right: 2px;text-align: right;}
#wp-calendar #prev a {padding-left: 2px;text-align: left;	}
#wp-calendar a {display: block;}
#wp-calendar caption {text-align: center;width: 100%;font-size:12px;padding:0 0 5px 0;font-weight:bold;}
#wp-calendar td {padding: 1px 0; text-align: center;}
#wp-calendar td.pad:hover { background-color: #900000; }
#wp-calendar #prev a, #wp-calendar #next a {font-size: 9px;	}
#wp-calendar a {text-decoration: none;	}
#wp-calendar caption { 	text-align: center; }
#wp-calendar th { font-style: normal;text-transform: capitalize;}
#calendar_wrap #today {font-weight:bold;color:#fff;background:#900000;}
/* End Calendar */

.smallattachment {text-align: center; float: left;margin: 5px 5px 5px 0px;}
.attachment {text-align: center; margin: 5px 0px;}



/* Begin Images */
p img {	padding: 0;	max-width: 90%;	}
img.centered { display: block;	margin-left: auto;	margin-right: auto;	}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;	}
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }

/* End Images */



/* Begin Lists */
.entry ol,.entry ul {margin: 0;	padding: 5px 0 5px 35px; }
.entry li {margin: 0; padding: 0; }
.postmetadata ul, .postmetadata li { display: inline; list-style-type: none;list-style-image: none;}


/* Begin Form Elements */
.entry form { text-align:center; }
select { width: 130px; }
#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
#commentform textarea { width: 80%; padding: 2px;}
/* End Form Elements */



/* Begin Comments*/
.alt { 	margin: 0; padding: 10px; }
.commentlist { padding: 0; text-align: justify;}
.commentlist li { margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none;}
.commentlist p {margin: 10px 5px 10px 0; }
#commentform p { margin: 5px 0;	}
.nocomments { text-align: center; }
.commentmetadata {display: block; font-size:10px;font-weight:normal;}

/* End Comments */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps { 	cursor: help;}
acronym, abbr { border-bottom: 1px dashed #424242; }
blockquote { margin: 15px 30px 0 10px;padding-left: 20px;}
blockquote cite { margin: 5px 0 0; display: block;}
.center { text-align: center;}
hr { display: none; }
.alignright { float: right;	}
.alignleft { float: left;}
.navigation .alignright { width:49%; text-align:right; 	}
.navigation .alignleft {width:49%; text-align:left;}
/* End Various Tags & Classes*/

.post img {padding:5px;}