/*  
Theme Name: Blue Mechanics
Theme URI:
Description: 3 Columns, Widget Ready on Both Sidebar.
Version:1.0
Author: ChiQ Montes

*/

body {
	margin:0;
	background:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#484d5a;
	font-size:12px;
	}
img {
	border:0;
	}
a {
	color:#529ac0;
	text-decoration:none;
	}
a:hover {
	text-decoration:underline;
	}
h1, h2, h3, h4, h5, h6 {
	
	}
blockquote {
	border-left:5px solid #484d5a;
	padding-left:10px;
	font-style:italic;
	}
.clear {
	clear:both;
	}

/* The Wrapper */

.wrapper {
	width:1000px;
	margin:0 auto;
	}

/* The Header */

.head {
	height:124px;
	background:url(images/head.gif);
	margin-bottom:26px;
	}
.head .wrapper {
	position:relative;
	}
.head h1 {
	margin:0;
	font-size:35px;
	color:#fff;
	position:absolute;
	top:25px;
	left:15px;
	}
.head h2 {
	color:#000;
	margin:0;
	font-size:12px;
	left:15px;
	top:70px;
	position:absolute;
	}
.head .menu {
	float:right;
	margin-top:91px;
	}
.head ul {
	margin:0;
	padding:0;
	list-style:none;
	}
.head li {
	float:left;
	height:28px;
	line-height:28px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background:url(images/menuleft.gif);
	padding-left:6px;
	margin-right:2px;
	font-weight:bold;
	}
.head li a {
	color:#fff;
	text-decoration:none;
	display:block;
	height:28px;
	padding-right:6px;
	background:url(images/menuright.gif) right no-repeat;
	float:left;
	}
.head li a:hover {
	color:#000;
	text-decoration:none;
	}

/* The Content */

.content {
	float:left;
	width:439px;
	padding:0 49px 100px 52px;
	}
.date {
	float:left;
	width:46px;
	height:49px;
	text-align:center;
	background:url(images/date.gif);
	line-height:22px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	}
.date .day {
	line-height:normal;
	color:#3d4f58;
	font-size:20px;
	font-weight:bold;
	}
.postinfo {
	float:left;
	width:385px;
	padding-left:5px;
	}
.postinfo h2 {
	margin:0 0 10px 0;
	font-size:18px;
	padding-bottom:3px;
	background:url(images/h1line.gif) bottom repeat-x;
	}
.postinfo .cats {
	background:url(images/cats.gif) left no-repeat;
	color:#808080;
	padding-left:20px;
	display:inline;
	padding-right:20px;
	padding-top:2px;
	}
.postinfo .author {
	background:url(images/author.gif) left no-repeat;
	color:#808080;
	padding-left:20px;
	display:inline;
	padding-top:2px;
	}
.postinfo .cats a, .postinfo .author a {
	color:#808080;
	text-decoration:none;
	}
.postinfo .cats a:hover, .postinfo .author a:hover {
	color:#808080;
	text-decoration:underline;
	}
.content .clear {
	height:1px;
	overflow:hidden;
	}
.commentsbar {
	height:21px;
	width:429px;
	text-align:right;
	background:url(images/commentsline.gif);
	line-height:21px;
	padding-right:10px;
	}
.commentsbar a {
	background:url(images/commentscloud.gif) left no-repeat;
	padding-left:22px;
	font-weight:bold;
	}
.commentsbar a:hover {
	color:#808080;
	text-decoration:none;
	}
.bottombar {
	height:32px;
	background:url(images/bottom.gif);
	margin-top:15px;
	}

/* The Sidebar */

.sidebar {
	float:left;
	width:422px;
	padding-bottom:100px;
	}
.sidebarblock {
	width:362px;
	color:#fff;
	background:#4f97bd url(images/blocktop.gif) top no-repeat;
	min-height:98px;
	padding:20px 30px 0 30px;
	}
.sidebarblockbottom {
	height:11px;
	background:url(images/blockbottom.gif);
	overflow:hidden;
	margin-bottom:25px;
	}
.sidebar ul {
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
	color:#3c7ea0;
	line-height:20px;
	}
.sidebar table {
	width:100%;
	text-align:center;
	}
.sidebar table a {
	font-weight:bold;
	}
.sidebar ul.left {
	float:left;
	width:187px;
	padding-left:13px;
	padding-right:15px;
	}
.sidebar ul.right {
	float:left;
	width:195px;
	padding-left:10px;
	}
.sidebar ul h2 {
	color:#529ac0;
	font-size:12px;
	margin:0;
	background:url(images/h2.gif) left no-repeat;
	line-height:65px;
	padding-left:21px;
	}
.sidebar ul.left li ul, .sidebar ul.left li div {
	padding-left:52px;
	}
.sidebar ul.left li ul ul, .sidebar ul.left li div div {
	padding-left:0;
	}
.sidebar ul.left li#search div {
	padding-left:0;
	}
.sidebar ul li ul li {
	background:url(images/sidebarlink.gif) 0 5px no-repeat;
	padding-left:25px;
	}
