/*
Theme Name: Cabeeb
Theme URI: http://cabeeb.come/
Description: Custom Theme Designed for the third iteration of Cabeeb.com
Version: 0.9
Author: Caleb White
Tags: brown, spectrum, two-column
*/

/****CSS Reset by Erik Meyer****/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
/*********END CSS RESET*********/

/***************************
*******GENERAL STYLES*******
***************************/
body  {
/*	background-image: url(img/bg.png);*/
	background-repeat:repeat;
	background-color:#cfad8a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:22px;
	color:#151411;
}
a {
	color:#1a6084;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
.imgtxt {
	display:block;
	text-indent:-10000px;
}
.clearme {
	clear:both;
	display:block;
}
/*hr {
	margin:0;
	padding:0;
	border:none;
	border-top:1px #E3E3E3 solid;
}*/
#mainwrap {
	margin: 0 auto;
}
a#shh {
	display:block;
	text-indent:-10000px;
	position:absolute;
	top:0;
	right:0;
	width:25px;
	height:25px;
}

/***************************
**********SIDEBAR***********
***************************/
div#sidebar {
	float:left;
	padding-top:105px;
	position:relative;
	color:#352c2c;
}
h1 {
	position:absolute;
	right:-1px;
	top:40px;
	font-size:80px;
	text-align:right;
	text-transform: uppercase;
	font-weight:bold;
	letter-spacing:-3px;
	z-index:20;
}
h1 a {
	color:#372012;
}
h1 a:hover {
	text-decoration:none;
}
h1 canvas, h1 a, h1 span {
	z-index:20;
}
h3 {
	text-align:center;
	color:#372012;
	clear:both;
	text-transform: uppercase;
	font-size:26px;
}
#sidebar p.viddesc {
	line-height:18px;
	margin-top:0;
	padding-top:0;
}
h3#featvid {margin-top:15px;}
h3#recentbeeb {margin-top:20px;}
h3#inspire {margin-top:25px;}
h3#cobloggers {margin-top:25px;}
h3#latecomments {margin-top:28px;}
h3#sidetags {margin-top:15px;}
h3#sidearchives {margin-top:15px;}
/***************************
**********SPECTRUM**********
***************************/
#logo {
	cursor: pointer;
}
#spectrum {
	height:55px;
	z-index:100;
	margin-bottom:10px;
}
#spectrum div {
	height:8px;
	float:right;
	clear:both;
	margin:0 0 1px 0;
	border:none;
	padding:0;
}
div.red {
	background:#E53C03;
	width:220px;
}
div.orange {
	background:#FF8E21;
	width:244px;
}
div.yellow {
	background:#F4D666;
	width:268px;
}
div.green {
	background:#768E00;
	width:292px;
}
div.aqua {
	background:#71B066;
	width:316px;
}
div.blue {
	background:#336699;
	width:340px;
}
.over .red {width:292px;}
.over .orange {width:220px;}
.over .yellow {width:340px;}
.over .green {width:268px;}
.over .aqua {width:316px;}
.over .blue {width:244px;}

/***************************
*********SEARCH BOX*********
***************************/
input.text, textarea {
	padding:5px 0 0 6px;
	color:#372012;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	border:none;
	font-weight:bold;
}
input.text {
	height:19px;
}
.searchbox {
	margin-bottom:10px;
	height:22px;
}
.searchbox input.box {
	background:url(img/searchbox.png) 0 -24px no-repeat;
	width:274px;
	margin:0;
	float:left;
}
.searchbox input.promptText {
	background-position:top left;
	color:#82674A;
}
.searchbox input.doit {
	background:url(img/searchsubmit.png) top left no-repeat;
	width:52px;
	height:22px;
	text-indent:-10000px;
	border:0;
	float:right;
	margin-top:1px;
}
.aboot, #aboottwo {
	line-height:18px;
}
.aboot sup {
	vertical-align: top;
	font-size:.8em;
}
.aboot strong {
	font-size:1.7em;
	color:#352C2C;
	text-transform:uppercase;
	letter-spacing:-1px;
}
.aboot a {
	color:#6C2D2C;
	font-weight:bold;
}
.aboot {
	margin-bottom:8px;
}
#aboottwo {
	margin-top:8px;
}
/***************************
*******FEATURED VIDEO*******
***************************/
a.vidarchives {
	color:#1A6084;
	font-weight:bold;
	text-decoration:underline;
	margin-bottom:8px;
}

