/*
Theme Name: Ruben Blog
Theme URI: http://localhost/
Description: The Quadriplegic
Version: 1.6
Author: Ruben Garcia
Author URI: http://garc1a.com/
Tags: blue, 
*/

@import url('./css/reset.css');
@import url('./css/960.css');



body {
    background:#323232 url(images/bg.png) repeat-x scroll;
    border-bottom: 1px solid #3171ca;
    color: #3b3b3c;
    font-family: Verdana, Arial, Helvetica,sans-serif;
    font-size: 14px;
    line-height: 26px;
}
a {
    color: #3171ca;
    text-decoration: none;
}
a:hover {
    color: red;
    text-decoration: none;
}
p, .ad {
    margin-bottom: 10px;
}
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a {
    color: #1b232a;
    font-family:Verdana, Arial;
    margin-bottom: 10px;
}
h1, h1 a {
    font-size: 30px;
    font-weight: bold;
    letter-spacing: -4px;
}
h2, h2 a, #content h2, #respond h3 {
    font-size: 24px;
    font-weight:bold;
    letter-spacing: -1px;
    text-indent: -2px;
}
h3, h3 a {
    font-size: 18px;
}
h4, h4 a {
    font-size: 16px;
    font-weight: bold;
}
/*
BODY STYLE
*/
#wrapper {
    background: url(images/wrapper.png) no-repeat top left;
    overflow: hidden;
}
#header {
    margin-bottom:100px;
}
#content {
    margin:20px 0 60px 0;
}
#footer {
	background:url(images/footer.png) repeat-x;
	padding-top:20px;
}

/*
HEADER STYLE
*/
#header h1 {
    float: left;
    margin: 20px 0 0 10px;
}
input, #comment {
    background: #ccc;
    color: #000;
    font-size: 14px;
    letter-spacing: -1px;
    vertical-align: middle;
    padding: 4px;
    border: 1px solid #dadada;
}
input:focus, input:hover {
    background: #888888;
    color: #fff;
}
ul#searchblock {
    float: right;
    margin-top: 12px;
    padding-right: 20px;
}
ul#searchblock li, ul#searchblockleft {
    display: block;
    line-height: 45px;
    list-style: none;
}
ul#searchblock img, ul#searchblockleft img {
    margin:0 0 0 -43px;
    vertical-align: middle;
}
ul#searchblockleft {
    margin: 0 auto;
}
/*
CONTENT
*/
.post, #comments, .navigation {
    background: #f1f1f1;
    border: 2px solid #999999;
    margin-bottom: 30px;
    padding: 20px 10px;
}
.post h2, .post h2 a {
    font-family: Verdana;
    font-weight: bolder;
    line-height: 40px;
    letter-spacing: -2px;
    text-transform: uppercase;
}
.pagetitle {
    background: #3171ca url(images/bgmusic.png) repeat-x;
    border: 1px solid #3171ca;
    color: #fff;
    padding: 20px 10px;
}
.postmetadata {
    font-size: 12px;
    font-weight: bold;
    padding:0 0 10px;
}
.post ul li {
	display:block;
	list-style-type:disc;
	padding:5px;
	list-style-position:inside;
}
.ad {
	display:block;
	padding-bottom:15px;
}
.post h3 {
	margin:20px 0 5px 0;
}
p.postimg {
	display:block;
	margin:0 0 10px;
}
/*
SIDEBAR STYLE
*/
.sideblock {
    display: block;
    color: #fff;
    margin-bottom: 40px;
}
.sideblock h3 {
    color: #fff;
    font-size: 30px;
    font-weight: bolder;
    letter-spacing: -4px;
}
.sideblock li {
    padding: 4px 0;
}
#contacts {
    margin: -50px 0 0 0;
}
#contacts li {
    display: inline;
    list-style: none;
    margin:0 20px;
}
#music {
    margin-top: -20px;
    padding: 20px 0 20px 20px;
}
#music h3 {
    background: url(images/h3cd.png) no-repeat left;
    padding: 10px 0;
}
#music h3 img, #category h3 img, #recentpost img, #flickr h3 img, #pachuco h3 img {
    padding-left: 70px;
    vertical-align: middle;
}
#music li {
    background: url(images/musicbutton.png) no-repeat;
	background-position:20px 10px;
	padding-left:50px;
	border:1px dotted #003;
}

