@import url("menu.css");
@import url("featured.css");

* {
	padding: 0px;
	margin: 0px;
	outline: none;
}

body {
	background: #5e87b5;
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	
}

/**************************************************Typography***************************************************/

h1 {
	font: 2.6em "Trebuchet MS", Helvetica, sans-serif;
	text-transform: lowercase;
	font-weight: 500;
	letter-spacing: -2px;
	/*color: #d8fe08;*/
}

h1 span{
	color: #5e87b5;
}

#main  h1.title:first-child {
	margin-top: 0px;	
}

h1.title {
	background: url(../images/blacktop-border.gif) repeat-x bottom left;
	padding-bottom: 5px;
	margin-top: 10px;	
}

h2 {
	font: 1.8em Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}

h3 {
	font: 2.2em "Trebuchet MS", Helvetica, sans-serif;
	text-transform: lowercase;
	font-weight: 500;
	letter-spacing: -1px;
	
}

p {
	margin-top: 10px;
}

a {
	color: #5e87b5;
}

a:hover {
	color: #d8fe08;
}

a.greenlink {
	color: #d8fe08;
}

.comment-author a {
	color: #FFF!important;	
}
/**************************************************Header***************************************************/


#header-wrap {
	background: url(../images/header-ridges.gif) repeat-x bottom center;
	height: 96px;
	width: 100%;
	position: relative;
	z-index: 9;
}

#header {
	width: 901px;
	margin: 0 auto;
	position: relative;
}

#logo {
	position: absolute;
	top: 22px;
}

/**************************************************Header Too***************************************************/


#header-too {
	width: 901px;
	margin: 20px auto 10px;
	position: relative;
	min-height: 100px;
}

#welcome {
	float: left;
	width: 285px;
	margin-top: 50px;
}

#welcome h1{
	font-weight: 500;
	letter-spacing: normal;
}

#welcome p{
	color: #FFF;
	font-size: 1.4em;
}

#welcome img {
	margin-top: 10px;
}

#about-bg {
	background: url(../images/head-title-about.gif) no-repeat;
	position: absolute;
	z-index: 0;
	width: 848px;
	height: 242px;
	top: -85px;
	left: 0px;	
}

#portfolio-bg {
	background: url(../images/head-title-portfolio.gif) no-repeat;
	position: absolute;
	z-index: 0;
	width: 848px;
	height: 242px;
	top: -85px;
	left: 0px;
}

#blog-bg {
	background: url(../images/head-title-blog.gif) no-repeat;
	position: absolute;
	z-index: 0;
	width: 848px;
	height: 242px;
	top: -85px;
	left: 0px;	
}

#contact-bg {
	background: url(../images/head-title-contact.gif) no-repeat;
	position: absolute;
	z-index: 0;
	width: 882px;
	height: 242px;
	top: -85px;
	left: 0px;		
}

/**************************************************Backgrounds***************************************************/

.ridge-top {
	clear: both;
	background: url(../images/ridge-border-up.gif) repeat-x bottom center;
	width: 100%;
	position: relative;
	z-index: 9;

}

.ridge-top span {
	background: url(../images/top-body-ridge.gif) no-repeat bottom center;
	width: 100%;
	display: block;
}

#ridge-bottom {
	background: url(../images/ridge-border-down.gif) repeat-x top center;
	width: 100%;
}

#ridge-bottom span {
	background: url(../images/bottom-body-ridge.gif) no-repeat top center;
	width: 100%;
	display: block;
}

/**************************************************Main Content***************************************************/

.content-wrap {
	background: #161f2a ;
	width: 100%;
	font-size: 1.1em;
	position: relative;
	z-index: 9;
}

.content {
	width: 901px;
	margin: 0 auto;
	background: url(../images/main-body-bg.gif) repeat-y top left;
	padding: 15px 0 30px 0;
}

#main {
	float: left;
	width: 600px;
	margin-right: 45px;
}

#main .left {
	float: left;
	width: 355px;
	margin-right: 10px;
}

#main .right {
	float: right;
	width: 225px;
}

/**************************************************Sidebar Content***************************************************/


ul#sidebar {
	float: left;
	width: 240px;
	list-style: none;
}

ul#sidebar > li {
	background: url(../images/darkblue-border.gif) repeat-x top left;
	padding-bottom: 10px;
	margin-top: 20px;
	clear: both;
}

ul#sidebar > li:first-child {
	background: none;
	padding-bottom: 0px;
	margin-top: 0px;
}

ul#sidebar > li h2{
	margin-top: 10px;
	padding-top: 10px;
}

ul#sidebar > li:first-child h2{
	padding-top: 0px;
}

/**************************************************Homepage Content***************************************************/


#whothe {
	background: url(../images/blacktop-border.gif) repeat-x top left;
	margin: 10px 0 15px 0;
	padding-top: 5px;
}

