/*
Theme Name: IT Advanced
Theme URI: http://www.makequick.com
Version: 1.0
Description: IT Advanced, CSS fixed (it was a MESS!) and template customized for AdSense by <a href="http://videos.nk5.net" title="Daily Videos by NK5">NK5</a> and <a href="http://prmoney.com" title="PR Money - Producers Helping Producers Make Money">PR Money</a>. &nbsp; There is an ad links unit in the header, and UP to three ad units displayed randomly after posts. There are also two sidebar widgets - an ad link and ad banner. The sidebar ad banner will not show if there were already three random ad units shown in the posts area, so don't worry about using the widgets.
Author: Make Quick
Author URI: http://www.makequick.com
*/



/* Links */

a:link { text-decoration: none; color: #AAD0D0; }

a:visited { text-decoration: none; color: #AAD0D0; }

a:hover, a:active {
	color: #FFFFFF;
}

/* Headings */

h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 20px 0 10px; }

h1 { font-size: 32px; margin-bottom: 0px; margin-top: 10px;}

h2 { font-size: 28px; }

h3 { font-size: 24px; }

h4, h5, h6 { font-size: 20px; }

/* Other Html Elements */
.titles { font-weight: normal; border-bottom-width: 0; font-size: 24px; text-decoration: none;}
.titles a:link, .titles a:visited, .titles a:active {
text-decoration: none;
font-size: 24px;
font-weight: normal;
border-bottom-width: 0;
}

pre, blockquote  {
	overflow: auto;
	padding: 5px;
	line-height: 1.3em;
	background-color: #465757;
	border: 1px solid #314343;
}

code { color: #779900; font-family: Consolas, Verdana, "Courier New", Sans-Serif; }

/* ul, ol { line-height: 2.0em; } */

ul {
	list-style-type: none;
}

abbr, acronym { font-style: normal; border-bottom: 1px dotted #333333; cursor: help; }

del { text-decoration: line-through; color: #999999; }

ins { text-decoration: none; color: #009977; }

/* Structure */

body {
	margin: 0;
	padding: 0;
	color: #CCCCCC;
	background-image: url(images/bg.gif);
	background-repeat: repeat-x;
	background-color: #112B2B;
	font: normal 76% "Trebuchet MS", "Lucida Grande", Verdana, Georgia, Sans-Serif;
}

#page {
	width: 768px;
	margin: 0 auto 0;
}
#header {
	width: 768px;
	background: #3C4E4E url('images/header-bg.gif');
	height: 67px;
	margin: 0 auto 0;
}

#icons {
	float: right;
	margin-right: 30px;
	margin-top: -20px;
}

#navigation {
	width: 768px;
	background-image: url(images/header.gif);
	height: 212px;
	margin: 0 auto 0;
}

#wrapper {
	clear: both;
	float: left;
	width: 100%;
	color: #BECDCD;
	background: #3C4E4E;
}

#content-wrapper {
	width: 65%;
	float: left;
}

#content {
	float: left;
	background-color: #3C4E4E;
	width: 768px;
}


#sidebar {
	float: right;
	width: 220px;
	background-color: #2E3E3E;
	background-image: url(images/sidebar-top.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin: 7px 5px 0 0;
}

#sidebar #top {
	width: 220px;
	height: 12px;
	background-image: url('images/sidebar-top.gif');
}

#sidebar #bottom {
	width: 220px;
	height: 14px;
	background-image: url('images/sidebar-bottom.gif');
}
#footer
{
	clear: both;
	float: left;
	width: 768px;
	text-align: center;
	background: #3C4E4E;
	background-image: url(images/footer-bg.gif);
	margin-bottom: 15px;
	color: #BECDCD;
	height: 41px;
	padding: 5px 0 0 0;
}


#extras
{
	float: left;
	width: 780px;
	color: #444444;
	text-align: left;
	padding: 0 10px 10px;
	margin: 10px 12px 20px;
	background-color: #f5f5f5;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}

/* Header */

#header h1 {
	padding-left: 20px;
	text-transform: uppercase;
}

#header h1 a:link, #header a:active {
color: #AAD0D0;
font-size: 20px;
text-transform: lowercase;
}

#header h1 a:hover {
	color: #FFFFFF;
	font-size: 20px;
	text-transform: lowercase;
}

#header h1 a:active {
	color: #FFFFFF;
	font-size: 20px;
	text-transform: lowercase;
}

#header h1 a:visited {
color: #8EBABA;
font-size: 20px;
text-transform: lowercase;
}

/* Navigation */

#navigation ul {
	list-style-type: none;
	list-style-image: none;
	float: left;
	padding-left: 0px;
	margin: 0 0 0 auto;
	width: 768px;
}

#navigation li {
	float: left;
	display: block;
	background-image: url('images/nav-bg.gif');
	background-repeat: repeat-x;
	background-color: #304242;
	border-left: 1px solid #1E2D2D;
	border-right: 1px solid #1E2D2D;
	font-size: 13px;
	height: 23px;
	padding: 0px 10px;
	margin-right: 1px;
	margin-top: 0px;
}

#navigation li a:link,
#navigation li a:visited {
	color: #8CA5A5;
}

#navigation li a:hover,
#navigation li a:active {
	color: #FFFFFF;
}

#navigation li.active a {
	color: #BECDCD;
	background-color: #3C4E4E;
}

/* Wrapper */

#wrapper a:link { font-weight: bold; }

#wrapper a:visited { font-weight: bold; }

#wrapper a:hover, #wrapper a:active { }

/* Content */