.sidebar form {
	margin:0;
	padding:0;
	text-align:center;
	}
.sidebar form input {
	background:#fff;
	border:1px solid #3c7ea0;
	color:#808080;
	}
.sidebar form input#s {
	width:100%;
	}

/* The META Block */

.metablock {
	width:402px;
	margin:0 auto 0 auto;
	clear:both;
	height:52px;
	background:url(images/rssbox.gif);
	line-height:52px;
	}
.metablock a {
	color:#3c7ea1;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
	}
.metablock a:hover {
	color:#808080;
	text-decoration:none;
	}
.metablock a.css {
	background:url(images/css.gif) left no-repeat;
	padding-left:19px;
	margin-left:17px;
	}
.metablock a.xhtml {
	background:url(images/xhtml.gif) left no-repeat;
	padding-left:24px;
	margin-left:60px;
	}
.metablock a.rss {
	background:url(images/rss.gif) left no-repeat;
	padding-left:15px;
	margin-left:66px;
	}

/* The Footer */

.footer {
	background:#363636 url(images/footer.gif) top repeat-x;
	}
.footer .left {
	width:265px;
	padding:15px 96px 15px 15px;
	float:left;
	background:url(images/footerarrow.gif) 300px 0 no-repeat;
	}
.footer .middle {
	width:265px;
	padding:15px 86px 15px 0;
	float:left;
	background:url(images/footerarrow.gif) 300px 0 no-repeat;
	}
.footer .right {
	width:260px;
	padding:15px 10px 15px 0;
	float:left;
	}
.footer h2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:20px;
	margin:0;
	background:url(images/footerh2.gif) bottom repeat-x;
	padding-bottom:8px;
	margin-bottom:10px;
	}
.footer .blue {
	color:#a3defe;
	}
.footer ul {
	margin:0;
	padding:0;
	list-style:none;
	}
.footer .left li, .footer .middle li {
	line-height:22px;
	border-bottom:1px solid #4e4e4e;
	padding-left:2px;
	}
.footer a {
	color:#fff;
	text-decoration:none;
	}
.footer a:hover {
	color:#a3defe;
	text-decoration:none;
	}
.footer .right li {
	line-height:23px;
	background:url(images/footerli.gif) 0 8px no-repeat;
	padding-left:22px;
	}

/* The Bottom */

.bottom {
	height:40px;
	background:#000;
	color:#f4f4f4;
	line-height:14px;
	font-size:10px;
	padding-top:10px;
	}
.bottom a {
	color:#f4f4f4;
	text-decoration:none;
	}
.bottom a:hover {
	text-decoration:underline;
	}
.bottom .wp {
	float:right;
	height:32px;
	width:32px;
	display:block;
	background:url(images/wp.gif);
	}

/* The Page Links */

.pagelinks {
	font-size:12px;
	font-weight:bold;
	padding-bottom:20px;
	padding-left:20px;
	}

/* The Navigation */

.navigation {
	padding:10px;
	height:25px;
	font-weight:bold;
	font-size:13px;
	}
.alignleft {
	float:left;
	}
.alignright {
	float:right;
	}

/* The Attachment */

.contentCenter {
	text-align:center;
	}

/* The Page Title */

h2.pagetitle {
	font-size:24px;
	font-weight:normal;
	color:#529ac0;
	margin:0;
	font-style:italic;
	text-align:center;
	padding:10px 0;
	}

/* The Comments */

.comments {
	width:407px;
	margin:0 auto;
	}
.comments ol {
	margin:0;
	padding:0;
	list-style:none;
	}
.comments p {
	margin:10px 0 0 0;
	padding:0;
	}
.comments li {
	margin:10px 0 0 0;
	background:url(images/commentbox.gif) left repeat-y;
	}
.comments li .commentsboxtop {
	background:url(images/commentboxtop.gif) left top no-repeat;
	min-height:18px;
	color:#808080;
	font-size:10px;
	padding:10px 0 0 20px;
	}
.comments li .authorlink {
	font-size:15px;
	font-weight:bold;
	}
.comments li .commentstext {
	padding:0 30px 10px 10px;
	color:#484d5a;
	line-height:15px;
	}
.comments li .commentsboxbottom {
	background:url(images/commentboxbottom.gif) top left no-repeat;
	height:8px;
	overflow:hidden;
	}
.comments li p {
	padding-left:10px;
	}
.respond {
	padding:10px 10px 0 5px;
	}
.respond form {
	margin:0;
	padding:0 0 10px 0;
	}
.respond textarea {
	width:90%;
	height:100px;
	background:#fff;
	border:1px solid #e9e5e1;
	color:#484849;
	padding:10px;
	overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
#commentform input {
	background:#fff;
	border:1px solid #e9e5e1;
	color:#484849;
	padding-left:10px;
	}
.respond input#submit {
	padding:0;
	width:72px;
	height:29px;
	}
.respond p {
	padding:0;
	margin:20px 10px;
	}
.respond h2, .comments h2 {
	font-size:18px;
	font-weight:normal;
	color:#ddff02;
	margin:0;
	}