/*

Theme Name: TOS
Theme URI: http://www.theopportunityspot.com
Version: 1.0
Description: My first Wordpress theme based on my latest site layout.
Author: Mark Sorensen
Author URI: http://www.mark-sorensen.net

*/

/*** common colors ***
	#fdd532 = gold
	#898172 = dk brown background
	#669900 = green
	#006600 = dk green logo text
	#eafadc = lt green logo bg
*/

/*** common styles ***/
body {
	background-color: #898172;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	text-align: center;
}
form { margin: 0; }


#masthead_bg {
	width: 770px;
	height: 96px;
	background: #898172 url("images/tpl_masthead4.jpg") center top no-repeat;
	margin: 0 auto;
}
/*--------testing--------*/
#masthead {
	width: 750px;
	height: 100%;
	margin: 0 auto;
	/*padding-top: 10px;*/
	/*padding: 10px 10px 0 10px;
	border: 2px solid red;*/
}
/* is this still needed? */
#aheader {
	width: 750px;
	height: 100%;	/* fix the Win32 Internet Explorer float bug */
	/*height: 86px;*/
	background-color: #eafadc;
}

/*--------end testing--------*/
#shadow_bg {
	width: 770px;
	margin: 0 auto;
	background: #898172 url("images/tpl_bg_shadow2.gif") center top repeat-y;
	text-align: left;
}
#aframe {
	width: 750px;
	padding: 0;
	text-align: left;
	background: #fff url("images/tpl_content_bg.gif") center top repeat-y;
	margin-left: 10px;
}


#acontentcenter {
	float: left;
	padding: 5px 20px 10px 15px;
	width: 575px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 540px;
	height: 100%;	/* fix the Win32 Internet Explorer float bug */
	background-color: #fff;
}
#acontents {
	font: 13px Arial, Helvetica, sans-serif;
	color: #333;
}
#acontents a {
	color: #0000cc;
	text-decoration: none;
}
#acontents a:hover {
	color: #00c;
	text-decoration: underline;
}
/* aka: sidebar */
#acontentright {
	float: right;
	padding: 10px 8px 10px 5px;
	width: 172px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 157px;
	height: 100%;	/* fix the Win32 Internet Explorer float bug */
	font-size: 13px;
	/*background-color: #ece9da;*/ /*#f5f5f5;*/
	/*background: #ece9d8 url("images/tpl_bg_sidebar.gif") top left repeat-y;*/
}

/*** breadcrumbs ***/
#crumbs {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #808080;
	padding-top: 4px;
	margin-bottom: 15px;
}
#crumbs a {
	color: #808080;
	text-decoration: none;
}
#crumbs a:hover { 
	color: #333;
	text-decoration: underline;
}
/*** end breadcrumbs ***/
/*** footer area ***/
#footer {
	width: 750px;
	background: #eafadc url("images/tpl_footer.gif") top left no-repeat;
	height: 38px;
}
#footer div {
	font-size: 12px;
	font-weight: bold;
	padding: 10px 12px 3px;
}
#footer div a { color: #0000cc; }
#footer_shadow {
	background: url("images/tpl_footer_shadow.gif") top center no-repeat;
	height: 10px;
	width: 770px;
	margin: 0 auto 0 auto;
}
#fineprint {
	width: 730px;
	clear: both;
	margin: 0 auto 25px;
	height: 100%;	/* fix the Win32 Internet Explorer float bug */
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #333;
}
#fineprint a       { color: #333333; }
#fineprint a:hover { color: #eafadc; /*fdd532;*/ }
/*** end footer area ***/




#acontents h1 {
	font: normal 18pt Arial, Helvetica, sans-serif;
	/*margin-top: 0px;
	margin-bottom: 5px;*/
	color: #006600; /*#669900=green / #C64521=terracotta*/
	letter-spacing: -1px;
	clear: left;
	line-height: 1.2;
	width: 95%;
}
#acontents h1 a       { color: #006600; }
#acontents h1 a:hover { color: #fdd532; }
/*#acontents h1 { font-size: x-large; }*/
h2, h3, h4, h5 {
	color: #006600;
	margin-bottom: 5px;
}


