/*
Theme Name: O3 Strategies
Theme URI: http://www.o3strategies.com
Description: The default theme for O3 Strategies
Version: 2.0
Author: Brian Onorio
*/

body { margin: 0; background-color: #f3f4f3; font-family: "Lucida Sans Unicode", Arial; font-size: 12px; line-height: 16px;}

img { border: 0; }

a, a.visited { text-decoration: none; color: #646464; }
a:hover { text-decoration: underline; }
h1, h2, h3, h4, h5, h6 { font-family: "Trebuchet MS", Arial; clear: both; }
h1 { font-size: 25px; }
h2 { font-size: 18px; color: #606060; }
h3 { font-size: 15px; }
.box-1000 .box-1000-quarters h1 { font-size: 30px; margin: 10px 0; padding: 0; }
.box-1000 .box-1000-quarters h2 { font-size: 16px; margin: 5px 0; padding: 0; }
.box-1000 .box-1000-quarters h3 { font-size: 16px; margin: 5px 0; padding: 0; }
.box-70 h1 a { color: black; }

.box-1000 .box-1000-whole h3 { font-size: 16px; margin: 40px 0 10px 0; padding: 0; }

.box-333 h2 { font-size: 16px; margin: 5px 0; text-align: center; }


img { border: 0; }

#header { width: 100%; border-bottom: 1px solid; background-color: #ffffff; }
	#header-1 { width: 1000px; height: 86px; margin: 0 auto; }
	#header-1-blog { width: 1000px; height: 200px; margin: 0 auto; position: relative; }
		#header h1 { margin: 0; padding: 18px 0 0 0; }
			#header #header-1 #logo { float: left; width: 225px; }
			#header #header-1-blog #logo { text-align: center; }
			#header #header-1 #nav { float: right; width: 500px; margin: 27px 0 0 0; }
			#header #header-1-blog #nav { text-align: right; position: absolute; bottom: 20px; right: 0; }
				#header #nav ul { margin: 0; padding: 0; float: right; }
					#header #nav ul li { display: inline; list-style-image: none; list-style-position: outside; list-style-type: none; }
					#header #nav ul li a { background: url(images/nav-item2.png) scroll 100% 0; display: block; height: 32px; line-height: 32px; float: left; padding: 0 15px 0 10px; font-family: Arial; color: #8c8c8c; font-size: 10px; text-decoration: none; text-transform: lowercase; }
					#header #nav ul li.home a { background: url(images/nav-item-first.png) no-repeat; display: block; width: 36px; height: 32px; line-height: 32px; float: left; padding: 0; font-family: Arial; color: #8c8c8c; font-size: 10px; text-decoration: none; text-transform: lowercase; }
					#header #nav ul li.page-item-9 a { background: url(images/nav-item-last.png) scroll 100% 0; display: block; height: 32px; line-height: 32px; float: left; padding: 0 15px 0 10px; font-family: Arial; color: #8c8c8c; font-size: 10px; text-decoration: none; text-transform: lowercase; }

#content { width: 1000px; margin: 0 auto; padding: 20px 0 0 0; }				
#feature { background: url(images/feature-background.png) no-repeat; width: 1000px; height: 375px; position: relative; cursor: hand; cursor: pointer; }
		#feature #logo-feature { position: absolute; left: 0; top: 0; }
		#feature #learn-more { position: absolute; top: 1px; right: 1px; }
		#feature #content-feature { position: absolute; left: 430px; width: 560px; height: 375px; margin: 0; display: table; }
			#feature #content-feature ul { list-style-type: none; margin: 0; padding: 0; display: table-cell; vertical-align: middle; }
				#feature #content-feature ul li h1 { font-family: Georgia; font-size: 25px; font-weight: normal; margin: 0; }
				#feature #content-feature ul li h2 { font-family: Georgia; font-size: 20px; font-weight: normal; margin: 0 0 20px 20px; }
				
#portfolio { background: url(images/feature-background.png) no-repeat; width: 1000px; height: 375px; position: relative; cursor: hand; cursor: pointer; }
		#portfolio #logo-feature { position: absolute; left: 0; top: 0; }
		#portfolio #learn-more { position: absolute; top: 1px; right: 1px; }
		#portfolio #content-feature { position: absolute; left: 616px; width: 330px; margin: 20px 0 0 0; }
			#portfolio img#co-logo { display: block; text-align: center }
			#portfolio span#co-url { display: block; text-align: left; font-size: 16px; font-weight: bold; margin: 0 0 10px 0; }
			#portfolio span#co-readmore { display: block; text-align: left; font-size: 16px; font-weight: bold; margin: 20px 0 0 0; }
			#portfolio span#co-readmore:hover { display: block; text-align: left; font-size: 16px; font-weight: bold; margin: 20px 0 0 0; text-decoration: underline; }
			#portfolio #content-feature ul { list-style-type: none; margin: 0; padding: 0; }
				#portfolio #content-feature ul li h1 { font-family: Georgia; font-size: 25px; font-weight: normal; margin: 0; }
				#portfolio #content-feature ul li h2 { font-family: Georgia; font-size: 20px; font-weight: normal; margin: 0 0 20px 20px; }				

#feature-nav { margin: 0 0 10px 10px }
	#feature-nav table tr td { cursor: hand; cursor: pointer; }

#container { width: 1000px; background-color: #ffffff; }
#container-store { width: 1000px;}
	#container-store table.store { width: 100%; border-collapse: collapse; }
		#container-store table.store td { padding: 10px; text-align: center; }
		#tplPreview { background-color: #ffffff; padding: 0 15px 15px 15px; border: 1px solid black; }
		#tplPreviewProgressBar { background-color: red; }
		#container h1, #container-store h1 { font-family: "Trebuchet MS", Arial; font-size: 25px; }
		
	.box-1000 { background: url(images/box-1000.png) no-repeat; width: 1000px; padding: 40px 0 0 0; position: relative; }
		.box-1000-quarters { background: url(images/box-1000-quarters.png) no-repeat; width: 1000px; height: 250px; position: relative; }
		.box-1000-halves { background: url(images/box-1000-halves.png) no-repeat; width: 1000px; position: relative; }
		.box-1000-7030 { background: url(images/box-1000-7030.png); width: 1000px; position: relative; }
			.box-1000-7030 .box-70 { width: 640px; padding: 0 20px 0 40px; float: left; }
			.box-1000-7030 .box-30 { width: 240px; padding: 0 40px 0 20px; float: right; }
				.box-30 .sidebar-item { margin: 40px 0 0 0; }
				.box-30 .first { margin: 0; }
				.box-30 ul { list-style-type: none; margin: 0; padding: 0; }
				.box-30 ul li { margin: 2px 0; }
				#blog-sidebar ul { list-style-type: none; margin: 0; padding: 0; }
				#blog-sidebar ul li { margin: 0 0 20px 0; }
				#blog-sidebar ul li h2 { padding: 0; margin: 0; }
					#blog-sidebar ul li ul {list-style-type: none; margin: 0 0 0 20px; padding: 0; }
					#blog-sidebar ul li ul li { margin: 2px 0; padding: 0; }
								
		.box-1000-whole { width: 920px; padding: 0 40px; }
	.box-1000-footer { background: url(images/box-1000-footer.png) no-repeat; width: 1000px; height: 8px; }
		.box-1000 .left-500 { width: 420px; float: left; padding: 0 40px; }
		.box-1000 .right-500 { width: 420px; float: right; padding: 0 40px; }
			.box-1000 .left-250 { width: 170px; float: left; padding: 0 40px 0 0; position: relative; }
			.box-1000 .right-250 { width: 170px; float: right; padding: 0 0 0 40px; position: relative; }
	ul.list-1 { list-style-type: none; margin: 0; padding: 0; }
		ul.list-1 li { padding: 3px 0; }
	p.home-icon { position: absolute; top: 170px; }
	#small-feature { width: 1000px; margin: 0 auto; position: relative; background-color: #f3f4f3; height: 158px; }
		#small-feature .box-333 { width: 320px; background: url(images/box-333.png); margin: 5px 0 0 0; height: 150px; text-align: center; }
		#small-feature .left { position: absolute; top: 0; left: 0; }
		#small-feature .center { position: absolute; top: 0; left: 341px; }
		#small-feature .right { position: absolute; top: 0; left: 678px; }
		#small-feature .box-333-footer { width: 320px; height: 8px; background: url(images/box-333-footer.png); position: absolute; top: 150px; }
	
	
	table.ss-features { width: 85%; margin: 0 auto; }
	table.ss-features td { padding: 10px; }
	table.ss-features tfoot { font-weight: bold; }
	table.ss-features tbody { text-align: center; }
	table.ss-features td.attribute { text-align: left; }
	table.ss-features a { color: #339900; }
	
	table.feature-preview { width: 90%; margin: 0 auto; border: 0; margin-top: 30px; }
		table.feature-preview tr td.content { width: 50%; padding: 0 30px 40px 0; vertical-align: top }
		table.feature-preview tr td.icon { width: 85px; vertical-align: top; padding: 0 0 0 30px; text-align: center; }
	table.feature-preview-100 { width: 100%; margin: 0 auto; border: 0; margin-top: 30px; }
		table.feature-preview-100 tr td.content { width: 50%; padding: 0 20px 40px 0; vertical-align: top }
		table.feature-preview-100 tr td.icon { width: 85px; vertical-align: top; padding: 0 0 0 20px; text-align: center; }
	
	div.breadcrumbs { position: absolute; left: 30px; top: 10px; }
	div.breadcrumbs ul { list-style-type: none; display: inline; margin: 0; padding: 0; }
		div.breadcrumbs ul li { display: inline;  }	
			div.breadcrumbs ul li a { padding: 0 10px 0 10px; color: #009900; }


#footer { color: #f9ffff; width: 100%; height: 167px; background: url(images/footer-background.png) repeat-x; margin: 40px 0 0 0; padding-top: 20px; position: relative; }
	#footer p { color: #fff; }
	#footer p a { font-size: 12px; }
	#tree { position: absolute; left: 20px; top: -91px; }
	#footer-1 { width: 1000px; margin: 0 auto; position: relative; text-align: center; }
		#footer-1 #left { width: 102px; position: absolute; top: 38px; }
		#footer-1 #right { width: 398px; position: absolute; left: 102px; padding: 40px 0 0 30px; }
			#footer-1 ul { list-style-type: none; padding: 0; display: inline; text-align: center; margin: 0 auto; }
				#footer-1 ul li { display: inline; padding: 0 3px; }
					#footer-1 ul li a { text-decoration: none; padding: 10px 10px; }
					#footer-1 ul li a:hover { background-color: #4d7822; }
#footer a { color: #ffffff; font-size: 14px; }
		

.anchor { clear: both; }
.alignleft { float: left; padding: 0 20px 0 0; }
.alignright { float: right; padding: 0 0 0 20px; }
.aligncenter { margin: 0 auto; }

/* Forms */
div.form { text-align: left; }
	div.form ul { list-style-type: none; margin: 0; padding: 0 }
		div.form ul li { margin: 10px 0; float: left; clear: left; width: 100%; }
			div.form ul li label { width: 100px; text-align: right; padding: 4px 20px 4px 0; float: left;}
			div.form ul li input.txt { padding: 4px; width: 250px; }
			div.form ul li input.name { padding: 4px; width: 116px; margin-right: 4px; }
			div.form ul li input.phone-1 { width: 60px; padding: 4px; margin-right: 4px; }
			div.form ul li input.phone-2 { width: 93px; padding: 4px; margin-right: 4px; }
			div.form ul li textarea { width: 250px; height: 100px; padding: 4px; margin: 0; }
			
input.search { width: 204px; padding: 6px 6px 6px 30px; display: block; margin: 0 0 5px 0; background: url(images/icon-search-small.png) no-repeat; border-top: 1px solid #abadb3; border-right: 1px solid #e3e9ef; border-bottom: 1px solid #e3e9ef; border-left: 1px solid #e3e9ef; }
input.searchsubmit { padding: 3px; }
			
div.blog-item { clear: both; margin: 0 0 40px 0; }
div.blog-item h1 a, div.blog-item h3 a  { color: black; }

div.quote-box { width: 361px; padding: 20px; margin: 0 auto; background: url(images/quote-box.png); }
div.quote-box-footer { width: 401px; background: url(images/quote-box-footer.png) no-repeat; margin: 0 auto; }
	span.intro { display: block; margin: 0 0 10px 0; font-weight: bold; }
	span.quote { display: block; margin: 0 0 10px 0; }
	span.cite { font-style: italic; }

div.quote-box-footer .prev { width: 195px; float: left; padding: 0 0 0 5px; cursor: hand; cursor: pointer; }
div.quote-box-footer .next { width: 195px; float: right; text-align: right; padding: 0 5px 0 0; cursor: hand; cursor: pointer; }
ul#quote-list { list-style-type: none; padding: 0; margin: 0; }

#author-container { margin-top: 50px; }

#comments { margin: 40px 0 0 0; padding: 10px 0; border-top: 2px solid #e9e9e9; }
	#comments textarea#comment { width: 500px; height: 150px; }
	
	
	#comments ul { list-style-type: none; margin: 0; padding: 0; }
		#comments ul li { margin: 10px 0 10px 0; }
			#comments div.author, #author-container div.author { float: left; text-align: center; width: 80px; padding: 10px 0; }
				#comments div.name, #author-container div.name { font-size: 13px; font-weight: bold; }
			#comments div.info, #author-container div.info { float: right; width: 500px; background: #F7F7F7; padding: 10px; border: 1px solid #e9e9e9; }
				#comments div.date { font-size: 10px; width: 250px; float: left; }
				#comments div.act { font-size: 10px; width: 250px; float: right; text-align: right; }
				
ul.blog-meta { list-style-type: none; margin: 0; padding: 0; }
	ul.blog-meta li { margin: 10px 0; }
	
ul.comma-sep { list-style-type: none; margin: 0; padding: 0; }
	ul.comma-sep li { display: block; float: left; }

div.postnav { position: absolute; left: 30px; top: 10px; width: 640px; }
div.postnav a { color: #009900; }
div.previouspost { width: 45%; float: left; }
div.nextpost { width: 45%; float: right; text-align: right; }

/*******************************************************************************

Bookmarkify Theme Name: Boxed Subdued Buttons
Description: Contains settings to make link images appears as subdued buttons in a centered box. When the user hovers over the button, they brighten.
Author: Gary Keorkunian
Author URI: http://www.gara.com/

This theme is licensed under a 
Creative Commons Attribution-Share Alike License 3.0
http://creativecommons.org/licenses/by-sa/3.0/us/

You are free to use, copy, and distribute this theme and you are free to modify 
this theme under the condition that attribute the work to the original author
and you distribute any modification of this theme under the same license.
 
*******************************************************************************/

div.bookmarkify
{
	margin: 0px auto;
	border: 1px outset;
	padding: 5px;

	width: 275px;
	height: 1%;

	background: whitesmoke;
	
	text-align: left;
	vertical-align: middle;
	
	font-family: verdana, arial;
	font-size: 12px;
}

div.bookmarkify a
{
	text-decoration: none;
	
	font-family: verdana, arial;
}

div.bookmarkify a:hover
{
	text-decoration: underline;
}

div.bookmarkify div.title
{
	margin: 0px;
	border: none;
	padding: 0px;

	height: 1%;

	background: transparent;
	
	vertical-align: auto;

	color: #202020;
	font-weight: bold;
}

div.bookmarkify div.linkbuttons
{
	margin: 0px;
	border: none;
	padding: 2px;

	height: 1%;

	background: transparent;
	
	vertical-align: middle;
}

div.bookmarkify div.linkbuttons a
{
	margin: 0px;
	border: none;
	padding: 2px;

	height: 1%;

	background: transparent;
	opacity: 0.5;
	filter:alpha(opacity=50); 
	
	vertical-align: middle;
}

div.bookmarkify div.linkbuttons a:hover
{
	opacity: 1;
	filter:alpha(opacity=100); 
}

div.bookmarkify div.linkbuttons a img
{
	margin: 0px;
	border: 1px outset silver;
	padding: 2px;
	
	display: inline;

	background: transparent;
	
	vertical-align: middle;
}

div.bookmarkify div.linkbuttons a:hover img
{
}

div.bookmarkify div.brand
{
	margin: 0px;
	border: none;
	padding: 2px;

	height: 1%;

	background: transparent;
	
	vertical-align: auto;
}

div.bookmarkify div.brand a
{
	margin: 0px;
	border: none;
	padding: 0px;

	height: 1%;

	background: transparent;
	
	vertical-align: auto;

	color: gray;
	font-weight: normal;
}

div.bookmarkify div.brand a:hover
{
}

#contest { margin: 0 auto; width: 50%; padding: 10px; }
#contest ul { list-style-type: none; margin: 0; padding: 0; }
#contest ul li { display: block; padding: 10px 0; clear: both; }
#contest ul li h1 { padding: 0; margin: 0; }
#contest ul li input.txt { width: 100%; padding: 3px; display: block; }
#contest ul li select { width: 100%; padding: 3px; display: block; }
#contest textarea { width: 100%; height: 75px; }
#contest ul li label { display: block; color: #666; font-size: 11px; font-style: italic; }
#contest ul li label.question { color: black; font-size: 12px; font-style: normal; font-weight: bold; }
span.form_e { font-size: 12pt; color: red; position: absolute; }
.error { border: 2px solid red; }