/*
Theme Name: Wastered
Description: Wastered base theme (built from jetpacked tripwiring)
Author: cameron marlow
Author URI: http://wastered.com
Version: release 0.1
*/

/* ============= all elements style ============= */
*{
margin:0;
padding:0;
}

a{
outline:none;
color:#7770b7;
}

img{
border:none;
}

.clearfix:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* ============= other ============= */
.floatleft{
float:left;
}

.floatright{
float:right;
}

/* ============= body ============= */
body{
margin:0;
padding:0;
background:#000 url(images/bg.gif) left top repeat-x;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
background: #000 url('images/header-bg.gif') repeat-x;
color: #FFFFFF;
}

/* ============= wrapper ============= */
#wrapper{
width:860px;
margin:0 auto;
}

/* ============= header ============= */
#header{
padding-top: 25px;
padding-left: 6px;
font-family: Century Gothic, Verdana, sans-serif;
font-weight: normal;
margin-bottom: 4em;
}

/* ============= logo ============= */
#header {
}

#header h1{
width:800px;
font-weight: normal;
padding:0;
margin:0;
}

#header h1 a{
display:block;
text-indent: 0em;
text-decoration: none;
color: #fff;
size: 24em;
background:url() no-repeat;
}

.description {
color: #999;
font-family: Century Gothic, Verdana, sans-serif;
text-align: left;
padding: 0;
margin: 0;
}

/* ============= content ============= */
#content{
width:550px;
float:left;

}

/* ============= post header ============= */
.navigation {
	text-align: center;
	padding: 0;
	width: 100%;
	color: #666;
	margin: 0 0 12px 0;
	font-size: 12px;
	}
	
.navigation a {
	color:#444444;
}

.comments .navigation {
	margin: 10px 0;
	}

.navigation .left {
	float: left;
	width: 50%;
	text-align: left;
	}
	

.navigation .right {
	float: right;
	width: 50%;
	text-align: right;
	}

.post{
margin-bottom:30px;
padding: 0;
margin: 0;
}

.post a{
color:#7770b7;
text-decoration:underline;
}

.post a:hover{
color:#fff;
}

.ph{
width:550px;
float:left;
margin-bottom: 3px;
}

.post-header img{
float:left;
margin-right:0px;
background:#000;
padding:0px;
border:0px solid #242424;
}

.post-header h1, #content h1{
color:#0080E4;
font-size:20px;
float:left;
padding: 0;
margin-bottom: 12px;
}

.post embed {
	margin: 6px auto;
}

.post:first-child {
	margin-top: 0;
	padding-top: 0;
	border: none;
}

.post {
	margin: 30px 0 0 0;
}


.post-header h1 a, #content h1 a{
color:#fff;
text-decoration:none;
font-family: Century Gothic, Verdana, sans-serif;
font-weight: normal;
}

.post-header h1 a:hover, #content h1 a:hover{
text-decoration:underline;
}

.post p{
font-size:14px;
color:#CCC;
line-height:18px;
text-align:left;
margin-bottom:10px;
}

.post ul li, .post ol li{
list-style-position:inside;
font-size:12px;
color:#eee;
line-height:15px;
}

.post ul, .post ol{
margin-bottom:15px;
}

.post-meta{
background: #111 !important;
border: #222 1px solid !important;
padding: 4px;
margin-top: 6px !important;
color: #999 !important;
clear:both;
font-weight:bold;
font-size:11px !important;
line-height:16px !important;
}

.author{
color:#0080E4 !important;
}

.post-meta a{
color:#7770b7;
text-decoration:none;
}

.post-meta a:hover{
color:#fff;
text-decoration:none;
}

/* ============= sidebar ============= */

#sidebar{
list-style:none;
margin-top: 8px;
width:241px;
float:right;
}

#sidebar li{
list-style:none;
margin-bottom:20px;
}

#sidebar li h2{
font-size:16px;
font-family: Century Gothic, Verdana, sans-serif;
font-weight: normal;
display:block;
color:#FFF;
margin-bottom:5px;
text-indent:10px;
}

#sidebar li ul li{
line-height:1.5em;
height:1.5em;
margin-bottom:0 !important;
text-indent:10px;
}