#pageswirl_tips {
	font-size: 13px;
	padding-top: 10px;
	padding-bottom: 15px;
}
#wsp_articles {
	font-size: 13px;
	padding-top: 10px;
	padding-bottom: 15px;
}
#acontents h2,
#acontents h2 a, 
#acontentright h2 {
	font: 14pt Arial, Helvetica, sans-serif; /* bold 12pt*/
	color: #006600; /*#669900=green / #C64521=terracotta*/
	/*letter-spacing: -1px;
	line-height: 1.2;*/
	clear: left;
	margin-bottom: 5px;
	padding: 0;
}



/*-------------------------------------*/

/*
p,h1,pre {
	margin: 0px 10px 10px 10px;
}
h1 {
	font-size: 14px;
	padding-top: 10px;
}
*/
p, li { font-size: small; }
li { padding-bottom: 3px; }


.hor_line {
	border-top: 4px solid #eee;
	width: 100%;
	margin: 15px 0;
	display: block;
	clear: both;
}
/* author's article info */
blockquote#sig { margin: 0; text-indent: 0; }

#sig p {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #666;
	display: block;
	clear: both;
	margin: 25px 0 15px 0;
	border: 4px solid #eee;
	padding: 8px 10px 6px 8px;
	/* border-top: 1px solid #dcdcdc; */
}
#sig p a       { color: #666; text-decoration: none; }
#sig p a:hover { color: #00c; text-decoration: underline; background-color: #f0f8ff; }

/* show a small image on the right of the external link */
.newWinStyle {
	/*a.external { */
	background: url("images/external_link.gif") center right no-repeat;
	padding-right: 14px;
}

/* edit a post link */
.edit {
	background: url("images/page_white_edit.png") center left no-repeat;
	padding-left: 21px;
	font-weight: bold;
}


.left   { float: left; text-align: left; }
.right  { float: right; text-align: right; }
#searchbox {
	background-color: #fff;
	color: #333;
	padding-top: 20px;
	padding-bottom: 5px;
	text-align: left;
	/*padding-top: 20px;
	clear: both;*/
}
a:hover {
	color: #0000cc;
	text-decoration: underline;
}
small { font: 11px Verdana, Arial, Helvetica, sans-serif; }
p.top {
	text-align: left;
	font: 12px Arial, Helvetica, sans-serif;
	margin: 12px auto 12px 0;
}

.required { color: #CC0000; font-size: 12px; }



/* ---------------------- new chromestyle3.css ----------------------  */
.chromestyle {
	width: 750px;
	background-color: #fff;
}
/* Add margin between menu and rest of content in Firefox */
.chromestyle:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.chromestyle ul {
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	width: 100%;
	font: bold 12px Arial, Verdana, Helvetica, sans-serif;
	/*background: #eafadc url("images/chromebg3.gif") left center repeat-x;*/ /*THEME CHANGE HERE*/
	background: #eafadc url("images/chrome/chromebg3a.png") left center repeat-x; /*THEME CHANGE HERE*/
	padding: 4px 0;
	margin: 0;
	text-align: left; /* set to "left", "center", or "right" */
/* new bg + other changes 
	background: url("images/chrome/chromebg3a.png") center repeat-x;
	padding-left: 0;
*/
}
.chromestyle ul li {
	display: inline;
}
/* main menu bar w/separator line */
.chromestyle ul li a {
	color: #494949;
	padding: 4px 7px;
	margin: 0;
	text-decoration: none;
	border-right: 1px solid #ADED7C;
}
.chromestyle ul li a:hover {
	/* background: url("images/chromebg3-over.gif") center center repeat-x;*/ /* THEME CHANGE HERE */
	color: #0000cc; /*#494949*/
	text-decoration: underline;
	background-color: #aded7c;
}
/* HTML to indicate drop down link */
.chromestyle ul li a[rel]:after {
	/* uncomment "url" line to use an image instead of "v" next to the menu option... 
	content: " +"; */
	content: " " url("images/sort_desc.gif");
}
/* ######### Style for Drop Down Menu ######### */
.dropmenudiv {
	position: absolute;
	top: 0;
	border: 1px solid #ADED7C; /* THEME CHANGE HERE */
	border-bottom-width: 0;
	font: normal 12px Arial, Helvetica, sans-serif;
	line-height: 18px;
	z-index: 100;
	background-color: #fff;
	width: 200px;
	visibility: hidden;
	/* Add Shadow in IE. Remove if desired
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); */
}
/*.dropmenudiv a{*/
#aheadernav .dropmenudiv li {
	list-style-type: none;
	border-bottom: 1px solid #ADED7C; 
	padding: 3px 0;
}