/***************************
********RECENT POSTS********
***************************/
ul.posttabs {
	height:30px;
	margin-bottom:5px;
}
.posttabs li a {
	display:block;
	text-align:center;
	width:100px;
	color:#FDF1CB;
	text-decoration:none;
	height:23px;
	padding-top:1px;
	background:url(img/bluetabbutton.png) top left no-repeat;
}
.posttabs li a.active {
	height:29px;
	background:url(img/bluetabcurrent.png) top left no-repeat;
}
.posttabs li a:hover {
	background-position:0 -24px;
}
.posttabs li a.active:hover {
	background-position:top left;
}
.recentposts {
	
}
ul#technical, ul#websinal {
	display:none;
}
.recentposts li {
	position:relative;
	line-height:15px;
	margin-bottom:10px;
}
.recentposts li a.title {
	color:#352C2C;
	font-weight:bold;
}
.recentposts span.date {
	font-size:.8em;
	color:#82674A;
	position:absolute;
	top:0;
	right:0;
}
.recentposts li p.content {
	line-height:18px;
}
.recentposts li a.seeall {
	color:#1A6084;
	font-weight:bold;
	text-decoration:underline;
}

/***************************
*******RECENT COMMENTS******
***************************/
.recentcomments {
	margin-bottom:15px;
}
.recentcomments li {
	line-height:15px;
	margin-bottom:10px;
}
.recentcomments .whowhat a {
	font-weight:bold;
}
.recentcomments li a.who {
	color:#305275
}
.recentcomments li a.what {
	/*color:#8C3B3A;*/
	color:#6C2D2C;
}
.recentcomments li p.content {
	line-height:18px;
}
.recentcomments li a.seeall {
	color:#1A6084;
	font-weight:bold;
	text-decoration:underline;
}

/***************************
*********INSPIRATION********
***************************/
ul.insptabs {
	height:30px;
}
.insptabs li a {
	display:block;
	text-align:center;
	width:160px;
	color:#FDF1CB;
	text-decoration:none;
	height:23px;
	padding-top:1px;
	background:url(img/grntabbutton.png) top left no-repeat;
}
.insptabs li a.active {
	height:29px;
	background:url(img/grntabcurrent.png) top left no-repeat;
}
.insptabs li a:hover {
	background-position:0 -24px;
}
.insptabs li a.active:hover {
	background-position:top left;
}
h2.widgettitle {
	display:none;
}
#recentmusic {
	padding-top:5px;
}
#lastfmrecords li {
	float:left;
	height:81px;
}
#lastfmrecords img {
	max-height:81px;
	overflow-y:hidden;
	width:81px;
}
#lastfmrecords li a {
	margin:0;
	padding:0;
}
#recentmusic li.meta {
	width:340px;
	height:inherit;
	font-style: italic;
	text-align:center;
	font-size:.85em;
}
#recentmusic li.meta a {
	font-weight:bold;
	font-style:normal;
}
#recentmusic #12month {
	display:none;
}
li.album0, li.album4, li.album2, li.album6 {
	margin-right:5px;
}
li.album1, li.album5 {
	margin-right:6px;
}
li.album0, li.album1, li.album2, li.album3 {
	margin-top:3px;
}
li.album4, li.album5, li.album6, li.album7 {
	margin-top:5px;
}
ul#recentbooks {
	display:none;
}

.catheader {
	display:none;
}

/***************************
**********BLOGROLL**********
***************************/
#blogroll {
	width:350px;
	height:137px;
}
#blogroll li, #blogroll a {
	float:left;
}
#blogroll img {
	height:64px;
	width:64px;
	float:left;
	margin-right:5px;
	margin-top:5px;
}

