/*  
Theme Name: Direct Response
Author URI: http://corymiller.com
Version: 1
Author: Cory Miller
Description: Direct Response Web 2.0 is a two column, widget-ready, web 2.0 theme, based on copywriter Ray Edwards' blog.
*/

body {
	background: #ffffff url('images/background.jpg') top center repeat-x;
	color: #000000;
	font-size: 14px;
	font-family: Trebuchet MS, Helvetica, Verdana, Sans-Serif;
	margin: 0px;
	}

body * {margin: 0px; padding: 0px;}


a:link, a:visited{color: #003366;text-decoration:none;padding:8px;}
a:hover{color:white;text-decoration:none;background:black;}
#header a:hover {background:none;}

#container { 
	background: transparent url('images/Dave_Seldon_5063.jpg') no-repeat 788px 78px;
	width: 860px;
	text-align: left; 
	margin: 0px auto 20px auto; 
	padding: 
	overflow: hidden;
	}
#header {
	width: 860px;
	height:131px;
	overflow: hidden;
	background: transparent;
	padding: 0px;
	position:relative;
        text-align:center;
	}	
#header h2 {
	color: #ffffff;
	font-size: 21pt;
	font-family:  Arial, Helvetica, Verdana, Sans-Serif;
	font-weight: bold;
    text-decoration: none;
	margin: 0px;
	padding: 40px 0px 0px 0px;
	}

#header h2 a { color: #ffffff; text-decoration: none; }

#header h2 a:hover { color: #ffffff; }

#header h3 {
	color: #fff;
	font-size: 14pt;
        font-weight:normal;
	margin: 5px 0 0 0;
	padding: 0px;
	}

.centeredImage    {
        text-align:center;
        margin-top:15px;
        margin-bottom:0px;
        padding:0px;
        }

.mugshot {
	position: absolute;
	top: 0px;
	right: 15px;
	}

#menu { 
	margin-top: -0;
	line-height:24px;
	text-align: center;
	}
#menu img{ border: none; }
#menu h2 {
	color: #ffffff;
	font-size: 15px;
	font-family:  Arial, Helvetica, Verdana, Sans-Serif;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	}
#menu li {
	display: inline;
	list-style-type: none;
	margin: 0 5px 0 0;
	padding: 0;
	}
		
#menu ul {
	margin: 0px;
	}
	
#menu ul li a {
	font-family:  MS Trebuchet, Helvetica, Verdana, Sans-Serif;
	font-weight: bold;
	font-size: 18px;
	color: #505050;
	padding: 0;
	margin: 0;
    text-decoration: none;
	}

#menu ul li a:hover {
	color: #ff9900;
	background: #e0e0e0;
        padding: 0;
	}



* html #content { width: 500px; min-height: 500px; margin: 0px; margin-top: 38px; margin-bottom: 30px;
clear: both; }

#content { 
	display: block;
	background: #ffffff;
	width: 530px; 
        margin: 0px;
	margin-top: 38px;
        margin-bottom: 30px;
	float: left; 
	position:relative;
	padding: 0px;
	clear: both;
        }
#content p{
	margin: 0px;
	line-height: 18px;
	padding: 0px 0px 10px 0px;
	}
	
#content p img{
	border: none;
	padding: 0px 10px 10px 0px;
	}
#content p img.alignright {float:right; margin:0 0 1em 1em}
#content p img.alignleft {float:left; margin:0 1em 1em 0}


#content h1 {
	color: #034060;
	font-size: 21px;	
	font-family:  Arial Bold, Helvetica Bold, Verdana, Sans-Serif;;
	font-weight: bold;
	margin: 0 0 15px 0;
	line-height: 120%;
	font-variant: normal;
	}
#content h1 a  {
	color: #ff9900;
	text-decoration: none;
	}

#content h1 a:hover { color: #ffffff; }
#content h1 span { 
	color: #666666;
	font-style: italic;
	}

#content h1 span a, h1 span a:visited { color: #666666; }
	
#content h1 span a:hover { color: #000000; }

#content h2 {
	color: #ff9900;
	font-size: 18px;	
	font-family:  Arial Bold, Helvetica Bold, Verdana, Sans-Serif;;
	font-weight: bold;
	margin: 0px;
	line-height: 120%;
	font-variant: normal;
	text-transform: uppercase;
	}
#content h2 a  {
	color: #ff9900;
	text-decoration: none;
	}

#content h2 a:hover {
	color: #000000;
	text-decoration: none;
	}

#content h3 {
	color: #003366;
	font-size: 16px;
	font-family:  Arial Bold, Helvetica Bold, Verdana, Sans-Serif;;
	font-weight: bold;
	margin-bottom: 0px;
	padding: 0px 0px 0px 0px;
	line-height: 120%;
	}
#content h3 a  {
	color: #333333;
	text-decoration: none;
	}