#music a {
    color: #1d7bdd;
    font-weight: bold;
    padding-left: 8px;
}
#music a:hover {
    color: #80b7d0;
}
#category {
    color: #33cc00;
    padding: 20px 0 20px 20px;
}
#category h3 {
    background: url(images/h3category.png) no-repeat;
}
#category li {
    background: url(images/categorybutton.png) no-repeat;
	background-position:20px 10px;
	padding-left:50px;
	border-bottom:1px dotted #030;
}
#category a {
    color: #4aa410;
    font-weight: bold;
    padding-left: 8px;
}
#category a:hover {
    color: #33cc00;
}
#googlead span {
    float: right;
    width: 257px;
    height: 257px;
}
#flickr, #googlead {
    padding: 20px 0 20px 20px;
}
#flickr h3 {
    background: url(images/h3flickimg.png) no-repeat;
    padding: 10px;
}
.flickrBlock img{
	background:#ebebeb;
	border: 2px solid #dadada;
	margin:0 4px 4px 0;
}
#recentpost {
    font-size: 12px;
    padding: 20px 10px;
}
#recentpost h3 {
    background: url(images/resent.png) no-repeat;
}
#recentpost li {
    background: url(images/liborder.png) no-repeat bottom;
    list-style: none;
    padding: 6px 0;
}
#flickr li {
    margin-left: 28px;
    padding: 2px 0;
}
/*
FOOTER STYLE
*/
#footer h4 {
    padding-bottom: 2px;
}
#about {
    color: #ccc;
}
#about, #bumping, #reading {
    padding-bottom: 40px;
}

/*
ALIGNING AND EXTRA
*/
.thumbnail {
    background: #999999;
    border: 1px solid #666666;
    display: block;
    margin: 15px auto;
    padding: 12px;
}
.clear {
    clear: both;
}
.alignleft {
    text-align: left;
}
.alignright {
    text-align: right;
}
div.center {
	clear:both;
	display:block;
	margin:0 auto;
	padding-bottom:15px 0;
}
/*
COMMENT STYLE
*/

#commentform {
    background: #f5f5f5;
    border:2px solid #999999;
    color: #111;
    margin: 20px 0;
    padding: 40px 10px;
}
#commentform small {
	font-size:12px;
}
#respond {
    background: #333;
    color: #fff;
    margin: 20px 0;
    padding: 20px 10px;
}
#respond h3 {
    color: #fff;
}
#submit {
	display:block;
	background:url(images/submit.png) no-repeat;
    height:52px;
	width:170px;
	text-indent:-9999px;

}
#submit a{
	background:url(images/submit2.png) no-repeat ;
}
ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; }
ol.commentlist li { border:1px solid #d5d5d5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:1%; margin:0 0 10px; padding:5px 7px 5px 57px; position:relative; }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { }
ol.commentlist li div.comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font:bold 14px/1.4 helvetica,arial,sans-serif; }
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url { color:#c00; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
ol.commentlist li div.vcard img.avatar { border:4px solid #d5d5d5; left:7px; position:absolute; top:7px; }
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {}
ol.commentlist li div.commentmetadata {}
ol.commentlist li div.comment-meta { font:bold 10px/1.4 helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }
ol.commentlist li div.comment-meta a { color:#333; text-decoration:none; }
ol.commentlist li div.comment-meta a:hover { color:#000; }
ol.commentlist li p { font:normal 12px/1.4 helvetica,arial,sans-serif; margin:0 0 1em; }
ol.commentlist li ul { font:normal 12px/1.4 helvetica,arial,sans-serif; list-style:square; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li div.reply { background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:5px 10px;  text-align:center; width:36px; }
ol.commentlist li div.reply:hover { background:#c30; border:1px solid #c00; }
ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li { }
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-5 {}
ol.commentlist li ul.children li.odd {}
ol.commentlist li.even { background:#fff; }
ol.commentlist li.odd { background:#f6f6f6; }
ol.commentlist li.parent { }
ol.commentlist li.pingback { }
ol.commentlist li.pingback.parent { }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}