/*
Theme Name: Light Graffiti
Description: A highly widgetized, cool, dark theme. Up to around 10 main categories and 6 pages allowed to fit into layout, after that use sub divisions.
Author: Louisa Nicholson at Beacon Technologies, Inc
Author URI: http://www.beacontechnologies.com/
Version: 1.0.2
Tags: dark, two-columns, fixed-width, right-sidebar
.
Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.
Based off of the template 'Pretty Spots'.
.
*/

/* WordPress required styles */

@import url(http://fonts.googleapis.com/css?family=OFL+Sorts+Mill+Goudy+TT):regular,italic;
@import url(http://fonts.googleapis.com/css?family=Lobster);

@import url(http://fonts.googleapis.com/css?family=Droid+Sans);
@import url(http://fonts.googleapis.com/css?family=Cantarell);


.alignright {float: right; margin: 0 0 10px 15px;}

.alignleft {float: left; margin: 0 15px 10px 0;}

.aligncenter {display: block; margin-left: auto; margin-right: auto;}

.wp-caption {text-align: center; background-color: #273C3E; padding: 4px 8px 0px 2px; margin: 0 5px 0 0;	-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 11px;}

.wp-caption img { padding:0; margin:0;	border: 0 none;}

.wp-caption-dd {font-size: 11px; line-height: 11px; padding:0; margin:0;}
.wp-caption p{ font-size: 11px;}

/* Global */

body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, form, fieldset, blockquote, span {margin: 0px; padding: 0px; border: 0px; height:100%; }

body {background: #101F25 url(http://designi1.com/wp-content/uploads/2009/12/back4.png) top center no-repeat; text-align: center;}
/*http://designi1.com/wp-content/uploads/2010/02/back8.jpg http://designi1.com/wp-content/uploads/2010/02/back6.jpg*/

p, div, li, h1, h2, h3, h4, h5, h6, td, input, select, textarea {font-family: Arial; font-size: 14px; color: #f1f1f1; line-height: 26px; font-weight:normal;
text-shadow: 1px 1px 1px rgba(200,200,200,0.2);}

h1, h2, h3, h4, h5 {/*font: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	text-align:left;
	line-height: 1.2em;}*/


font-family: Georgia, serif; font-weight: normal; 
text-shadow: 1px 1px 1px rgba(200,200,200,0.1);}

p, h1, h2, h3, h4, h5, h5, #content ul, #content ol, #content table {margin-bottom: 18px;}


a img, :link img, :visited img {border: none}

a:link, a:visited {color: #a2a2a2; text-decoration: underline;}

a:hover, a:active {color: #FFF; text-decoration: underline;}

div.clear {clear: both; overflow: hidden; height: 1px;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}



#upper {padding: 0 0 30px 0; border-top: 4px solid #101f25;}

#lower {padding: 25px 0 20px 0; background: transparent url(http://designi1.com/wp-content/uploads/2009/12/lower.jpg) bottom center no-repeat;}

.wrapper {width: 950px; margin: 0 auto;	text-align: left;}

#header {height: 218px;	overflow: hidden; padding:0 31px 10px 51px;}

#topbar {height: 30px;}	

#topbar a:link, #topbar a:visited {color: #FFF;	text-decoration: none;}

#topbar a:hover, #topbar a:active {color: #a2a2a2;}

#pages {float: left;}

#pages li {list-style: none; float: left; margin: 0 2px 0 0; display: inline; height: 27px;	line-height: 27px; padding: 0 10px; background: #101f25; font-size: 12px; text-transform: uppercase;}

#pages li li {text-transform: none;}

#search {height: 30px; line-height: 27px; padding: 0 0 0 10px; background: #101f25; float: right;}

a#rss {padding-left: 18px; background: transparent url(_images/rss.gif) 0 3px no-repeat;	margin-right: 10px;}

#search-input {background: #384a4d;	border: none; padding: 2px 4px;}

#search-submit {background: none; border: none;	cursor:pointer!important;}

#search.input {vertical-align: middle; font-size: 11px; color: #FFF;}

#top {height: 180px; overflow: hidden; clear: both; }

#top h1 {float: left; font-size: 40px; font-weight: bold; line-height: 50px; padding: 50px 0 0 0;}

#top p {text-align: right; padding: 130px 0 10px 500px; font-size: 20px;}

#top a:link, #top a:visited {color: #222222; text-decoration: none; filter:alpha(opacity=75); -moz-opacity:.75; opacity:.75;}

#top a:hover, #top a:active {color: #eeeeee;}

#categories {height: 40px; text-align: left; padding: 0 31px 20px 41px;}

#categories li {float: left; height: 40px; line-height: 40px; padding: 0 10px 0 0; list-style: none; margin: 0px; font-size: 11px;}

#categories a:link, #categories a:visited {color: #ffffff; text-decoration: none; padding:14px 15px;}

#categories a:hover, #categories a:active {color: #fff; background-color:#101f25; padding:15px 15px;}

#categories ul.sf-menu li li {margin: 0; padding:0; width:100px; line-height: 30px;font-size: 1em; background-color:#722835; height:auto; filter:alpha(opacity=75); -moz-opacity:.75; opacity:.75;}

.pod h2 {font-size: 22px; line-height: 22px;}

#lower .pod {width: 30%; margin: 0 0 20px 0;}

#lower .pod li {margin-left: 0px;}

#lower #pod2 {float: left; padding: 0 0 0 30px;}

#lower #pod4 {float: right; 0 30px 0 0;}

#lower #pod4 ul{list-style:none;}

#lower #pod4 ul ul{list-style-type:disc;}

#lower #pod3 {margin: 0 auto;}

#footer {border-top: 1px solid #101f25; clear: both; padding: 6px 0 0 0;}

#footer p, #footer a {color: #474747; font-size: 11px;}



ol.post-list li {list-style: none; clear: both;	margin: 0 0 10px 0 !important; 
border-bottom: #264748 solid 1px;
padding: 5px 5px 8px 5px;}
ol.post-list li:hover {
background: url(http://designi1.com/wp-content/uploads/2010/01/destaque_hover.png);
}

span.comments {background: transparent url(_images/comments.gif) 0 4px no-repeat; padding: 0 0 0 16px; margin: 0 0 3px 0; float: right;}

/*span.date {clear: right; float: right; font-size: 11px; color: #a2a2a2;}*/
span.date {font-size: 11px; color: #a2a2a2;}

span.title {font-size: 16px; margin: 0 0 3px 0;}

span.title a:link, span.comments a:link, span.title a:visited, span.comments a:visited {color: #FFF;}

span.title a:hover, span.comments a:hover, span.title a:active, span.comments a:active {color: #778084;}

span.categories {font-size: 11px; font-style: italic; color: #a2a2a2; display: block;}

ul.post-data {margin: 0 0 40px 0 !important;}

ul.post-data li {list-style: none; font-size: 11px; margin: 0 0 5px 0 !important; padding: 0 0 0 17px;}

li.author { background: transparent url(_images/author.gif) 0 4px no-repeat; }

li.comments { background: transparent url(_images/comments.gif) 0 5px no-repeat; }

li.categories { background: transparent url(_images/categories.gif) 0 6px no-repeat; }

li.tags { background: transparent url(_images/tags.gif) 0 6px no-repeat; width:270px; }





/* Homepage */

#feature {width: 950px; padding: 30px 20px 0 0;  margin:0;}

#feature-date {width: 40px; background: #00A5CE; padding: 6px 8px 4px 8px; text-align: center; font-size: 28px; color: #101F25; line-height: 26px; float: left;}

#feature-date span {font-size: 14px; text-transform: uppercase;}

#feature-text {float: left; margin: 0px !important; display: inline; width: 500px; height:200px; padding: 0 35px 0 0; border-right: 1px solid #20333c;}

#feature-text span {color: #E4EDF2; font-family: Georgia; font-weight: normal;  line-height: 1.1em; font-size: 35px; background-color:#00A5CE;text-shadow: 1px 1px 3px rgba(300,300,300,0.5);}

#feature-text span a:link, #feature-text span a:visited {color: #FFF; text-decoration: none;}

#feature-text span a:hover, #feature-text span a:active {color:#0f1e24;}

#feature-text p {margin: 110px 0 0 0;}

#feature-text p.more {margin: 0;}

#feature-data {float: left; margin: 0 0 0 35px; display: inline;}	

#recent { width: 526px; float: left; border-right: 1px solid #264748; padding: 0px 35px 0 30px; margin-top: 50px;}

#recent h2 {font-size: 22px; line-height: 22px;}

#pod1 {width: 270px; padding: 30px 30px; float: right;}
#pod1 .pod{width: 120px; float: right;}


/* Interior */

#main {/*background: url(http://designi1.com/wp-content/uploads/2009/12/enjoyed.png) bottom left no-repeat; url(_images/content.jpg) top right no-repeat;*/ height:100%; padding: 31px;}

#content {width: 529px; height:100%; float: left; padding: 0 35px 35px 10px; border-right: 1px solid #20333c;
font-weight: normal; line-height: 18px; font-size: 18px;}

#content h1 {font-family: Georgia; font-weight: normal; font-style:oblique; line-height: 1.3em; font-size: 30px;
text-shadow: 1px 1px 1px rgba(200,200,200,0.5);}

#content h2 {font-size: 26px; line-height: 30px; padding-top:30px;
text-shadow: 1px 1px 2px rgba(250,250,250,0.5);}

#content h3 {font-size: 18px; line-height: 29px;
text-shadow: 1px 1px 1px rgba(50,50,50,0.5);}

#content h4 {font-size: 16px; line-height: 16px;
text-shadow: 1px 1px 1px rgba(50,50,50,0.5);}

#content li {margin-left: 25px;
}

#content blockquote {border-left: 4px solid #20333c; padding-left: 10px; font-style: italic;}

#content img {border:8px solid #273C3E;}
#content img:hover{border:8px solid #2C4345;}

#content strong{
margin:0; padding:1px 4px; background-color: #273c3e; color: #f1f1f1; text-decoration: none;
font-weight: normal;
}
#content em{
margin:0; padding:0 4px; background-color: #710E00; color: #f1f1f1; text-decoration: none;
font-weight: normal;
}

#side {width: 288px; float: right;}

#side p.post-date {background: #101f25; padding: 15px; text-align: center; font-size: 28px; color: #ffffff; line-height: 22px; text-transform: uppercase;}

#side ul {margin: 0 0 15px 0;}

#side li {margin-left: 20px;}

#side .pod {margin: 0 0 40px 0;}

				

#comments {clear: both; border-top: 1px solid #20333c; padding: 30px 0 0 0; }

#comments h2 {font-size: 18px;}

.comment {margin: 0 300px 20px 0;}

.admin {background: #060d13; padding: 20px 20px 5px 20px;}

img.avatar {float: left; border: 1px solid #20333c; padding: 2px;}

.comment-text {margin: 0 0 0 50px; background-color: #101f25;}

.comment-text p {font-size: 13px; line-height: 15px; color: #bdd3db;}
.comment-text div {font-size: 13px;  line-height: 15px; color: #bdd3db;}

.comment-text p.comment-data, .comment-text p.comment-data a {color: #598a8e;text-decoration: none;	margin: 0 0 4px 0;}

#respond {float: right; width: 220px;}

#respond label {display: block; font-size: 13px; color: #598a8e; text-transform: uppercase;}

#respond input, #respond textarea, input#s {border: 2px solid #273c3e; background: #152526; padding: 4px; width: 200px;}

#respond input.submit, input#searchsubmit {background: #273c3e; width: auto; border: 2px solid #273c3e;}



/* grid.css 
.container {width:950px;margin:0 auto;}
.showgrid {background: url(http://designi1.com/wp-content/uploads/2009/11/grid.png); }
*/

#double_sidebar_right{

}

.thumbnail-class {
	float: left;
	width: 60px;
	height: 60px;
	margin: 0 15px 0 0;
	}
.left {
	float: left;
	margin: 0 15px 0 0;
	}

#feature-text-post{
margin:0; padding:0px;
}
#feature-text-post span {font-family: Georgia; font-weight: oblique; font-style:oblique; line-height: 40px; font-size: 34px; background-color:#008DB0;
text-shadow: 1px 1px 1px rgba(300,300,300,0.5);}


.twitt_link_count_nr {
margin-bottom:-4px;
color: #101f25;
}
.twitt_link_count_na {
margin-top:-4px;
color: #101f25;
}

hr {
  background: url(http://designi1.com/wp-content/uploads/2009/12/hr.png);
  width: 100%;
border: 0;
padding: 25px 0 25px 0;
}

.curator_icon {
float: left; padding: 30px 10px 0 0;
}
.curator_info{
padding-top: 20px;   background: url(http://designi1.com/wp-content/uploads/2009/12/hr.png) no-repeat top;
}