/* @override http://oyeme/css/styles.css */
/*=====
SITE: Oyeme CMS demo site
FILE: styles.css
CREATED: 4/8/2008
MODIFIED: 6/14/2008
AUTHOR: Ben Otero (ben@oyemecms.com)

=====*/

/* @group GLOBALS */
body				{ font-size:62.5%; background:#ecebdc; font-family: "Lucida Grande", helvetica, arial, verdana, sans-serif; margin:0; padding:0; } 
#container			{ width:940px; margin:5px auto 50px; padding:10px; background:#e6e5d3; position:relative; }

.show 				{ display:block; }
.hidden, hr			{ display:none; }

.clear:after	 	{ content: ".";  display: block; height: 0; clear: both; visibility: hidden; }
.clear 				{ display: inline-block;}

.column				{ float:left; width:46%; margin-right:20px; }
.wide				{ width:70%; }
.mid				{ width:25%; }
img.left-align		{ float:left; }
/* @end */


/* @group HEADER */
#header				{ position:relative; padding:0; height:45px; z-index:1000; width:960px; margin:0 auto; }
#header h1 a,
#header h1			{ display:block; width:146px; height:45px; }
#header h1 			{ text-indent:-999em; background:url(/images/logo.gif) no-repeat;  margin-left:20px;}
#header h1 a:focus	{ outline:none; } 
/* @end */


/* @group NAVIGATION */
#nav, #nav * 		{ list-style:none;margin:0;padding:0;}
#nav				{ position:absolute; top:15px; right:10px; height:30px; z-index:1001; }
#nav				{ height:25px; }
#nav li 			{ cursor:pointer;float:left;}
#nav li a 			{ 
					  display:block; margin:0; padding:0 12px; line-height:30px; color:#441403; font-weight:bold; font-family:helvetica, arial, sans-serif; 
					  font-size:1.4em; text-decoration:none; 
					}  
#nav li.current a, 
#nav li:hover a,
#nav li a:hover		{ background:#441402; color:#fff; }
#nav li li			{ float:none; }
#nav li li a		{ font-size:13px; font-weight:normal; }
#nav li li a:hover	{ background:#330700; }
#nav li ul 			{ position:absolute;left:-5000px;z-index:1001; width:150px; }
#nav li:hover ul 	{ left:auto;}
#nav li:hover ul ul, 
#nav li:hover ul ul ul, 
#nav li:hover ul ul ul ul 
					{ left:-5000px;}
#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li li li li:hover ul 
					{ left:auto;}
#nav li:hover ul li:hover ul 
					{ margin:-28px 0 0 140px;}

/* @end */

/* @group CONTENT */
#mainContent			{ background:#fff url(/images/sub_content_bg.gif) left 45px no-repeat; width:940px; min-height:430px; height:auto !important; height:450px; }
#videos	#mainContent	{ background:#fff; }

