/* @group Main */

html {
  height: 100%;
}

body {
	margin: 0;
	padding: 0;
	background: #fff;
	font-family: arial, verdana, helvetica;
}

p {
  margin-top: 10px;
  margin-bottom: 15px;
}

h1, h2, h3, h4, h4 {
	padding-bottom: 5px;
	margin: 15px 0;
}

fieldset {
	border: 0;
	padding: 5px 0;
}

.announcement {
	width: 90%;
	margin: 10px auto;
	color: #fff;
	font-weight: bold;
	padding: 5px;
	text-align: center;
	clear: both;
}

blockquote.blog {
	background: #000;
	border: 1px dashed #666;
	padding: 5px;
	color: #eee;
	width: 90%;
	margin: 0 auto;
}

/* @group Fonts */
/* @group Sizes */

body {font-size: 13px;}
h1 {font-size: 200%;}
h2 {font-size: 170%;}
h3 { font-size: 150%;}
h4 {font-size:  120%;}
.small,.modifydate,.createdate,div.mosimage_caption {font-size: 100%;}
#nav a {font-size: 110%;}
div.moduletable h3,div.moduletable-hilite h3,div.moduletable-flush h3,.componentheading {font-size: 100%;}
.componentheading {margin-bottom: 15px;}
td.componentheading {padding-bottom: 15px;}

/* @end */

/* @group Family */

h3,#nav,
div#menu_horiz, 
.sectiontableheader,
span.pathway,
.small,
.createdate,
.modifydate,
span.loginsubmit,
span.logoutsubmit,
a.readon {
font-family: Arial, Helvetica, sans-serif;
}

