/* NORMALIZE Cross browser rendering inconsistencies 
-----------------------------------------------------------------*/
html, body, form, fieldset{ 
margin: 0;
padding: 0; 
font-family:Arial, Helvetica, sans-serif; 
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, { 
margin: 1em 0;
padding: 0; 
}
li, dd, blockquote{ 
margin-left: 1em; 
}
fieldset{ 
border: none; 
}
input, select, textarea{ 
font-size:1em; 
}
/* End Normalization */

body{background:#808080;font-size:62.5%;line-height:150%;}

img{border:0;}
a img{border:0;text-decoration:none;position:relative;bottom:-2px;}

a:link{color:#ff0000; text-decoration:none;}
a:visited{color:#FF9900;}
a:hover, a:active{color:#000000; text-decoration:underline;}

ul, ol{padding-left:2.5em;}

h1, h2, h3, h4, h5, h6{
font-family:Lucidia Grande, Verdana, Arial, Helvetica, sans-serif; 
font-weight:normal;line-height:1.2em;}

h1{
font: italic 24px Arial, Verdana, Georgia, sans-serif; 
font-weight: bold;
color: #000000;
background:  url(http://www.freeflash.net/assets/templates/main2/title-header.png) 0 0 no-repeat;
margin: 0px;
padding: 14px 0px 0px 100px;
width: 540px;
height: 60px;}

h2{font-size:1.7em;}
h3{font-size:1.2em;}
h4{font-size:1em;font-weight:bold;}
h6{font-size:1em;}

blockquote{ padding:0 10px; border-left:2px solid #ccc; }

hr{
background:  url(http://www.freeflash.net/assets/templates/main2/hr.png) 8px 0 no-repeat;
width:636px;
height: 26px;
border: 0px;
/*visibility:hidden;
clear:both;*/}

/* General Classes
-----------------------------------------------------------------*/
.center{ text-align:center;}
.left{ text-align:left;}
.right{ text-align:right;}

img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }

.alignright { float: right; }
.alignleft { float: left; }

.alt { margin: 0; padding: 10px; }	
.entry{ 
background:url(http://www.freeflash.net/assets/templates/main2/line-divider.png) 50% bottom no-repeat;
padding:0 0 10px 0;
width:475px;overflow:hidden;
}
.entry img{margin:4px 7px;}
.planet{max-height:200px;overflow:hidden;}
.nom{margin:0;}
.notm{margin-top:0;}
.nobm{margin-bottom:0;}
.ul{text-decoration:underline;font-weight:bold;color:#006699;}


.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* Structure
-----------------------------------------------------------------*/
#header{
color:white;
background:url(http://www.freeflash.net/assets/templates/main2/header-tear.png) 0 0 repeat-x;
height:136px;
margin:0;padding:0;
}

#header div.liner{
width:896px;
margin:0 auto;
position:relative;
height:135px;

}

#header h1{text-indent:-9000px;
width:896px;
height:135px;
display:block;
background:url(http://www.freeflash.net/assets/templates/main2/logo.png) 0 0 no-repeat;
margin:0;padding:0;
outline:none;}
#header h1 a{
text-indent:-9000px;
width:896px;
height:135px;
display:block;
background:url(http://www.freeflash.net/assets/templates/main2/logo.png) 0 0 no-repeat;
margin:0;padding:0;
outline:none;}

#header h2{
text-align:right;
position:absolute;
bottom:30px;right:0;
display:inline;
font-size:1.2em;
color:#000;
}
#header h2 a{color:#ddd;}

/* Navigation
-----------------------------------------------------------------*/
ul#navigation{
display:inline;
list-style:none;
position:absolute;
bottom:0px;left:0;
margin:0px 0px 9px 10px;
	/*top   right  bottom left*/
padding:0;
height:26px;
width:899px;
z-index:1000;
font-family:Lucidia Grande, Verdana, Arial, Helvetica, sans-serif; 
/*border: 1px solid #ff0000;*/
}
ul#navigation li{
display:inline;
float:left;
margin:0;padding:0;
position:relative;
}
ul#navigation li a{
display:block;
height:30px;
text-indent:-9000px;
outline:none;
}

li.home{background:url(http://www.freeflash.net/assets/templates/main2/nav_home_f2.png) 0 0 no-repeat;}
li.home a{width:81px;background:url(http://www.freeflash.net/assets/templates/main2/nav_home.png) 0 0 no-repeat;}
li.home a:hover{background:url(http://www.freeflash.net/assets/templates/main2/nav_home_f2.png) 0 0 no-repeat;}
li.flash{background:url(http://www.freeflash.net/assets/templates/main2/nav_freeflash_f2.png) 0 0 no-repeat;}
li.flash a{width:104px;background:url(http://www.freeflash.net/assets/templates/main2/nav_freeflash.png) 0 0 no-repeat;}
li.flash a:hover{background:url(http://www.freeflash.net/assets/templates/main2/nav_freeflash_f2.png) 0 0 no-repeat;}
li.galleries{background:url(http://www.freeflash.net/assets/templates/main2/nav_galleries_f2.png) 0 0 no-repeat;}
li.galleries a{width:95px;background:url(http://www.freeflash.net/assets/templates/main2/nav_galleries.png) 0 0 no-repeat;}
li.galleries a:hover{background:url(http://www.freeflash.net/assets/templates/main2/nav_galleries_f2.png) 0 0 no-repeat;}
li.community{background:url(http://www.freeflash.net/assets/templates/main2/nav_community_f2.png) 0 0 no-repeat;}
li.community a{width:116px;background:url(http://www.freeflash.net/assets/templates/main2/nav_community.png) 0 0 no-repeat;}
li.community a:hover{background:url(http://www.freeflash.net/assets/templates/main2/nav_community_f2.png) 0 0 no-repeat;}
li.magazine{background:url(http://www.freeflash.net/assets/templates/main2/nav_magazine_f2.png) 0 0 no-repeat;}
li.magazine a{width:150px;background:url(http://www.freeflash.net/assets/templates/main2/nav_magazine.png) 0 0 no-repeat;}
li.magazine a:hover{background:url(http://www.freeflash.net/assets/templates/main2/nav_magazine_f2.png) 0 0 no-repeat;}
li.contest{background:url(http://www.freeflash.net/assets/templates/main2/nav_contest_f2.png) 0 0 no-repeat;}
li.contest a{width:95px;background:url(http://www.freeflash.net/assets/templates/main2/nav_contest.png) 0 0 no-repeat;}
li.contest a:hover{background:url(http://www.freeflash.net/assets/templates/main2/nav_contest_f2.png) 0 0 no-repeat;}
li.store{background:url(http://www.freeflash.net/assets/templates/main2/nav_store_f2.png) 0 0 no-repeat;}
li.store a{width:127px;background:url(http://www.freeflash.net/assets/templates/main2/nav_store.png) 0 0 no-repeat;}
li.store a:hover{background:url(http://www.freeflash.net/assets/templates/main2/nav_store_f2.png) 0 0 no-repeat;}
li.advertising{background:url(http://www.freeflash.net/assets/templates/main2/nav_advertising_f2.png) 0 0 no-repeat;}
li.advertising a{width:107px;background:url(http://www.freeflash.net/assets/templates/main2/nav_advertising.png) 0 0 no-repeat;}
li.advertising a:hover{background:url(http://www.freeflash.net/assets/templates/main2/nav_advertising_f2.png) 0 0 no-repeat;}
/*li.contact{background:url(http://www.freeflash.net/assets/templates/main2/nav_contact_f2.png) 0 0 no-repeat;}
li.contact a{width:99px;background:url(http://www.freeflash.net/assets/templates/main2/nav_contact.png) 0 0 no-repeat;}
li.contact a:hover{background:url(http://www.freeflash.net/assets/templates/main2/nav_contact_f2.png) 0 0 no-repeat;}*/

ul#navigation li ul { /* second-level lists */
position: absolute;
background: #ccc;
border:1px solid #333;
top:0px;
width: 200px;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
list-style:none;
z-index:1000;
padding:0;
}
ul#navigation li ul li{float:none;backgoround:transparent;}
ul#navigation li:hover ul, ul#navigation li.over ul { /* lists nested under hovered list items */
left: 0;top:20px;
}
ul#navigation li ul li a{background:transparent; width:100%; font-size:1.2em; height:1em;padding:6px 0; color:black; text-decoration:none;border-bottom:1px solid #999;border-top:1px solid #eee;font-weight:normal;text-indent:5px;z-index:1000;}
ul#navigation li ul li a:hover{background:white;}
/* dont think I need
#highlight{background: url(http://www.freeflash.net/assets/templates/main2/highlight-bkgd.png) 3px 0 repeat-x;font-family:Verdana, Arial, Helvetica, sans-serif;}
#highlight div.liner{background:url(http://www.freeflash.net/assets/templates/main2/highlight-plate.png) 50% 0 no-repeat;}

#highlight div.liner2{
width:800px;
margin:0 auto;
min-height:221px;
position:relative;
}
* html #highlight div.liner2{height:221px;}

#highlight h3{margin:0;}
*/
#announcementbanner{
position:absolute;
top:10px;left:30px;
width:475px;
height:200px;
background:black;
color:white;
text-align:center;
z-index:1;
}
#announcementbanner object{z-index:1;}


#main{background:#EFF1F1 url(http://www.freeflash.net/assets/templates/main2/main-bkgd.png) 3px 0 repeat-x;}
#main div.liner{background:url(http://www.freeflash.net/assets/templates/main2/main-fauxcolumns.png) 50% 0 repeat-y;}
#main div.liner2{ /* container for contents*/
width:875px;
padding:0 6px;
background:url(http://www.freeflash.net/assets/templates/main2/main-plate.png) 0 0 no-repeat;
margin:0 auto;

}
#content{
width:640px;
float:left;
padding:0 15px 20px 15px;
	/*top   right  bottom left*/
color:#333;
font-size:12px;
line-height: 22px;
}
#content h2{color:#3C4848;}
#content h3{color:#3C4848;margin:1em 0 3px 0;font-weight:bold;}
#content p{margin:0 0 1em 0;}

#subcontent{ /*Banners on right*/
width:200px;
float:right;
padding:0;
color:#3C4848;

}
#subcontent h2{color:#3C4848;}
#subcontent div.sublining{
padding:0 10px 10px;
margin:0 0 5px;

border-bottom: 1px solid #999999;
}

/*form#rockdex, form#subscribeform{margin:0;padding:0;}
form#rockdex label, form#subscribeform label{width:7em;display:block;float:left;}
form#rockdex input, form#subscribeform input{margin:0 0 4px;}
#rightcolumn div.audiofeed{background:url(http://www.freeflash.net/assets/templates/main2/podcast.png) right top no-repeat;}*/

#footer{ /*footer continer*/
clear:both;
background:url(http://www.freeflash.net/assets/templates/main2/footer-bgkd.png) 0 0 repeat-x;
color:white;
font-size:1.1em;

}
#footer h2{font-size: 1.5em;}
#footer a{color:#9cf;}
#footer div.liner{width:875px;margin:0 auto;padding:0;} /*container for footer*/
#foothighlight{
width:298px;
padding:0 20px;/*0 20px*/
float:left;
background:url(http://www.freeflash.net/assets/templates/main2/footer-bkgd-dk.png) 5px 0 repeat-x;
min-height:350px;
}
* html #foothighlight{ height:350px;}

#foothighlight a img{padding:3px;border:1px solid #ccc;}
#about{
width:298px;
padding:0 20px; /*0 20px*/
float:left;
background:url(http://www.freeflash.net/assets/templates/main2/footer-bkgd-dk.png) 8px 0 repeat-x;
min-height:350px;
}
* html #about{ height:350px;}

#subscribe{
width:169px;
float:left;
padding:0 15px; /*0 15px*/
background:url(http://www.freeflash.net/assets/templates/main2/footer-bkgd-lt.png) 8px 0 repeat-x;
min-height:350px;
position:relative;
}
* html #subscribe{ height:350px;}
.credit{
position:absolute;
bottom:0;right:10px;
text-align:right;
color:#ccc;

}
.credit a{color:#9cf;}

#content #mediabox{
/*position: absolute;
top: 120px;
right: 4px;*/
float: right;
width: 150px;
padding: 5px 5px 0;
border: 1px solid #666;
list-style: none;
}

#content #mediabox li{margin-bottom: 5px;font-size: 85%;font-weight: bold;}

#content #mediabox li a{
display: block;
height: 16px;
padding-left: 20px;
background-repeat: no-repeat;
}

#content #mediabox li#mb_download a{background-image: url(/images/mb_download.gif);}
#content #mediabox li#mb_jukebox a{background-image: url(/images/mb_jukebox.gif);}
#content #mediabox li#mb_podcast a{background-image: url(/images/mb_podcast.gif);}
#content #mediabox li#mb_notes a{background-image: url(/images/mb_notes.gif);}
#content #mediabox li#mb_print a{background-image: url(/images/mb_print.gif);
}

/* UGLY table CSS for the RockDex hack
-----------------------------------------------
table{
border:1px solid #ccc;
}
table td.tableHeader{ 
background:#ccc;

}
table td{
border-bottom:1px solid #ccc;
border-right:1px solid #ddd;
margin:0;padding:3px;
}
table td.list2{
white-space: normal;
}*/

/* My Setting Control Bar
-----------------------------------------------*/

table .thumbnail {
	border: solid 1px #FCA93C;
}

.mysettings, .mysettings2{
font-family: Lucidia Grande, Verdana, Arial, Helvetica, sans-serif; 
font-weight: bold;
font-size: 10px;
border-bottom: 1px solid #000000;
text-align: center;
margin: 0;
padding: 5px;
}
.mysettings{
color: #FFF;
background:#EFF1F1 url(http://www.freeflash.net/assets/templates/main2/mysettings2.png) 3px 0 repeat-x;}

.mysettings a:link, .mysettings a:visited, .mysettings a:hover, .mysettings a:active{
color: #FFF;
text-decoration: none;}

.mysettings a:hover, .mysettings a:active{
color: #E2BB8D;
text-decoration: underline;
background-color: none;}
	
.mysettings2{
color: #000;
background:#EFF1F1 url(http://www.freeflash.net/assets/templates/main2/mysettings.png) 3px 0 repeat-x;}
	
.mysettings2 a:link, .mysettings2 a:visited, .mysettings2 a:hover, .mysettings2 a:active{
color: #000;
text-decoration: none;}

.mysettings2 a:hover, .mysettings2 a:active{
color: #7F6134;
text-decoration: underline;
background-color: none;}


.instructions {
	font: bold 11px Arial, Verdana, Georgia, sans-serif; 
	border: 1px solid #999999;
	color: #000000;
	margin: 0px;
	padding: 10px;
	background:#ccc url(http://www.freeflash.net/assets/templates/main2/warning-bkgrnd2.png) 0 0 repeat-x;
}


#something h1 {
	font: italic 18px Arial, Verdana, Georgia, sans-serif; 
	font-weight: bold;
	color: #000000;
	background-image:  url(http://www.freeflash.net/assets/templates/main2/title-header.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0px;
	padding: 18px 0px 0px 100px;
	/*top   right  bottom left*/
	width: 650px;
	height: 60px;
}

.cellon {
	font-family: normal Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #000000;
	background:#ccc url(http://www.freeflash.net/assets/templates/main2/warning-bkgrnd2.png) 0 0 repeat-x;
	margin: 0px;
	padding: 5px;
		/*top   right  bottom left*/
	border-bottom: 1px solid #999999;
}

.celloff {
	font-family: normal Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #000000;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 5px;
		/*top   right  bottom left*/
	border-bottom: 1px solid #999999;
}

.btnlong {
	font-family: normal Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	height: 32px;
	margin: 0;
	text-align: right;
	padding: 10px 20px 0px 10px;
	background:url(http://www.freeflash.net/assets/templates/main2/btn-long.png) 100% 100% no-repeat;}
	
.btnlong a:link, .btnlong a:visited, .btnlong a:active{
color: #000000;
text-decoration: none;}

.btnlong a:hover {
color: #ff0000;
text-decoration: none;}

.flashimage {
	font-family:  verdana, arial, helvetica, sans-serif;
	font-size: 9px;
	padding: 10px;
	line-height: 10px;
	color: #666;
	background-color: #FFF;
	border-bottom: solid 1px #CD760B;}
	
.smalltext {
font-family:Lucidia Grande, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	line-height: 14px;
	color: #000000;
}
	
/* Setting for tab google like menu
-----------------------------------------------*/
	
.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
/*background: white url(shade.gif) top left repeat-x;*/
background:#EFF1F1 url(http://www.freeflash.net/assets/templates/main2/mysettings.png) 0 0 repeat-x;

}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
background:#ccc url(http://www.freeflash.net/assets/templates/main2/warning-bkgrnd2.png) 0 0 repeat-x;
/*background-image: url(shadeactive.gif);*/
border-bottom-color: #E0E2E2;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 620px;
margin-bottom: 1em;
padding: 10px;
background:#ccc url(http://www.freeflash.net/assets/templates/main2/warning-bkgrnd2.png) 0 0 repeat-x;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block!important;
}

/*forums classes*/
/* Selects are a bit smaller, because it makes them look even better 8). */
select
{
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	font-family: Tahoma, arial, helvetica, serif;
}

/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor
{
	height: 1px;
	border: 0;
	color: #666666;
	background-color: #666666;
}

/* A quote, perhaps from another post. */
.quote
{
	color: #000000;
	background-color: #C3B8D0;
	border: 1px solid #000000;
	margin: 1px;
	padding: 1px;
	font-size: x-small;
}

/* A code block - maybe even PHP ;). */
.code
{
	color: #000000;
	background-color: #cccccc;
	border: 1px solid #000000;
	padding: 1px;
	font-family: "courier new", helvetica, "times new roman", serif;
	font-size: x-small;
	width: 99%;
	margin: 1px auto 1px auto;
	white-space: nowrap;
	overflow: auto;
}

/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader
{
	color: #000000;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	font-size: x-small;
}

/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help
{
	cursor: help;
}

/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction
{
	color: red;
}

/* The main post box - this makes it as wide as possible. */
.editor
{
	width: 96%;
}

/* Highlighted text - such as search results ;). */
.highlight
{
	background-color: yellow;
	font-weight: bold;
	color: black;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg
{
	color: #000000;
	background-color: #E1E1E1;
}
.windowbg2
{
	color: #000000;
	background-color: #F0F0F0;
}

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature
{
}

/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg td, .titlebg a:link, .titlebg a:visited
{
	color: #000000;
	font-style: normal;
	background-color: #EBC898;
}
.titlebg a:hover
{
	color: #D89335;
}

/* This is used for categories, page indexes, and several other areas in the forum. */
.catbg {
	/*background-image: url(images/catbg.jpg);*/
	background:#EFF1F1 url(http://www.freeflash.net/assets/templates/main2/mysettings.png) 3px 0 repeat-x;}
}

/* This is used for a category that has new posts in it... to make it light up. */
.catbg2
{
	/*background-image: url(images/catbg2.jpg);*/
	background:#EFF1F1 url(http://www.freeflash.net/assets/templates/main2/mysettings2.png) 3px 0 repeat-x;
}

.catbg, .catbg2
{
	font-weight: bold;
	/*background-color: silver;*/
	background:#EFF1F1 url(http://www.freeflash.net/assets/templates/main2/mysettings.png) 3px 0 repeat-x;
	border: 1px solid #828181;
	color: #000000;
}

/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
	background-color: none;
}

/* This is used on tables that should just have a border around them. */
.tborder
{
	border: 1px solid #828181;
	background-color: #FFFFFF;
	padding: 2px;
}

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext
{
	font-size: x-small;
	font-family: Tahoma, arial, helvetica, serif;
}
.normaltext
{
	font-size: small;
}
.largetext
{
	font-size: large;
}

/* This is the white header area where the title, menu bars, and header boxes are. */
#headerarea
{
	background-color: white;
	border-bottom: 1px solid gray;
}
/* This is the main area of the forum, the part that's gray. */
#bodyarea
{
	background-color: none;
}
/* And this is the bottom, where the copyright is, etc. */
#footerarea
{
	color: black;
	background-color: white;
	border-top: 1px solid gray;
}

/* This is for the special header boxes on the top (user info, key stats, news box.) */
.headertitles
{
	background-color: #E9C393;
	border: 1px solid #DE993D;
}
.headerbodies
{
	border: 4px solid #7A7777;
	background-color: #EFEFEF;
	background-repeat: repeat-x;
	background-position: bottom;
}

/*2nd set of codes for forum*/

body, td, .normaltext, .windowbg, .windowbg2, .titlebg, .bordercolor, .tborder, .catbg, .catbg2, .windowbg td, .windowbg2 td, .titlebg td
{
	font-size: x-small;
}
.smalltext, td.smalltext, i.smalltext, div.smalltext, .smalltext td, .quote, .quoteheader, .codeheader
{
	font-size: xx-small;
}
.largetext
{
	font-size: medium;
}
.code
{
	font-size: xx-small;
}