/***************************
*******TAGS/ARCHIVES********
***************************/
ul.tags {
	float:left;
}
.tags h3 {
	text-align:left;
}
.tags li, .archives li {
	line-height:18px;
}
.tags li {
	text-transform: capitalize;
}
ul.archives {
	float:right;
}
.archives h3 {
	text-align:right;
}
.archives li {
	text-align:right;
}
.archives li a, .tags li a {
	font-weight:bold;
}
/***************************
**********HOMEPAGE**********
***************************/
div#content {
	float:right;
	padding-top:80px;
	width:540px;
}
.post {
	clear:both;
	margin-bottom:50px;
}
.post h4.date {
	font-size:15px;
	color:#372012;
	margin-bottom:5px;
}
.post h4 {
	font-size:20px;
}
.post h2 {
	font-size:40px;
	line-height:20px;
}
.post h2 a {
	color:#FDF1CB;
	text-decoration:none;
	margin-bottom:0;
}
.post p.meta {
	clear:both;
	margin-top:8px;
	font-size:1em;
}
a.more-link {
	font-weight:bold;
	background:#372012;
	padding:0 2px 1px;
	color:#FDF1CB;
	text-decoration:none;
}
a.more-link:hover {
	color:#372012;
	background:none;
}
.meta a.comments {
	float:left;
	color:#FDF1CB;
	width:25px;
	padding:1px 0 0 1px;
	height:21px;
	background:url(img/commentbubble.png) center 2px no-repeat;
	text-align:center;
	display:block;
	text-decoration:none;
	margin:0 15px 10px 0;
	font-size:.9em;
}
.meta span.tags {
	font-style:italic;
	color:#5B4B4B;
}
.meta .tags a {
	font-style:normal;
}
.meta .tags a.cat {
	font-weight:bold;
}
.post p {
	margin-bottom:15px;
	font-weight:normal;
	font-size:1.05em;
}
h2.pagetitle {
	margin-bottom:15px;
	font-size:.9em;
}
.post h4.chunkinline {
	display:inline;
	font-size:10px;
	clear:none;
	margin:none;
}
.post h3.audiinline {
	display:inline;
	font-size:10px;
	clear:none;
	margin:none;
	padding:0;
}
.post pre {
	background:#FDF1CB;
	margin-top:10px;
	margin-bottom:10px;
	font-size:.9em;
	padding:3px 3px 2px 5px;
}
.post .alignleft {
	float:left;
	padding:4px 10px 0 0;
}
.post .alignright {
	float:right;
	padding:4px 0 0 10px;
}
.post .wp-caption {
	float:left;
	padding-top:3px;
}
.post .wp-caption p {
	margin:0;
	padding:0 12px 0 0;
	font-style:italic;
	text-align:center;
	font-size:.9em;
}
.post #attachment_1206 p {
	padding:0;
}
/***************************
************404*************
***************************/
#errorpage {
	width:435px;
	text-align:justify;
}
#errorpage h2 {
	text-align:justify;
	color:#372012;
}
#errorpage #first {
	font-size:7.5em;
}
#errorpage #second {
	font-size:4em;
	margin-top:-15px;
}
#errorpage #third {
	font-size:1.65em;
	margin-top:-1px;
}
#errorpage #fourth {
	font-size:1.08em;
}
#errorpage #fifth {
	font-size:.9em;
}
/***************************
*********PAGINATION*********
***************************/
div.wp-pagenavi {
	position:relative;
	width:inherit;
}
.wp-pagenavi a {
	display:block;
}
.wp-pagenavi div.prevpostlink a, .wp-pagenavi div.nextpostlink a {
	display:block;
	float:left;
	font-size:30px;
	text-decoration:none;
	color:#604632;
}
.wp-pagenavi div.prevpostlink a:hover, .wp-pagenavi div.nextpostlink a:hover  {
	color:#372012;
}
.wp-pagenavi span {
	display:block;
	position:inherit;
	clear:none;
	float:left;
	margin:2px 1px 0;
}
.wp-pagenavi span.current {
	color:#FDF1CB;
	font-size:30px;
	margin:0 3px;
}
.wp-pagenavi a.page, .wp-pagenavi a.first, .wp-pagenavi a.last {
	display:block;
	position:inherit;
	float:left;
	background:url(img/paginationbutton.png) top left no-repeat;
	width:22px;
	height:22px;
	text-align:center;
	color:#372012;
	text-decoration:none;
	margin:0 3px;	
}
.wp-pagenavi a.page:hover, .wp-pagenavi a.first:hover, .wp-pagenavi a.last:hover {
	background-position:0 -22px;
	color:#FDF1CB;
}

