/*
Theme Name: Blue Steel
Theme URI: http://aboutenjay.com/
Description: The official WordPress theme for AboutEnjay.com - the personal website of Jerico Veloso.
Version: 1.0
Author: Jerico Veloso
Author URI: http://aboutenjay.com/
Tags: blue, gray, fixed width, multi columns, widgets
*/

* {
	margin: 0;
	padding: 0;
}

body {
	background: #dedede url(images/bg.jpg);
	font: 13px Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #1f2732;
}

h1, h2, h3 {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}

h1 {
	letter-spacing: -3px;
	font-size: 32px;
}

h2 {
	letter-spacing: -2px;
	font-size: 24px;
}

blockquote {
margin: 0 3em;
padding-left: 20px;
border-left: 2px solid #aeb3ba;
}

p, ul, ol {
	line-height: 180%;
}

code {
	background: url(images/670_bg.png);
}

form {
}

input, textarea, select {
	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #1f2732;
}

#wrap {
	background: url(images/hdr_bg_sub.jpg) repeat-x;
}

#home #wrap {
	background: url(images/bg_home.jpg) repeat-x;
}

.wrap {
	width: 980px;
	margin: 0 auto;
}

a {
	color: #000;
}

a:hover {
	text-decoration: none;
	background: #000;
	color: #fff;
}

a img {
	border: none;
}

.more-link {
	font-weight: bold;
}

.links {
	height: 20px;
}

.links a {
	float: left;
	padding-right: 20px;
	font-weight: bold;
}

a.preview {
	padding-left: 20px;
	background: url(images/icon_preview.png) no-repeat 0 50%;
}

a.download {
	padding-left: 20px;
	background: url(images/icon_download.png) no-repeat 0 50%;
}

hr, .hide {
	display: none;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

img.alignleft {
	margin: 5px 20px 10px 0;
}

img.alignright {
	margin: 5px 0 5px 20px;
}

/* header */

#header {
	height: 100px;
	background: url(images/hdr_bg.jpg) no-repeat 50% 0;
}

#header a {
	outline: none;
}

/* logo */

#logo {
	float: left;
	width: 119px;
	height: 64px;
	padding-top: 26px;
	background: url(images/hdr_logo.png) no-repeat 0 100%;
}

#logo h1, #logo p {
	line-height: normal;
	text-indent: -999em;
}

#logo h1 a {
	display: block;
	background: none;
	height: 64px;
}

/* menu */

#menu {
	float: right;
}

#menu ul {
	padding-top: 60px;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
	height: 30px;
	padding: 0 10px;
	background: url(images/menu_bg.png) no-repeat 100% -30px;
}

#menu a {
	display: block;
	height: 23px;
	padding: 7px 10px 0 20px;
	background: url(images/menu_bg.png) no-repeat 0 0;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
}

#menu li:hover {
	background-position: 100% -150px;
}

#menu li:hover a {
	background-position: 0 -120px;
}

#menu li.on {
	background-position: 100% -90px;
}

#menu li.on a {
	background-position: 0 -60px;
	color: #1c3459;
}

/* feature box */

#feature {
	background: url(images/feat_bg.jpg) no-repeat 50% 0;
}

#feature a {
	color: #bfc6ce;
}

#feature a:hover {
	color: #fff;
}

#feature .wrap {
	height: 300px;
}

#feature .screenshot {
	float: right;
	width: 500px;
	padding: 30px 0 0 0;
	background: url(images/feat_shot_bg.png) no-repeat 0 30px;
	text-align: center;
}

#feature .screenshot img {
	margin: 5px;
}

#feature .links {
	padding: 5px 0 0 160px;
	line-height: normal;
}

#feature .links a {
	display: block;
	float: left;
	padding: 5px 40px 5px 20px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}

#feature .links a:hover {
	text-decoration: underline;
}

#feature h2 {
	padding: 30px 0 0 0;
	text-transform: uppercase;
	letter-spacing: normal;
	font-size: 9px;
	color: #69778f;
}

