/*  
Theme Name: 2.0 Design Blog
Theme URI: http://www.designvitality.com/
Description: A WordPress theme for a web 2.0 world.
Version: 1.0
Author: DesignVitality
Author URI: http://www.designvitality.com/

	Design by DesignVitality
	
	CSS code by Justin Harkey
	
	Please do not steal our designs or code :)

*/

/**** undohtml.css (CC) 2004 Tantek Celik. Some Rights Reserved. ****/
ul { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd
{ margin:0; padding:0 }
a img,:link img,:visited img { border:none; outline: 0; color: #005aaa; }
a:focus { -moz-outline-style: none; }
address { font-style:normal }
/**** end undohtml.css ****/

/**** main page styles ****/
body {
	background-color: #fff;
	font-family: 'Trebuchet MS', Georgia, sans-serif;
	text-align: center;
a {
color: #005aaa;
}

}
/**** end main page styles ****/

/**** header ****/
#header {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	margin-bottom: 12px;
	background: #fff url(images/slogan.png) bottom right no-repeat;
}
#header h1 a {
	display: block;
	width: 171px;
	height: 118px;
	background: url(images/logo.png) top left no-repeat;
}
#header h1 a:hover {
	background-position: -170px 0;
}
#header span {
	position: absolute;
	text-indent: -9999px;
}
/**** end header ****/

/**** top navigation ****/
#top_nav {
	height: 82px;
	background: url(images/top_nav_bg.jpg) top left repeat-x;
	padding: 2px 0 14px 0;
}
#top_nav ul {
	width: 1000px;
	margin: 0 auto;
	font-size: 16px;
}
#top_nav ul li {
	display: inline;
}
#top_nav ul li a {
	color: #fff;
	float: right;
	line-height: 82px;
	padding: 0 17px;
	text-decoration: none;
}
#top_nav a.nav_home, #top_nav a.nav_about, #top_nav a.nav_contact {
	border-right: 1px solid #014079;
}
#top_nav a:hover {
	background: url(images/top_nav_ov.jpg) 0 -2px repeat-x;
}
/**** end top navigation ****/

/**** page ****/
#page {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}
/**** end page ****/

/**** content ****/
#content {
	margin-right: 312px;
	border-right: 1px dotted #ccc;
	font-size: 12px;
	padding-bottom: 20px;
	padding-right: 8px;
}
#content p {
	margin: 0px;
	line-height: 18px;
	padding: 0px 10px 15px 0px;
}
#content p img {
	border: none;
	margin-right: 5px;
	margin-bottom: px;
}
#content ol, #content ul {
	margin: 0 40px;
}
#content li {
	padding-bottom:10px;
}
#content ul li {
	list-style-type: disc;
}
#content h3 {
	color: #000;
	font-size: 13px;
	font-family: Trebuchet MS, Verdana, Helvetica, Sans-Serif;
	font-weight: bold;
	padding: 10px 10px 10px 0px;
	margin: 0px;
}
.entry a {
	color: #005aaa;
}
#content a {
	color: #005aaa;
	text-decoration: underline;
	font-weight:bold;
}
#content a:hover {
	color: #000;
	text-decoration: none;
} 
#content h2 {
	color: #005aaa;
	font-size: 18px;
	font-family: Trebuchet MS, Verdana, Helvetica, Sans-Serif;
	margin: 15px 0 0 0;
	line-height: 150%;
	padding-bottom: 15px;
}
#content h2 a, #content h3 a  {
	color: #005aaa;
	text-decoration: underline;
}
#content h2 a:hover {
	color: #000;
	text-decoration: none;
}
#content h2.frontpage {
	padding-bottom: 2px;
}
#content ul.also_read {
	padding: 5px 0;
}
#content .also_read li {
	padding: 0;
	list-style-type: disc;
}
#content .also_read a {
	color: #000;
}
.postmetadata, p.postmetadata a {
	color: #6f6f6f;
}
.postmetadata a span, .postmetadata span {
	color: #005aaa;
}
.postmetadata a:hover span {
	color: #000;
}
#content blockquote {
	padding: 10px 40px 10px 40px;
	margin-left: 10px;
	background: url(images/quote.jpg) top left no-repeat;
	color: #6f6f6f;
}
.link, .link a {
	color: #005baa;
}
.floatleft {
        float: left;
        clear: left;
        margin: 5px 10px 1px 0px;
        background: #fff;
        padding: 2px;
}
.floatright {
        float: right;
        margin: 5px 10px 1px 0px;
        background: #fff;
        padding: 2px;
}
/**** end content ****/

