@charset "utf-8";
/* CSS Document */

html, body{
	background: #fff url(/images/bg_page.gif) 0px 0px repeat-x;
	height: 100%;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

		#formtext { float: left; width: 170px; height: 30px; line-height: 30px; font-weight: bold; }
		#formdata { }
		
		.listpagination {
			padding: 4px;
		}
		
		.listpagination ul {
			margin: 0;
			padding: 0;
			font-size: 16px;
		}
			
		.listpagination li {
			list-style-type: none;
			display: inline;
			padding-bottom: 1px;
			padding: 0px  0px  5px 10px;
		}
		
		.listpagination a:link, .listpagination a:visited {
			padding: 5px;
			padding-left: 8px;
			padding-right: 8px;
			
			border: 1px solid #e2e1e1;
			text-decoration: none; 
			color: #363636;
			background-color: #ffffff;
		}
		
		.listpagination a:hover, .listpagination a:active {
			border: 1px solid #012e01;
			color: #ffffff;
			background-color: #012e01;
		}
			
		.listpagination a.currentpage {
			background-color: #00a800; 
			color: #ffffff;
			border-color: #00a800;
			font-weight: bold;
			cursor: default;
		}
				
		.listpagination a.prevnext {
			font-weight: bold;
		}
		
		a.redlink:link, a.redlink:active, a.redlink:visited { color: red; }
		a.redlink:hover { color: #000; }
		
		a:link,a:active,a:visited { color: #313e47; }
		
		
		.boxedborder {
			background: url(/images/bg_mediaEntry.gif) 0px 0px repeat-y;
			padding: 4px;
			padding-top: 8px;
			border: 1px solid #e1e0e0;
			padding-bottom: 7px;
			
		}
		
		.mini-icon {
			width: 20px;
			height: 20px;
			border: 1px solid #02162a;
		}
		
		#relatedtab {
			float: left; width: 140px; text-align: center;
		}
		
		#relatedtab img {
			border: 1px solid #02162a;
			width: 90px;
			height: 90px;
			padding: 3px;
		}
		
		input[type=submit] {
			background-image: url('/images/bg_tabHeader.gif');
			background-repeat: repeat-x;
			color: #fff;
			font-weight: bold;
			cursor: pointer;
			border: 1px solid #000;
			padding: 5px;
		}
		
		input[type=text],input[type=password],textarea {
			border: 1px solid #ccc;
			padding: 5px;
		}
		
		#righttab {
			background-image: url('/images/tabs.png');
			background-repeat: no-repeat;
			width: 75px;
			height: 30px;
			line-height: 30px;
			color: #fff;
			font-weight: bold;
			text-align: center;
			float: left;
			font-size: 13px;
		}
		
		#righttab2 {
			width: 70px;
			height: 30px;
			line-height: 30px;
			color: #fff;
			font-weight: bold;
			text-align: center;
			float: left;
			font-size: 13px;
		}

		
		#righttab a:link, #righttab a:visited, #righttab a:active, #righttab2 a:link, #righttab2 a:visited, #righttab2 a:active {
			color: #fff;
			text-decoration: none;
			font-weight: bold;
		}
		
		#righttab2 a:link, #righttab2 a:visited, #righttab2 a:active {
			color: #000;
			text-decoration: none;
			font-weight: bold;
		}
		
		#rightusericon {
			width: 50px;
			height: 50px;
			border: 1px solid #000;
		}

/* main wrappers */
.firstWrapper,
.secondWrapper,
.thirdWrapper,
.fourthWrapper,
.fifthWrapper,
.sixthWrapper,
.seventhWrapper{
	width: 100%;
	margin: 0 auto;
	float: left;
}

.firstWrapper{
	height: 137px;
}
.secondWrapper{
	height: 35px;
}
.thirdWrapper{
	height: 37px;
}
.fourthWrapper{
	height: 34px;
}
.fifthWrapper{
	background: url(/images/bg_bodyWrapper.gif) bottom left repeat-x;
}
.sixthWrapper{
	background: #000;
	height: 176px;
	border-top: 3px solid #fff;
}
.seventhWrapper{
	background: #000 url(/images/bg_footer.gif) 0px 0px repeat-x;
	height: 61px;
}

