/* RESETTING CSS  */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* CSS  */

body
{
  font-family: arial;
  font-size: 11px;
  background-color: #4d4d4d;
}
ul
{
  margin-top: 0px;
  margin-bottom: 0px;
}

.mainmenu
{
	background-color: #000000;
}
.mainmenu ul
{
	padding-left: 90px;
	height: 30px;
	/*width: 690px;*/
}
.mainmenu ul li
{
	float: left;
	padding-top: 4px;
	width: 138px;
	font-size: 15px;
	line-height: 26px;
	color: #4d4d4d;
	text-align: center;
	cursor: pointer;
}
.mainmenu ul li a
{
	color: #4d4d4d;
	text-decoration: none;
}
.mainmenu ul li a:hover
{
	color: #cccccc;
	text-decoration: none;
}
.mainmenu ul li h1
{
	font-weight: normal;
}
.mainmenu ul li h1 a
{
	color: #ffffff !important;
}
.mainmenu ul .selected
{
	color: #cccccc;
	background-color: #4d4d4d;
}
.mainmenu ul .logout
{
	font-size: 12px !important;
}

.crumbscontainer
{
	padding: 9px 0px 0px 90px;
	width: 652px;
	height: 25px;
}
.cumbsleftcap
{
	float: left;
	width: 6px;
	height: 25px;
	background: url('../gfx/crumbsleft.png');
}
.crumbs
{
	float: left;
	padding-left: 10px;
	width: 630px;
	line-height: 25px;
	color: #cccccc;
	font-size: 12px;
	background: url('../gfx/crumbsback.png') repeat-x;
	font-family: times, serif;
}
.crumbs a
{
	color: #cccccc;
	text-decoration: none;
}
.crumbscontent
{
	float: left;
}
.crumbsrightcap
{
	float: left;
	width: 6px;
	height: 25px;
	background: url('../gfx/crumbsright.png');
}

/*
	START OF ISSUES
*/
.ui-accordion
{
	border-bottom: 1px solid #565758;
}
.issue
{
	background: url('../gfx/issueborder.png') repeat-x;
	padding-left: 84px;
}
.issuesintro
{
	padding: 15px 0px 0px 90px;
	height: 60px;
	color: #cccccc;
	font-size: 16px;
	line-height: 20px;
}
.issue h2
{
	padding-left: 6px;
	line-height: 36px;
	font-size: 18px;
	color: #666666 !important;
	font-weight: normal;
	cursor: pointer;
}
.selected h2
{
	background: url('../gfx/issuearrow.png') no-repeat 95px top;
	color: #cccccc !important;
}
.featurecontainer
{
	height: 246px;
	width: 690px;
}
.featurepreview
{
	float: left;
	padding: 6px 6px 0px 6px;
	width: 160px;
	height: 240px;
	cursor: pointer;
}
.featurepreview h3
{
	color: #00aeef;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
}
.featurepreview p
{
	color: #cccccc;
	font-family: times, serif;
	font-size: 14px;
	line-height: 15px;
}
.featurepreview div
{
	width: 160px;
	height: 160px;
	background-repeat: no-repeat;
	background-position: center center;
}

.issuesadvertising
{
	margin-top: 30px;
	padding-left: 90px;
	background: url('../gfx/issueborder.png') repeat-x;
}
.issuesadvertising h2
{
	line-height: 36px;
	font-size: 18px;
	font-weight: normal;
	background: url('../gfx/issuearrow.png') no-repeat 130px top;
	color: #cccccc;
}

/*
	START OF SINGLE ISSUE
*/

.selectedissueheader
{
	padding: 75px 0px 0px 90px;
	border-bottom: 1px solid #525253;
	font-size: 19px;
	line-height: 40px;
	color: #bbbdbf;
}

.featurepicker
{
	position: absolute;
	left: 218px;
	top: 147px;
	width: 269px;
}
.featurepicker div
{
	line-height: 17px;
}
.featurepicker div img
{
	vertical-align: top;
}
.pickedcyan
{
	color: #5bc3f5;
}

.columns
{
	padding-left: 90px;
	width: 820px;
}
.columns h3
{
	clear: both;
	margin-bottom: 10px;
	border-bottom: 1px solid #525253;
	padding: 13px 0px 0px 5px;
	font-size: 14px;
	line-height: 25px;
	color: #bbbdbf;
}
.columns p
{
	padding: 0px 0px 0px 5px;
	font-size: 12px;
	line-height: 14px;
	color: #bbbdbf;
}
.leftcolumn
{
	float: left;
	padding-right: 20px;
	width: 400px;
}
.rightcolumn
{
	float: left;
	width: 270px;
}

.videothumbs
{
	width: 399px;
}
.videothumbs li
{
	float: left;
	width: 123px;
	height: 123px;
	padding: 0px 5px 5px 5px;
}
.videothumbs li div
{
	width: 100%;
	height: 100%;
	cursor: pointer;
	background-position: center;
}