/***************************
**********COMMENTS**********
***************************/
#comments {
	margin-top:-10px;
}
#comments h2 {
	font-size:40px;
	line-height:20px;
	color:#372012;
	clear:both;
}
#comments .commentlist h2 {
	display:none;
}
.depth-1 {
	border:1px solid #82674A;
	background:#C29D7B;
	color:#352C2C;
	width:450px;
	float:right;
	padding:0 10px 10px 10px;
	position:relative;
	margin-bottom:15px;
}
div.reply {
	position:absolute;
	bottom:-3px;
	right:2px;
	font-size:.8em;
}
.comment-avatar {
	width:50px;
	position:absolute;
	left:-70px;
	top:0px;
	line-height:14px;
	font-size:.9em;
}
.comment-avatar img {
	border: 1px solid #82674A;
	width:48px;
	height:48px;
}
.comment-avatar span {
	display:block;
	position:absolute;
	text-indent:-10000px;
}
.comment-avatar span a {
	display:block;
	width:50px;
	height:50px;
	position:absolute;
}
.comment-body {
	position:relative;
	padding:24px 0 5px 0;
}
.comment-body span.author {
	display:block;
	position:absolute;
	top:3px;
	left:0;
	font-weight:bold;
}
.comment-body .meta {
	font-style:italic;	
	font-size:.8em;
	line-height:.8em;
	position:absolute;
	right:10px;
	top:8px;
}
.comment-body p {
	margin-bottom:6px;
	font-size:.95em;
}
.children {
	margin-bottom:-10px;
	margin-top:5px;
}
.children li {
	padding:0 10px 0 10px;
	position:relative;
	border:1px solid #82674A;
	background:#FDF1CB;
	margin:0 0 15px 0;
}
.children .comment-avatar {
	left:-80px;
}
.children .comment-body .meta {
	right:0;
}
.commentlist {
	font-size:1.05em;
	margin-bottom:30px;
}
.bottomcommentnav, .topcommentnav {
	clear:both;
}
.topcommentnav {
	margin-bottom:15px;
}
.commentlist #commentform textarea {
	width:444px;
	background:url(img/fieldcommentsmall.png) 0 -103px no-repeat;	
}
.commentlist #respond {
	margin:5px 0 10px;
}
.commentlist .lastli {
	clear:both;
}
/*
.cancel-comment-reply small {
	font-size:1.2em;
	color:#82674A;
}
.cancel-comment-reply a {
	text-decoration:none;
}
.cancel-comment-reply small em {
	float:right;
	font-size:.8em;
}*/
/*Comment Form*/
#commentform input {
	clear:both;
	float:left;
}
#commentform label {
	float:left;
	margin-left:15px;
	padding-top:2px;
}
#commentform input#author, #commentform input#url, #commentform input#email {
	background:url(img/fieldtxtfull.png) 0 -24px no-repeat;
	width:276px;
}
#commentform textarea {
	height:98px;
	width:534px;
	background:url(img/fieldcommentfull.png) 0 -103px no-repeat;
}
#commentform input.promptText, #commentform textarea.promptText {
	background-position:top left;
	color:#82674A;
}
#commentform input.submit {
	background:url(img/commentsubmit.png) top left no-repeat;
	width:214px;
	height:22px;
	display:block;
	text-indent:-10000px;
	border:0;
	margin:5px auto 15px auto;
	float:none;
}
.bypostauthor, .children .bypostauthor {
	border:1px solid #372012;
	background:#AD8C6E;
	color:#FDF1CB;
}
.bypostauthor .children {
	color:#352C2C;
}
.bypostauthor .children a {
	color:#1A6084;
}
.bypostauthor .comment-body {

}
.bypostauthor .meta {
	color:#352C2C;
}
.bypostauthor a {
	color:#352C2C;
}


/*ol.commentlist {

}
ol.commentlist li.depth-1 {
	border:1px solid #82674A;
	background:#C29D7B;
	color:#352C2C;
	width:430px;
	float:right;
	padding:24px 10px 3px 10px;
	position:relative;
}
.commentlist .says {
	display:none;
}
.comment-author {
	position:relative;
}
.comment-author cite.fn {
	display:block;
	position:absolute;
	top:3px;
	font-weight:bold;
}
.commentlist img.avatar {
	display:block;
	position:absolute;
	top:0px;
	left:-80px;
	border:1px solid #82674A	
}
.commentmetadata {
	font-style:italic;	
	font-size:.8em;
	line-height:.8em;
	position:absolute;
	right:10px;
	top:2px;
}

ul.children {
	border:1px solid #82674A;
	background:blue;
}*/



