/*
Theme Name: Rocket theme
Theme URI:
Description:
Version: 1.0
Author:
Author URI:

	This theme was designed and built by Alakhnor,

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/****************************************************************/
/* general styles stuff 					*/
/****************************************************************/
html { height: 100%; margin-bottom: 1px; }
form { margin: 0; padding: 0; }
body { margin: 0px 0px 0px 0px; height: auto; font-size: 12px; }
a:link, a:visited { color: #971111; text-decoration: none; font-weight: normal; }
a:hover { color: #c00; text-decoration: underline; font-weight: normal; }
a:active { outline: none; }
p { margin-top: 0; margin-bottom: 5px; text-align: left; }
div, p { font-family: Tahoma,Arial,sans-serif; line-height: 130%; }
fieldset { border: 0; padding: 5px 0; }
h1 { padding: 0; font-family:Helvetica ,Arial,sans-serif; font-size: 18px; font-weight: bold;
	vertical-align: bottom; color: #666; text-align: left; width: 100%; padding-bottom: 5px; }
h2, .contentheading { font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: normal;
	font-size: 16px; color: #666; padding-top: 15px; padding-bottom: 5px; }
h3 { }

h4 { font-size: 12px; }

span.pathway img { padding: 0 5px; }
span.pathway { display: block; margin-bottom: 15px; }

div.componentheading { padding-left: 0px; }

a.readon { display: block; margin-top: 10px; padding-left: 18px; line-height: 16px; height: 16px; }
a.contentpagetitle { font-weight: bold; }

div.contentpaneopen, div.contentpane { width: 100%; }
h2.componentheading { margin: 0; padding: 0; width: 100%; }

div.moduletable { float: left; }
div.showcase_mods div.moduletable { padding: 0; margin: 0; }
div.moduletable h3, .componentheading, div.showcase_mods .contentheading {
	width: 100%;
	border: 0px solid #f00;
	margin: 0;
	margin-bottom: 0px;
	height: 37px;
	line-height: 26px;
	font-size: 12px;
	letter-spacing: -1px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	text-indent: 8px;
	color: #333;
}
div.moduletable ul { margin: 5px 0; text-align: left; display: block; }
div.moduletable ul li { padding-bottom: 3px; text-align: left; display: block; line-height: 20px; vertical-align: middle; padding-left: 3px; }
div#maincontent div.moduletable { padding-left: 0; padding-right:0; }
div.showcase_mods div.moduletable { padding-left: 0; padding-right:0; }

div.showcase_mods .contentheading { padding-bottom: 0px; padding: 0; padding-bottom: 10px; vertical-align: top; }

div.right_mods div.moduletable h3.submenu { color: #fff; }
div.moduletable ul.submenu li { padding-bottom: 0px; }
div.right_mods span.small { color: #ccc; }

.small { font-size: 10px; color: #666; font-weight: normal; text-align: left; }
.modifydate { height: 20px; vertical-align: bottom; font-size: 10px; color: #666; font-weight: normal; text-align: left; }
.createdate { height: 20px; vertical-align: top; font-size: 10px; color: #666; 	font-weight: normal;
	vertical-align: top; padding-bottom: 5px; padding-top: 0px; }
.clr { clear: both; }
#page_bg { height: 100%; padding: 0; margin-bottom: 1px; }

div.mosimage { margin: 5px; }
div.mosimage_caption {  font-size: 10px; color: #666; }

/** template stuff **/

.contentpad { padding: 5px 10px; }
div#content { clear: both; }
div#content .maincontent { float: left; padding: 0; }

div#content .maincontent, div.footer { width: 75%; }
div#maincontent { width: 98%; padding: 20px 1% 8px 1%;}
div#mainbody { width: 55%; }
div.showcase_mods { width: 97.8%; padding: 15px 1.1%; border: none; margin: 0; float: left; }
div.inset_mods { width: 43%; padding: 0 0 0 2%; }
div.moduletable ul { padding: 0 15px; width: 90%; }

body div#wrapper { margin: 0 auto; }
body.thin #nav a { padding: 0em 0.5em 0.2em 1.1em; }
body.thin div#wrapper { width: 773px; }
body.thin div#searchbox_mods {	width: 400px; }
body.thin div#newsflash_mods { right: 150px; width: 150px; }
body.thin div#right_mods { width: 150px; float: right; }
body.wide #nav a { padding: 0em 1.5em 0.2em; }
body.wide div#wrapper { width: 90%; }
body.wide div#searchbox_mods { width: 206px; }
body.wide div#newsflash_mods { right: 206px; width: 280px; }
body.wide div#right_mods { width: 205px; float: right; }
body.vmax #nav a { padding: 0em 1.5em 0.2em; }
body div#wrapper { min-width: 625px; max-width: 1000px; }
body div#searchbox_mods { width: 390px; }
body div#newsflash_mods { right: 15%; width: 20%; }
div.right_mods { width: 25%; float: left; margin: 0; padding:0; }
body.full #nav a { padding: 0em 1.5em 0.2em; }
body.full div#wrapper { margin: 0; min-width: 750px; }
body.full div#searchbox_mods { width: 15%; }
body.full div#newsflash_mods { right: 15%; width: 20%; }
body.full div#right_mods { width: 20%; float: right; }

div#footer_mods { width: 75%; }
div.footer { width: 75%; }
div.shadow_t { width: 100%; }
div#subfooter_mods { padding: 10px 4%; width: 92%; }
div.leftdots { padding-left: 14px; width: 336px; }
#bottom .shadow_t { width: 25% }
#bottom .shadow_t .right_mods { width: 100%; }

div#maincontent .moduletable { width: 100%; padding: 10px 0 0; margin-bottom: 10px; }
div#maincontent .inset_mods .moduletable { padding-top: 0; }

#labs-promo { width: 48%; padding-right: 1%; }
#tutorials-promo { width: 48%; padding-right: 2%; }

div.moduletable { padding-bottom: 15px; padding-left: 5%; padding-right: 4%; width: 91%; }
div.moduletable h3 { width: 100% }

	
/* frame info */

div#header { height: 98px; position: relative; }

div#header div { color: #fff; }

div#logo { position: absolute; left: 0; top: 0;	height: 77px; width: 389px; margin-left: 50px; }
div#anthem { position: absolute; left: 20px; top: 60px; width: 389px; margin-left: 50px; }

div#searchbox_mods {
	position: absolute;
	right: 0;
	top: 0;
	height: 98px;
	overflow: hidden;
}

div.search input {
	width: 100%;
	margin-bottom: 5px;

}

div#newsflash_mods {
	position: absolute;
	top: 5px;
	height: 88px;
	overflow: hidden;
}



div#horizmenu {
	height: 29px;
}



div#logo2 {
	height: 23px;
}

div#centernav {
	margin: 0 auto !important;
	margin: 0;
	display: table !important;
	display: block;
	text-align: center;
}
div#padbottom { height: 4px; overflow: hidden; }
div#maincontent { padding: 20px 8px 8px 8px; margin: 0; }
div#mainbody {
	overflow: hidden;
	margin: 0;
	margin-top: 10px;
	padding: 0;
	float: left;
	display: block;
}
#mainbody img { border: none; margin-bottom: 10px; }

div.inset_mods {
	float: right;
	display: block;
	margin: 10px 0 0 0;
	margin-top: 10px;
	background: url(images/ig_vertdots_content_white.png) 0 0 repeat-y;
}


div#footer_mods {
	height: 29px;
	text-align: center;
	line-height: 29px;
	float: left;
}
div#shadow_tr, div#shadow_tl, div.shadow_tl { padding-top: 12px; }
#bottom .shadow_t { height: 29px; }


/* default menu link styles */
a.mainlevel:link, a.mainlevel:visited {
	display: block;
	font-weight: bold;
	padding-left: 20px;
	padding-bottom: 5px;
}
a.mainlevel:hover { }
div#quote { padding-top: 10px; margin-right: 10px; text-align: left; float: right; 
	width: 505px !Important; width: 485px; }
div#quote div { text-align: left; }
div#topnav {clear:both; text-decoration:none;}
#topnav { margin-left: 90px; }

/****************************************************************/
/* tab menu stuff						*/
/****************************************************************/
#topnav ul#mainlevel { float: left; padding: 0; margin:0; list-style: none;
	border-left: 1px solid #700d0d; border-right: 1px solid #a1150f; }
#topnav #mainlevel li { float: left; margin: 0; padding: 0; border-right: 1px solid #700d0d; }
#topnav #mainlevel a:link, #topnav #mainlevel a:visited {
	font-size: 11px;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFBA26;
	float:left;
	display:block;
	padding: 0 20px;
	height: 29px;
	line-height: 29px;
	text-decoration: none;
	background: url(images/ig_menu_off.png) 0 0 no-repeat;
	border: 0;
}

