/*   
Theme Name: jGraffiti
Description: I wanted to improve my So Simple theme. Jason Oxrieder designed the new theme.
Author: Calvin Freitas
Author URI: http://calvinf.com/
Version: 1.0
*/

/* reset.css - this piece is from BluePrint CSS Framework - http://blueprintcss.org/ */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* clearable */
.clearable:after {content: ".";display:block;height:0;clear: both;visibility: hidden;}
* html .clearable {height: 1%;}

/* and the rest I coded myself */
body {font-family: Helvetica, Georgia, Arial, SunSans-Regular, Sans-Serif;background-color: #253E47;padding-bottom:20px;margin:20px 0px 10px 0px;}

code {background-color:#ccc;border:1px solid #999999;display:block;padding:2px 4px;font-family:"Lucida Console","Courier New", Courier, monospace;font-size:12px;}
span.code{background-color:#ccc;border:1px solid #999999;padding:0 2px;font-family:"Lucida Console","Courier New", Courier, monospace;font-size:12px;}

#container {clear:both;position:relative;overflow: visible;width:941px;margin: 0 auto;min-height:500px;}
#header {width:941px;height:155px;}
	#header_left{float:left;width:521px;height:155px;}
		#header_title{clear:both;width:521px;114px;}
		#header_subtitle{clear:both;width:521px;height:41px;}
	#header_right{float:left;width:420px;height:155px;}

#menu {width:941px;height:45px;list-style:none;color:#EED758;background:#203840 url('images/menu_bar.png') no-repeat 0 0;font-size:16px;}
#menu a, a:visited{color:#EED758}
#menu a:hover{color:#fff}
#menu-main{float:left;height:21px;padding-left:70px;font-family:Tahoma, Arial;font-weight:bold;font-size:14px;vertical-align:middle;}
.menu-link{float:left;height:16px;padding-top:10px;text-transform:uppercase;}
.menu-div{float:left;width:3px;height:21px;padding:12px 10px 0 10px;}

.vertbar{width:3px;height:21px;}

ul.main-menu {float:left;list-style:none;width:100%;margin:0;padding:0;line-height:1.3;}
li.menu_item {float:left;padding-right:10px;line-height:1.3;}
li.first {padding-left:0px;}

#main_container{clear:both;width:941px;background:url('images/bg.gif') repeat-y 0 0;}

#main {width:546px;padding:15px 72px 45px 72px;margin-right:-271px;float:left;background-color:#fff;}

#title{padding-top:30px;}

#intro {border: 1px solid #000;padding: 4px;}

#sidebar{float:right;width:251px;}

#cf_avatar{clear:both;padding:15px 0 15px 45px;width:160px;height:240px;}

/* search list item */
#search {width:270px;margin:10px 10px 0 0;padding:0px;text-align:right;float:right;font-size:14px;text-transform:uppercase;}

/*search box*/
#s{width:150px;margin-left:4px;height:23px;background-color:#fff;border:0;vertical-align:middle;}

/*search submit button*/
#searchsubmit{padding-left:4px;vertical-align: middle;}
.post {padding-top:30px;border-bottom:1px dotted #666;margin:0;}
.postmetadata {background:#faf4d0;margin-top:5px;}

#footer {clear:both;text-align:center;width:941px;height:35px;padding-top:10px;color:#fff;background:#203840 url('images/menu_bar.png') no-repeat 0 0;font-size:16px;}

.last {margin-bottom: 0;}
.clearing {height: 0;clear: both;}

a, a:visited {color: #ef7700;background-color:transparent;text-decoration: none;}
a:hover {color:#000099;}

.site_caption {font-size: .75em;font-weight: normal;}

li.menu_item a, li.menu_item a:visited {color: #fff;text-decoration: none;}
li.menu_item a:hover {color: #ffcc66;text-decoration: none;border-bottom: 0px;}

#footer a, #footer a:visited {text-align: left;color:#EED758;text-decoration: none;}
#footer a:hover, .menu_item a:hover {text-decoration: none;border-bottom: none;background-color: transparent;color: #fff;}

#header a:hover {text-decoration: none;border-bottom: none;background-color:transparent;}

img.feed {padding-right: 4px;border: 0px;text-decoration: none;vertical-align: middle;}

pre {color: #564b47;font-size: 1em;background-color:transparent;font-family: Courier, Monaco, Monospace;}

.alignright {margin-top: 0;text-align: right;font-size: 10px;}

.entry{border-top:2px solid #f1861c;margin-top:10px;padding-top:5px;padding-bottom:10px;font-family:Georgia, Cambria, "Times New Roman", Times, serif;font-size:16px;}

h1 {font-family: Georgia, Arial, sans-serif;font-size: 1.1em;text-transform:uppercase;text-align: left;}

.title {padding: 15px 5px 0px 0px;margin: 0px;}

h2 {font-size:1em;padding-top:10px;color: #000000;vertical-align: middle;}

h3 {font-size: .9em;padding-top:10px;color:#000;vertical-align: middle;font-weight:bold;}

#sidebar h2 {margin: 0 auto;position:relative;display:inline-block;text-align:center;border-bottom: 1px solid #000;width:200px;}

.post h2 {padding:0;margin:0;font-size:19px;font-weight:bold;}
.post small{font-style:italic;font-size:14px;}
.post h2 a, .post h2 a:visited, .post h3 a, .post h3 a:visited {color:#ef7700;}
.post h2 a:hover, .post h3 a:hover{color:#000099;}
.post h3 {font-size:16px;margin:0;border-bottom:1px dotted #ccc;padding-top:15px 0 0 0;}

ul {padding: 10px 5px;margin: 0px;}
#sidebar p, #sidebar ul {padding:0;margin:0;position:relative;background:transparent;}
li {list-style: none outside none;padding:0;margin:0;}
.post .entry ul, .post .entry ol {margin:0;padding: 0 0 20px 0;}
.post .entry ol li {margin-left: 10px; list-style: decimal-leading-zero inside;}
.post .entry ul li {margin-left: 10px; list-style: disc inside;}
#sidebar li {position:relative;background:transparent;padding-bottom: 2px;list-style-type: none;}

#sidebar ul li ul li {padding:0 30px 15px 30px;font-size:14px;line-height:1.2;}
.sidetitle{font-size:large;font-weight: bold;padding-top:10px;color: #000000;margin: 0px;padding: 5px 20px 5px 20px;}

.clearing {clear: both;height: 0px;}

.post img {border:0;padding:2px 4px;}
.entry p{margin-top:15px}

/* rss_20_blue: source: http://www.bittbox.com/freebies/free-glass-style-rssfeed-icons/ */
ul.list-feeds li a {height:20px;background:transparent url(images/rss_20_orange.png) no-repeat scroll left center !important;display:block;padding-left:24px !important;}

/* rss_20_orange: source: http://www.bittbox.com/freebies/free-glass-style-rssfeed-icons/ */
ul.list-feeds li a:hover {height:20px;background:url(images/rss_20_blue.png) no-repeat scroll left center !important;display:block;padding-left:24px !important;}

/* crystal_email_20.png: source: http://commons.wikimedia.org/wiki/Image:Crystal_128_mail.png */
ul.list-feeds li.email_icon a {height:20px;background:transparent url(images/crystal_email_20.png) no-repeat scroll left center !important;display:block;padding-left:24px !important;}
ul.list-feeds li.email_icon a:hover {height:20px;background:url(images/crystal_email_20.png) no-repeat scroll left center !important;display:block;padding-left:24px !important;}

#sidebar_welcome{padding-bottom:15px;width:251px;height:35px;}
#sidebar_subscribe{padding-bottom:15px;width:251px;height:35px;}