#feature h3 {
	text-transform: uppercase;
	letter-spacing: -2px;
	font-size: 24px;
}

#feature h3 a {
	text-decoration: none;
}

#feature .entry {
	float: left;
	width: 445px;
	color: #aeb6be;
}

#feature .entry p {
	padding-top: 20px;
}

/* page */

#page {
	width: 980px;
	margin: 0 auto;
	padding: 30px 0;
	background: url(images/hdr_bg_sub2.jpg) no-repeat;
}

#home #page {
	background: none;
}

/* 3 columns */

.c3 {
}

.c3 .cA {
	float: left;
	width: 510px;
	padding: 0 20px 0 0;
}

.c3 .cB {
	float: left;
	width: 250px;
	padding: 0 0 0 20px;
}

.c3 .cC {
	float: left;
	width: 160px;
	padding: 0 0 0 20px;
}

/* 2 columns */

.c2 {
}

.c2 .cA {
	float: left;
	width: 670px;
	padding: 0 20px 0 0;
}

.c2 .cB {
	float: left;
	width: 250px;
	padding: 110px 0 0 20px;
}

/* post */

.smalltitle {
	margin: 0 0 20px 0;
	text-transform: uppercase;
	letter-spacing: normal;
	font-size: 9px;
}

.pagetitle {
	height: 90px;
	padding: 20px 0 0 0;
	line-height: normal;
	color: #aeb6be;
}

.post {
	margin: 0 0 30px 0;
	padding: 0 0 10px 0px;
	background: url(images/dot1.gif) repeat-x 0 100%;
}

.single {
	background: none;
}

.post .date {
	float: left;
	width: 56px;
	height: 47px;
	padding: 0 10px 0 0;
	background: url(images/date_bg.png) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
}

#single .pagetitle {
width: 980px;
}

.post .date b {
	display: block;
	line-height: 1;
	text-align: center;
}

.post .date .d {
	padding-top: 5px;
	font-size: 24px;
}

.post .date .my {
	padding-top: 5px;
	font-size: 10px;
}

.post .meta {
	margin: 0 0 30px 0;
}

.post .meta h3 {
	margin-left: 66px;
	padding: 2px 0 0 0;
	letter-spacing: -2px;
	font-size: 24px;
}

.post .meta h3 a {
	background: none;
	text-decoration: none;
	color: #1f2732;
}

.post .meta h3 a:hover {
	background: url(images/dot1.gif) repeat-x 0 100%;
	border: none;
}

.post .meta p {
	margin-left: 66px;
	padding: 2px 0 0 0;
	line-height: 1;
}

.post .entry {
	clear: both;
/*	padding-bottom: 20px; */
}

.post .entry p, .post .entry ul, .post .entry ol {
	margin: 0 0 20px 0;
}

.post .entry ul, .post .entry ol {
	margin-left: 3em;
}

.navigation {
	font-weight: bold;
}

.post .longmeta {
	font: 11px Arial, Helvetica, sans-serif;
}

.post .longmeta p {
	margin: 0;
	line-height: normal;
}

.post .longmeta .tags {
	margin-bottom: 6px;
	padding-bottom: 10px;
	background: url(images/dot1.gif) repeat-x 0 100%;
}

.post .longmeta .desc {
	margin-bottom: 10px;
}

.wp-caption {
padding: 5px 10px 0 0;
}

.wp-caption-text {
font-size: 9px;
}

/* comments */

#comments {
}

#comments h2 {
}

#comments .commentlist {
	list-style: none;
}

#comments .commentlist li {
	display: block;
	padding: 1px 0;
	margin: 0;
	background: url(images/dot1.gif) repeat-x;
	clear: left;
}

#comments .meta {
	float: left;
	width: 130px;
	padding: 20px 0;
	text-align: right;
	line-height: normal;
}

#comments .meta .avatar {
	margin-top: 5px;
	border: 1px solid #7f8388;
}

#comments .meta cite {
	display: block;
}

#comments .meta cite a {
	font-weight: bold;
}

#comments .meta small {
}

#comments .entry {
	float: left;
	width: 500px;
	padding: 20px 0 0 20px;
}