#content h3 a:hover {
	color: #003366;
	background: #ffffff;
	text-decoration: underline;
	}

#content ol {
	list-style-type: decimal;
	line-height: 18px;
	margin: 0px;
	padding: 0px 0px 10px 30px;
	}
#content ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	}

	
#content li {
	margin: 0px;
	padding: 0px;
	}
	
#content ul li {
	list-style: square inside;
	margin: 0px 0px 0px 10px;
	padding: 5px 0px 0px 0px;








	}
	
#content ul li a {
	color: #666666;
	text-decoration: underline;
	}

#content ul li a:hover {
	color: #000000;
	}
blockquote{
	margin: 0px 0px 0px 25px;
	padding: 0px 25px 0px 10px;
	font-style: italic;
	color: #666666;
	border-left: 1px solid #cccccc;
	}
	
#content blockquote p{
	margin: 0px 0px 20px 0px;
	padding: 0px;
	}

.post { 
	padding: 20px 30px 20px 30px;
	border: 1px solid #666666;
        overflow: visible;
	}

#post { 
	padding: 20px 30px 20px 30px;
	border: 1px solid #666666;
        overflow: visible;
	}

#post a {
        padding: 0;
        text-decoration: underline;
}

.postspace {
	width: 440px;
	height: 32px;
	margin: 0px;
	padding: 0px;
	}
.postspace2 {
	width: 440px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	}
.postspace3 {
	width: 440px;
	height: 15px;
	margin: 0px;
	padding: 0px;
	}

#emailbox {
	background: #494949 url(images/emailbox.gif) top center repeat-x;
	color: #ffffff;
	margin: 0px;
	padding: 20px;
	}

* html #emailbox { 
	position:relative;
	top: 10px;
	bottom: 10px;
	margin: 0px 0px 10px 0px; 
	background: #000000; 
	}

* html #.emailboxtext { padding: 10px 0px; margin: 0 auto; }

.emailboxtext {
	color: #ffffff;
	font-size: 21px;
	font-family: MS Trebuchet, Helvetica Bold, Verdana, Sans-Serif;
	font-weight: bold;
	list-style: none;
	padding: 5px 0px 5px 0px;
	margin: 0px;
	text-transform: uppercase;
	}

.emailboxtext-subhead {
	color: #ff9900;
	font-size: 17px;
	font-family: Arial Bold, Helvetica Bold, Verdana, Sans-Serif;
	font-weight: bold;
	list-style: none;
	padding: 5px 0px 15px 0px;
	margin: 0px;
	}

#sidebar { 
	display: block;
	color: #000000;
	width: 295px;
	float: right; 
	position:relative;
	margin: 38px 0px 30px 0px;
	padding: 0px;
	text-align: left;
	}
* html #sidebar { width: 295px; margin: 28px 0px 30px 0px; }

#sidebar p{
	margin: 0px;
	line-height: 16px;
	padding: 5px 0px 10px 0px;
	}

#sidebar img {
	margin: 0px;
	line-height: 16px;
	padding: 0px 5px 5px 0px;
	}

#sidebar a:hover {
	color: #ffffff;
	background: transparent;
  
}        

#sidebar h2 {
	color: #333333;
	font-size: 21px;
	font-family:  Arial Bold, Helvetica Bold, Verdana, Sans-Serif;;
	list-style: none;
	padding: 25px 0px 5px 0px;
	margin: 0px;
	text-transform: uppercase;
	border-bottom: 1px dotted #cccccc;
	}

#sidebar ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	}
	
#sidebar li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#sidebar ul li {
	list-style: disc;
	margin: 0px 0px 15px 5px;
        line-height: 1.0em;
        text-indent:-8px;
	}
#sidebar ul li a {
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	font-size: 16px;
	}

#sidebar ul li a:hover {
	color: #2397E9;
	text-decoration: none;
	}
#sidebar ul li ul li { padding: 8px 0px 0px 10px; }

#sidebar ul li ul li a { color: #2397E9; }

* html #footer { padding: 20px; clear: both; margin: 0px; margin-top: 30px;  }

#footer { 
	color: #efefef;
	background: #494949;
	font-size: 11px;
	padding: 20px;
	text-align: right;	
	border-top: 3px solid #000000;
	margin: 30px 10px 0 0;
        overflow: hidden;
        clear: both;
	}
#footer a, footer a:hover {
	color: #FFFFFF;
        background: #494949;
	text-decoration: none;
        padding:0;
        margin:0;
	}


/* Default CSS generated by dTabs */

#tabbar {background-color:transparent;
         margin-top:-16px;
}
#tabbar ul {list-style-type:none;
}

/* style the tabs in IE (the trailing comma prevents other browsers from reading this) */
#tabbar li, #tabbar ul li, {
	
	/* make them horizontal in IE*/
	display: inline;
	
	/* space them a little in IE*/
	margin: 0 2px;
}