#content .post {
	clear: both;
	margin: 0 18px 0 18px;
	text-align: justify;
}

#content #post-title {
	float: left;
	width: 395px;
	margin: 20px 0 0 25px;
}
#content .post-title a { border-bottom-width: 0; }

#content .post p.img { float: left; margin: 0 15px 0 0; }

#content .post p.img img { padding: 8px; border: 1px solid #d0d0d0; background-color: #eeeeee; }

#content .post-footer {
	font-size: 90%;
	color: #677F7F;
	background-color: #394B4B;
	border: 1px solid #2E3F3F;
	margin: 0 12px 10px 12px;
	padding: 5px;
}


.post-wrapper {
	background-image: url(images/post-bg.gif);
	background-repeat: no-repeat;
	width: 520px;
	margin: 20px 0 10px 0;
	overflow: hidden;
}

.post-wrapper2 {
	width: 520px;
	float: left;
}
/* Sidebar */

#sideblock {
	padding: 5px 10px;
	margin-bottom: 20px;
	text-align: left;
}

#sideblock li {
	line-height:normal;
	list-style-type: none;
	list-style-image: none;
	margin-left: 10px;
}

#sideblock #sidebarad {
	text-align: center;
	height: 200px;
	width: 200px;
	margin: 10px 0 10px 0;
}

#sideblock #sidebarbanner {
	text-align: center;
	height: 600px;
	width: 120px;
	margin: 10px 0 10px 0;
}

#sideblock h3 {
	font-size: 1.4em;
	display: block;
	background-image: url('images/h2-bg.gif');
	background-repeat: no-repeat;
	width: 190px;
	line-height: 30px;
	color: #BECDCD;
	margin: 0;
	padding: 0 0 0 10px;
}

#sidebar dt { margin: 0; padding-top: 5px; font-weight: bold; color: #666666; }

#sidebar dd { margin: 0 0 5px; padding-bottom: 5px; line-height: 1.8em; }

#sidebar dd a:link { border-bottom-width: 0; font-weight: normal;  border-bottom: none; text-decoration: none;}

#sidebar dd a:visited { border-bottom-width: 0; font-weight: normal; border-bottom: none; text-decoration: none; }

#sidebar dd a:hover, #sidebar dd a:active { border-bottom: none; text-decoration: none;}

/* Extras */

#extras h6 { font-size: 14px; text-transform: uppercase; color: #BECDCD; }

#friends {
	float: left;
	width: 150px;
	margin-left: 20px;
	margin-right: 10px;
}

#links {
	float: left;
	width: 275px;
	margin-right: 50px;
}

#about {
	float: left;
	width: 250px;
	margin-right: 20px;
}

#friends ul { padding-left: 20px; }

#links dl, #links dt, #links dd { margin: 0; padding: 0; }

#links dt { font-weight: bold; padding-top: 5px; }

#links dd { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dotted #999999; }

	/* Comments Styling */
#commentlist li {
	margin-bottom: 1.5em;
	padding-bottom: 1em;
	border-bottom: 1px solid #700000;
}

#commentform {
margin: 1em 0;
background: #3C4E4E;
width: 280px;
}

#commentform textarea {
background: #485959;
border: 1px solid #2D3F3F;
width: 280px;
}
#commentform textarea:hover {
background: #324444;
border: 1px solid #2D3F3F;
}
#commentform textarea:focus {
background: #3C4E4E;
border: 1px solid #2D3F3F;
}

#commentform #email, #commentform #author, #commentform #url {
font-size: 1.1em;
background: #3C4E4E;
border: 1px solid #2D3F3F;
width: 280px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: #3C4E4E;
border: 1px solid #2D3F3F;
width: 280px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
background: #3C4E4E;
border: 1px solid #2D3F3F;
width: 280px;
}
#commentform input{
margin-bottom: 3px;
}

.date {
	height: 54px;
	width: 54px;
	text-align: center;
	float: left;
	margin: 17px 0 20px 15px;
}
.date .month {
	display: block;
	color: #D9DBDB;
	padding: 2px 0px;
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
}
.date .day {
	display: block;
	color: #FFBD0C;
	font: 2.3em Georgia;
	padding-top: 0px;
	text-align: center;
	margin-top: -5px;
}

#left {
	width: 60px;
	float: left;
}

.slogan {
	font-size: 13px;
	color: #CCCCCC;
	text-transform: lowercase;
	margin-left: 20px;
	margin-bottom: 2px;
	float: left;
}
.post img {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px solid #FFFFFF;
}
#content #comment-wrapper {
	float: left;
	width: 480px;
	padding: 0 20px 0 20px;
	overflow: none;
}
#content #leftcolumn {
	float: left;
	width: 520px;
	margin: 0 0 0 8px;
	overflow: hidden;
}

#nav {
	width: 490px;
	float: left;
	padding: 0 5px 0 10px;
}

.alignleft { float:left; }

.alignright { float:right; }

.commentlist .graybox {
	background-color: #2E3E3E;
}
.commentlist {
	width: 400px;
}
#wp-calendar {
	width: 200px;
	text-align: center;
}
#wp-calendar caption {
	font-weight: bold;
}
#wp-calendar th {
	background-color: #3C4E4E;
}
#wp-calendar a {
	font-weight: bold;
}
#headerlinks {
	height: 15px;
	width: 768px;
	clear: left;
	padding-top: 165px;
	text-align: center;
}
#postad {
	height: 60px;
	width: 468px;
	margin: 15px auto 15px auto;
}
#sidebarlinks {
	background-color: #2E3E3E;
	height: 90px;
	width: 200px;
}