/* @MAIN FEATURE WINDOW */

#main_feature { margin: 10px auto; width: 999px; overflow: hidden; }

#main_feature_tl { background: transparent url("/images/feature5/feature-tl.png") 0 0 no-repeat; }
#main_feature_tl { width: 25px; height: 55px; float: left; }

#main_feature_tr { background: transparent url("/images/feature5/feature-tr.png") 100% 0 no-repeat; }
#main_feature_tr { width: 25px; height: 55px; float: right; }

#main_feature_tm { background: transparent url("/images/feature5/feature-tm.png") 0 0 repeat-x; }
#main_feature_tm { margin: 0 25px; height: 55px; }

#main_feature_ml { background: transparent url("/images/feature5/feature-l.png") 0 0 repeat-y; }
#main_feature_ml { margin-left: -13px; }

#main_feature_m { background: transparent url("/images/feature5/feature-mid.png") 0 0; }
#main_feature_m { margin: 0 13px; }

#main_feature_m .pad { padding: 0 20px; }

#main_feature_mr { background: transparent url("/images/feature5/feature-r.png") 100% 0 repeat-y; }
#main_feature_mr { margin-right: -13px; }

#main_feature_bl { background: transparent url("/images/feature5/feature-bl.png") 0 0 no-repeat; }
#main_feature_bl { width: 25px; height: 25px; float: left; }

#main_feature_bm { background: transparent url("/images/feature5/feature-bm.png") 0 0 repeat-x; }
#main_feature_bm { margin: 0 25px; height: 25px; }

#main_feature_br { background: transparent url("/images/feature5/feature-br.png") 100% 0 no-repeat; }
#main_feature_br { width: 25px; height: 25px; float: right; }

/* @MAIN CONTENT WINDOW */

#main_content { margin: 10px auto; width: 999px; overflow: hidden; }

#main_content_tl { background: transparent url("/images/main5/main-content-tl.png") 0 0 no-repeat; }
#main_content_tl { width: 13px; height: 17px; float: left; }

#main_content_tr { background: transparent url("/images/main5/main-content-tr.png") 100% 0 no-repeat; }
#main_content_tr { width: 13px; height: 17px; float: right; }

#main_content_tm { background: transparent url("/images/main5/main-content-tm.png") 0 0 repeat-x; }
#main_content_tm { margin: 0 13px; height: 17px; }

#main_content_ml { background: transparent url("/images/main5/main-content-l.png") 0 0 repeat-y; }
#main_content_ml { margin-left: -13px; }

#main_content_m { background: transparent url("/images/main5/main-content-m.png") 0 0; }
#main_content_m { margin: 0 13px; }

#main_content_m .pad { padding: 0 13px; }

#main_content_mr { background: transparent url("/images/main5/main-content-r.png") 100% 0 repeat-y; }
#main_content_mr { margin-right: -13px; }

#main_content_bl { background: transparent url("/images/main5/main-content-bl.png") 0 0 no-repeat; }
#main_content_bl { width: 25px; height: 20px; float: left; }

#main_content_bm { background: transparent url("/images/main5/main-content-bm.png") 0 0 repeat-x; }
#main_content_bm { margin: 0 25px; height: 20px; }

#main_content_br { background: transparent url("/images/main5/main-content-br.png") 100% 0 no-repeat; }
#main_content_br { width: 25px; height: 20px; float: right; }

/* @COMMON ITEMS */

* { margin: 0; padding: 0;}

img { border: 0; }

ul { list-style: none; margin-top: 0px; }
li a { text-decoration: none; margin-left: 3px; }

#textdoc { margin-left: 5px; }
#textdoc ul { margin: 0px; }
#textdoc li { text-decoration: none; margin: 1em 0px 1em 20px; }
#textdoc h6 { margin: 1em 0em; }
#textdoc p { margin: 1em 0em; }

#menu_bar { margin: 0 auto; width: 100%; height: 34px; overflow: hidden; z-index: 1; }
#menu_bar ul { margin: 0 auto; width: 999px; min-width: 999px; text-align: center; list-style-type: none; }
#menu_bar li { display: inline; }
#menu_bar li.search { width: 450px; float: right; overflow: hidden; }