/* style the tabs */
.tab, .tabselected {
	
	/* make them horizontal in Firefox 2*/
	display: -moz-inline-box;
	
	/* make them horizontal in all other browsers*/
	display: inline-block;
	
	/* space them a little */
	padding: 8px;
	
	/* set a background for non-selected tabs (which we will overide for selected tabs later) */
	background-color: #fff;
	
	/* set a border, make it rounded at the top */
	border: 1px solid #ffffff;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-top-left: 5px;
	-khtml-border-radius-top-right: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;

        font-weight:bold;
}

/* make changes to the selected tab */
.tabselected {
	/* set a background */
	background-color: #e0e0e0;
	
	/* make the border along the bottom blend into the background */
	border-bottom-color: #e0e0e0;
}

/* style the drop down menus */
.dmenu {
	/* left align the text */
	text-align: left;
	
	/* REQUIRED */
	position: absolute;
	
	/* js fade method should display them 23px below the top of the tabs */
	margin: 29px 0 0 10px;
	
	/* put some space around the contents */
	padding: 5px;
	
	/* set a background */
	background-color: #f5f5f5;
	
	/* set a border, round all the corners except the top left */
	border: 1px solid #000;
	-moz-border-radius: 5px;
	-moz-border-radius-topleft: 0;
	-khtml-border-radius: 5px;
	-khtml-border-radius-top-left: 0;
	-webkit-border-radius: 5px;
	-webkit-border-top-left-radius: 0;
}
#tabbar .dmenu ul {
	
	/* put space at the top and bottom of top-level menus */
	padding: 5px 0 0 0;
	
	/* stop ie going crazy */
	margin: 0;
	
}
#tabbar .dmenu ul li {
	
	/* stop ie from displaying list items inline */
	display: list-item;
	
}
#tabbar .dmenu ul li  {margin:8px;}
#tabbar .dmenu ul li a {color:#034060; padding:8px; text-decoration:none;}
#tabbar .dmenu ul li a:hover {color:#fff; background-color:#003366;}
.tab a:hover {color:#fff; background-color:#003366;}
.tab a {color:#034060;}
.tabselected a:hover {color:#003366; background-color:#e0e0e0;}



/* REQUIRED: hide menus off screen by default */
.dmenu {
	left: -999em;
}

/* STYLING JUST FOR CSS MENUS */
#tabbar .fademenu .dmenu {
	
	/* position menus correctly */
	margin: -5px 0 0 -6px;
}
/* REQUIRED: show menus on hovering */
#tabbar .fademenu:hover .dmenu {
	left: auto;
}

/* 
 *	Generic styles for all Sexy Buttons
 */

.sexybutton {
	display: inline-block;
	margin: 0;
	padding: 0;
	font: bold 13px "Helvetica Neue", Helvetica, Arial, clean, sans-serif;
	text-decoration: none;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.20);
	background: none;
	border: none;
	white-space: nowrap;
	cursor: pointer;
	user-select: none;
	-moz-user-select: none;
	
	/* Fix extra width padding in IE */
	_width: 0;
	overflow: visible;
}

.sexybutton.sexysimple { 
	position: relative; 
	padding: 5px 10px 5px;
	font: inherit;
	font-size: 13px;
	font-style: normal; 
	font-weight: bold; 
	color: #fff;
	line-height: 1; 
	background-image: url(images/awesome-overlay-sprite.png);
	background-repeat: repeat-x;
	background-position: 0 0;
	
	/* Special effects */
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25), -2px 0 1px rgba(0,0,0,0.25); 
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5); 
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	
	/* IE only stuff */
	border-bottom: 1px solid transparent\9;
	_background-image: none;
	
	/* Cross browser inline block hack - http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*display: inline !important;
	position: relative;
	
	/* Force hasLayout in IE */
	zoom: 1;
	
	/* Disable text selection (Firefox only)*/
	-moz-user-select: none;
}

.sexybutton.sexysimple::selection {
	background: transparent;
}

.sexybutton.sexysimple:hover {
	background-position: 0 -50px; 
	color: #fff;
}

.sexybutton.sexysimple:active { 
	background-position: 0 100%; 
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.7); 
	/* Unfortunately, Safari doesn't support inset yet */
	-webkit-box-shadow: none;
	
	/* IE only stuff */
	border-bottom: 0\9;
	border-top: 1px solid #666\9;
}

/* Simple button colors */
.sexybutton.sexysimple					{ background-color: #034060; }		/* Default */

/* Simple button sizes */

.sexybutton.sexysimple.sexyxxxl           { padding: 8px 14px 8px; font-size: 16px; }
.sexybutton.sexysimple.sexyxxxl:active    { padding: 9px 14px 7px; }
.sexybutton.sexysimple.sexyxxxl:hover  { background-color: #59a901; }