#sidebar li ul li a{
color:#ccc;
text-decoration:none;
font-size:11px;
display:block;
}

#sidebar li ul li a:hover{
text-decoration:none;
background-color: #7770b7;
border: 1px solid #9990d7;
color:#ffffff;
}

#sidebar p a {
color:#7770b7;
text-decoration:underline;

}
#sidebar p {
	margin-bottom: 6px;
}
#sidebar form {
	margin: 10px;
}

#sidebar #s {
	margin-bottom: 3px;
}

.textwidget {
color: #CCC;
margin: 10px;
}

.tagcloud {
margin: 10px;
line-height: 13px;
vertical-align: middle !important;
text-align: justify;
}

p.tagcloud a {
text-decoration: none !important;
padding: 2px;
}

p.tagcloud a:hover {
color: #FFFFFF !important;
background: #7770b7;
}

/* ============= prev/next navigation ============= */
.prevnextnav{
padding:10px;
height:20px;
text-align:center;
}

.prevnextnav a{
color:#ddd;
text-decoration:underline;
font-weight:bold;
padding:5px;
}

.prevnextnav a:hover{
text-decoration:none;
background:#7770b7;
}

/* ============= comments ============= */

.comtext{
padding:10px;
margin:10px 0;
color: fff;
background: #222;
border: 1px solid #333;
}

.comtext h3{
font-size:13px;
color:#fff;
}

.comtext h3 a{
color:#999;
text-decoration:none;
}

.comtext h3 a:hover{
text-decoration:underline;
}

.nobold{
color:#fff;
font-size:11px;
font-weight:normal;
}

.comtext-inside{
margin-top:10px;
}

.comtext p{
text-align:justify;
font-size:11px;
color:#fff;
margin-bottom:15px;
line-height:15px;
}

.comment-form{
margin-top:10px;
margin-bottom:20px;
}

.comment-form h3{
background:#000;
padding:10px 0;
margin-bottom:10px;
color:#fff;
font-size:15px;
}


#commentform input, #commentform textarea {
	background: #222 !important;
	border: 1px solid #333 !important;
	color: #CCC;
	font-weight: normal;
	padding: 2px;
}

.comment-form input:focus, .comment-form textarea:focus {
	background-color: #ccc !important;
}

.comment-form input{
width:200px;
margin-bottom:5px;
padding:2px;
}

.comment-form textarea{
width:98%;
margin-bottom:10px;
}

#commentform a{
color:#fff;
font-weight:bold;
font-size:11px;
text-decoration:underline;
}

#commentform a:hover{
text-decoration:none;
}

.bighead{
display:block;
margin-bottom:10px;
float:none !important;
}

.clear {
	clear: both;
	margin: 0;
	padding: 0;
	}


#tagometer {
text-align: left;
margin-left: 12px;
}
#tagometer a {
font: 12px arial; color: #999 !important; text-decoration:none;
}

.delicious-blogbadge-tall {
margin: 6px 0 !important;
border: 1px solid #333 !important;
}
.top-tags-container {
background: #333 !important;
color: #999 !important;
}
.top-tags-container li a {
display: inline !important;
}
.top-tags-container li a:hover {
background: #333 !important;
color: #FFF !important;
}
.top-tags-container a {
color: #CCC !important;
}
.empty-message {
	background: #444444 !important;
	color: #CCCCCC !important;
}


/* ============= ratings ============= */

#ratings-box {
	text-align: center;	
}
#ratings {
	background: #FFFFFF;
	color: #333333;
	border: 1px solid #666666;
	width: 200px;
	margin: 6px auto 12px auto;
	padding: 6px;
}

/* ============= tagcloud ============= */

ul.tagcloud {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.tagcloud li {
	display: inline;
	margin: 0;
	padding: 0;
}

.post h3 {
	padding: 12px 0 6px 0;
	font-family: Century Gothic, Verdana, sans-serif;
	font-weight: normal;
}

blockquote {
	margin: 12px;
	padding: 6px;
	background: #222222;
	border: 1px solid #2C2C2C
}

blockquote p {
	padding: 0 !important;
	margin: 0 !important;
}
