/*  
Theme Name: Cat4 Baseline Theme
Theme URI: http://www.category4.com
Description: A baseline theme for Wordpress
Version: 1.0
Author: Category 4
Author URI: http://www.category4.com/
*/



/* 
TABLE OF CONTENTS

  HTML Elements
  Page Structure
  Headings
  Content Styles
  Forms
  Float Clearing
  Footer



/* ---------- @ HTML Elements -----------*/

* { 
	margin: 0;
	padding: 0;
	} 

body, html {
	min-height:101%;
	}
	
body {	
	color:#2c2c2c;
	background: #0c1c30;
	padding-bottom:30px;
	}
	
body, select, textarea, input {	
	font: 100% Arial,Verdana, sans-serif;
	}

p {	
	margin: 15px 0;
	line-height:140%;
	}
		
a, a:visited {
	color:#4277b4;
	}

a:hover, a:active {	
	color:#244d7c;
	}

*:focus { 
	outline: none;
	}

ol {
	margin: 15px 15px 15px 35px;
	}
	
a img {
	border:none
	}

blockquote {
	background:#e8e7e6 url(images/quote.gif) no-repeat 10px 22px;
	font: italic 1.5em Georgia, "Times New Roman", Times, serif;
	padding:12px 12px 12px 65px;
	margin: 15px 0;
	width:537px;



}

#home blockquote {
	margin: 0;	
}

cite {
	display:block;
	text-transform:uppercase;
	font-style:normal;
	font:0.6em Georgia, "Times New Roman", Times, serif;
	padding:4px 0 4px 35px;
}

blockquote p {
	margin: 0 0 15px;	
}

hr {
	clear: both;
	background:#d6d4d1; 
	color:#d6d4d1;
	width:100%; 
	height:1px; 
	margin:15px 0; 
 	border:none;
	display:block
}

		

/* ---------- @ Page Structure -----------*/

#gradient {
		background:#1e4068 url(images/bg_gradient.jpg) repeat-x;
		padding-bottom:25px;
}

#wrapper {
	margin: 0 auto;
	font-size: 0.8em;
	width: 952px;
	}
	   
#masthead {
	background: url(images/bg_masthead.png);
	height: 108px;
	padding:58px 25px 0 178px;
	}

#main {
	background: #f5f5f5 url(images/bg_main.jpg) repeat-x;
	padding:20px 25px 50px 25px
}

.left {	
	float:left;
	}

.right {	
	float:right
	}
	
#content {
	width:614px;
	min-height: 500px;
	float:left;
	background:url(images/dots_y.gif) repeat-y right;
	padding-right:22px;
	padding-bottom: 50px;
	}

#sidebar {
	width:245px;
	float:right;
	}


	
		
/* ---------- @ Headings -----------*/

		   
h1, a#logo {
	width:411px;
	height:72px;
	text-indent:-999em;
	float:left;
	background:url(images/logo.png);
	display:block
	}

h2 {	
	font:bold 2em Georgia, "Times New Roman", Times, serif;
	}

/*.post h2,*/
h2#pagetitle {
	border-bottom:3px double #d6d4d1;
	padding-bottom:10px;
}

.post-title h2 {
	padding:8px 0;
	border-bottom: none;
}

.excerpt h2 {
	font: 1.8em Arial, Helvetica, sans-serif;
}

h3 {	
	text-transform:uppercase;
	font: normal 1.4em Arial, Helvetica, sans-serif;
	margin: 20px 0 -5px;
	letter-spacing:0.02em;
	}

h3.blue {
	background:#4277b4;
	padding:10px 16px;
	background:#4277b4 url(images/hdr_blue.gif) repeat-x bottom;
	color:#f8fbff;
	margin: 0;
	font-size: 1.2em;
}

.feature h3 {
	font:bold 1.4em Georgia, "Times New Roman", Times, serif;
	padding-bottom:3px;
	text-transform:none;
	padding-top:15px;
	margin: 0;
}

#sidebar h3 {
	background:#a90505 url(images/hdr_red.gif) repeat-x bottom;
	color:#FFF;
	padding:6px 10px;
	font-size:0.85em;
	margin-bottom:13px;
}

h4 {
	font-size: 1em;	
	margin: 20px 0 0;
}

h4.pagetitle,
#multipage h4 {	
	font-size: 1.4em;
	margin: 0;
	}

h4.bubble {
	background:#d2d0cd url(images/bg_bubble.gif) no-repeat bottom;
	color:#252423;
	padding:8px 12px 14px 12px;
	margin: 0;
	}