ul#skills {
	list-style: none;
	margin-top: 10px;
}

ul#skills li {
	background: url(../images/checkmark.gif) no-repeat top left;
	padding-left: 23px;
	float: left;
	width: 150px;
	height: 20px;
}

ul#software {
	list-style: none;
	margin-top: 10px;
}

ul#software li {
	padding: 3px 0 0 27px;
	float: left;
	height: 23px;
}

ul#software li.photoshop {
	background: url(../images/icon-photoshop.gif) no-repeat top left;
	width: 100px;
}

ul#software li.illustrator {
	background: url(../images/icon-illustrator.gif) no-repeat top left;
}

ul#software li.dreamweaver {
	background: url(../images/icon-dreamweaver.gif) no-repeat top left;
	width: 100px;
}

ul#software li.wordpress {
	background: url(../images/icon-wordpress.gif) no-repeat top left;
}

ul#software li.flash {
	background: url(../images/icon-flash.gif) no-repeat top left;
	width: 100px;
}

#kind-words p {
	margin-bottom: 5px;
	font: 1.1em Verdana, Arial, Helvetica, sans-serif;
	color: #8dc1e0;
}

#kind-words span {
	color: #5e87b5;
	font-style: italic;
}

ul#recent-reads {
	list-style: none;
	margin-top: 15px;
}

ul#recent-reads li{
	float: left;
	margin: 0 5px 5px 0;
}

ul#recent-reads li a img{
	padding: 1px;
	background-color: #161f2a;
	border: 1px solid #344962;
}

ul#recent-reads li a:hover img{
	border-color: #d8fe08;
}


/**************************************************About Content***************************************************/


ol#lastfmrecords {
	list-style: none;
}

ol#lastfmrecords li{
	float: left;
	margin: 0px 5px 5px 0px;
}

ol#lastfmrecords li a img{
	height: 70px;
	width: 70px;
	padding: 1px;
	background-color: #161f2a;
	border: 1px solid #344962;
}

ol#lastfmrecords li a:hover img{
	border-color: #d8fe08;
}

ul#find-me {
	list-style: none;
	margin: 10px 0;
}

ul#find-me li{
	float: left;
	margin-right: 5px;
}

/**************************************************Portfolio Content***************************************************/

#folio-wrap a img{
	margin-top: 10px;
	border: 5px solid #FFF;
}

#folio-wrap #view-options {
	background: url(../images/blacktop-border.gif) repeat-x bottom left;
	padding: 5px 0px 15px 0px;
	margin-bottom: 15px;
}

#folio-wrap #view-options a{
	color: #FFF;
}

ul.rows {
	list-style: none;	
}

ul.rows li h3.dark-title{
	margin-top: 10px;	
}

ul.rows li h3.dark-title:first-child{
	margin-top: 0px;	
}

ul.checklist {
	list-style: none;
	margin: 10px 0;
}

ul.checklist li {
	background: url(../images/checkmark.gif) no-repeat top left;
	padding-left: 23px;
	float: left;
	width: auto;
	height: 20px;
	margin-right: 10px;
}

ul.thumbs {
	list-style: none;
}

ul.thumbs li{
	float: left;
	margin: 0px 5px 5px 0px;
}

ul.thumbs li a img{
	height: 70px;
	width: 70px;
	padding: 1px;
	background-color: #161f2a;
	border: 1px solid #344962;
}

ul.thumbs li a:hover img{
	border-color: #d8fe08;
}


/**************************************************Blog Content***************************************************/

.post {
	margin-bottom: 10px;
	background: url(../images/blacktop-border.gif) repeat-x bottom left;
	padding: 5px 0px 15px 0px;
	font-size: 1.1em;
}

.post-no-border {
	background: none;
}

.post-image {
	float: left;
	border: 5px solid #FFF;
	margin-right: 10px;
}

.post h1 a{
	text-decoration: none;
	text-transform: none;
	color: #72a4db;
	font-size: 0.7em;
	float: left;
	margin-top: -4px;
}

.post h2{
	text-decoration: none;
	text-transform: none;
	color: #72a4db;
	font-size: 1.7em;
	margin: 10px 0;
}

.post ol.list {
	margin: 10px 0 0 50px;
}

.post ol.list li{
	margin: 3px 0;
	color: #72a4dc;
}

.post-meta {
	clear: both;
	font-size: 0.9em;
	color: #5e87b5;
	margin-bottom: 5px;
}

.post-meta a{
	color: #5e87b5;
}

.post-content {
	float: left;
	width: 435px;
}

.post-content p{
	margin-top: 5px;
}

ul#sidebar li ul.blog-links {
	list-style: none;
}