.small {color: #ccc;}

.contentheading,
.componentheading {
	font-weight: 150;
	font-family: Tahoma, Arial, Georgia;
	text-transform: uppercase;
	font-size: 20px;
	padding: 10px 0;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height:100%;
	color: #0cc;
	letter-spacing: 1px;
}

.contentheading a.contentpagetitle {
	font-weight: bold;
	font-family: Verdana, Arial, Tahoma;
	font-size: 18px;
	text-transform: none;
	letter-spacing: normal;
}

.pagenav {
	margin-top: 10px;
	padding: 3px;
	border: 1px solid #ccc;
	background: #066;
}

a.pagenav {color: #fff;}

.blog a:link, .blog a:visited, .blog a:active {color: #fff; text-decoration: none;}

.blog a:hover {color: #f60; text-decoration: none;}

a:link,
a:visited {
	text-decoration: none;
	color: #F96611;
}

a:hover {text-decoration: none;}

img {border: 0;}
img.border {border: 1px solid #000;}

/* @end */

/* @end */

/* @end */

/* @Draft Central */

div.dcwrap {
	width: 510px;
	margin: 0 auto;
	border: 1px solid #000;
	background: #fff;
}

div.dcwrap:after {
content:" ";
display:block;
clear:both;
}

div.dcwrap a, div.dcwrap a:visited, div.dcwrap a:active {
color: #066;
text-decoration: underline;
}

div.dcwrap a:hover {
text-decoration: none;
}

div.dcwrap h2 {
float: left;
background: #f60;
height: 30px;
line-height: 30px;
margin: 0;
padding: 5px 0;
}

div.dcwrap h2.short {
width: 200px;
font-size: 18px;
color: #fff;
}

div.dcwrap h2.long {
width: 310px;
text-align: right;
font-size: 15px;
color: #000;
}

div.dcwrap h3 {
width: 120px;
height: 20px;
line-height: 20px;
float: left;
background: #066;
text-align: center;
font-size: 12px;
color: #fff;
margin: 0;
padding: 3px 0;
}

div.dcwrap h3.full {
width: 500px;
text-align: left;
padding-left: 10px;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}

div.dcwrap h3.small, div.dcwrap h4.small {
width: 50px;
}

div.dcwrap h4 {
width: 120px;
float: left;
padding:3px 0;
margin: 0;
height: 20px;
line-height: 20px;
font-weight: normal;
font-size: 12px;
background: #fff;
color: #000;
text-align: center;
border-top: 1px solid #000;
}

div.dcwrap h4.long {
width: 100px;
}

div.dcwrap h4.urfa {
background: #e0e0c4;
}

div.story { 
font-size: 11px;
color: #000;
padding: 10px;
text-align: justify;
}

div.right {
text-align: right;
padding: 5px;
height: 20px;
line-height: 20px;
display: block;
font-size: 11px;
}

/* @group Custom */

#page_bg {
	height: 100%; 
	padding: 0;
	margin-bottom: 1px;
}

body.b-medium {background: #ccc url(../images/background/medium/bg.png) repeat-x;}

body.b-dark {background: #000 url(../images/background/dark/bg.png) repeat-x;}

body.b-blue{background: #23238F url(../images/background/blue/bg.png) repeat-x;}

body.b-purple {background: #4D1766 url(../images/background/purple/bg.png) repeat-x;}

body.b-green {background: #1E5A03 url(../images/background/green/bg.png) repeat-x;}

body.b-red {background: #006666 url('http://www.phinfever.com/2008/bg.png');}

div.mainbg {}

div.wrapper {
	width: 1000px;  /* control the width here */
	margin: 0 auto;
	position: relative;
	min-height: 100%;
	background: #1f1f1f;
	padding: 0;
	border: 0;
}

* html div.wrapper {height: 100%;}

div.wrapper:after {
content:" ";
display:block;
clear:both;
}

#header {position: relative;}

#scroller {
	position: absolute;
	width: 350px;
	height: 28px;
	line-height: 28px;
	overflow:hidden;
}

#header_spotlight {
	position: absolute;
	height:  107px;
	right: 0;
	width: 403px;
}

#searchbox {
	position: absolute;
	height: 28px;
	width: 100%;
}

#searchbox div.search {
	float: right;
	margin-top: 2px;
	margin-right: 10px;
}

div.thedate {
	float:  left;
	line-height: 28px;
	height: 28px;
	color: #fff;
	font-weight: bold;
	padding:  0 10px 0 5px;
}

#searchbox form#searchform {
	margin-left: 230px;
	margin-top: 2px;
}

#topbox {
	position: absolute;
	top: 28px;
	width: 100%;
	height: 78px;
}

#inner-wrap {
	display: block;
	height: 100%;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	width: 100%;
}

table.mainbg,
table.user {
	width: 100%;
	float: left;
}

table.mainbg {}

td.main {}

td.middle {width: auto;}

table.userblock {width: 100%;}

td.side {width: 200px;}

td.spacer {width: 5px;}

td.user {width: 50%;}

div.mainbody {
	padding: 10px;
	margin: 10px;
	border: 1px solid #000;
}

/* Blocks */

div.block {padding: 5px 5px 0 5px;}

div.block.accent {
	width: 100%;
	padding: 0;
}

div.extra_pad {padding: 6px 5px 2px 5px;}

.moduletable-dummy {padding: 10px 10px 0 10px;}

.moduletable,
.moduletable-hilite,
.moduletable-flush,
.moduletable-polls,
.moduletable-login,
.moduletable-rss {
 padding: 5px;
	margin: 0 auto 10px auto;
	width: 95%;
	display: block;
}

.moduletable h3 {
display: block;
height: 40px;
margin:0 0 10px 0;
padding:0;
text-align:center;
}

.moduletable h3.gamepreview {background: url(../images/pfcustom/modules/gamepreview.gif) no-repeat center;}
.moduletable h3.phinfeverradio {background: url(../images/pfcustom/modules/phinfeverradio.gif) no-repeat center;}
.moduletable h3.weeklyvideo {background: url(../images/pfcustom/modules/weeklyvideo.gif) no-repeat center;}
.moduletable h3.sitelogin {background: url(../images/pfcustom/modules/sitelogin.gif) no-repeat center;}
.moduletable h3.sponsors {background: url(../images/pfcustom/modules/sponsors.gif) no-repeat center;}
.moduletable h3.rssfeeds {background: url(../images/pfcustom/modules/rssfeeds.gif) no-repeat center;}
.moduletable h3.pfmerch {background: url(../images/pfcustom/modules/pfmerchandise.gif) no-repeat center;}
.moduletable-polls h3 {background: url(../images/pfcustom/modules/latestpoll.gif) no-repeat center; padding:0; margin:0; font-size: 0; height:40px; color: #333;}
.moduletable-login h3 {background: url(../images/pfcustom/modules/sitelogin.gif) no-repeat center; padding:0; margin:0; font-size: 0;height:40px; color: #333;}
.moduletable-rss h3 {background: url(../images/pfcustom/modules/rssfeeds.gif) no-repeat center; padding:0; margin:0; font-size: 0;height:40px; color: #333;}

.moduletable ul {color: #fff;}

.moduletableinsert {
 	background: #1f1f1f url('../images/pfcustom/hdinsertbg.gif') no-repeat;
	width: 560px;
	height: 350px;
	display: block;
	padding-top: 20px;
}

.moduletable-flush {padding: 0;}

.moduletable h3,
.moduletable-hilite h3,
.moduletable-flush h3 {
	padding: 0;
	margin: 0;
	line-height: 100%;
}

.moduletable-flush h3 {margin: 0;}

div#footer {
	background: #066 url(../images/pfcustom/bottombar.gif) repeat-x;
	position: relative;
	margin-top: 10px;
	height: 60px;
	float: left;
	width: 100%;
}

div#footer h5 {
text-align: right;
font-size: 12px;
font-weight: bold;
padding-right: 20px;
}


div#footer table {
	width:auto;
	margin: 0 auto;
}

div#footer a.mainlevel {
	display: inline;
	width: auto;
	padding: 0 5px;
	border: 0;
}

/* @group menus */

/* @group tab menu */

#safari {
	float: left;
	width: 100%;
	height: 30px;
	position: relative;
	background: #1f1f1f;
}

#nav {
	position: absolute;
	top: 0;
	height: 28px;
	width: 100%;
	background: #1f1f1f url(../images/topmenu_bg.png) repeat-x;
}

#nav ul {
	padding: 0;
	margin: 0;
}