#related-posts h4 {
	text-transform: uppercase;
	margin: 5px 0;
	padding-bottom: 4px;
	background: url(images/dots_x.gif) repeat-x bottom;
}
	
h5 {	
	font-size: 1.2em
	}

h6 {	
	font-size: 1.1em
	}



/* ---------- @ Content Styles -----------*/

h1 a, h1 a:visited {
	}

h1 a:hover, h1 a:active {
	}	

h3 strong {
	color:#9bd1ff;
}

h4 a, h4 a:visited {
	text-decoration: none;
	color:#2c2c2c;
}

h4 a:hover, h4 a:active {
	color:#244d7c;	
}

p .cap {
	float:left;
	font: 3em/1em Georgia, "Times New Roman", Times, serif;
	margin-bottom:-0.3em;
	margin-right:0.1em;
	position:relative;
}

blockquote p .cap {
	float: none;
	position: static;
	font-size: 1em;
	font-style: italic;
	margin: 0;
}

.widget {
	margin:20px 0;
	}	

.widget table {
	width:100%;
	}

.widget table th {
	text-align:left;
	background:#FFF;
	padding:2px 4px
	}

#sidebar ul {
	padding-left: 0;
	margin-left: 0;
}
		
#sidebar li  {
	margin:8px 0;
	list-style: none;
	background:url(images/dots_x.gif) repeat-x bottom;
	padding: 0 0 10px 2px;
	}

li.recentcomments a, li.recentcomments a:visited {
	font-weight:normal;
}

li.recentcomments, li.recentcomments a.url, li.recentcomments a.url:visited {
	font-weight:bold
}

.commentcount {
	background:url(images/bubble.gif) no-repeat 1px;
	padding-left:14px;
	font:normal 1em Arial, Helvetica, sans-serif
}

.feature a, .feature a:visited,
#sidebar a, #sidebar a:visited {
	color:#1a1a1a;
	text-decoration:none;
}

.feature a:hover, .feature a:active,
#sidebar a:hover, #sidebar a:active {
		color:#252525;
		text-decoration:underline
}

h3 .commentcount {
	font-size:0.65em
}

.feature {
	background:url(images/dots_x.gif) repeat-x bottom;
	padding:17px 0 8px 0;
	margin-bottom:15px;


       

}

.feature img, .post-title img {
	border-right:1px solid #d0d0d0;
	border-bottom:1px solid #d0d0d0;
	background:#FFF;
	padding:4px;
	margin:0 16px 10px 0;
	float:left;

}

#donate, #donate:visited {
	background:url(images/donate.png);
	width:81px;
	height:22px;
	display:block;
	color:#FFF !important;
	padding:8px 0 0 33px;
	text-decoration:none;
	margin:0 auto;
	margin-bottom:25px;
}

#donate:hover, #donate:active {
	background:url(images/donate.png) 0 -30px;
	text-decoration:none !important;
}

.col {
	padding:25px 0;
}

.col.left {
	width:60%;
}

.col.right {
	width:40%;
}

#category-list,
#multi-list {
	font-size: 1.2em;
}



	
/* ---------- @ Forms -----------*/

#searchform {
	text-align:right;
	float:right;
	width:280px;
	padding:17px 19px 0 0;
	margin-top: -1px;
	}
	
#s, #comment, #author, #email, #url {
	background:#FFF !important;
	border:1px solid #a6a6a6;
	padding:7px;
	border-left:1px solid #d1d0d0;
	border-top:1px solid #d1d0d0;
	}

#s {
	width:189px;
	border:none;
	padding:5px;
	margin-top: 2px;
}

#searchsubmit {
	/*vertical-align:middle;*/
	vertical-align: bottom;
}

textarea#comment {
	width:97% !important;
}

#submit {
	background:#376396 url(images/bg_button.jpg) repeat-x;
	border:1px solid #376396;
	padding:10px;
	color:#FFF;
	cursor: pointer;
}

#submit:hover {
	background:#4277b4 url(images/bg_button_on.jpg) repeat-x
}




/* ---------- @ Float Clearing -----------*/

.clearfloat:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
	}
	
.clearfloat {
	display:inline-block
	}

.clearfloat {
	display:block
	}



/* ---------- @ Footer -----------*/

#footer {
	color:#668bb7;
	text-align:center;
	font-size:0.85em;
	background:url(images/bg_footer.gif) repeat-x;
	padding-top:22px;
	}

#footer p {
		margin:0;
		line-height:150%;
}

#footer a, #footer a {
	color:#9dc5f5;
	font: italic 1em Georgia, "Times New Roman", Times, serif;
	text-decoration:none
	}

#footer a:hover, #footer a:active {
	color:#FFF;
	}