/*  
Theme Name: Off on a Tangent
Theme URI: http://www.scottbradford.us/
Description: Website 22.3
Version: 22.3
Author: Scott Bradford
Author URI: http://www.scottbradford.us/
*/

/*
	Website 22.3 (Scott Bradford: Off on a Tangent)
	Copyright (c) 1995-2011, Scott Bradford Creative Enterprises
*/

/* Basic, Generic Styles */
html { min-height: 100%; height: auto; margin: 0; padding: 0; overflow-x: hidden; }
body { min-height: 100%; height: auto; margin: 0; padding: 0; overflow-x: hidden; font-size: 12px; font-family: Verdana, Helvetica, Arial, "Nimbus Sans L", sans-serif; background: #ffffff url('./images/bg-sidebar.png') right repeat-y; }
small { font-size: 10px; }
a, a:visited { color: #0000cc; text-decoration: none; }
a:hover { color: #cc0000; }
a.noborder, a.noborder img { border: 0px none; }
div.clr { position: relative; clear: both; }

/* Custom OoaT Styles */
div.sbce { width: 70px; height: 55px; background: url('./images/sbce.png'); position: fixed; z-index: 501; top: 0px; left: 0px; }
div.menu { width: 100%; height: 35px; background: url('./images/bg-menus.png') 0 -5px repeat-x; position: fixed; z-index: 500; top: 0px; left: 0px; }
div.menu div.l { float: left; padding: 9px 0 0 80px; font-size: 11px; }
div.menu div.r { float: right; width: 218px; height: 22px; margin: 4px 20px; background: url('./images/search.png') no-repeat; }
div.menu div.t { float: right; font-size: 10px; padding: 9px 0; }
div.menu span.sshow { display: none; }
div.swin { position: fixed; z-index: 499; margin-top: 30px; border: 1px solid #dddddd; background: #f8f8f8; min-width: 234px; right: 128px; padding: 5px 10px; font-size: 83%; text-align: center; display: none; }

/* Banners */
div.banner { height: 85px; background: #eeeeee; }
div.banner.t { padding: 30px 0 0 0; border-bottom: 1px #aaaaaa solid; }
div.banner.b { padding: 0 0 30px 0; border-top: 1px #aaaaaa solid; }
div.banner div.title { position: absolute; z-index: 401; margin-left: 66px; }
div.banner div.sphotos { position: absolute; right: 0px; z-index: 400; width: 200%; height: 85px; overflow: hidden; margin-left: -5000px; display:none;}
div.banner div.sphotos div.p, div.banner div.sphotos div.h { float: right; width: 256px; height: 85px; }
div.banner div.sphotos div.p { opacity: 0.25; background: url('./images/photos.jpg'); }
div.banner div.sphotos div.h-pop { position: absolute; top: 10px; right: 231px; height: 41px; width: 221px; padding: 12px 30px 12px 15px; background: url('./images/h-pop.png') no-repeat; z-index: 900; font-size: 9px; line-height: 14px; }
div.banner div.sphotos div.h img { opacity: 0.75; }

/* Menus */
div.menu div a, div.menu div a:visited { border: 0px; }
#nav, #nav ul { padding: 0; margin: 0; list-style: none; }
#nav a { display: block; padding: 0px 10px 8px 0px; }
#nav li { float: left; margin: 0px; }
#nav li ul { position: absolute; width: 150px; left: -999em; padding: 5px; background: #f8f8f8; border: 1px solid #dddddd; }
#nav li ul li { width: 100%; padding: 2px; }
#nav li ul a { width: 100%; margin-right: 10px; padding: 0px;}
#nav li ul li.exp { background: url('./images/menu-arrow.gif') right center no-repeat; }
#nav li:hover ul { left: auto; }
#nav li ul ul { margin: -2em 0 0 150px; }
#nav li:hover ul ul, #nav li:hover ul ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul { left: auto; }

/* Search */
div.menu div.r form, div.menu-right form input { display: inline; }
div.menu div.r input#s { width: 160px; height: 16px; border: 0px none; padding: 2px 10px; font-size: 10px; margin: 1px; text-align: left; background: #ffffff; vertical-align: middle; }
div.menu div.r input.ss { width: 20px; height: 20px; margin-left: 5px; vertical-align: middle; }

/* Special Coverage */
div.special { width: 100%; }
div.special h2 { width: 100%; text-align: center; border-top: 1px solid #ccc; padding-top: 10px; }
div.special h2 .red { color: #f00; }
div.special h2 .blue { color: #00f; }
div.special table { width: 100%; border: 0 none; }
div.special table tr td { width: 25%; text-align: center; }
div.special table tr td a, div.special table tr td a img { border: 0 none; }

/* Main Content Area */
div.mwarn { background: #ffcc66; text-align: center; padding: 5px; margin: 0 0 5px 0; display: none;}
div.container { margin: 20px 0; }
div.leftcol { height: 100%; margin: 0 280px 0 30px; }
div.content { float: left; margin: 0; padding: 0; width: 100%; }
div.intro { font-style: italic; }
div.intro p { display: inline; }
div.post { margin-bottom: 20px; }
div.post.list { border-top: 1px #cccccc solid; margin: 10px 0 0 0; padding-top: 10px; }
div.post div.enav { width: 100%; padding-bottom: 5px; }
div.post div.enav div.p { float: left; }
div.post div.enav div.n { float: right; }
div.post h1 { font-size: 150%; border-top: 1px solid #cccccc; margin: 10px 0 3px 0; padding-top: 10px; }
div.post.spage h1, div.post.list h1 { border-top: 0px none; padding-top: 0px; margin-top: 0px; }
div.post.list h1 { font-size: 100%; margin-bottom: 0; }
div.post div.el { float: left; }
div.post div.dt { font-size: 83%; margin: 5px 0; }
div.post.list div.dt { margin: 2px 0; }
div.post div.entry { margin-left: 15px; line-height: 16px; }
div.post div.entry a { border-bottom: 1px #cccccc solid; }
div.post div.entry a:hover { border-bottom-color: #cc0000; }
div.post div.entry ul li, div.post ol li { margin-top: 5px; }
div.post div.entry blockquote, div#comments ol li { background: #f8f8f8; border: 1px solid #eeeeee; padding: 10px; }
div.post div.meta { float: right; clear: right; text-align: right; font-size: 83%; }
div.post.list div.meta { line-height: 16px; }
div.post div.meta a { border: 0px none; }
div.pnav { margin: 20px 0; padding: 15px 0 0 0; border-top: 1px solid #cccccc; }
div.pnav div.p { float: left; }
div.pnav div.n { float: right; }
div.bspace { margin: 20px 0 0 0; }
div#respond { display: none; margin-left: 15px; }
div#respond input, div#respond textarea { border: 1px solid #cccccc; }
div#respond input#submit { background: #f8f8f8; }
div#respond textarea#comment { width: 100%; }
div#respond p.coma { color: red; font-weight: bold; font-size: 83%; }
.alignright { float: right; margin-left: 5px; margin-bottom: 5px; } 
.alignleft { float: left; margin-right: 5px; margin-bottom: 5px; }
.wp-caption.alignright, .wp-caption.alignright { clear:both; }

/* 404 Special Styles */
div.err h2, div.err div.entry { text-align: center; width: 100%; }

/* Ads and Stuff */
div.topads { margin: 15px 0; text-align: center; }
div.footads { background: #f8f8f8; width:706px; height: 47px; border: 1px solid #eeeeee; padding: 10px; margin: 0 auto 15px auto; }
div.footads h2 { font-size: 14px; margin: 0; }
div.footads p { font-size: 10px; margin: 3px 0; }
div.footads .rfl { float: right; }
div.footads .rfl.fbspace { padding-top: 13px; }
div.footgoog { text-align: center; margin: 0 0 15px 0; }

/* Image & Gallery Styles */
div.post div.entry img, div.post div.entry .wp-caption { border: 1px solid #eeeeee; } /*border: 0px none; }*/
div.post div.entry .wp-caption { background: #f8f8f8; text-align: center; padding-top: 5px; font-size: 83%; color: #666666; }
div.post div.entry .wp-caption p { margin: 5px; }
div.post div.entry .wp-caption img, div.post div.entry .gallery .gallery-item img { margin: 0; border: 0px none; }
div.post div.entry dt.gallery-icon a, div.post div.entry .wp-caption a { border: 0px none; }
.gallery { margin: auto auto 5px auto; padding-top: 10px; background: #f8f8f8; border: 1px solid #eeeeee; }
.gallery .gallery-item { float: left; text-align: center; margin: 0 0 10px 0; }
.gallery .gallery-caption { margin-left: 0; font-size: 83%; color: #666666; }

/* Sidebar */
div.sidebar { float: right; clear: right; height: 100%; width: 225px; margin: 0 15px; font-size: 11px; line-height: 14px; text-align: justify; }
div.sidebar div.addthis_toolbox { margin: 0 auto; width: 185px; }
div.sidebar div.fblink { padding: 15px 0 0 0; float: left; margin-left: 20px; }
div.sidebar div.mlink { padding: 18px 0 0 0; float: right; margin-right: 25px; text-align: right; }
div.sidebar div.widget { padding-bottom: 15px; border-bottom: 1px solid #cccccc; }
div.sidebar div.widget.amzndeal { text-align: center; padding-top: 15px; }
div.sidebar div.widget h2 { font-size: 14px; margin: 0; padding: 15px 0; }
div.sidebar div.widget ul.wp-tag-cloud { list-style: none; line-height: 22px; padding:0; margin:0; text-align: justify; }
div.sidebar div.widget ul.wp-tag-cloud  li{ display: inline; }
div.sidebar div.widget select { width: 100%; }
div.sidebar div.widget ul { padding: 0em 0em 0em 0.75em; margin: 0em 0em 0em 0.75em; text-align: left; }
div.sidebar div.widget p { margin: 0 0 10px 0; }
div.sidebar div.homew { padding: 15px 0; }
div.sidebar div.homew div.widget p { text-align: left; }
div.sidebar div.widget div.facebook_picture { float: right; }
div.sidebar div.widget div.facebook_picture a { border: 0px none; }
div.sidebar div.widget div.facebook_picture a img  { border: 0px none; margin-left: 10px; max-width: 75px; }
div.sidebar div.widget div.quotescollection_randomquote p { margin: 0px; }
div.sidebar div.widget div.quotescollection_randomquote q { font-size: 12px; line-height: 16px; }
div.sidebar div.widget div.quotescollection_randomquote cite { padding-top: 5px; font-size: 10px; }
div.sidebar div.widget div.quotescollection_controls { width: 100%; text-align: center; margin: 15px 0 0 0; }
div.sidebar div.widget div.quotescollection_controls a { padding: 0 10px; }
div.sidebar div.widget div.quotescollection_controls a#qc_back, div.sidebar div.widget div.quotescollection_controls a#qc_next { font-size: 14px; }
div.sidebar div.sbot { width: 225px; }
div.sidebar div.sbot.float { position: fixed; bottom: 0px; }
div.sidebar div.sbot div.widget { border-bottom: 0; }

/* Footer */
div.fbfoot { width: 100%; text-align: center; }
div.copy { width: 100%; height: 35px; background: url('./images/bg-menus.png') repeat-x; position: relative; z-index: 500; top: 80px; left: 0px; font-size: 10px; overflow: hidden; }
div.copy div.l { float: left; padding: 12px 20px; }
div.copy div.r { float: right; text-align: right; padding: 9px 20px; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font-size: 12px;
	color: #333333;
}

#TB_secondLine {
	font-size: 10px;
	color:#666666;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:800;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(/wp-includes/js/thickbox/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	opacity: 0.75;
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 802;
	color:#000000;
	display:none;
	text-align:left;
	top:50%;
	left:50%;
	border: 1px solid #555;
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:6px 10px 0;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:6px 10px 0;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	z-index:803;
	top: 50%;
	left: 50%;
	background-color: #E8E8E8;
	border: 1px solid #555;
	margin: -45px 0pt 0pt -125px;
	padding: 40px 15px 15px;
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	opacity: 0;
	height:100%;
	width:100%;
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
}

#TB_closeWindowButton, #TB_closeWindowButton img { border: 0px; }