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

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

html,body
{
	min-height:100%;
	height:auto;
	margin:0;
	padding:0;
	overflow-x:hidden;
}

/* narrow version */

.narrow .container.menu .cbase .menuhold,
.narrow .container.footer .cbase .foothold { left: -10px; }
.narrow .menuc,
.narrow .footc { width: 950px; }
.narrow .headerlogo { left: -10px; }
.narrow .headertitle { margin-left: 25px; }
.narrow .header .cbase .h-pop { right: -5px; width: 450px; }
.narrow .h-pop .h-txt { font-size: 9px; }

/* END narrow version */

body
{
	font-size:12px;
	font-family:Verdana,Helvetica,Arial,"Nimbus Sans L",sans-serif;
	background:#fff;
	color:#333;
}

small
{
	font-size:10px;
}

a,a:visited
{
	color:#00c;
	text-decoration:none;
	outline: none;
}

a:hover
{
	color:#c00;
}

div.clr
{
	position:relative;
	clear:both;
}

.container
{
	width:100%;
	margin:0;
}

.cbase
{
	position:relative;
	width:960px;
	margin:0 auto;
}

.header
{
	height:100px;
	/*background:#666;*/
	background: #000099;
}

.header .cbase div
{
	position:absolute;
}

.headerlogo
{
	top:7px;
	left:-35px;
	z-index:309;
}

.headertitle
{
	z-index:310;
}

.sphotos div
{
	z-index:300;
	height:100px;
	width:320px;
	background:url('./images/photos.jpg');
	opacity:.25;
}

.sphotos
{
	display:none;
	z-index:300;
}

.sphotos .p0
{
	left:-320px;
}

.sphotos .p1
{
	left:0;
}

.sphotos .p2
{
	left:320px;
}

.sphotos .p3
{
	left:640px;
}

.sphotos .p4
{
	left:960px;
}

.header .cbase .h-pop
{
	position:absolute;
	z-index:308;
	width:470px;
	height:53px;
	background:#dfdfdf;
	border:1px solid #ddd;
	padding:5px;
	right:-40px;
	top:10px;
}

.header .cbase .h-pop div
{
	position:relative;
}

.h-pop .h-img img
{
        margin-left:5px;
}

.h-pop .h-txt
{
	font-size:10px;
	line-height:14px;
	padding:0;
}

.h-pop .h-txt h4
{
	font-size:12px;
	font-weight:bold;
	padding:0;
	margin:3px 0;
}

.container.menu .cbase .menuhold
{
	position:absolute;
	left:-44px;
	top:-20px;
	height:40px;
	width:1048px;
	margin:0 auto;
}

.menuc
{
	width:1018px;
	background:url('./images/menu-bg.png') repeat-x;
}

.menumain a,.menumain a:visited
{
	font-size:12px;
	border:0;
}

#nav,#nav ul
{
	padding:0;
	margin:0;
	list-style:none;
}

#nav a
{
	display:block;
	margin:5px 10px 5px 0;
	height:23px;
	border-right:1px solid #ddd;
	padding:7px 10px 0 0;
}

#nav li
{
	float:left;
	margin:0;
}

#nav li ul
{
	position:absolute;
	width:180px;
	left:-999em;
	margin:-5px 0 0 -11px;
	padding:0;
	background:#fff;
	border:1px solid #ddd;
}

#nav li ul a
{
	height:15px;
	width:160px;
	padding:7px 10px;
	margin:0;
	border-bottom:1px solid #ddd;
}

#nav li ul li.exp
{
	background:url('./images/menu-arrow.gif') right center no-repeat;
}

#nav li ul ul
{
	margin:-31px 0 0 180px;
}

#nav li:hover ul ul,#nav li:hover ul ul ul
{
	left:-999em;
}

#s
{
	width:160px;
	height:18px;
	margin:10px 0;
	padding:0 10px;
	border:1px solid #ddd;
	font-size:10px;
	text-align:left;
	background:#fff;
	vertical-align:middle;
}

.ss
{
	width:20px;
	height:20px;
	vertical-align:middle;
}

.stgs
{
	float:right;
	font-size:10px;
	padding:13px 10px;
}

.sshow
{
	display:none;
}

.swin
{
	position:absolute;
	z-index:499;
	top:35px;
	border:1px solid #ddd;
	background:#dfdfdf;
	min-width:234px;
	right:128px;
	padding:5px 10px;
	font-size:83%;
	text-align:center;
	display:none;
}

.container.menu {
	position: relative;
	z-index: 900;
}

.container.menu.pin
{
	position:fixed;
	top:15px;
}

.container.menu.ext.pin
{
	top:43px;
}

.container.menu.pin .cbase .menu
{
	top:0;
}

.col1,.col2,.col3
{
	float:left;
	overflow:hidden;
	margin:0 0 15px 17px;
	background:#fff;
	border-bottom: 1px solid #ddd;
}

.col1 .col3
{
	margin: 0 17px 15px 0;
	border-top: 0 none;
	height: 149px;
}