ul#sidebar li ul.blog-links li a{
	background: transparent url(../images/links-arrow2.gif) no-repeat 1px 6px;
	padding: 4px 0 5px 20px;
	color: #FFF;
	font-size: 1.2em;
	text-decoration: none;
	display: block;
	height: 15px;
}

ul#sidebar li ul.blog-links li a:hover{
	color: #d8fe08;
}

ul#sidebar li ul.blog-links li.first-link a{
	border-top: 0px;
}

ul#sidebar li ul.blog-links li.last-link a{
	border-bottom: 0px;
	margin-bottom: 20px;
}

/*div.wp-pagenavi span.current, a.page-num {
	padding: 1px 5px;
    text-decoration: none;
	font: bold 14px Arial, Helvetica, sans-serif;
	margin-right: 5px;
	color: #8dc1e0;
	background-color: #FFF;
	border: 1px solid #ff0;
}*/

.wp-pagenavi {
	font-size: 1.2em;
	display: block;
	float: left;
}

.wp-pagenavi .pages{
	display: none;
}


html #blog .wp-pagenavi a{
	padding: 1px 3px 3px 3px;
	margin: 2px;
	width: 15px;
	height: 15px;
	background-color: #5e87b5;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	border: 1px solid #79ade7;
	float: left;
}

html #blog .wp-pagenavi a:hover, .wp-pagenavi .current{
	padding: 1px 3px 3px 3px;
	margin: 2px;
	width: 15px;
	height: 15px;
	background-color: #79ade7;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	border: 1px solid #86bffe;
	float: left;
}

.wp_syntax {
	background: #202d3d;
	border: 1px solid #324355;
	margin: 10px 0 20px;
	color: #FFF;
	font-size: 1.2em;
	padding: 5px;
	overflow: auto;
	width: 580px;
	height: auto;
	min-height: 75px;
}

.line_numbers {
	color: #5e87b5;
	width: 15px;
}

div.demo-links {
	width: 450px;
	margin: 0 auto;
	position: relative;
	height: 90px;
}

a.view-demo, a.download-source {
	padding: 15px 0 0 55px;
	display: block;
	height: 50px;
	font: 1.5em "Arial Black", Arial, Helvetica, sans-serif;
	font-weight: bolder;
	color: #FFF;
	text-transform: uppercase;
	text-decoration: none;
	margin: 15px 0;
}

a.view-demo {
	background: url(../images/view-demo-icon.jpg) no-repeat center left;
	position: absolute;
	left: 230px;
	top: 7px;	
}

a.download-source {
	background: url(../images/download-icon.jpg) no-repeat center left;	
	position: absolute;
	left: 0px;
	top: 7px;
}

.note {
	background: #202d3d;
	border: 1px solid #324355;
	margin: 15px auto;
	color: #FFF;
	padding: 10px;
	overflow: auto;
	width: 500px;
}

.note h3{
	font: bold 1.2em Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}


/**************************************************Blog Comments Template***************************************************/

p#respond {
	
}

span#trackback-link a{
	color: #FFF;
}

h2.comments-header {
	height: auto;
	margin: 20px 0;
	background: url(../images/blacktop-border.gif) repeat-x top left;
	padding: 10px 0px 0px 0px;
	clear: both;
}

ol#comments {
	float: left;
	list-style: none;
	margin-top: 10px;
	width: 560px;
}

ol#comments li{
	margin: 5px 0;
	padding: 10px;
	border: 1px solid #324355;
	background-color: #202d3d;
}

.comment-meta {
	float: left;
	margin: 10px 0px;	
}

.comment-author {
	position: relative;
	bottom: 10px;
	left: 5px;
	color: #FFF;
	font-size: 1.2em;
}

.comment-author a{
	color: #2a2927;
	text-decoration: none;
}


.comment-date{
	position: relative;
	bottom: 10px;
	left: 5px;
	color: #aaa;
	font-size: 0.9em;
	font-style: italic;	
}

.count {
	font-size: 2em;
	float: right;
	margin: 10px;
	color: #263548;
	position: relative;
	bottom: 7px;
	display: none;
}

a.gravatar {
	float: left;
	border: 1px solid #324355;
	height: 40px;
	width: 40px;
}

.comment-text {
	clear: both;
	background: url(../images/darkblue-border.gif) repeat-x top left;
	padding-bottom: 10px;
}

.comment-text p{
	position: relative;
	top: 10px;
	padding-bottom: 10px;
}

.odd, .even, .highlight {
	float: left;
	min-height: 150px;
	border: 1px solid #c4c0bf;
	background: url(../images/fifteen-percent.png);
	width: 580px;
}

div#comments-form {
	clear: both;
	float: left;
	margin-top: 10px;
	width: 580px;
	padding: 10px;
	border: 1px solid #324355;
	background-color: #202d3d;
}

div#comments-form .required{
	font-size: 0.8em;
}

