/*  
Theme Name: Solar SynaVista
Theme URI: 
Description: Solar Sentinel Look-Alike Theme for Wordpress
Version: 1.0
Author: Synavista Entertainment Network
Author URI: http://www.synavista.com

*/

* { margin: 0; padding: 0; }

body { margin: 24px 0 0 0; background: url(graphics/bg.jpg) repeat-x #C3C3C3; font: 12px normal Helvetica, Arial, FreeSans, sans-serif; }

h1 { font-size: 18px; margin: 0 0 20px 0; }
h3 { font-size: 20px; font-family: "Times New Roman", Times, serif; margin: 0 0 15px 0; font-weight: normal; }
	h3 a { color: #000; }
h4 { font-size: 18px; margin: 0 0 20px 0; }

p { margin: 0 0 15px 0; }

.category-title { font-size: 28px; border-bottom: 5px solid #f1f1f1; padding: 0 0 10px 0; }

#wrap-bg { margin: 0 auto; width: 1000px; height: 600px; background: url(graphics/wrap-bg.jpg) no-repeat top center; }
#wrap { margin: 0 auto 25px auto; width: 966px; border: 5px solid #FFF; background: #d5d5d5; }

#header { width: 964px; border: 1px solid #dedede; border-width: 0 1px 1px 1px; height: 85px; background: url(graphics/header-bg.jpg) repeat-x; }
#logo { background: url(graphics/logo.gif) no-repeat left center; height: 85px; float: left; width: 600px; }

#toppages { float: right; width: 300px; margin: 10px 0 30px 0; }
	#toppages ul { list-style: none; }
	#toppages ul li { display: inline; }
	#toppages ul li a { display:block; float:right; font-size:10px; text-decoration:none; font-weight: bold; text-transform: uppercase; color:#555; width:auto; padding: 0 16px; text-align: center; }
	#toppages ul li a:hover { color: #0d5079; }

#headersearch { float: right; width: 300px; text-align: right; margin: 0 10px 0 0; }
	#headersearch li { list-style: none; }
	#headersearch .screen-reader-text { display: none; }
	#headersearch #s { width: 200px; }
	#headersearch #searchsubmit { background: #DDD; color: #000066; padding: 0 10px; }

#header-bottom { border-top: 10px solid #0d5079; }
#content { margin: 5px; background: url(graphics/content-bg.jpg) repeat-x #FFF; border: 1px solid #bbb; padding: 20px 10px; }

.topbar { position: absolute; top: 0; left: 0; width: 100%; border-top: 4px solid #0d5079; }
.topbar2 { position: absolute; top: 0; right: 0; width: 100%; border-top: 4px solid #0d5079; }

a { text-decoration: none;	color: #336699; }
a:hover { text-decoration: underline; }

.clear { clear: both; }

#index-showcase { width: 966px; height: 335px; background: url(graphics/showcase-bg.jpg) no-repeat; overflow: hidden; }
#index-showcase-left { width: 600px; height: 335px; float: left; overflow: hidden; }
#index-showcase-right { width: 365px; height: 335px; float: right; border-left: 1px solid #0080a6; }
#index-showcase-right-top { width: 345px; height: 20px; border-bottom: 1px solid #0080a6; padding: 10px; text-align: center; color: #FFF; font-size: 16px; letter-spacing: 2px; }
#index-showcase-right-bottom { width: 335px;  height: 255px; padding: 15px; color: #FFF; overflow: hidden; }
	#index-showcase-right-bottom h1 { color: #FFF; font-size: 18px; margin-bottom: 10px; }
	#index-showcase-right-bottom ul { list-style: none; margin: 0 0 0 10px; }

.index-feature { margin: 0 0 10px 0; width: 608px; overflow: hidden; }
	.index-feature h3 { font-size: 18px; font-family: "Times New Roman", Times, serif; color: #0d5079; letter-spacing: -.5px; line-height: 18px; margin: 0 0 10px 0; font-weight: normal; }
	.index-feature a h3 {  }
	.index-feature a:hover h3 { color: #666; }
.index-feature-top { width: 608px; height: 41px; background: url(graphics/index-feature-top-bg.jpg) no-repeat; font-size: 18px; line-height: 41px; padding: 0 15px; }
.index-feature-content-top { width: 608px; height: 34px; background: url(graphics/index-feature-content-top.jpg) no-repeat; text-transform: uppercase; color: #666666; line-height: 34px; padding: 0 15px; }
.index-feature-content { width: 608px; background: url(graphics/index-feature-content-bg.jpg) repeat-y; padding: 0 15px; }
	.index-feature-excerpt { margin: 0 0 10px 0; }
.index-feature-topstory { width: 179px; float: left;margin: 0 15px 0 0; }
.index-feature-otherstories { width: 244px; margin: 0 15px; float: left; }
	.index-feature-otherstories h6 { font-size: 12px; color: #333; margin: 0 0 10px 0; }
	.index-feature-otherstories a h6 {  }
	.index-feature-otherstories a:hover h6 { color: #666; }
.index-feature-bottom { width: 608px; height: 6px; background: url(graphics/index-feature-bottom.jpg) no-repeat; }

.carouselBtn { display: none; }

.thumbnail { float: left; margin: 0 10px 0 0; border: 1px solid #d5d5d5; }

#box { float: left; width: 608px; }

.category-post { border: 2px solid #dedede; padding: 15px; margin: 0 0 15px 0; }

.postmetadata a { color: #FF0000; margin: 0; }

.sidebar-container { float: right; width: 310px; }
.sidebar { margin: 0 0 20px 0; }
.sidebar h3 { font-size: 18px; margin: 0 0 10px 0; }
.sidebar ul { list-style: none; padding: 10px; border: 2px solid #dedede; }
.sidebar li { padding: 0 0 5px 0; }
.sidebar img { border: 0; }

#footer { border: 1px solid #dedede; }
#footer-top { width: 934px; padding: 15px; background: url(graphics/footer-top-bg.jpg) repeat-x #fafafa; border-bottom: 1px solid #dedede; }
	#footer-top  ul { }
	#footer-top ul li { padding: 0 50px 0 0; display: inline; float: left; }
	#footer-top ul li ul { display: block; float: none; margin: 15px 0 0 0; }
	#footer-top ul li ul li { display: block; float: none; padding: 0 0 2px 0; }
#footer-bottom { width: 944px; height: 74px; padding: 0 10px; background: url(graphics/footer-bottom-bg.jpg) repeat-x; line-height: 74px; color: #666; text-align: right; }

.categories a { color: #666; font-weight: bold; }
.children a { color: #666; font-weight: normal; }

.comments-template { margin: 20px 0 0 0; border-top: 1px solid #ccc; padding: 10px 0 0; }
.comments-template ol {	margin: 0; padding: 0 0 15px; list-style: none; }
.comments-template ol li { margin: 10px 0 0; line-height: 18px; padding: 0 0 10px; border-bottom: 1px solid #ccc; }
.comments-template h2, .comments-template h3 { font-family: Georgia, Sans-serif; font-size: 16px; }
.commentmetadata { font-size: 12px; }
.comments-template p.nocomments { padding: 0; }
.comments-template textarea { font-family: Arial, Helvetica, Georgia, Sans-serif; font-size: 12px; }

.wp-forecast { width: 296px; }

.ec3_events { margin: 0 0 0 40px; list-style: none; }
.ec3_list_day { font-size: 14px; font-weight: bold; }
.ec3_events ul { margin: 0 0 10px 10px; font-size: 12px; font-weight: normal; list-style: none; }

embed { margin: 0 0 20px 0; }

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu { width:966px; height:36px; position:relative; z-index:100; background: url(graphics/menu-bg.jpg) repeat-x; border-top: 5px solid #DCDCDC; }
/* hack to correct IE5.5 faulty box model */
* html .menu { width:967px; w\idth:966px; }
/* remove all the bullets, borders and padding from the default list styling */
.menu ul { padding:0; margin:0; list-style-type:none; }
.menu ul ul { width:99px; }
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li { float:left; width:auto; position:relative; height:36px; background: url(graphics/menu-divider.jpg) no-repeat center right; }
/* style the links for the top level */
.menu a, .menu a:visited { display:block; font-size:10px; text-decoration:none; font-weight: bold; text-transform: uppercase; color:#555; width:auto; padding: 0 16px; text-align: center; line-height:36px; background: url(graphics/menu-bg.jpg) repeat-x; }
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited { width:59px; w\idth:48px; }

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited { background: url(graphics/menu-bg.jpg) repeat-x; }
/* style the second level hover */
.menu ul ul a.drop:hover { color: #0d5079; }
.menu ul ul :hover > a.drop { color: #0d5079; }
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited { background: url(graphics/menu-bg.jpg) repeat-x; }
/* style the third level hover */
.menu ul ul ul a:hover { color: #0d5079; }

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul { visibility:hidden; position:absolute; height:0; top:36px; left:0; width:149px; border-top: 0px solid #FFF; }
/* another hack for IE5.5 */
* html .menu ul ul { top:35px; t\op:36px; }

/* position the third level flyout menu */
.menu ul ul ul{ left:149px; top:-1px; width:149px; }

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left { left:-149px; }

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table { position:absolute; top:0; left:0; border-collapse:collapse;; }

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited { color: #555; font-size: 10px; font-weight: normal; border-top: 1px solid #dcdcdc; text-transform: uppercase; height:36px; line-height:36px; padding:0 10px; width:150px; text-align: left; }
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited { width:150px; w\idth:128px; }

/* style the top level hover */
.menu a:hover { color:#0d5079; border-top: 5px solid #0d5079; margin: -5px 0 0 0; }
.menu :hover > a { color:#0d5079; border-top: 5px solid #0d5079; margin: -5px 0 0 0; }

/* style the second level hover */
.menu ul ul a:hover{ color:#0d5079; border-top: 1px solid #dcdcdc; margin: 0; text-decoration: none; }
.menu ul ul :hover > a { color:#0d5079; border-top: 1px solid #dcdcdc; margin: 0; text-decoration: none; }

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{ visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{ visibility:hidden; }
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible; }