.header{
	background: url(/images/bg_header.jpg) 0px 0px no-repeat;
	width: 1066px;
	height: 137px;
	margin: 0 auto;
}
.logo{
	width: 376px;
	height: 137px;
	float: left;
}
.loginPanel{
	width: 690px;
	height: 137px;
	float: left;
}
.loginBox{
	width: 250px;
	margin: 10px 0px 0px 440px;
	color: #fff;
	text-align: right;
}

.loginName,
.loginPass{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-align: left;
	width: 250px;
	height: 34px;
	margin: 0px;
	float: left;
}
.loginName input,
.loginPass input{
	background: #fff;
	width: 150px;
	height: 20px;
	border: 1px solid #000;
}
.loginName input{
	padding: 2px;
	margin-left: 5px;
}
.loginPass input{
	padding: 2px;
	margin-left: 8px;
}
.loginSubmit{
	width: 250px;
	height: 24px;
	margin: 0px;
	position: relative;
	left: -15px;
}
.loginSubmit input{
	width: 76px;

	border: 0px;
	margin-top: 5px;
	margin-left: 154px;
}

.navigation{
	background: url(/images/bg_navigation.jpg) 0px 0px no-repeat;
	width: 1066px;
	height: 35px;
	margin: 0 auto;
}
.navMover{
	width: 398px;
	float: left;
}
.homeButton,
.videosButton,
.imagesButton,
.forumButton,
.contributeButton,
.joinButton{
	float: left;
}
.homeButton{
	background: url(/images/nav_home-up.gif) 0px 0px no-repeat;
}
.homeButton:hover{
	background: url(/images/nav_home-over.gif) 0px 0px no-repeat;
}
.videosButton{
	background: url(/images/nav_videos-up.gif) 0px 0px no-repeat;
}
.videosButton:hover{
	background: url(/images/nav_videos-over.gif) 0px 0px no-repeat;
}
.imagesButton{
	background: url(/images/nav_images-up.gif) 0px 0px no-repeat;
}
.imagesButton:hover{
	background: url(/images/nav_images-over.gif) 0px 0px no-repeat;
}
.forumButton{
	background: url(/images/nav_forum-up.gif) 0px 0px no-repeat;
}
.forumButton:hover{
	background: url(/images/nav_forum-over.gif) 0px 0px no-repeat;
}
.contributeButton{
	background: url(/images/nav_contribute-up.gif) 0px 0px no-repeat;
}
.contributeButton:hover{
	background: url(/images/nav_contribute-over.gif) 0px 0px no-repeat;
}
.joinButton{
	background: url(/images/nav_join-up.gif) 0px 0px no-repeat;
}
.joinButton:hover{
	background: url(/images/nav_join-over.gif) 0px 0px no-repeat;
}
.optionalBar{
	background: transparent !important;
	width: 1066px;
	height: 37px;
	margin: 0 auto;
}
.titlesBar{
	background: url(/images/bg_blanktitles.jpg) 0px 0px no-repeat;
	width: 1066px;
	height: 34px;
	margin: 0 auto;
}
.titlesBar2{
	background: url(/images/bg_blanktitles.jpg) 0px 0px no-repeat;
	width: 1066px;
	height: 34px;
	margin: 0 auto;
}
.mainContent{
	background: transparent !important;
	width: 1066px;
	margin: 0 auto;
}
.leftContent{
	width: 731px;
	margin: 0 auto;
	float: left;
	padding-bottom: 10px;

}
.newsRow{
	width: 731px;
	height: 335px;
	float: left;
}
.headlinesPanel{
	width: 458px;
	float: left;
}
.newsBox{
	width: 440px;
	height: 326px;
}
.latestPanel{
	width: 273px;
	float: left;
}
.latestPosts{
	background: url(/images/bg_latest.gif) 0px 0px repeat-y;
	width: 300px;
	margin: 0 auto;
	border-right: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
}
.latestList{
	width: 300px;
	margin: 0 auto;
	padding: 4px 10px 0px 10px;
}
.latestList ul{
	width: 300px;
	list-style-type: none;
	margin: 0 auto;
	padding: 0px;
	list-style: none;
}
.latestList ul li{
	background: url(/images/icon_llist.gif) 2px 11px no-repeat;
	line-height: 33px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #7e92a4;
	text-align: left;
	padding-left: 20px;
	margin: 0px;
}
.latestList ul li a:link,
.latestList ul li a:visited{
	color: #3b444d;
	text-decoration: none;
}
.latestList ul li a:hover{
	color: #7e92a4;
	text-decoration: none;
}
.entriesRow{
	width: 731px;
	margin-top: 10px;
	float: left;
	padding-bottom: 10px;
}
.entriesLeft{
	width: 368px;
	float: left;
}
.entriesRight{
	width: 363px;
	float: left;
}
/* media entries */
.mediaVotes {
	float: left;
	width: 60px;
	height: 80px;
	border: 2px solid #e1e0e0;
	text-align: right;
}
.mediaVoteNumber, .mediaVotePhase, .mediaVoteBtn {
	position: relative;
	top: 5px;
	width: 55px;
	font-size: 13pt;
	font-weight: bold;
	color: #024501;
}
.mediaVoteBtn {
	text-align: center;
	position: relative;
	left: 5px;
}
.mediaEntry{
	background: url(/images/bg_mediaEntry.gif) 0px 0px repeat-y;
	width: 663px;
	margin: 0 auto 10px auto;
	border: 1px solid #e1e0e0;
	float: left;
}
.mediaThumb{
	background: transparent !important;
	width: 160px;
	float: left;
}
.mediaThumb img{
	margin: 6px 0px 6px 6px;
	width: 160px;
	height: 160px;
	border: 4px solid #024501;
}
.mediaView {
	text-align: right;
	font-weight: bold;
	font-size: 15pt;
	color: #024501;
	padding-top: 10px;
}