/*
#comments {

}
#comments h2 {
	font-size:40px;
	line-height:20px;
	color:#372012;
}
.reply {
	position:absolute;
	bottom:0px;
	right:0px;
}
.comment {
	clear:both;
	margin-top:10px;
}
.comment br {
	clear:both;
}
.comment-author {
	width:50px;
	position:absolute;
	left:-80px;
	top:0px;
	line-height:14px;
	font-size:.9em;
}
.comment-author img {
	border: 1px solid #82674A;
	width:48px;
	height:48px;
}
.comment-meta a, .comment-meta span {
	display:block;
}
.comment-body {
	position:relative;
}
.depth-1 {
	border:1px solid #82674A;
	background:#C29D7B;
	color:#352C2C;
	width:430px;
	float:right;
	padding:24px 10px 3px 10px;
	position:relative;
}
.comment-body span.author {
	display:block;
	position:absolute;
	top:3px;
	left:10px;
	font-weight:bold;
}
.comment-body .meta {
	font-style:italic;	
	font-size:.8em;
	line-height:.8em;
	position:absolute;
	right:10px;
	top:2px;
}
.me .comment-body {
	border:1px solid #372012;
	background:#82674A;
	color:#FDF1CB;
}
.me .author a  {
	color:#522222;
}
.me .meta {
	color:#352C2C;
}
#commentform {
	margin-top:25px;
}
#commentform input.name, #commentform input.url {
	background:url(img/fieldsmall.png) 0 -24px no-repeat;
	width:246px;
}
#commentform input.url {
	margin-left:11px;
}
#commentform input.email {
	width:514px;
	background:url(img/fieldemail.png) 0 -24px no-repeat;
	margin:10px 0;
}
#commentform textarea {
	height:77px;
	width:514px;
	background:url(img/fieldbig.png) 0 -82px no-repeat;
}
#commentform input.promptText, #commentform textarea.promptText {
	background-position:top left;
	color:#82674A;
}
#commentform input.submit {
	background:url(img/commentsubmit.png) top left no-repeat;
	width:214px;
	height:22px;
	display:block;
	text-indent:-10000px;
	border:0;
	margin:5px auto 0 auto;
}*/



/*.post a.comments {
	display:block;
	font-weight:bold;
}
.meta {
	font-style:italic;
	color:#5B4B4B;
}
.meta a {
	font-style:normal;
}
.meta a.cat {
	font-weight:bold;
}*/

/***************************
********FORM STYLING********
***************************/
/*input.text, textarea {
	border:1px solid #e0e0e0;
	background:white none;
	padding:4px 0 0 6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#000;
}*/
textarea {
	width:662px;
	height:120px;
}
/*input.text {
	height:22px;
}*/
.formrow {
	padding:10px; 
	float:left;
}
input.submit {
	font-size:1em;
}
label.city {
	width:170px;
}
label.state {
	width:70px;
}
label.zip {
	width:60px;
}
input.city {
	margin-right:20px;
	width:142px;
}
select.state {
	width:50px;
	margin-top:3px;
}
input.zip {
	width:73px;
	float:right;
}
select {
	font-size:.8em;
	height:18px;
}
/*.active {
	background:#f5f5f5;
}*/
.error {
	background:#FFDFDF;
	color:#E11212;
}
#errormessage {
	display:none;
	text-align:center;
	border-bottom:1px solid #e0e0e0;
	margin-bottom:10px;
}
#errormessage h4 {
	color:#e11212;
	font-size:17px;	
	margin-bottom:3px;
}
#errormessage em {
	font-style:normal;
	color:#e11212;	
	background:#ffdfdf;
}
#successmessage {
	text-align:center;
	border-bottom:1px solid #e0e0e0;
	margin-bottom:10px;
}
#successmessage h4 {
	color:#006633;
	font-size:17px;	
	margin-bottom:3px;
}
#successmessage em {
	font-style:normal;
	color:#006633;
}
label {
	display:block;
	margin-bottom:7px;
	font-weight:bold;
}
#emailalert {
	display:none;
	font-size:0.8em;
	line-height:1em;
	margin-top:4px;
}

#footer {
	clear:both;
	padding:50px 0;
	line-height:1.1em;
	font-size:.9em;
}
#footer a {
	color:#5B4B4B;
}
#footer .alpha {
	text-align:right;
}
#footer .omega {
	float:right;
}