/**** comments ****/
#content ol.commentlist {
	list-style: none;
	margin: 0;
	padding: 0;
}
#content .commentlist li {
	border: 1px solid #d9d9d9;
	margin: 5px 30px 10px 20px;
	padding: 5px 0 0 5px;
}
#content .commentlist a {
	color: #000;
}
#content .commentlist p {
	margin: 0;
	padding-bottom: 5px;
}
#content .commentlist p span {
	color: #525252;
}
#content .commentlist .alt {
	background: #fff url(images/comment-bg-odd.png) top left repeat-x;
}
/**** end comments ****/

/**** commentform ****/
#commentform input {
	padding: 2px;
	border: 1px solid #aaa;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
#commentform textarea {
	padding: 2px;
	border: 1px solid #aaa;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	width: 600px;
}
#commentform #submit {
	border: 1px solid #005aaa;
	padding: 3px;
	font-size: 14px;
	background: #002f58 url(images/search-button-bg.png) top right repeat-x;
	color: #fff;
}
/**** end commentform ****/

/**** sidebar_ads ****/
#sidebar_ads {
    margin: 10px 0 0 0;
    background: #fff url(images/ad_bg.png) top left repeat-x;
    text-align: center;
    border: 1px solid #005baa;
    padding: 20px 0 8px 0;
    line-height: 45px;
}
#sidebar_ads img {
    border: 1px solid #a7a7a7;
    margin: 0 5px;
    padding: 0;
}
span.sponsors {
    text-align: right;
    color: #a7a7a7;
    font-size: 10px;
    margin-left: 250px;
}
div.main_ad {
	border: 1px solid #005aaa;
}
/**** end sidebar_ads ****/

/**** START sidebar_poll ****/
#sidebar_poll {
    margin: 10px 0 0 0;
    background: #fff url(images/ad_bg.png) top left repeat-x;
    border: 1px solid #005baa;
    padding: 15px 15px 8px 15px;
    line-height: 20px;
}
#sidebar_poll h2 {
    padding-bottom: 15px;
}
#sidebar_poll ul li {
    padding-top: 5px;
    padding-bottom: 5px;
}
/**** END sidebar_poll ****/

/**** contact form ****/
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
#formwrap {
	margin-top: 10px;
}
#formwrap label span {
	color: #f00;
}
#formwrap input, #formwrap textarea, #formwrap select, #formwrap .checkbox {
	margin-bottom: 10px;
	padding: 3px;
	border: 1px solid #ddd;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	font-family: 'Trebuchet MS', Arial, Sans-serif;
}
#formwrap .button {
	border: 1px solid #005aaa;
	padding: 3px;
	font-size: 14px;
	background: #002f58 url(images/search-button-bg.png) top right repeat-x;
	color: #fff;
}
#spamq a span {
	color: #fff;
}
/**** end contact form ****/

/**** navigation ****/
.navigation {
	color: #005aaa;
	font-size: 12px;
	line-height: 15px;
}
.navigation a {
	color: #005aaa;
	text-decoration: underline;
}
.navigation a:hover {
	text-decoration: none;
}
.alignleft2 {
        float: left;
        padding: 10px;
	font-size: 14px;
}
.alignright2 {
        float: right;
        padding: 10px;
	font-size: 14px;
}
/**** end navigation ****/