.psearch { margin: 5px auto; width: 490px; float: right; }
.psearch input { color: #000; }

#header_bar { margin: 0 auto; width: 100%; height: 90px; }
#header { margin: 0 auto; width: 999px; min-width: 999px; height: 90px; }

#gg_logo { width: 550px; height: 90px; float: left; }
#gg_clock { height: 90px; padding-top: 13px; float: right; }

#advert1 { margin: 10px auto; width: 728px; height: 90px; clear: both; }
.fbox { margin-left: 12px; width: 300px; height: 250px; border: solid 1px; float: left; overflow: hidden; }
.fboxright { margin-left: 12px; width: 300px; height: 250px; border: solid 1px; float: left; overflow: hidden; }
.fboxright a:link, .fboxright a:visited { color: #2BA94F; }
.fboxright a:hover { color: orange; }
#advert3 { margin: 0 10px; width: 300px; height: 250px; border: solid 1px transparent; }
/* @MID 300x250 - Margin hack for IE 7 (margin and float) */
#advert4 { margin-top: 13px; margin-left: 26%; margin-bottom: 13px; width: 300px; height: 250px; float: left; }

/* @CONTAINERS */

#container { overflow: hidden; }
.submenu_container { margin: 5px auto; width: 506px; overflow: hidden; }

/* @BREADCRUMBS */

#breadcrumbs { margin-top: 10px; width: 700px; height: 30px; float: left; overflow: hidden; }

/* @FEATURED LINK */

#featuredlink { margin-top: 10px; width: 350px; height: 30px; float: left; overflow: hidden; color: red; }

/* @SUB SECTION */

#subsection { width: 973px; overflow: hidden; }

/* @CONTENT WINDOW */

#content_window { width: 628px; overflow: hidden; }

/* @RELATED MENU @PAGE MENU */

.related_menu, .page_menu { margin: 13px auto; width: 600px; text-align: center; overflow: hidden; }
#related_menu, #page_menu { margin: 13px auto; width: 600px; text-align: center; overflow: hidden; }

/* @PICTURE BOX @CODE BOX @FLASH TOYS AND WIDGETS */

.picture_box, #flash_toys_widgets, #web_code, #img_code, #email_code, #direct_code 
  { margin: 13px auto; width: 602px; text-align: center; overflow: auto; }

/* @LEFT MENU */

#main_menu1 { margin-right: 13px; width: 160px; font-size: .7em; float: left; overflow: hidden; }

/* @RIGHT MENU */

#main_menu2 { width: 160px; font-size: .7em; float: right; overflow: hidden; }

/* @MIDDLE MENU */

.sub_menu { margin: 0 4px; width: 160px; font-size: .7em; float: left; overflow: hidden; } /*KEEP AS CLASS AND ADD TWO MORE LIKE RIGHT AND LEFT*/

/* @FOOTER */

#footer { margin: 0 auto; width: 999px; text-align: center; font-size: .7em; }

/* PURPLE HAZE */

* { font-family: verdana; font-size: 1.0em; color: #fff; }

a:link, a:visited { color: #fff; }
a:hover { color: orange; }

li a:link, li a:visited { color: #fff; display: block; }
li a:hover { color: orange; }

textarea { color: orange; background-color: #1a091c; }

.title1 { color: #fff; text-transform: uppercase; }
.title2 { color: orange; text-transform: uppercase; }

/* @INNER WINDOW */

.win { background-color: #1a091c; margin-bottom: 13px; border: 1px solid #380734; color: #fff; overflow: hidden; }
.win_tm { background: transparent url("/images/purplehaze/win-top.png") 0 0 repeat-x; }
.win_tm { height: 16px; }
.win_m { margin: 0 1px; background-color: #1a091c; color: #fff; }

/* @BACKGROUND */

#wallpaper { background: transparent url("/images/purplehaze/bg.jpg") 50% 0 no-repeat; }
#wallpaper { background-color: #1a091c; background-attachment: fixed; }

/* @HEADER */

#header_bar { background: transparent url("/images/purplehaze/header_bar.png") 0 0 repeat-x; }

/* @LOGO */

#gg_logo { background: transparent url("/images/purplehaze/logo.png") 0 0 no-repeat; }

/* @THEME SWITCHER - TEMPLATE SPECIFIC VALUES */

#theme_switcher img { margin: 25px 25px 10px 25px; width: 250px; height: 122px; border: 1px solid orange; }
#theme_switcher select { margin-left: 25px; color: #000; }
#theme_switcher input { color: #000; }
#theme_switcher option { color: #000; }
#theme_switcher { color: orange; }

/* @TOP MENU BAR */

#menu_bar { background: transparent url("/images/purplehaze/top_menu_bar.png") 0 0 repeat-x; }
#menu_bar li.menu_selection, #menu_bar a:link, #menu_bar a:visited
	{ margin-right: 10px; padding: 0 2px; display: block; line-height: 2em; text-decoration: none; color: #fff; float: left; }
#menu_bar a:hover { background: transparent url("/images/purplehaze/selected_top_menu.png") 0 0 repeat-x; }
#menu_bar a:hover { margin-right: 10px; padding: 0 2px; color: #fff; display: block; text-decoration: none; }
#menu_bar input { color: #000; }

/* @OVERRIDES */

#breadcrumbs { color: #fff; }
#breadcrumbs a:link, a:visited { color: #fff; }
#breadcrumbs a:hover { color: orange; }

.fbox { color: orange; }
.fboxright { color: orange; }
#textdoc h6 { color: orange; }


/* 
If 3 inline items using float left, right and middle with no float aren't the same length they have to be encapsulated with another div
in order to give the appearance that flow hasn't been broken. Otherwise formatting gets messed up.
*/