#topnav #mainlevel li.redactive_menu { border-right: 1px solid #aa7a15; }
#topnav #mainlevel li.redactive_menu a:link, #topnav #mainlevel li.redactive_menu a:visited {
	background: url(images/ig_menu_active.png) 0 0 no-repeat;
	color: #821110;
	float:left;
	padding: 0 20px;
	height: 29px;
	line-height: 29px;
}

#topnav #mainlevel a:hover { color: #fff; }
#topnav #mainlevel li.redactive_menu a:hover { color: #821110; }

/****************************************************************/
/* navigation submenu						*/
/****************************************************************/
#subnav { height: 30px; padding: 0; margin: 0; overflow: hidden; 
	background: #222 url(images/ig_submenu_bg.png) repeat-x; padding-left: 90px; }
#subnav ul.submenu { float: left; margin: 0; padding: 0; 
	background: url(images/ig_submenu_div.png) 0 0 no-repeat; padding-left: 2px; list-style: none; }
ul.submenu li, ul.submenu li.active_menu { margin: 0; padding: 0; list-style: none; 
	float: left; padding-right: 2px; background: url(images/ig_submenu_div.png) 100% 0 no-repeat; }
ul.submenu li.active_menu a:link, ul.submenu li.active_menu a:visited, 
ul.submenu li.active_menu a:hover { color: #FFBA26; }
ul.submenu a { float: left; display: block; height: 30px; padding: 0 10px; line-height: 34px;
	font-size: 11px; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-weight: bold;
	text-transform: uppercase; }
ul.submenu li.active_menu a { background: url(images/ig_submenu_active.png) 50% 0 no-repeat; }
ul.submenu a:link, ul.submenu a:visited { text-decoration: none; color: #ccc; font-weight: bold; }
ul.submenu a:hover { color: #fff; font-weight: bold; }

/****************************************************************/
/* sidebar menu							*/
/****************************************************************/
div.moduletable div#sidebar { width: 100%; }
div.moduletable ul.sidemenu { margin: 5px 0 0 0; padding: 0; }
ul.sidemenu li { margin: 0; padding: 0; }
ul.sidemenu li.active_menu a:link,
ul.sidemenu li.active_menu a:visited,
ul.sidemenu li.active_menu a:hover { color: #821110; text-decoration: none; }
ul.sidemenu a { background: url(images/ig_module_submenu.png); display: block; height: 23px;
        line-height: 21px; padding-left: 20px; }
ul.sidemenu li.active_menu a { background-position: 0 -30px; }
ul.sidemenu a:hover { }

/****************************************************************/
/* color background stuff 							*/
/****************************************************************/

body { background: url(images/ig_background_grey.png); }
div, p,  table, td, th { color: #333; }
a:link, a:visited { color: #9C1B14; }
a:hover { color: #c00; }

a.mainlevel:link, a.mainlevel:visited { 
	background: url(images/ig_module_bullet_grey.png) 5px 2px no-repeat; font-weight: normal; }

ul { }

div.showcase_mods div, div.showcase_mods p,
div.right_mods div, div.right_mods p {
	color: #ddd;
}

div.showcase_mods a:link, div.showcase_mods a:visited,
div.right_mods a:link, div.right_mods a:visited {
	color: #FFBA26;
}

div.showcase_mods a:hover,
div.right_mods a:hover {
	color: #fff;
}

div.showcase_mods div.moduletable ul { list-style: url(images/ig_module_bullet2_grey.png); }

a.readon { background: url(images/ig_readmore_white.png) 0px 0px no-repeat; }

div.showcase_mods a.readon { background: url(images/ig_readmore_grey.png) 0px 0px no-repeat; }
div#shadow_l { background: #fff url(images/ig_shadow_left_grey.png) 0 0 repeat-y; }
div#shadow_r { padding: 0 14px; background: url(images/ig_shadow_right_grey.png) 100% 0 repeat-y; }
div#header { background: url(images/ig_header_red.png); }
div#logo { background: url(images/logo.png) no-repeat center left; }
div#searchbox_mods { }
div#searchbox_mods input.inputbox { }
div#newsflash_mods { background: url(images/ig_vertdots_white.png) 0 0 repeat-y; }
div#horizmenu { background: url(images/ig_menu_bg_red.png) 0 0 repeat-x; }
div.maincontent { background: #fff; }
div#maincontent { background: url(images/ig_content_shadow_top_white.png) 0 0 repeat-x; }
div.footer { float: left; background: #404040 url(images/ig_content_shadow_bottom_white.png) 0 0 repeat-x; }
div.shadow_t { background: url(images/ig_module_shadow_top_grey.png) 0 0 repeat-x; }
div#shadow_tr { background: url(images/ig_module_shadow_tr_grey.png) 100% 0 no-repeat; }
div.right_mods { background: #4d4d4d url(images/ig_module_shadow_left_grey.png) 0 0 repeat-y; }
div#shadow_tl, div.shadow_tl { background: url(images/ig_module_shadow_tl_grey.png) 0 0 no-repeat; }
div.showcase_mods { background: #404040 url(images/ig_showcase_shadow_top_grey.png) 0 0 repeat-x; }
div.topleft_mods div.moduletable h3,
div.right_mods div.moduletable h3 { background: url(images/ig_module_header_grey.png) no-repeat; color: #FFBA26; }

div.showcase_mods h1 {
	border: 0px solid #f00;
	margin: 0;
	margin-bottom: 0px;
	height: 37px;
	line-height: 26px;
	font-size: 11px;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	text-indent: 8px;
	background: url(images/ig_module_header_grey.png) no-repeat;
	color: #FFBA26;

}

div.showcase_mods div.moduletable h3,
div.showcase_mods td.contentheading,
div.showcase_mods h1 {
	background: url(images/ig_showcase_header_grey.png) no-repeat;
	color: #FFBA26;
}

div#maincontent div.moduletable h3,
.componentheading {
	background: url(images/ig_content_header_white.png) no-repeat;
}


div#subfooter_mods { background: #404040 url(images/subfoot_shadow.png) 0 100% repeat-x; }
#subfooter_mods a { color: #fff; }


div#subfooter_notice {
	background: url(images/subfoot_notice.png) 0 0 no-repeat;
	height: 47px;
	padding-left: 60px;
	color: #ccc;
}

div#footer_mods { background: #404040 url(images/ig_menu_bg_red.png) 0 0 repeat-x; color: #fff; }
div#footer_mods a:link, div#footer_mods a:visited, div#footer_mods a:hover { color: #fff; }

div.leftdots { background: url(images/ig_vertdots_content_white.png) 0 0 repeat-y; }
div.leftdots { margin-left: 4px; }

/****************************************************************/
/* some page content things 					*/
/****************************************************************/
form { border: none; margin: 0; padding: 0; }
div.moduletable span.article_seperator { display: none; }
body.contentpane { background: #fff; }

.title  { position: absolute; margin-top: -5000em; }
div.message { background: #009; color: #fff; padding: 5px; font-size: 14px; font-weight: bold; text-align: center; }
div.right_mods ul#mainlevel { list-style: none; margin: 0; padding: 0; }
div.right_mods ul#mainlevel li { background: none; padding: 0; margin: 0; }
div.right_mods ul#manilevel a.mainlevel:link,
div.right_mods ul#manilevel a.mainlevel:visited { background-color: transparent; background-image: url(images/ig_module_submenu.png); }
/****************************************************************/
/* stuff for login module 					*/
/****************************************************************/
img.sotm_image { float: right; width: 280px; }
div.sotm_text { margin-right: 310px; }
div.datetext { font-size: 10px; margin-top: 4px; }
div.datetext a { color: #fff; }
div.withavatar { background: url(images/header_cutout.png) no-repeat; float: left; height: 87px; width: 75px; }
div.withavatar img {  margin-left: 7px;  margin-top: 14px; }
div.loginintro { float: left; width: 180px; padding-top: 10px; padding-right: 5px; }
div.loginintro h5,
div.loginform h5 { color: #FFBA26; margin: 0; padding: 0; font-size: 11px; font-family: Tahoma, Helvetica, sans-serif; font-weight: bold; }
div.loginintro .small,
div.loginform .small { margin: 0; padding: 0; line-height: 1em; color: #fff; font-size: 10px; }
div.loginintro .grey { color: #ccc; }
div.loginlinks { float: left; width: 120px; background: url(images/loginlinks_sep.png) no-repeat; }
div.loginlinks ul { margin: 0; margin-left: 10px; margin-top: 8px; padding: 0; list-style: none; }
div.loginlinks li { background: url(images/loginlink_bullet.png) 0 3px no-repeat; padding-left: 12px; }
div.loginlinks a:link, div.loginlinks a:visited { color: #fff; font-size: 11px; }
div.loginlinks a:hover { color: #FFBA26; }
div.loginform { padding-left: 50px; padding-top: 15px; }
div.loginform a:link, div.loginform a:visited { color: #FFBA26; }

div.spotlight_pics { float: left; width:195px; }
div.spotlight_text { margin-left: 200px; }

/****************************************************************/
/* moofx stuff							*/
/****************************************************************/
.moofx-toggler { display: block; float: left; width: 20px; height: 18px; 
	background: url(images/closed.gif) no-repeat; }
.moofx-toggler-down { background: url(images/open.gif) no-repeat; }
.moofx-title a { line-height: 16px; }
.moofx-slider { padding-left: 20px; background: #fff; }
.moofx-bottom { margin-top: 3px; border-top: 1px solid #ccc; height: 3px; overflow: hidden; }
#moofx-content img { border: none; float: left; margin: 0 5px 0 0; }

.validate { text-align: center; padding-top: 4px; }
.notice { background: #ffc; border: 1px solid #cc3; padding: 10px; text-align: center; color: #333; }
div.timer { color: #666; font-size: 10px; text-align: center; }

#labs-promo *, #tutorials-promo * { padding: 0; margin: 0; }
#labs-promo { float: left; margin-bottom: 10px; margin-top: 15px; }
#tutorials-promo { float: right; margin-bottom: 10px; margin-top: 15px; }
#labs-promo a img, #tutorials-promo a img { border: none; padding: 0; margin: 0 0 5px 0; }
#labs-promo div, #tutorials-promo div { margin-top: 5px; }
.vote-buttons {
	white-space:nowrap;
	background-color:#fff;
	padding: 0 5px 5px 5px;
	margin-left:220px; 
	margin-top: 10px;
	border-top: 3px solid #eee;
	border-bottom: 3px solid #eee;
}
textarea#comment { width: 90%; }

#meta ul, #links ul, #archives ul, #categories-1 ul, #recent-posts ul,
#bbld-widget ul, #recent-comments ul { list-style-type: none; }

#meta ul li { background-image: url(images/icon_meta.png); }
#links ul li { background-image: url(images/icon_link.png); }
#archives ul li { background-image: url(images/icon_archive.png); }
#categories-1 ul li { background-image: url(images/icon_categories.png); }
#recent-posts ul li { background-image: url(images/icon_post.png); }
#bbld-widget ul li { background-image: url(images/icon_post.png); }
#recent-comments ul li { background-image: url(images/icon_post.png); }

#meta ul li, #links ul li, #archives ul li, #categories-1 ul li, #recent-posts ul li,
#bbld-widget ul li, #recent-comments ul li {
	padding-left: 22px;
	background-repeat: no-repeat;
	background-position: 1px 3px;
}

#pt-recent-posts *, #pt-last-youtube * { list-style: none; border: none; }
#pt-recent-posts li, #pt-last-youtube li { float: left; }

.blogroll * { list-style: none; }
.blogroll h2 { 
	background: #eee url(images/catbg.jpg);
	padding: 5px;
	width: 90%;
	margin-top: 15px;
	margin-bottom: 5px;
}


#forumcontent { width: 100%; }
.forumbody2 { margin: 10px; border: 1px solid #ccc; }
.catbg22 { background: #eee url(images/catbg.jpg) top left repeat-x !important; padding: 10px; width: 920px; display: block; margin: 5px; }
.catbg22 a { color: #000; font-weight: bold; }
.windowbg22 { color: #000000; padding: 0 10px; width: 920px; display: block; margin: 1px 5px; }
.windowbg11 { color: #000000; background-color: #fff; float: left; }
.part0 { margin-left: 10px; margin-right: 20px; }
.part1 { width: 500px; background-color: #f6f6f6; }
.part2 { width: 80px; font-size: 10px; margin-top: 5px; padding-left: 10px; }
.part3 { width: 260px; }

a.posttitle { font-size: 14px; font-weight: bold; display: block; margin-bottom: 5px; font-variant: small-caps; }
span.moofx-title a { font-variant: small-caps; }

#searchdiv { position: absolute; right: 5px; top: 5px; padding: 0; margin: 0; height: 17px;line-height: 17px; }
form#searchform * { border: none !important; }

#tag_cloud { line-height: 150%; }

/* Forum styles */
#hottags { float: left; width: 20%; padding: 2%; }
#discussions { float: left; width: 70%; padding: 2%; }

#forumlist, #latest {
	width: 100%;
	margin-bottom: 15px;
}
#forumlist th, #latest th {
	background: #eee url(images/catbg.jpg);
	padding-top: 5px;
	padding-bottom: 5px;
}
#postform fieldset, #container div.admin, .infobox, #userinfo, #user-threads, #user-replies, #viewdiv ul {
}
ol#thread {
}
ol#thread li { 
	
}
.poststuff {
	font-size: 10px;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: dotted 1px #888;
	border-bottom: dotted 1px #888;
	margin-bottom: 10px;
}

#forumcontent h2, #discussions h2, #hottags h2, .infobox h2, #topic-tags p, h2.post-form
, h2#userlogin, h3#useractivity {
	color:#666666;
	font-family:Geneva,Arial,Helvetica,sans-serif;
	font-size:16px;
	font-weight:normal;
	padding-bottom:5px;
	padding-top:15px;
	font-weight:bold;
	margin:0pt !important;
	line-height:130%;
	font-variant: small-caps;
}

#discussions td {  }

#topic-info { float: left; width: 58%; padding: 1%; }
#topic-tags { float: right; width: 37%; padding: 1%; }

#tag-form fieldset { border: none; }

#postform fieldset { padding-top: 10px; }
#postform #post_content { display: block; width: 75%; }

div.admin { padding: 5px; margin-top: 10px; }
#topic-move fieldset { border: none; }

#userinfo, #user-threads, #user-replies { padding: 10px; }
#user-replies { margin-bottom: 15px; }

.bb-child .nest { padding-left: 15px; }

#forumcontent { padding: 2%; width: 71%; float: left; }
#postform p label { font-weight: bold; font-size: 10px; }
input#topic, input#tags-input { display: block; }
#forumcontent .num { text-align: center; }
#forumcontent>p>a { font-size: 10px; line-height: 18px; display: block; background: url(images/feed.png) left center no-repeat; padding-left: 20px; margin-left: 1%; }
#forumcontent.forumprofile>p>a { font-size: 10px; line-height: 18px; display: block; background: none; padding-left: 5px; margin-left: 1%; }
#forumcontent.forumprofile p, #forumcontent.forumprofile p a { display: inline;  font-size: 12px; padding-left: 0; margin-left: 0; }
h3.bbcrumb {
	padding: 5px;
	font-variant: small-caps;
}
h3.bbcrumb a {
	font-weight: bold;
}
p.frontpageheatmap { line-height: 160%; }