.mediaView a {
	color: #024501;
}
.thumbs img{
	border: 1px solid #02162a;
}

.thumbs:hover img{
	border: 1px solid #529b0d;
}

.thumbs:hover{
	color: red; /* Dummy definition to overcome IE bug */
}
.mediaDesc{
	background: transparent !important;
	width: 451px;
	float: left;
	position: relative;
	left: 30px;
}
.mediaDesc h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #313e47;
	text-align: left;
	padding: 0px;
}
.mediaDesc h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #313e47;
	text-align: left;
	padding: 0px;
}
.mediaDesc p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #596872;
	text-align: justify;
	padding: 0px;
}
/* mouseover color styles for text links in the media entries */
.mediaDesc h1 a:link,
.mediaDesc h2 a:link,
.mediaDesc h1 a:visited,
.mediaDesc h2 a:visited{
	color: #313e47;
	text-decoration: none;
}
.mediaDesc h1 a:hover,
.mediaDesc h2 a:hover{
	color: #529b0d;
	text-decoration: none;
}
.mediaDesc p a:link,
.mediaDesc p a:visited{
	color: #596872;
	text-decoration: none;
}
.mediaDesc p a:hover{
	color: #529b0d;
	text-decoration: none;
}
.othersRow{
	width: 731px;
	float: left;
}
.othersTitle{
	background: url(/images/header_other.jpg) 0px 0px no-repeat;
	width: 731px;
	height: 33px;
}
.othersPanel{
	background: url(/images/bg_other.gif) 0px 0px repeat-y;
	width: 729px;
	float: left;
	border-right: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	padding-top: 10px;
}
.othersPanel h1{
	width: 701px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #7e92a4;
	text-align: left;
	padding: 0px;
	margin: 0 auto 5px auto;
}
.othersPanel p{
	width: 681px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #7e92a4;
	text-align: justify;
	padding: 0px;
	margin: 0 auto 18px auto;
}
/* mouseover color styles for text links in the other links area */
.othersPanel h1 a:link,
.othersPanel h2 a:link,
.othersPanel h1 a:visited,
.othersPanel h2 a:visited{
	color: #7e92a4;
	text-decoration: none;
}
.othersPanel h1 a:hover,
.othersPanel h2 a:hover{
	color: #02162a;
	text-decoration: none;
}
.othersPanel p a:link,
.othersPanel p a:visited{
	color: #7e92a4;
	text-decoration: none;
}
.othersPanel p a:hover{
	color: #02162a;
	text-decoration: none;
}
.rightContent{
	width: 335px;
	margin: 0 auto;
	float: left;
	padding-bottom: 10px;
}
.sideBar{
	width: 300px;
	margin: 13px auto 0px auto;
}
.adSlot{
	width: 300px;
	height: 520px;
	margin: 0 auto 7px auto;
}
.tabPanel{
	width: 300px;
	margin: 0px auto 0px auto;
	float: left;
	padding-bottom: 7px;
}
.tabHeader{
	background: url(/images/bg_tabHeader2.gif) 0px 0px no-repeat;
	width: 300px;
	height: 40px;
	float: left;
}
.tabBody{
	width: 298px;
	border-right: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	margin: 0 auto;
	float: left;
	text-align: center;
}
.tabBody img {
	border: 1px solid #02162a;
	width: 90px;
	height: 90px;
}
.usersPanel{
	width: 300px;
	margin: 0px auto 0px auto;
	float: left;
	padding-bottom: 7px;
}
.usersHeader{
	background: url(/images/bg_usersHeader.gif) 0px 0px no-repeat;
	width: 300px;
	height: 34px;
	float: left;
}
.usersBody{
	background: url(/images/bg_users.gif) 0px 0px repeat-y;
	width: 298px;
	border-right: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	margin: 0 auto;
	float: left;
}
.usersLeft,
.usersRight{
	width: 149px;
	float: left;
}
.usersLeft ul,
.usersRight ul{
	list-style-type: none;
	margin: 0px;
	padding: 10px;
}
.usersLeft ul li,
.usersRight ul li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #7e92a4;
	text-align: left;
}
.usersLeft ul li a:link,
.usersRight ul li a:link,
.usersLeft ul li a:visited,
.usersRight ul li a:visited{
	color: #7e92a4;
	text-decoration: none;
}
.usersLeft ul li a:hover,
.usersRight ul li a:hover{
	color: #3b444d;
	text-decoration: none;
}
.gads{
	width: 300px;
	margin: 0px auto 0px auto;
	float: left;
	padding-bottom: 7px;
}
.siteCap{
	background: url(/images/bg_sitecap.jpg) 0px 0px no-repeat;
	width: 1066px;
	height: 176px;
	margin: 0 auto;
	color: #fff
}
.siteCap a:link, .siteCap a:active, .siteCap a:visited { color: #fff; }
.footer{
	background: transparent !important;
	width: 1066px;
	height: 61px;
	margin: 0 auto;
}

h3 {
	font-weight: bold;
	color: 363636;
	font-size: 17pt;
	margin: 0px;
	margin-bottom: 3px;
}

a.whitelink:link, a.whitelink:active, a.whitelink:visited { color: #fff; }

#topbg {
background-image: url(/images/bg_page.gif);
background-repeat: repeat-x;
width: 100%;
height: 220px;
}

ul#top_votes_nav {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul#top_votes_nav li {
	display: inline;
	margin-left: 10px;
}

ul#top_votes_nav li a {
	text-decoration: underline;
}

ul#top_votes_nav li a:hover {
	text-decoration: none;
}

ul#top_votes_nav li.selected a {
	font-weight: bold;
	text-decoration: none;

}

.relatedThumb img {
	width: 112px;
	height: 112px;
}

.topUsers {
	height: 65px;
	width: 270px;
	text-align: left;
	clear: left;
}

.topUsersImg {
	float: left;
	position: relative;
	left: 5px;
	width: 70px;
	height: 65px;
}

.topUsersText {
	float: left;
	width:180px;
	height: 65px;
}

.topUsersText a {
	font-weight: bold;
	font-size: 11pt;
	text-decoration: none;
}

#contribute_video, #contribute_image, #contribute_blog {
	display: none;
}

#social_share {

float: left;
width: 83px;
text-align: left;
}

#social_button {

margin-top: 10px;
}



#error {
	color: red;
	margin-bottom: 10px;
}