#nav li {
	margin: 0;
	padding: 0;
	float: left;
	display: block;
	background: none;
}

#nav a {
	display: block;
	float: left;
	height: 28px;
	line-height: 28px;
	padding: 0 16px 0 14px;
	text-decoration: none;
	cursor: pointer;
	background: url(../images/topmenu_sep.png) 100% 0 no-repeat;
	font-weight: normal;
	font-size: 95%;
	font-weight: bold;
}

#nav a:link,
#nav a:visited {color: #fff;}

#nav a:hover {color: #ccc;}

/* @end */

/* @group sub menu */

#menu_horiz {
	position: absolute;
	top: 28px;
	height: 25px;
	width: 100%;
	background: #222;
	border-top: 1px solid #333;
	overflow: hidden;
}

#menu_divider {
	height: 5px;
	overflow: hidden;
	background: #666;
	border-bottom: 1px solid #333;
}

ul.submenu {
	padding: 0;
	margin: 0;
}

div#menu_horiz ul.submenu{
	margin: 0 0 0 0px;
	padding: 0;
	padding-left:  1px;
	float:  left;
}

div#menu_horiz ul.submenu li {
	float:  left;
	background:  none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div#menu_horiz ul.submenu li a {
	padding: 0 10px;
	color: #ddd;
	font-size: 95%;
	text-decoration: none;
	line-height: 25px;
	height: 25px;
	font-weight: bold;;
}

div#menu_horiz ul.submenu a:hover {color: #fff;}

div#menu_horiz ul.submenu ul {display: none;}

div#menu_horiz ul.submenu ul ul {display: none;}

/* @end */

/* @group side menu */

ul.sidenav {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.sidenav li {
	border: 0;
	margin: 0px;
	padding: 0;
	background: none;
}

ul.sidenav li a {
	display: block;
	padding: 4px 0 2px 0;
	margin-bottom: 2px;
	text-decoration: none;
}

ul.sidenav ul li {
  padding-left: 10px;
  background: none;
  border: 0;
}

ul.sidenav ul ul li {
  margin-left: 20px;
  background: none;
  border:  0;
}

/* @end */

/* @end */

/* @group content */

/* @group slideshow */

#mySlideshow {
	z-index:5;
	margin-bottom: -10px;
}

.jdSlideshow {
	display: none;
	overflow:hidden;
	position: relative;
}

.jdSlideshow img {border: 0;margin: 0;}

