@import url("/css/default.css");

#container {
	background: url(/images/site/content-bg.jpg) repeat!important;
	width: 1000px!important;
	width: 1017px;
	height: auto; 
	margin: -40px auto 0;
	position: relative;
	z-index: 2;
}

#middle {
	background: url(/images/site/catMid_Bg.jpg) repeat-y;
	width: 700px;
	height: auto;
	float: left;
	margin-top: 10px;
	margin-left: 0px;
}

#middle #main {
	padding:0 20px;
	width:630px;
}
#middle #main .seperator {clear: both; margin: 10px 0px 10px 0px; height: 1px; background: transparent url(/images/seperator.gif) repeat-x}

#middle #main #description .image {float: left; padding: 5px 10px 0 0;}

#middle #main #featuredItems {clear: both; margin-bottom: 10px; height: 180px; background: #EEEEEE url(/images/headings/bg.gif) repeat-x; border:1px solid #666666;}
#middle #main #featuredItems .heading {height: 17px; background: transparent url(/images/default/headings/featured.gif) no-repeat left}
#middle #main #featuredItems .content {padding: 10px}
#middle #main #featuredItems .wrapper {width: 140px; text-align: center; float: left}
#middle #main #featuredItems .picture {margin-bottom: 5px}
#middle #main #featuredItems .picture a img {border: solid 1px #fc3}
#middle #main #featuredItems .title {font-size: 12px; font-weight: bold}
#middle #main #featuredItems .url {font-size: 10px}

#middle #main #nav {clear: both; height: 31px; padding-top: 11px; background: transparent url(/images/default/middleNavBg.gif) repeat-x}

#middle #main .news {clear: both}
#middle #main .news .content {padding: 5px}
#middle #main .news .headline {clear: both; overflow: auto}
#middle #main .news .category, #middle #main .news .category a, #middle #main .news .category a:visited {padding-bottom: 5px; font-size: 10px; color: #FF0000}
#middle #main .news .image {padding-left: 5px; float: right}
#middle #main .news .title {font-size: 16px; font-weight: bold}
#middle #main .news .summary {}
#middle #main .news .author {margin: 10px 0px 0px 0px; font-size: 10px}
#middle #main #recentHL {display: block;}
#middle #main #featuresHL {display: none}
#middle #main #newsHL {display: none}
#middle #main #previewsHL {display: none}

#middle #main .reviews {clear: both}
#middle #main .reviews .picture {padding-right: 10px; float: right}
#middle #main .reviews .title {font-size: 16px; font-weight: bold;}
#middle #main .reviews .category, #middle #main .reviews .category a, #middle #main .reviews .category a:visited {padding-bottom: 5px; font-size: 10px; color: Orange}
#middle #main .reviews .score {clear: none; width: 50px; height: 40px; padding: 7px 0px 0px 7px; font-size: 20px; color: #fc3; font-weight: bold; float: left; background: transparent url(/images/scoreBg.gif) no-repeat}
#middle #main .reviews .summary {}
#middleTop {
	background: transparent url(/images/site/catTop_Bg.jpg) no-repeat;
	width: 700px;
	height: 21px;
}
#middleBtm {
	background: transparent url(/images/site/catBtm_Bg.jpg) no-repeat bottom;
	width: 700px;
	height: 51px;
	clear:both;
}
#right {
	float: right;
	width: 290px;
}
#middle #right {
	width: 408px;
	height: auto;
	padding-left: 10px; 
	font-size: 11px; 
	color: #666666; 
	float: right;
}
#middle #right .top {
	background: transparent url(/images/site/forkColum-Bg.gif) no-repeat top center;
	height: 33px;
}
#middle #right .content {
	background: transparent url(/images/site/forkColum-Mid-Bg.gif) repeat-y top center;
	padding: 0 20px;
	margin-left: 2px;
}
#middle #right .bottom {
	background: transparent url(/images/site/forkColum-Btm-Bg.gif) no-repeat top center;
	height: 33px;
}
/*
#middle #right .top {height: 13px; background: transparent url(/images/default/rightTop.gif) no-repeat right}
#middle #right .bottom {height: 13px; background: transparent url(/images/default/rightBottom.gif) no-repeat right}
*/
#middle #right .seperator {clear: both; margin: 5px 0px 5px 0px; height: 1px; background: transparent url(/images/default/seperator.gif) repeat-x}

#right .news {clear: both; margin: 0 auto; width: 325px;}
#right .news .content {padding: 22px 5px 5px 5px; background: transparent url(/images/default/headings/news.gif) no-repeat top right; overflow: auto}
#right .news .headline {clear: both;}
#right .news .category {margin: 3px 0px 3px 0px; font-size: 10px}
#right .news .category a, #news .category a:visited {color: #990000;}
#right .news .image {padding-left: 5px; float: right}
#right .news .title {font-weight: bold}
#right .news .summary {margin-top: 5px}
#right .news .author {margin: 10px 0px 0px 0px; font-size: 10px}