.imagethumbs
{
	width: 326px;
}
.imagethumbs li
{
	float: left;
	width: 44px;
	height: 44px;
	padding: 0px 5px 5px 5px;
}
.imagethumbs li div
{
	width: 100%;
	height: 100%;
	cursor: pointer;
	background-position: center;
}

.columnsclear
{
	clear: both;
	height: 100px;
}

/*
	START OF MEDIA PLAYER
*/

.playerbackdrop
{
	cursor: pointer;
}
.playercontent
{
	margin: 0px auto 0px auto;
	width: 465px;
	padding-top: 100px;
	cursor: default;
}
.playerheader
{
	border-bottom: 1px solid #525253;
	height: 26px;
}
.playerheader h1
{
	float: left;
	font-size: 19px;
	line-height: 26px;
	color: #bbbdbf;
}
.playertools
{
	float: right;
	padding-top: 6px;
	font-size: 14px;
	line-height: 16px;
	color: #bbbdbf;
}
.playertools div
{
	float: left;
	padding-left: 5px;
}
.playertools a
{
	display: block;
	float: left;
	padding-left: 5px;
	line-height: 16px;
	color: #bbbdbf;
	text-decoration: none;
	font-family: times, serif;
}
#player
{
	margin: 6px 0px 6px 0px;
}
.playerloader
{
	background-color: #000000;
	background-image: url('../gfx/playerloader.gif');
}
.imageplayer
{
	width: 465px;
	height: 262px;
	background-position: center center;
	background-repeat: no-repeat;
}
.videoplayer
{
	height: 287px;
	background-position: center center;
	background-repeat: no-repeat;
}
.playernav
{
	width: 200px;
	height: 265px;
	background-repeat: no-repeat;
	cursor: pointer;
}
.playerlefthover
{
	background-image: url('../gfx/playerleft2.png');
	background-position: center left;
}
.playerrighthover
{
	background-image: url('../gfx/playerright2.png');
	background-position: center right;
}
.playernohover
{
	
}
.playerfeatures
{
	border-top: 1px solid #525253;
	border-bottom: 1px solid #525253;
	height: 24px;
}
.playerfeatures div a
{
	font-size: 14px;
	line-height: 24px;
	color: #bbbdbf;
	text-decoration: none;
	font-family: times, serif;
}
.playerfeatures .prev
{
	float: left;
}
.playerfeatures .next
{
	float: right;
}
.playercontent .playertext
{
	display: none;
	padding: 10px 0px 60px 0px;
	font-size: 12px;
	line-height: 14px;
	color: #bbbdbf;
}

/*
	START OF SUB PAGES
*/

.subpage
{
	margin-top: 75px;
	background: url('../gfx/issueborder.png') repeat-x;
}
.subpage h2, #commentsection h2
{
	padding-left: 84px;
	line-height: 36px;
	font-size: 18px;
	font-weight: normal;
	background: url('../gfx/issuearrow.png') no-repeat 50px top;
	color: #cccccc !important;
}
.subpage a
{
	color: #cccccc !important;
}
#commentsection a
{
	color: #cccccc !important;
	text-decoration: none;
}
.subpage .pagebody, #commentsection ul
{
	padding-left: 84px;
	width: 690px;
	color: #cccccc;
	font-size: 13px;
	line-height: 15px;
}

.loginform table
{
	margin-bottom: 10px;
}
.loginform td
{
	padding: 5px 0px 5px 0px;
}
.loginform .control
{
	padding: 0px 0px 0px 10px;
}


/*
	START OF ADVERTISING
*/

.advertisement
{
	padding-bottom: 10px;
}
.advertisement h3
{
	padding-top: 10px;
	line-height: 18px;
	font-size: 14px;
	font-weight: normal;
	color: #cccccc !important;
	font-weight: bold;
}
.adlink
{
	clear: both;
	display: block;
	color: #cccccc !important;
}

/*
	START OF COMMENTS
*/
#commentsection
{
	margin: 25px 0px 50px 0px;
	background: url('../gfx/issueborder.png') repeat-x;
}
#commentsection li
{
	padding: 10px 0px 0px 0px;
	color: #cccccc;
}
#commentsection li h2
{
	line-height: 14px;
	font-size: 12px;
}
#commentsection li p
{
	line-height: 15px;
	font-size: 13px;
}

#writecomment h2
{
	background-image: none;
}
#writecomment td
{
	padding-right: 10px;
	color: #cccccc;
	font-size: 13px;
	line-height: 15px;
	vertical-align: top;
}
#commentForm
{
	padding-left: 84px;
}

/*
	START OF USER BOX
*/