#content p				{ font-size:1.1em; color:#666; line-height:1.5em; }
.column h4				{ font:normal 1.4em Georgia, times, "Times New Roman", serif; color:#822a00; margin:0; }

/* @end */

/* @group PRIMARY CONTENT */
#primaryContent			{ padding:10px; float:left; width:600px; padding-right:30px;}
#primaryContent p,
#primaryContent li,
#primaryContent td		{ font-size:1.2em; color:#666; line-height:1.5em; }
#primaryContent p.date	{ font-size:1.3em; padding-bottom:6px; border-bottom:1px solid #ecebdc; }
#primaryContent img		{ padding:6px; background:#fff; border:1px solid #ecebdc; }
#primaryContent a		{ color:#441403; }
#primaryContent a:hover	{ text-decoration:none; }

#primaryContent h3		{ margin-top:1.5em; }
img.right-align			{ float:right; margin:0; position:relative; margin-top:10px; right:-10px; }

/* @group HEADINGS */
h2, h3, h4, h5, h6		{ color:#333; }
h2						{ font-size:2.2em; margin:0; padding:20px 10px; background:url(/images/login_heading.gif) repeat-x; height:28px; color:#fff; }
h3						{ font-size:1.8em;  }
h4						{ font-size:1.6em; font-weight:none; }
h5						{ font-size:1.5em; margin-bottom:0; }
h6						{ font-size:1.4em; margin-bottom:0; }
/* @end */

/* @group BLOG & COMMENTING */
.post						{ padding-bottom:20px; }
.post h4					{ margin:1em 0 00; font-size:2em}
.post .byline				{ margin-top:0; }
.post p.meta				{ padding-top:5px; border-top:1px solid #ecedbc; }
#comments, #errors			{ margin:2.5em 0; }
#comments h3				{ margin:0 0 .5em; padding:0; }
.comment					{ margin-bottom:2em;padding:8px; background:#fff; border:5px solid #ecebdc; position:relative; }
#comments p.meta			{ display:block; background:#330700; padding:5px; color:#fff; margin:-8px -8px 0; }
#comments p.meta a			{ color:#fff; font-weight:bold; }
.comment a:hover			{ text-decoration:none; }  
.comment-num				{ position:absolute; bottom:-20px; right:5px; z-index:0; font:italic 8em Georgia, times, serif; color:#ecebdc; }
/* @end */
	
/* @end */

/* @group SECONDARY CONTENT */
#secondaryContent			{ float:left; margin:10px 0 35px 12px; width:270px; }
#secondaryContent a			{ color:#441403; } 
#secondaryContent a:hover	{ text-decoration:none; }
#secondaryContent ul		{ margin:0; padding:0; list-style:none;  }
#secondaryContent p,
#secondaryContent li 		{ font-size:1.2em; color:#333; line-height:1.5em; }
#home #sidebars				{ border:0; }
#secondaryContent img		{ border:0; }
#secondaryContent h4		{ font-size:1.2em; color:#6a190b; text-transform:uppercase; font-variant:none; }
#secondaryContent #beta-testers				{ clear:both; padding-bottom:30px; background:url(/images/sub_divider.gif) repeat-x left bottom; }
#secondaryContent #beta-testers fieldset,
#beta-testers form,
#beta-testers ol			{ margin:0; padding:0; list-style:none; }
#beta-testers label			{ display:none; }
#secondaryContent #beta-testers fieldset		{ float:left; width:65%;}
#secondaryContent #beta-testers input.email	{ float:left; width:100%; display:inline; padding:6px; }
#secondaryContent #beta-testers .submit		{ float:left; display:inline; width:20%; margin:0; padding:0;	}
#secondaryContent #beta-testers fieldset.submit input	{ margin:0; font-size:1.2em; font-variant:none; padding:8px; margin-left:22px; border:0; }

/* @group SUBNAV */
#subnav 					{ width:225px; border:6px solid #dcd7c7; background:#ecebdc; padding:20px; }  
#subnav li a				{ display:block; font-size:1.4em; text-decoration:none; padding-left:8px; line-height:27px;}
#subnav li li a				{ font-size:13px; padding-left:12px;}
#subnav li li.current a		{ background:url(/images/left_arrow.gif) no-repeat left center; }

.subnav ul					{ margin:0; padding:0; list-style:none; }
.subnav li a				{ 
							  display:block; line-height:24px; text-decoration:none; color:#701c0d; text-transform:uppercase; 
							  font-weight:bold; padding-left:26px; 
							}
.subnav li a:hover			{ background:url(/images/subnav_arrow.gif) no-repeat 12px center; } 
.subnav li.current a		{ background:url(/images/subnav_current.gif) no-repeat; }

/* @end */
/* @end */

/* @group FOOTER */
#footer					{ height:100px; background:#dcd7c7 url(/images/footer_bg.gif) repeat-y; border-top:8px solid #e6e5d3; }
#footer .column			{ width:230px; height:100px; float:left; margin-right:0 }
#footer a p				{ font-size:1.1em; color:#666; margin:5px 0 0 65px; padding:0; line-height:1.5em;}
#footer a h3			{ color:#441403; font-size:1.8em; font-weight:normal; margin:27px 0 0 65px; }
#support				{ background:url(/images/support_bg.gif) no-repeat 10px 27px; }
#footer #videos			{ background:url(/images/help_bg.gif) no-repeat 10px 29px; width:240px; }
#footer #demo			{ background:url(/images/demo_bg.gif) no-repeat 10px 27px; width:240px; }
#footer #gallery		{ background:url(/images/gallery_bg.gif) no-repeat 10px 27px; padding-right:10px; width:220px;}
#footer #support:hover,
#footer #videos:hover,
#footer #demo:hover,
#footer #gallery:hover	{ background-color:#e6e5d3; }
#footer a				{ text-decoration:none; } 
/* @end */


/* @group COMMENT FORM */
#comment-form				{ margin-top:5em; }
form, fieldset				{ margin:0; padding:0; border:0; }
fieldset					{ width:100%; }
#comment-form label			{ font-size:1.2em; color:#666; display:block;}
#comment-form .left			{ float:left; width:50%; }
#comment-form .right		{ float:right; width:40%; }
#comment-form input.text	{ margin:.5em 0; border:1px solid #ccc; border-color:#aaa #eee #eee #aaa; padding:4px;}
#comment-form textarea		{ height:170px; width:100%; border:1px solid #ccc; border-color:#aaa #eee #eee #aaa; padding:4px;}
#comment-form input.submit	{ 
							  background:#ecedbc; border:4px solid #e6e5d3; padding:8px; font-size:1.6em; color:#666; margin-top:1.5em; 
							  font-variant:small-caps; font-weight:bold; cursor:pointer; 
							}
/* @end */

/* @group ORDER FORM */
form					{ padding-top:25px; }
label					{ display:block; font-size:1.4em; color:#333; margin-bottom:3px; }
input.text				{ padding:4px; width:80%; margin-bottom:1em; border:1px solid #aaa; border-color:#aaa #eee #eee #aaa; }
fieldset.submit input	{ 	
						  background:#ecedbc; border:4px solid #e6e5d3; padding:8px; font-size:1.6em; color:#666;  
						  font-variant:small-caps; font-weight:bold; cursor:pointer; margin-top:1em;
						}
/* @end */

/* @group CONTACT FORM */
#contact textarea			{ border:1px solid #aaa; border-color:#aaa #eee #eee #aaa; width:80%; height:100px; }
/* @end */