#aheadernav .dropmenudiv li a {
	width: 99%;
	display: block;
	text-indent: 5px;
	/*Theme Change here...
	border-bottom: 1px solid #ADED7C; 
	padding: 2px 0; */
	text-decoration: none;
	color: #000;
	text-align: left;
	/*list-style-type: none;*/
}
/* testing... */
.dropmenudiv ul {
	margin: 0;
	padding: 0;
	border: none;
}
/* end testing... */
.dropmenudiv ul li a {
	width: 99%;
	display: block;
	text-indent: 3px;
	text-decoration: none;
	border-right: 1px solid #ADED7C; /* #ADED7C - THEME CHANGE HERE */
	border-bottom: 1px solid #ADED7C; /* #ADED7C - THEME CHANGE HERE */
	padding: 3px;
	color: #333;
	background-color: #EAFADC;
}


.dropmenudiv ul li a:hover { /* THEME CHANGE HERE */
	background-color: #ADED7C;
	color: #0000cc;
	text-decoration: underline;
	/*padding: 2px 0;*/
}
/*------------------------------------------------*/
/*
#aheadernav #chromemenu ul li a {
	float: left;
	color: #7F7F7F;
	font-weight: bold;
	padding: 6px 12px 6px 7px;
	text-decoration: none;
	background: url("images/chrome/divider3.gif") center right no-repeat; 
}
*/


/* Ultimate Tag Warrior styles */
.UTWPrimaryTags {
	font-size: 12px;
	color: #a9a9a9;
}

/* Adsense ads in content area 
#as_content {
	clear: both;
	padding: 0 6px 6px 6px;
} */
#as_content_left {
	float: left;
	padding: 0 15px 5px 0;
}
#as_content, #as_content_right {
	float: right;
	padding: 0 5px 5px 15px;
}
#as_footer {
	margin: 12px 0 12px -6px;
}
/* end Adsense */



/* 
not currently used

#author, #copyright, #published {
	color: #666;
	font-size: 12px;
}
#author a, #copyright a, #published a {
	color: #666;
	text-decoration: underline;
}
#author    { list-style-image: url("images/icon_author.gif"); }
#published { list-style-image: url("images/icon_published.gif"); }
#copyright { list-style-image: url("images/icon_question.gif"); }

#printadsense { display: none; }
#printfooter { display: none; }
.left   { float: left; }
.right  { float: right; }
*/
#acontentright h2 {
	font: 18px Arial, Helvetica, sans-serif; /* bold 12pt*/
	color: #333; /*#669900=green / #C64521=terracotta*/
	/*letter-spacing: -1px;
	line-height: 1.2;*/
	clear: left;
	margin-bottom: 5px;
	padding: 0;
}

#sidebar_cats ul, #sidebar_blogroll ul {
	margin: 0;
	padding-left: 2px;
	border: none;
}
#sidebar_cats ul li.cat-item {
	list-style-type: none;
	color: #666;
	font-size: 12px;
	/*margin-left: 3px;
	padding: 3px 0;*/
}
#sidebar_cats ul li.cat-item a:link, #sidebar_cats ul li.cat-item a:visited {
	font-size: 13px;
	font-weight: bold;
	color: #00c;
	text-decoration: none;
}
#sidebar_cats ul li.cat-item a:hover, #sidebar_cats ul li.cat-item a:active {
	font-size: 13px;
	text-decoration: underline;
}

abbr, acronym, .help {
	border-bottom: 1px dotted #333;
	cursor: help;
}