.jdSlideshow .slideElement {
	width: 100%;
	height: 100%;
	background-color: #000;
	background-repeat: no-repeat;
}

.jdSlideshow .loadingElement {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('../images/loading-bar-black.gif');
}



.jdSlideshow .slideInfoZone {
	position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0px;
	left: 0;
	bottom: 0;
	height: 40px;
	background: #333;
	color: #fff;
	text-indent: 0;
}

.jdSlideshow .slideInfoZone h2 {
	padding: 0;
	font-size: 90%;
	margin: 0;
	margin: 2px 5px;
	font-weight: bold;
	color: inherit;
}

.jdSlideshow .slideInfoZone p {
	padding: 0;
	font-size: 80%;
	margin: 2px 5px;
	color: #eee;
}

.jdSlideshow a {
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}

/* @end */

/* @group scroller */

div#scroller-v {
	height: 28px;
	color: #fff;
}

div#scroller-v_inner {}

div#scroller-v div {
	padding: 0;
	padding-left: 5px;
	height: 28px;
	line-height: 24px;
}

div#scroller-v a:link,
div#scroller-v a:visited {
	color: #fff;
	text-decoration: none;
}

/* @end */

/* @group styles */

img.album {
	border: 3px solid #333;
	margin: 2px;
}

div.style {
	float: left;
	width: 280px;
	text-align: center;
	margin-top: 20px;
	margin-left: 20px;
}

div.style img.album {border: 3px solid #222;}

div.style img {border: 0;}

img.album.left {
	float: left;
	margin-right: 15px;
	margin-top: -5px;
	margin-bottom: 25px;
}

img.album.right {
	float: right;
	margin-left: 15px;
	margin-top: -5px;
	margin-bottom: 25px;
}

/* @end */

/* @group livesearch */

#LSShadow {
	padding: 2px;
	position: relative;
	left: -3px;
	top: -3px;
}

#LSResult {
	position: absolute;
	width: 200px;
	font-size: 95%;
	z-index: 500;
	margin-left: 3px;
	background: url(../images/dropshadow.png);
}

.LSRow {
	text-align: left;
	padding: 3px;
}

#LSResult a:link,
#LSResult a:visited {text-decoration: none;}

#LSResult a:hover {}

#LSHeader {z-index: 550;}

#LSHighlight{}

#LSHighlight.LSRow a {}

#searchcontrols {padding: 3px;}

/* @end */

/* @group lists */

ul {
	list-style: none;
	margin-left: 0;
	padding-left: 20px;
}

ul li {padding-left: 0;}

td.left ul li,
td.right ul li {margin-left: -30px;}

ul.arrow {
	margin: 25px 0;
	padding: 0;
	list-style: none;
	padding-left: 20px;
}

ul.arrow li {
	padding-left: 25px;
	padding-bottom: 10px;
}

ul.big {
	margin: 25px 0;
	list-style: none;
	padding-left:  20px;
}

ul.big li {
	padding-left: 25px;
	padding-right: 20px;
}

/* @end */

/* @group alert styles */

span.notice {
	display: block;
	background: #666;
	padding: 10px;
	margin-bottom: 10px;
	color: #fff;
	border: 3px double #777;
}

/* @end */

/* @group quote */

span.quote {
	display: block;
	font-style: italic;
}

div.author {
	text-align: right;
	font-weight: bold;
}

/* @end */

/* @group blockquote */

div.moduletable blockquote,
div.moduletable-hilite blockquote {margin: -10px;}

blockquote {
	padding: 10px;
	padding-left: 50px;
	margin:  15px 0;
}

/* @end */

/* @group code */

pre {
	padding: 10px;
	font-size: 95%;
	background: #fff;
	border: 1px solid #ddd;
	border-left: 15px solid #ddd;
}

/* @end */

/* @group login form */

div#topbox div.moduletable h3 {
	margin-bottom: 3px;
	margin-left: 0px;
	padding: 2px 0 0 0;
	font-size: 110%;
}

div.loginelement {
	float:  left;
	margin-right: 10px;
	line-height: 16px;
}

div.loginelement label {
	display: block;
	float: left;
	text-align: right;
	padding-right: 5px;;
	width: 65px;
	line-height:24px;
}

div.loginelement input {width: 90px;}