.userbox
{
	padding-top: 75px;
}
.userboxmonth
{
	clear: both;
	padding-left: 84px;
	background: url('../gfx/issueborder.png') repeat-x;
}
.userboxmonth h2
{
	line-height: 36px;
	font-size: 18px;
	font-weight: normal;
	background: url('../gfx/issuearrow.png') no-repeat 80px top;
	color: #cccccc !important;
}
.userboxcontent
{
	clear: both;
	padding-left: 84px;
}
.userboxcontent li
{
	float: left;
	width: 178px;
	padding: 5px;
	cursor: pointer;
	color: #cccccc;
}
.userboxcontent .userboxhover
{
	background-color: #e6e6e6;
	color: #4d4d4d;
}
.userboxcontent .userboxhover div
{
	background-color: #d5d5d5 !important;
}
.userboxcontent div
{
	background: #454545 center center no-repeat;
	height: 100px;
}
.userboxcontent h3
{
	padding-top: 7px;
	font-size: 13px;
	line-height: 18px;
}
.userboxcontent p
{
	display: inline;
	font-size: 13px;
	line-height: 15px;
	font-family: times, serif;
}

.userboxfilter
{
	float: right;
	font-family: times, serif;
	color: #cccccc;
	font-size: 12px;
}
.userboxfilterlabel
{
	float: right;
	padding-right: 5px;
}
.userboxdropdown
{
	float: right;
	padding-top: 5px;
}
.userboxdropdown div
{
	border: 1px solid #312f30;
	padding-left: 17px;
	width: 87px;
	height: 14px;
	line-height: 14px;
	background: url('../gfx/dropdownarrow.png') no-repeat;
}
.dropdown
{
	display: none;
	position: absolute;
	top: 60px;
	background-color: #414142;
}
.dropdown li
{
	padding-left: 18px;
	width: 88px;
	line-height: 18px;
}
.dropdownhover
{
	background-color: #206562;
}
.userboxsearch
{
	float: right;
	padding: 4px 10px 0px 10px;
	line-height: 0px;
}
.userboxsearch input
{
	border: 1px solid #312f30;
	padding-left: 3px;
	height: 12px;
	background-color: #4e4e4f;
	color: #cccccc;
	font-family: times, serif;
	font-size: 12px;
}

/*
	START OF CONTRIBUTERS
*/
/*
.featurecredits
{
	float: left;
	padding-right: 12px;
	width: 218px;
}
.creditscontainer h3
{
	padding-left: 8px;
	line-height: 24px;
	font-size: 14px;
}
.creditscontainer h4
{
	margin: 10px 0px 2px 0px;
	padding: 0px 0px 0px 8px;
	line-height: 18px;
	font-size: 13px;
}
.creditscontainer p
{
	line-height: 14px;
	color: #cccccc;
}
.creditscontainer a
{
	color: #cccccc;
}
.creditscontainer span
{
	color: #cccccc;
}
.creditscontainer
{
	padding-left: 6px;
}
*/
.creditscontainer h3
{
	background-color: #000000;
	padding-left: 8px;
	line-height: 24px;
	font-size: 14px;
	color: 	#ffffff;
}
.creditscontainer h4
{
	margin: 10px 0px 2px 0px;
	padding: 0px 0px 0px 8px;
	line-height: 18px;
	font-size: 13px;
}
.creditscontainer p
{
	padding: 10px 0px 10px 8px;
	line-height: 14px;
	color: #cccccc;
}
.creditscontainer a
{
	color: #cccccc;
}
.creditscontainer span
{
	color: #cccccc;
}
.creditscontainer
{
	width: 690px;
	padding-left: 6px;
}
.creditscontainer li
{
	float: left;
	padding-right: 12px;
	width: 218px;
}

/*
	START OF SKYSCRAPER COLUMN
*/

.adcolumndivider
{
	
}
#contentcolumn
{
	float: left;
	width: 820px;
}
#adcolumn
{
	position: relative;
	float: right;
	background-color: #000000;
	width: 160px;
	overflow: hidden;
}

/*
	START OF BOTTOM MENU
*/

#bottommenu
{
	height: 30px;
	background-color: #000000;
	margin-top: 100px;
}
.bottommenujs
{
	position: absolute;
	left: 0px;
	width: 100%;
	margin: 0px !important;
	z-order: 10000;
	background-color: #000000;
}
#bottommenu div
{
	float: left;
	width: 200px;
	line-height: 30px;
	font-size: 12px;
	color: #4d4d4d;
	background-position: 15px center;
	background-repeat: no-repeat;
	background-image: url('../gfx/bottom_logo_white.png');
}
#bottommenu ul li
{
	float: left;
	padding-top: 2px;
	width: 128px;
	text-align: center;
	font-size: 13px;
	font-family: times, serif;
	line-height: 28px;
}
#bottommenu ul li a
{
	color: #4d4d4d;
	text-decoration: none;
}
#bottommenu ul li a:hover
{
	color: #cccccc;
}