/*  
Theme Name:pmmag
Theme URI: http://www.promechanics.com
Description: Flexible 3 column layout for Wordpress.
Version: 1.0
Author: cclinton
Author URI: http://www.promechanics.com
*/
/* Basics */
/* Neutralize styling */
html, body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif;}
html {font-size:100.01%;}
body {font-size:.9em;}
form, fieldset { margin: 0; padding: 0; font: 100%/120% Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 0; padding: 0; }
/* Apply left margin */
li, dd, blockquote { margin-left: 1em;}
/* Miscellaneous conveniences: */
form label { cursor: pointer; }
fieldset { border: none; }
input, select, textarea { font-size: 100%; font-family: inherit; }
/* Set basic sizes */
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.2em ; }
h4 { font-size: 1.0em; }
h5 { font-size: 0.9em; }
h6 { font-size: 0.8em; }
a:active { color: #0cf; }
a{color: #03a0f2;text-decoration: none;}
a:hover{text-decoration: underline;}

/* basic styles */
body {background:url(images/bgstripe.jpg) #fff repeat-x top; color:#777;}
a{color: #03a0f2;text-decoration: none;}
a:hover{text-decoration: underline;}
h2, h2 a{color:#f68827;}

/*main container */
#container {margin:0 auto; width:990px; background:#F7F7F7; padding:0 10px 10px 10px;} /*same as 1010px width with 10px buffer on each side */

/* ===top section=== */
#header {background-color:#1591D7; height:110px;}
#header li, #navmenu li{list-style: none;}
#logo {float: left; padding: 5px 0 0 15px;}
#logo h1{height: 100px;  width: 430px;  background:url(images/promechanicslogo.gif) no-repeat; text-indent:-9000px;}
#topnav{float: right; padding: 0 12px 0 0; width: 440px;}
* html #topnav{padding: 0 0 0 0;}
#login {border-bottom: 1px solid #8cc9eb; padding:5px 0; font-size: 15px;color:#8cc9eb; letter-spacing: -1px;}
#login a {color:#fff;}
#login input {background:#87CDF3 none repeat scroll 0% 50%; border: 0; margin-right:5px; width:100px; color:#FFFFFF; font-size:10px;}
#topnav ul{height: 17px; margin: 5px 0 10px;}
#topnav li{background: url(images/rssicon.gif) no-repeat left; float: left; font-size: 14px; font-weight: bold; margin: 0 20px 0 0; padding: 0 0 0 20px;}
#topnav li a{color: #ffffff;}
/*- Search -*/
#search{background: url(images/searchbgr.gif) no-repeat; height: 34px;}
#search input{background: transparent; border: 0; color: #ffffff; float: left; font-size: 12px; margin: 8px 0 0 3px; width: 385px;}
#search .btn{margin: 3px 0 0; padding: 0; width: auto;}
div.post1 input {width:400px; margin-top:10px;}
div.post1 p {margin:5px;}

/*=== main navigatio menu ===*/
#navmenu{background: #000000 top; height: 36px; line-height: 36px;}
#navmenu ul{float: right; height: 36px; width: 990px;}
.page_nav,.current_page_nav{float: left; font-size: 14px; font-weight:bold;}
.page_nav a,.current_page_nav a{color: #ffffff; display: block; margin: 0 1px 0 0; padding: 0 18px;}
.page_nav a:hover,.current_page_nav a:hover{background: #000000; color: #efefef; text-decoration: underline;}

/*=== main body of page ===*/
#content {width:990px; margin:10px 0;}

#col1 { float:left; width:488px; margin-right:10px;}
#col1 h2 {margin-bottom:5px;}
.post1, .post3, .postcmnt, .related, .post4 {background-color:#FFFFFF; border: 1px solid #ccc; padding:5px; margin-bottom:10px;}
.post1 h3 {margin-top:5px;}


.entry {}
.byline {margin: 5px 0 7px 0;}
.post-meta-data {margin-right: 6px; text-align: right; font-size:.8em;}
.doubleentry{width:235px;}
.postmetadata {margin-right: 6px; margin-top:5px; text-align: right; font-size:.8em;}

#col2 {float:right; width:490px;}
#welcomeblk {width:488px; border:1px solid #ccc; background-color:#eee; font-size: .9em; margin-bottom:10px;}
#welcomeblk h3 {margin:5px;}
#welcomeblk p {margin: 0 5px 5px 5px;}

#subcola {width:240px; float:left; padding-right:10px;}
#subcolb {width:240px; float:right;}

#sidebar {background-color:#FFFFFF; border:1px solid #ccc; padding:5px;}
#sidebar h3{
	border-bottom: 1px solid #8cc9eb;
	color: #8cc9eb;
	font-size: 15px;
	padding: 5px 0;
}
ul.sidbrlist, ul.tablist{
	padding: 0 0 10px;
}
.sidbrlist li, ul.tablist li{
	font-size: .95em;
	margin: 0 0 6px;
	list-style: none;
}
.sidbrlist li a, ul.tablist li a{
	color: #777777;
}

/*=== footer of page ===*/
#footer {background-color:#000; color:#FFFFFF; width:990px; margin-top:10px; font-size: .8em; text-align: left;}
#footer p { margin: 0; padding:5px 0px 5px 5px;}


/* colors
#0c386e dark blue for link fonts in tabbed area
#03A0F2 blue dashed line under the links in tabbed area & tab text done
#fff white color of active tag & (body information done) 
#f7f7f7 gray for hovered tab
#ccc dark color of outline done
#eee gray color of normal tab done
*/
#home-categories, .p7TPcontent {
	overflow: hidden;
	}
.post2 {
	float: left;
	clear: none;
	width: 47%;
	margin: 5px 1%;
	padding: 0;
	}
.post2 h3 {
	width: 97%;
	font-size: .95em;
	margin: 0 0 0 5px;
	padding: 0;
	}
.post2 h3 a { 
	font-weight: bold;
	}
.post2 .entry {
	margin: 0 0 0 5px;
	padding: 0;
	}
.post2 .entry p { margin: 0; padding: 0; }

.navigation, .byline, .bread {font-size:.7em; margin:5px;}
.navigation a{ color:#0c386e;}
.alignleft{float:left;}
.alignright {float:right;}

form input.spokey {width:48px;}
form input.spokey1 {width: 55px;}
#gearform {}
div.post1 ol {margin-left:5px; padding-left:5px;}
.contactform1 {width:400px;}

.subblue1 {background: url(images/minimech.gif) no-repeat right #1591D7; border:1px solid #ccc; padding:5px; margin-top:5px;}
.subblue1 h3{color:#ffffff;}
.subblue1 p {color:#87CDF3; width:150px;}

.righty {float:right;}