span.loginsubmit,
span.logoutsubmit {
	position: absolute;
	top: 50px;
	right: 60px;
	width: 61px;
	height: 20px;
	line-height: 20px;
	border: 1px solid #333;
	text-align: center;
	cursor: pointer;
	font-weight: bold;
	color: #fff;
	background: url(../images/button_bg2.png) 0 0 repeat-x;
}

span.logoutsubmit {
	top: 35px;
	left: 40%;
}

/* @end */

/* @group content area */

.right_image {
	float: right;
	margin-left: 10px;
	border: 0;
}

.left_image {
	float: left;
	margin-right: 10px;
	border: 0;
}

/* @end */

.fakevideo {padding: 1px;}

.vert_spacing {margin: 15px 0;}

.hide {display: none;}

form {
	border: 0;
	margin: 0;
	padding: 0;
}

table.blog span.article_seperator {
	display: block;
	height: 30px;
	border-top: 1px solid #ccc;
	margin: 10px 0;
}

table.pollstableborder td {
	text-align: left;
	padding: 2px 0;
}

input#mod_search_searchword {width: 120px;}

a:link.nounder,
a:visited.nounder,
a:hover.nounder {text-decoration: none;}

.highlight {background-color: #ffc;}

#rocket {
	float: left;
	width: 115px;
	height: 31px;
	margin-left: 8px;
}

.css_button {
	float: right;
	width: 81px;
	height: 16px;
	border: 0;
	margin: 7px 5px;
	vertical-align: middle;
}

.xhtml_button {
	float: right;
	width: 97px;
	height: 16px;
	border: 0;
	margin: 7px 5px;
	vertical-align: middle;
}

/* @end */

/* @end */

/* @group Joomla Core */

/* @group content */

.contentheading a:link, .contentheading a:visited, .contentheading a:active, .contentheading a:hover {color: #F96611;}

td.buttonheading {vertical-align: middle;}

td.buttonheading img {margin-right: 5px;}

table.contentpaneopen, table.contentpane {
  border-collapse: collapse;
  padding: 0;
  margin: 0;
  width: 100%;
}

div.contentpane, div.contentpaneopen { width: 100%;}

.clr {clear: both;}

div.mosimage {margin: 5px;}

a.readon {
	float: right;
	display: block;
	height: 20px;
	line-height: 20px;
	padding: 0px 8px;
	text-align: center;
	cursor: pointer;
	font-weight: bold;
}

.modifydate {
	height: 20px;
	vertical-align: bottom;
}

.createdate {
	height: 20px;
	vertical-align: top;
	vertical-align: top;
	padding-bottom: 5px;
	padding-top: 0px;
}

table.contenttoc {
  margin: 5px;
  padding: 5px;
}

table.contenttoc td {
  padding: 0 5px;
}

/* @end */

/* @group pathway */

span.pathway {
	display: block;
	height: 16px;
	line-height: 16px;
	vertical-align: middle;
	margin-top: 5px;
	margin-bottom: 20px;
	font-weight: bold;
}

span.pathway img {
	margin: 0px 10px;
	vertical-align: middle;
}

div#pathway {
	margin-bottom: 10px;
	padding-left: 8px;
}

/* @end */

/* @group sections */

td.sectiontableheader {
  font-weight: bold;
  padding: 4px;
  line-height: 20px;
}

tr.sectiontableentry1 td, 
tr.sectiontableentry2 td {
  padding: 4px;
}

td.sectiontableentry1, 
td.sectiontableentry2 {
  padding: 4px;
}

/* @end */

/* @group mainmenu */

a.mainlevel:link,
a.mainlevel:visited {
	text-decoration: none;
}

a.mainlevel {
	display: block;
	padding: 4px 0 2px 0;
	border-bottom: 1px solid #666;
	margin-bottom: 3px;
}

a.sublevel:link,
a.sublevel:visited {
text-decoration: none;
}

a.mainlevel:hover {}

a.sublevel:hover {
text-decoration: none;
}

a#active_menu:link,
a#active_menu:visited {
color: #ccc;
}

li.active_menu a:link,
li.active_menu a:visited {
color: #ccc;
}

/* @end */

/* @group misc */

table.adminform textarea {
  width: auto;
  color: #666;
}

/* @end */