#right .pictures {clear: both; margin: auto auto 10px 5px; width: 295px;}
#right .pictures table {margin: auto; text-align: center}
#right .pictures .content {padding: 32px 0px 0px 0px; background: transparent url(/images/site/picturesTop.jpg) no-repeat top right; overflow: auto}
#right .pictures .title {font-weight: bold}
#right .pictures .wrapper {margin: 2px; text-align: center; border: 1px solid #333333;}
#right .pictures .category {font-size: 10px}
#right .pictures .dateAdded {font-size: 8px}

#right .wallpaper {clear: both; margin: auto auto 10px 5px; width: 295px;}
#right .wallpaper table {margin: auto; text-align: center}
#right .wallpaper .content {padding: 32px 0px 0px 0px; background: transparent url(/images/site/wallpaperTop.jpg) no-repeat top right; overflow: auto}
#right .wallpaper .title {text-align: right; font-weight: bold}
#right .wallpaper .wrapper {margin: 2px; text-align: center; border: 1px solid #333333;}
#right .wallpaper .category {font-size: 10px}
#right .wallpaper .dateAdded {font-size: 8px}

#right .reviews {clear: both; margin: auto auto 10px 6px; width: 314px; background: #1e1427 url(/images/headings/bg.gif) repeat-x}
#right .reviews .content {padding: 22px 5px 5px 5px; background: transparent url(/images/default/headings/reviews.gif) no-repeat top right; overflow: auto}
#right .reviews .picture {float: right}
#right .reviews .picture img {padding: 0px 0px 5px 5px}
#right .reviews .headline {clear: both; margin-bottom: 30px}
#right .reviews .category {margin: 3px 0px 3px 0px; font-size: 10px}
#right .reviews .category a, #news .category a:visited {color: orange}
#right .reviews .score {clear: none; width: 50px; height: 40px; padding: 7px 0px 0px 7px; font-size: 20px; color: #fc3; font-weight: bold; float: left; background: transparent url(/images/scoreBg.gif) no-repeat}
#right .reviews .title {font-weight: bold}
#right .reviews .summary {margin-top: 5px}

#footer {clear: both; padding-top: 10px}
#footer .content {
	height: 20px; 
	margin: 0 auto;
	width: 590px;
	padding: 15px 10px 10px 10px; 
	color: #fff; 
	font-size: 10px;
}
#footer .content a {
	color: #FFFFFF;
}
#footer .copyright {float: left}
#footer .links  {float: right}
#footer .links a {
	color: #FFFFFF;
}
.noDisplay {display: none}
#homeImages {
	float: right;
	width: 365px;
	margin: 0 auto;
}
.home #right #ctl00_RightColumn_m_newsUC_m_defaultPNL, #newsHome2 #right #ctl00_RightColumn_m_newsUC_m_defaultPNL {
	display: none;
}
#leftSide {
	width: 213px;
	float: left;
}
#leftBox {
	width: 213px;
	height: auto;
	float: left;
}
#leftBoxMid {
	background: url(/images/site/leftBox/middle.jpg) repeat-y;
	margin-top: -2px;
}
#leftBtmAd {
	width: 200px;
	height: 200px;
	float: left;
	margin-top: 10px;
	margin-left: 7px!important;
	margin-left: 3px;
	border: 1px solid #333333;
}
#rightSide {
	width: 213px;
	float: left;
	margin-left: 9px!important;
	margin-left: -12px;
}
#rightBox {
	width: 213px;
	height: auto;
	float: left;
}
#rightBoxMid {
	background: url(/images/site/rightBox/middle.jpg) repeat-y;
	margin-top: -2px;
}
#rightBtmBox {
	width: 213px;
	height: auto;
	margin-top: 5px;
	float: right;
}
#rightBtmAd {
	width: 200px;
	margin: 0 auto;
}
#siteLinks {
	width: 190px;
	margin: 0 auto; 
}
#bottomAd {
	float: left;
	margin:20px 0 0 25px;
	width:728px;
}
.name {
	padding: 0 10px 10px;
}
.description {
	padding: 10px;
}
.wrapper {
	margin: 5px;
	text-align: center;
}
#description a:hover img {
	border: none;
}
#m_rightPNL" runat="server {width:408px;float:right;}

/* paging buttons styles */
.paging {
	height:50px;
	margin:0pt auto;
	width:150px;
}
.next {
	float:right;
	padding:10px;
}
.previous {
	float:left;
	padding:10px;
}
.comments {
	padding-top:15px;
}