#comments .commentlist li p,
#comments .commentlist li ul,
#comments .commentlist li ol {
	margin-bottom: 1em;
	font-size: 12px;
	line-height: 150%;
}

#comments .commentlist li ul, #comments .commentlist li ol {
	margin: 0;
	padding: 0;
}

#comments .commentlist li ol {
}

#comments .commentlist li li {
	display: list-item;
	background: none;
	padding: 0;
	margin: 0 0 0 40px;
	clear: none;
}

#respond {
	clear: both;
}

#respond h2 {
	margin: 0 0 5px 0;
}

#respond p {
	padding: 5px 0 0 0;
}

#respond .txt {
	width: 400px;
	padding: 2px 5px;
}

#respond .btn {
	padding-left: 1em;
	padding-right: 1em;
	font-weight: bold;
}

#comment {
	width: 635px;
	padding: 2px 5px;
}	

/* content */

#content {
}

.box-670 {
}

.box-670 .bt {
	height: 10px;
	background: url(images/670_top.png) no-repeat;
}

.box-670 .bc {
	padding: 0 10px;
	background: url(images/670_bg.png);
}

.box-670 .bb {
	height: 10px;
	background: url(images/670_btm.png) no-repeat 0 100%;
}

/* sidebar */

#sidebar {
}

#sidebar h2 {
	background: url(images/dot1.gif) repeat-x 0 100%;
	text-transform: uppercase;
	letter-spacing: -1px;
	font-size: 16px;
}

#sidebar a {
}

#sidebar p {
	margin: 0 0 20px 0;
}

#sidebar ul {
	list-style: none;
}

#sidebar li {
	margin: 0 0 40px 0;
}

#sidebar li ul {
	background: url(images/dot1.gif) repeat-x;
	line-height: 30px;
}

#sidebar li li {
	margin: 0;
	background: url(images/dot1.gif) repeat-x 0 100%;
}

#sidebar li li a {
	padding: 0 0 0 20px;
	background: url(images/bullet_black.png) no-repeat 0 2px;
}

#sidebar li li a:hover {
text-decoration: none;
color: #000;
}

#sidebar .widget_tag_cloud div {
	padding: 20px 20px 0 20px;
	background: url(images/dot1.gif) repeat-x;
}

/* google custom search form */

#gcse {
	padding: 0 0 20px 0;
}

#gcse h2 {
	margin: 0 0 10px 0;
}

fieldset {
	border: none;
}

#gcse input {
}

#q {
	width: 150px;
}

.gcse-page .pagetitle {
	float: left;
}

#gcse-form {
	float: right;
	padding: 26px 0 0 0;
}

.gcse-results {
}

/* categories - specially styled ;) */

.widget_categories .children li {
	padding-left: 15px;
}

.widget_categories .children {
	background: url(images/dot1.gif) repeat-x;
}

/* adbar */

#adbar {
}

.ads-160x60 {
}

.ads-160x60 a {
	background: none;
}

.ads-160x60 a {
	display: block;
	margin: 0 0 10px 0;
}

.ads-160x600 {
	padding: 0 0 20px 0;
}

.ads-250x250 {
	padding: 0 0 20px 0;
}

.ads-768x15 {
	margin: 0 auto;
	padding: 5px 0;
	background: #fff;
	border-top: 1px solid #7b7f85;
	border-bottom: 1px solid #7b7f85;
	text-align: center;
}

.ads-468x15 {
	background: #fff;
	border: 1px solid #7b7f85;
}

/* footer */

#footer {
	background: url(images/ftr_bg.jpg);
	color: #aeb6be;
}

#footer .bg-horz {
	background: url(images/ftr_bg1.jpg) repeat-x;
}

#footer .wrap {
	padding: 20px 0;
	background: url(images/ftr_bg2.jpg) no-repeat;
}

#footer p {
	text-align: center;
}

#footer a {
	color: #aeb6be;
}

#footer a:hover {
	color: #fff;
}

#gcse-form iframe {
	height: 500px;
}