/**** sidebar ****/
#sidebar {
	float: right;
	width: 302px;
}
#sidebar h2 {
	font-size: 18px;
	font-weight: bold;
	color: #005aaa;
	padding-top: 10px;
}
.subscribe li {
	font-size: 13px;
	padding: 3px 0;
}
.subscribe li a {
	text-decoration: underline;
	color: #000;
	padding-left: 23px;
}
.subscribe li a:hover {
	text-decoration: none;
}
.subscribe a.rss { background: url(images/icon-rss.png) center left no-repeat; }
.subscribe a.email { background: url(images/icon-email.png) center left no-repeat; }
.subscribe a.technorati { background: url(images/icon-technorati.png) center left no-repeat; }
.subscribe a.rss:hover { background: url(images/icon-rss-ov.png) center left no-repeat;}
.subscribe a.email:hover { background: url(images/icon-email-ov.png) center left no-repeat; }
.subscribe a.technorati:hover {	background: url(images/icon-technorati-ov.png) center left no-repeat; }
#email_form {
	border: 1px solid #005aaa;
	font-size: 14px;
	padding: 2px 0;
	margin: 4px 0;
}
#email_button {
	border: 1px solid #005aaa;
	padding: 3px;
	font-size: 14px;
	background: #002f58 url(images/search-button-bg.png) top right repeat-x;
	color: #fff;
}
#s {
	width: 230px;
	background: #fff url(images/search-bg.png) top right no-repeat;
	border: 1px solid #005aaa;
	font-size: 14px;
	padding: 4px 0 4px 3px;
	margin-right: 10px;
	float: left;
}
#searchsubmit {
	border: 1px solid #005aaa;
	padding: 3px;
	font-size: 14px;
	background: #002f58 url(images/search-button-bg.png) top right repeat-x;
	color: #fff;
	margin-bottom: 10px;
}
img.firefox {
	border: 1px solid #005aaa;
}
#sidebar .featured_posts li {
	font-size: 12px;
	padding: 5px 0 7px 0;
	border-bottom: 1px dotted #ccc;
	list-style-type: square;
	list-style-position: inside;
	color: #005aaa;
}
#sidebar .featured_posts a {
	color: #000;
	text-decoration: underline;
}
#sidebar .featured_posts a:hover {
	text-decoration: none;
}
#sidebar a {
	color: #000;
}
/**** end sidebar ****/

/**** sidebar_left ****/
#sidebar_left {
	width: 171px;
	border-right: 1px dotted #ccc;
	margin-right: 127px;
}
#sidebar ul.recent_posts {
	padding-top: 5px;
}
#sidebar_left .recent_posts li {
	font-size: 12px;
	line-height: 14px;
	padding: 2px 7px 5px 0;
	list-style-type: square;
	list-style-position: inside;
	color: #005aaa;;
}
.recent_posts li a {
	color: #000;
	text-decoration: underline;
}
.recent_posts li a:hover {
	text-decoration: none;
}
#sidebar_left .recent_comments {
	font-size: 12px;
	line-height: 14px;
	padding-right: 7px;
	padding-top: 5px;
}
ul.recent_comments li {
	padding-bottom: 10px;
}
ul.recent_comments li a {
	color: #000;
	text-decoration: underline;
}
ul.recent_comments li a:hover {
	text-decoration: none;
}
/**** end sidebar_left ****/

/**** sidebar_right ****/
#sidebar_right {
	float: right;
	width: 123px;
}
ul.categories {
	margin-bottom: 10px;
	padding-top: 5px;
}
ul.categories li {
	font-size: 12px;
	list-style-type: square;
	list-style-position: inside;
	color: #005aaa;
}
#sidebar_right .categories a {
	text-decoration: underline;
	color: #000;
}
#sidebar_right .categories a:hover {
	text-decoration: none;
}
#sidebar_right .adsense {
	border: 1px solid #bbb;
}
#sidebar_right .recent_comments {
	font-size: 12px;
	line-height: 14px;
	padding-right: 7px;
	padding-top: 5px;
}
ul.recent_comments li {
	padding-bottom: 10px;
}
ul.recent_comments li a {
	color: #000;
	text-decoration: underline;
}
ul.recent_comments li a:hover {
	text-decoration: none;
}

/**** end sidebar_right ****/

/**** footer ****/
#footer {
	clear: both;
	background: #013361 url(images/footer-bg.png) top left repeat-x;
	font-size: 11px;
	color: #fff;
	padding: 16px 0 13px 0
}
#footer a {
	color: #fff;
	text-decoration: underline;
}
/**** end footer ****/

ol.icon_style li {
    clear: left;
    padding: 4px 0;
}
h3.clear {
    clear: left;
}
.sociable {
	text-align: center;
}