.col1 .col2
{
	width: 613px;
	margin: 0 15px 15px 0;
	border-top: 0 none;
	height: 210px;
}

.col1 .col3.first
{
	border-left: 0 none;
}
.col1 .col3.cap,
.col1 .col2.cap
{
	margin-right: 0;
	border-right: 0 none;
}

.col1
{
	width:928px;
	height:200px;
}

.col3
{
	width:298px;
	height:200px;
}

.col3 a, .col1 a, .col2 a
{
	display:block;
}

.col1 a.lead
{
	height:50px;
	width:928px;
	border-bottom:1px solid #ddd;
}

.col3 a.lead,
.col2 a.lead
{
	height:50px;
	width:298px;
	border-bottom:1px solid #ddd;
}

.col3 a.list,
.col2 a.list
{
	height:15px;
	width:276px;
	padding:7px 10px;
	margin:0;
	border:1px solid #ddd;
	border-top: 0px none;
	overflow:hidden;
	text-align:left;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.col2 a.list {
	width: 591px;
}

.col3 a.list.head,
.col2 a.list.head
{
	text-align: center;
	font-weight: bold;
	color: #333;
	background: #dfdfdf;
}

.col3 a.list.img
{
	height: auto;
	width: 300px;
	padding: 0;
}

.col3 p
{
	text-align: center;
	font-size: 12px;
	padding: 0;
	margin: 8px 0 0 0;
}

div.mwarn
{
	background:#fc6;
	text-align:center;
	padding:10px 0 5px;
	margin:0 0 15px;
	display:none;
}

.introbox
{
	margin:0 0 15px;
	padding:10px;
	border:1px solid #ddd;
	background:#dfdfdf;
	font-size:83%;
	line-height:140%;
}

.mainbox
{
	text-align:justify;
	width:960px;
	background:#fff;
	margin:0 auto;
	padding:30px 0 40px;
}

.colcontent
{
	float:left;
	width:680px;
	padding:0 15px;
	border-right:1px solid #ddd;
	background:#fff;
}

.post
{
	margin-bottom:20px;
}

.post.list
{
	text-align:left;
	border-top:1px #ccc solid;
	margin:10px 0 0;
	padding-top:10px;
}

.post .enav
{
	width:100%;
	padding-bottom:15px;
	font-size:83%;
}

.post h1
{
	font-size:150%;
	margin:0 0 3px;
	padding:0;
}

.post.spage h1,.post.list h1
{
	border-top:0 none;
	padding-top:0;
	margin-top:0;
}

.post.list h1
{
	font-size:100%;
	margin-bottom:0;
}

.post .dt
{
	font-size:83%;
	margin:5px 0 10px;
}

.post.list div.dt
{
	margin:2px 0;
}

.post .entry
{
	margin-left:15px;
	line-height:18px;
}

.post .entry a
{
	border-bottom:1px #ccc solid;
}

.post .entry a:hover
{
	border-bottom-color:#c00;
}

.post .entry ul li,div.post ol li
{
	margin-top:5px;
}

.post .entry blockquote,div#comments ol li
{
	background:#dfdfdf;
	border:1px solid #ddd;
	padding:10px 10px 0 10px;
	line-height:140%;
}

.post .entry blockquote
{
	margin:15px;
}

#comments ol li
{
	font-size:95%;
}

#comments .comment-meta
{
	margin:0 0 5px;
}

.post div.meta
{
	float:right;
	clear:right;
	text-align:right;
	font-size:83%;
}

.post.list div.meta
{
	line-height:18px;
}

.pnav
{
	margin:20px 0;
	padding:15px 0 0;
	font-size:83%;
}

#respond
{
	display:none;
	margin-left:15px;
}

#respond input,#respond textarea
{
	border:1px solid #ccc;
}

#respond input#submit
{
	background:#dfdfdf;
}

#respond textarea#comment
{
	width:660px;
}

#respond p.coma
{
	color:red;
	font-weight:bold;
	font-size:83%;
}

.alignright
{
    float:right;
    margin-left:15px;
    margin-bottom:15px;
}

.alignleft
{
    float:left;
    margin-right:15px;
    margin-bottom:15px;
}

.aligncenter {
	display: block;
	margin: 0 auto 15px auto;
}

.gallery { margin: auto; }
.gallery .gallery-item { float: left; margin-top: 10px; text-align: center; }
.gallery .gallery-item a,
.gallery .gallery-item a:hover,
.gallery .gallery-item a:active,
.wp-caption a,
.wp-caption a:hover,
.wp-caption a:active { border: 0 none; outline: none; }
.gallery img,
.wp-caption img { border: 2px solid #dfdfdf; outline: none; }
.gallery .gallery-caption {
    width: 154px;
    min-height: 15px;
    max-height: 30px;
    overflow: hidden;
    margin: -4px auto 0 auto;
    background: #dfdfdf;
    color: #666;
    font-size: 9px;
}
.wp-caption {
    padding-top: 3px;
    text-align: center;
    background: #dfdfdf;
}
.wp-caption .wp-caption-text {
    min-height: 15px;
    line-height: 1.5;
    overflow: hidden;
    margin: 2px auto 5px auto;
    color: #666;
    font-size: 9px;
}

.err h2,.err .entry
{
	text-align:center;
	width:100%;
}

.colsidebar
{
	float:right;
	width:219px;
	padding:0 15px;
	font-size:10px;
	line-height:16px;
	background:#fff;
}

.colsidebar .addthis_toolbox
{
	margin:0 auto;
	width:185px;
}

.colsidebar .fblink
{
	padding:15px 0 0;
	float:left;
	margin-left:20px;
}

.colsidebar .mlink
{
	padding:18px 0 0;
	float:right;
	margin-right:25px;
	text-align:right;
}

.colsidebar .sidead
{
	margin:0 auto 15px;
	text-align:center;
}

.colsidebar .widget
{
	margin-bottom:15px;
}

.colsidebar .sbot .widget
{
	margin-bottom:0;
}

.colsidebar .widget h2
{
	font-size:14px;
	margin:0;
	padding:0 0 10px;
}

.colsidebar .widget ul
{
	padding:0 0 0 .75em;
	margin:0 0 0 .75em;
	text-align:left;
}

.colsidebar .widget ul.wp-tag-cloud
{
	list-style:none;
	line-height:22px;
	padding:0;
	margin:0;
	text-align:justify;
}

.colsidebar div.widget div.quotescollection_randomquote cite
{
	padding-top:5px;
}

.colsidebar div.widget div.quotescollection_controls
{
	width:100%;
	text-align:center;
	margin:15px 0 0;
}

.colsidebar div.widget div.quotescollection_controls a
{
	padding:0 10px;
}

.colsidebar div.widget div.quotescollection_controls a#qc_back,div.sidebar div.widget div.quotescollection_controls a#qc_next
{
	font-size:14px;
}

.colsidebar div.sbot
{
	width:219px;
	margin:0 0 15px;
	min-height:250px;
}

.colsidebar div.sbot.float
{
	position:fixed;
	top:40px;
	min-height:0;
}

.colsidebar div.sbot.float.ext
{
	top:68px;
}

.biobox
{
	margin:15px;
	padding:10px;
	border:1px solid #ddd;
	background:#dfdfdf;
	font-size:83%;
	line-height:140%;
}

.biobox .biobanner
{
	float:right;
	margin-left:10px;
	text-align:center;
	height:85px;
	width:215px;
	background:url('./images/home-banner.jpg');
}

.botad
{
	width:728px;
	margin:0 auto 15px;
}

.botad .rfl.fbbox
{
	margin:15px 0 0;
}

.botad h2
{
	font-size:14px;
	margin:0 0 10px;
}

.graypunch
{
	position:absolute;
	width:100%;
	height:50px;
	margin-top:15px;
	background:#000099;
}

.container.footer .cbase .foothold
{
	position:relative;
	left:-44px;
	top:-5px;
	height:50px;
	width:1048px;
	margin:0 auto;
}

.footc
{
	width:1018px;
	background:url('./images/menu-bg.png') repeat-x;
	text-align:center;
}

.footc .copyright
{
	float:right;
	text-align:right;
	font-size:10px;
	padding:7px 0 0;
	line-height:1.2;
}

.footc .buttons
{
	float:left;
	padding:12px 0 0;
}

.footc .logo
{
	width: 75px;
	margin:-15px auto 0;
}

a.noborder,a.noborder img,.col3 a.lead img,.col1 a.lead img,.post div.meta a,.post .entry dt.gallery-icon a,.post div.entry .wp-caption a
{
	border:0 none;
}

p,h1.comments
{
	margin:0 0 10px;
}

.h-pop .h-img,.menufloat,.post .enav .n,.pnav div.n,.botad .rfl
{
	float:right;
}

.h-pop .h-img
{
	width: 165px;
	height: 53px;
}

.menul,.menuc,.menur,.footl,.footc,.footr
{
	float:left;
	height:45px;
}

.menul,.footl
{
	width:15px;
	background:url('./images/menu-l.png') no-repeat;
}

.menur,.footr
{
	width:15px;
	background:url('./images/menu-r.png') no-repeat;
}

#nav { margin-left: 5px; }

#nav li ul li,.colsidebar .widget select
{
	width:100%;
}

#nav li:hover ul,#nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul
{
	left:auto;
}

.pin .sshow,.intro p,.colsidebar .widget ul.wp-tag-cloud li
{
	display:inline;
}

.post .enav .p,.post .el,.pnav div.p
{
	float:left;
}

.colsidebar div.widget div.quotescollection_randomquote p,.botad p
{
	margin:0;
}

span.textlinkad {
	display: block;
	background:#dfdfdf;
	border:1px solid #ddd;
	padding:10px;
	margin-bottom:10px;
	line-height:140%;
	text-align:center;
}

span.textlinkad .adnote {
    position:absolute;
    font-size:9px;
    color:#999999;
}

/* Modal Boxes (including settings) */

.modals {
    display: none;
}

.modal {
    padding: 10px;
}