div#comments-form input.textbox, textarea{
	padding: 5px;
	color: #1c5358;
	font: 14px Georgia, "Times New Roman", Times, serif;
}

div#comments-form input.textbox{
	width: 400px;
}

div#comments-form textarea{
	width: 510px;
	height: 200px;
	overflow: auto;
}

div#comments-form input.button{
	width: 100px;
	background-color: #161f2a;
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #324355;
	height: 30px;
	color: #FFF;
	padding-bottom: 2px;
}

div#trackbacks-wrap {
	margin: 10px 0 20px;
	height: auto;
	background: url(../images/blacktop-border.gif) repeat-x top left;
	padding: 10px 0px 0px 0px;
	float: left;
}

ol#trackbacks {
	list-style: none;
}

ol#trackbacks li {
	border: 0px;
	min-height: 0px;
	width: 580px;
	margin: 3px 0;
}




/**************************************************Contact Content***************************************************/

form.contact {
	width: 600px;
}

form.contact label{
	color: #5e87b5;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
}

input.text-field, textarea.message {
	padding: 3px 0 4px 2px;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color: #161f2a;
}

input.text-field {
	width: 300px;
	height: 15px;
}

textarea.message {
	width: 590px;
	overflow: auto;
	height: 200px;
}

input.btn {
	width: 100px;
	background-color: #5e87b5;
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #72a2d8;
	height: 30px;
	color: #FFF;
	padding-bottom: 2px;
}

.notification_error {
	margin-top: 10px;
	width: 400px;
	border: 1px solid #324355;
	color: #FFF;
	background-color: #202d3d;
	padding: 5px;
}

.notification_ok {
	margin-top: 10px;
	width: 400px;
	border: 1px solid #324355;
	color: #FFF;
	background-color: #202d3d;
	padding: 5px;
	font-size: 1.2em;
}

ul.checklist-sidebar {
	list-style: none;
}

ul.checklist-sidebar li {
	background: url(../images/checkmark-sidebar.gif) no-repeat top left;
	padding-left: 23px;
	height: 20px;
	margin-right: 10px;
	font-size: 1.1em;
}

/**************************************************Images***************************************************/


img {
	border: 0px;
}

img.white-border {
	padding: 10px;
	background-color: #FFF;
}

img#featured-logo {
	margin-top: 20px;
}

/**************************************************General Misc***************************************************/


.clear {
	clear: both;
}

.hr {
	background: url(../images/blacktop-border.gif) repeat-x top left;
	clear: both;
	height: 2px;
	margin: 15px 0;	
}

.blue-title {
	background: url(../images/blue-titlebar.gif) no-repeat top left;
	padding: 10px 0 0 10px;
	height: 45px;
}

.dark-title {
	background: url(../images/dark-titlebar.gif) no-repeat top left;
	padding: 10px 0 0 10px;
	height: 45px;
}

code {
	font-size: 1.1em;
}


/**************************************************Footer Content***************************************************/


ul#footer {
	list-style: none;
	width: 901px;
	margin: 10px auto;
}

ul#footer h3{
	margin: 0 0 10px 5px;
}

ul#footer li{
	float: left;
	width: 280px;
	margin-right: 30px;
}

ul#footer li.last-col{
	margin-right: 0;
}

ul#footer li ul.footer-links {
	list-style: none;
}

ul#footer li ul.footer-links li a{
	background: transparent url(../images/links-arrow.gif) no-repeat 5px 6px;
	padding: 5px 0 5px 25px;
	border-bottom: 1px solid #405d7e;
	border-top: 1px solid #a3bbd6;
	color: #FFF;
	font-size: 1.2em;
	text-decoration: none;
	display: block;	
}

ul#footer li ul.footer-links li a:hover{
	background: #6e93bd url(../images/links-arrow.gif) no-repeat 5px 6px;
}

ul#footer li ul.footer-links li.first-link a{
	border-top: 0px;
}

ul#footer li ul.footer-links li.last-link a{
	border-bottom: 0px;
	margin-bottom: 20px;
}

#footer-bottom {
	position: relative;
	padding: 30px 0;
	height: 0px;
}

#footer-bottom p{
	position: absolute;
	top: 12px;
}

#footer-bottom ul{
	position: absolute;
	list-style: none;
	right: 10px;
	bottom: 15px;
}

#footer-bottom ul li{
	float: left;
	margin-right: 5px;
}

#footer-bottom ul li.wordpress-logo{
	background: url(../images/wordpresslogo.gif) no-repeat top left;
	padding: 1px 0 0 20px;
	height: 16px;
	margin-right: 10px;
}

#footer-bottom ul li.wordpress-logo a{
	color: #FFF;
	text-decoration: none;
}

#footer-bottom ul li img{
	position: relative;
	bottom: 3px;
}