/* TOP LEFT BOTTOM RIGHT */

* {
	margin: 	0px;
	padding:	0px;
	font-family:	helvetica;
}

body {
	background-color:	#91B2DD;
	min-width:		815px;
}

div#pagewrapper {
	background-color:	#FFFFFF;
}

div#header {
	height:			91px;
	width:			100%;
	display:		block;
	background-image:	url(home_topbarbg.jpg);
	background-repeat:	repeat-x;
}

div#header_left {
	background-image: 	url(home_topleft.jpg);
	background-repeat:	no-repeat;
	width:			40px;
	height:			91px;
	display:		inline;
	left:			0px;
	float:			left;
}

div#header_center h1 {
	display:		none;
}

div#header_center img {
	border:			none;
}

div#header_right {
	background-image:	url(home_topright.jpg);
	background-repeat:	no-repeat;
	width:			40px;
	height:			91px;
	display:		inline;
	float:			right;
}

div#header_title {
	width:			315px;
	height:			91px;
	float:			left;
	display:		inline;
}

div#searchbox {
	margin-top:	35px;
	float:		right;
}

div#navbar {
	height:			23px;
	width:			100%;
	display:		block;
	background:		url(main_nav_bg.jpg) repeat-x;
	margin-top:		0px;
}

div#navbar_left {
	background-image: 	url(main_nav_left.jpg);
	background-repeat:	no-repeat;
	width:			5px;
	height:			23px;
	display:		inline;
	left:			0px;
	float:			left;
}

div#navbar_right {
	background-image:	url(main_nav_right.jpg);
	background-repeat:	no-repeat;
	width:			5px;
	height:			23px;
	display:		inline;
	float:			right;
}

div#navbar_center {
	display:	inline;
}

div#navbar_center ul {
	display:	inline;
}

div#navbar_center ul li {
	padding:		0 9px 0 9px;
	list-style:		none;
	display:		inline;
	background:		url(main_nav_divider.jpg) right no-repeat;

}


div#navbar_center ul li a:visited, div#navbar_center ul li a:link, div#navbar_center ul li a:hover, div#navbar_center ul li a:active {
	text-decoration:	none;
}

div#navbar_center ul li a:hover {
	text-decoration:	underline;
}

div#navbar_center div#links {
	padding-top:	4px;
	display:	block;
}

div#navbar_center div#loggedin {
	padding-top:	4px;
	display:	inline;
	float:		right;
}

div#navbar * {
	color:		#FFFFFF;
	font-weight:	bold;
	font-size:	11px;
}

div#content_wrap {
	background:	url(home_contentleft.gif) top left repeat-y;
}

div#content {
	background:	url(home_contentright.gif) top right repeat-y;
	padding:	5px 40px;
	min-height:	730px;
}

div#top10topic {
	margin: 	8px 10px;
	display:	block;
	height:	60px;
	text-align:	left;
}

div#icon {
	height:		60px;
	width:		61px;
	float:		left;
}

.votes {
	background-image:	url(vote_button.png);
	height:			60px;
	width:			60px;
	color:			rgb(90,90,90);
	text-align:		center;
	margin:			0 5px;
	float:			left;
}

div#options {
	width: 		16px;
	height:		60px;
	float:		left;
	padding-top:	5px;
	margin-right:	5px;
/*	display:	none;*/
}

div#option_favorite, div#option_flag, div#option_nsfw, div#option_delete {
	width:		15px;
	height:		13px;
	display:	block;
	border:		none;
	margin-left:	2px;
	cursor:		pointer;
}

div#options a:link, div#options a:visited, div#options a:hover, div#options a:active, div#options img {
	border:	none;
}

.voteup {
	color:	rgb(156,210,102);
}

.votedown {
	color:	rgb(242,74,74);
}

div#numvotes {
	font-size:	20px;
	display:	block;
}

div#votelabel {
	font-size:	xx-small;
	display:	block;
}

div#updown {
	margin-top:	5px;
	font-size:	small;
	display:	block;
}

div#updown a:link, div#updown a:visited, div#updown a:hover, div#updown a:active {
	color:			white;
	text-decoration:	none;
}

div#updown img {
	border:			none;
	margin:			0 2px;
}

div#summary {
	margin-left:		130px;
	display:	block;
}

div#topictitle {
	font-size:	16pt;
	display:	block;
	text-transform:	capitalize;
}

div#topictitle a:link, div#topictitle a:visited, div#topictitle a:hover, div#topictitle a:active {
	text-decoration:	none;
	color:			#3E80C1;
}

div#topictitle a:hover {
	text-decoration:	underline;
}

div#topicsubmit {
	display:	inline;
	color:		#88CC33;
	font-size:	11px;
}

div#topiccat {
	display:	inline;
	font-size:	11px;
	color: 		rgb(160,160,160);
	margin-left:	5px;
}

div#topicsubmit a:link, div#topicsubmit a:visited, div#topicsubmit a:hover, div#topicsubmit a:active {
	text-decoration:	none;
	font-weight:		bold;
	color:			rgb(156,210,102);
}

div#topicsubmit a:hover {
	text-decoration:	underline;
}

div#topiccat a:link, div#topiccat a:visited, div#topiccat a:hover, div#topiccat a:active {
	text-decoration:	none;
	color:			rgb(160,160,160);
}

div#topiccat a:hover {
	text-decoration:	underline;
}

.delete {
	border:	none;
}

div#top10item {
	margin: 	8px 0px;
	display:	block;
	min-height:	60px;
	text-align:	left;
}

div#rank {
	font-size:		24pt;
	color:			rgb(0,96,197);
	height:			60px;
	width:			60px;
	text-align:		center;
	margin:			0 5px;
	float:			left;
}

div#itemtitle {
	font-size:	14pt;
	display:	block;
}

.topic {
	list-style:	none;
	display:	block;
	min-height:	60px;
}

.topic_list {
	list-style:	none;
	display:	block;
	min-height:	60px;
}

.userpic {
	width:	16px;
	height:	16px;
	margin-top: 7px;
margin-right: 4px;
	border:	0px solid rgb(156,210,102);
}

.commentuserpic {
	width:	25px;
	height:	25px;
	margin: 1px;
	border:	1px solid rgb(156,210,102);
}



div#error {
	color:		rgb(255,0,0);
	font-size:	8pt;
	font-style:	italic;
}

div#itempic img {
	width:		100px;
	max-height:	100px;
	cursor:		pointer;
}

div#itempic * {
	border:		none;
}

div#picDivUnder {
	position:	fixed;
	width:		100%;
	height:		100%;
	top:		0px;
	left:		0px;
	background-color:	rgb(20,20,20);
	opacity:	0.5;
	filter:		alpha(opacity=50);
	display:	block;	
	cursor:		pointer;
}

div#picDiv {
	position:	fixed;
	width:		100%;
	height:		100%;
	top:		0px;
	left:		0px;
	display:	block;
	cursor:		pointer;
}

div#picDiv img {
/*	position:	absolute;*/
	vertical-align:	middle;
	margin-left:	auto;
	margin-right:	auto;
	margin-top:	10%;
	margin-bottom:	10%;
	display:	block;
	max-height:	80%;
	max-width:	80%;
	opacity:	1;
	filter:		alpha(opacity=100);
	cursor:		pointer;
}

div#welcome {
	color:			rgb(255,140,26);
	border:			1px solid rgb(250,160,69);
	background-color:	rgb(255,205,91);
	width:			80%;
	float:			center;
	text-align:		left;
	padding:		10px;
	font-size:		12px;
	letter-spacing:		0.1em;
	margin:			10px auto;
}


/**** COMMENTS *****/

div#comments {
	margin:		50px 20px;
	display:	block;

}

div#comments h2 {
	display:	inline;
	font-variant:	small-caps;
	color:		#4b4545;
	letter-spacing:	-1pt;
	margin-bottom: 	-5px;

}

div#commentitem {
	background-color: #FBFAFE;
	background-image:	url(comment_bg.jpg);
	background-repeat:	repeat-x;
	display:	block;
	width:		590px;
	clear:		left;
overflow: auto;
}

div#commentsubmit {
	display:	block;
	float:		left;
	color:		#88CC33;
	font-size:	11px;
	width:		169px;
	height:		104px;
	padding-top:	7px;
	padding-left:	7px;
}

div#commentsubmit img {
	width:	25px;
	height: 25px;
	border: rgb(155,212,105);
}

div#commentsubmit * {
	color: 			#88CC33;
	text-decoration: 	none;
}

div#commentsubmit a {
	font-weight:	bold;
}

div#commentsubmit a:hover {
	text-decoration:	underline;
}

div#commentsummary {
	font-family: 	"Lucida Grande";
	font-size: 	9pt;
	padding:	20px;
	width:		360px;
	display:	block;
	float:		left;
	overflow: auto;
	border-left:	1px solid rgb(246,245,250);
}

div#no_comments {
	margin:	 	15px;
	color:		rgb(160,160,160);
	font-style: 	italic;
}
	
div#addcomment {
	display: block;
	clear: left;
	padding:	10px;
}
/**** END COMMENTS ****/

/**** TOPIC NAV (MAIN TABS) ****/

div#topicnav {
	display:	block;
	height:		40px;
	background:	url(home_tab_line.jpg) bottom repeat-x;
}

div#topicnav li {
	list-style:		none;
	float:			left;
}

div#topicnav li a {
font-size: 14pt;
	padding-left:		15px;
	padding-top:		6px;
	font-weight:		bold;
	text-align:		left;
	display:		block;
	width:			135px;
	height:			34px;
	background-image:	url(home_tab_inactive.jpg);
	color:			#1A2233;
}

div#topicnav ul li a:visited, div#topicnav ul li a:link, div#topicnav ul li a:hover, div#topicnav ul li a:active {
	text-decoration:	none;
}


div#topicnav li a.selected {
	color:	#1A2233;
	background-image:	url(home_tab_active.jpg);
}

div#topicnav li a:hover {
	color:	#1A2233;
	background-image:	url(home_tab_hover.jpg);
}

div#topicnav li a:hover.selected {
	color:	#1A2233;
	background-image:	url(home_tab_active.jpg);
}

div#topicnav h3 {
margin-left:	1px;
	margin-top:	0px;
	font-size:	7pt;
font-weight: normal;
}

div#topicnav a.submit {
	float:			right;
}

div#topicnav a.submit img {
	border:			none;
}



/**** END TOPIC NAV ****/
.button {
	border:			1px solid rgb(103,145,129);
	font-weight:		bold;
	text-align:		center;
	display:		block;
	padding:		5px 10px;
	margin:			10px;
	min-width:		100px;
	background-color:	rgb(209,224,194);
	color:			rgb(103,145,129);
	text-decoration:	none;
	float:			left;
}

div#subcat {
	display:	inline;
	float:		left;
	margin:		0 10px;
}

div#footer {
	color: 		rgb(160,160,160);
	font-size:	10px;
	text-align:	center;
}

div#ad_top {
	float:		center;
	margin:		0 auto;
	padding:	5px;
	width:		728px;
	height:		95px;
}

div#ad_right {
	float:	right;
	clear:	right;
	width:	120px;
	height:	600px;
	margin:	20px 0;
}


div#page {
	display:	block;
	text-align:	center;
	margin-left:	10px;
}

div#page li {
	list-style:		none;
	float:			left;
	margin:			10px 2px;
}

div#page li a {
	
	text-align:		center;
	display:		block;
padding-top: 2px;
	width:			15px;
        height:			15px;
	color:			rgb(0,96,197);
font-size: 10pt;

}
div#page a:visited, div#page a:hover, div#page a:link, div#page a:active {

	text-decoration:	none;

}

div#page a:hover {
	
}

.here {
	background-image:	url(pageIcon_here.jpg);
	background-repeat:	no-repeat;
}

.there {
	background-image:	url(pageIcon.jpg);
	background-repeat:	no-repeat;
}

div#main {
	border-style:	solid;
	border-width:	0px 1px 1px 1px;
	border-color:	#86937B;
	padding-top:	15px;
}

div#main th {
	text-align:	right;
}

div#viewnav {
	margin-left:	75px;
	margin-top:	20px;
}

span#span_button {
	display:	none;
}

a#button_subitem {
	background:	url(button_submititem.jpg) no-repeat;
	height:		21px;
	width:		100px;
	float:		left;
	display:	block;
}

a#button_prev {
	background:	url(button_prev10.jpg) no-repeat;
	height:		21px;
	width:		100px;
	float:		left;
	display:	block;
	margin-left:	10px;
}

a#button_next {
	background:	url(button_next10.jpg) no-repeat;
	height:		21px;
	width:		100px;
	float:		left;
	display:	block;
	margin-left:	10px;
}

a#button_random {
	background:	url(button_random.jpg) no-repeat;
	height:		21px;
	width:		100px;
	float:		left;
	display:	block;
	margin-left:	10px;
}

a#button_new {
	background:	url(button_new.jpg) no-repeat;
	height:		21px;
	width:		100px;
	float:		left;
	display:	block;
	margin-left:	10px;
}

input#submit {
  width: 	100px;
  height: 	21px;
  margin: 	0;
  padding:	0;
  border: 	0;
  background: 	url(button_submit.jpg) no-repeat center top;
  text-indent:	-1000px;
  display:	block;
  cursor: 	pointer; /* hand-shaped cursor */
  cursor: 	hand; /* for IE 5.x */
}


/**** USER PROFILE ****/
.profilepic {
	width:	109px;
	height:	109px;
	margin:	2px;
}

div#profile_pic {
	float:		left;
	height:		113px;
	width:		113px;

	margin-top:	11px;
	margin-right:	12px;
}

div#profile_top {
	height:		138px;
	color: 		rgb(25,32,50);
	margin-bottom:	9px;
}

div#profile_top th {
	text-align:	right;
}

div#profile_left {
	float:		left;
	height:		138px;
	width:		11px;
	background:	url(profile_top_left.jpg);
}

div#profile_right {
	float:		right;
	height:		138px;
	width:		11px;
	background:	url(profile_top_right.jpg);
}

div#profile_mid {
	height:		138px;
	background:	url(profile_top_bg.jpg);
}

div#profile_top h1 {
	font-family: 	"trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: 	normal;
	letter-spacing:	-1px;
	margin-left:	133px;
	font-size:	22pt;
	background:	url(profile_top_h1_bottom.jpg) bottom repeat-x;
}

div#userstats {
	float: right;
}

ul#activity {
	list-style-type:	none;
}

ul#activity li {
	clear:	left;
}

div#profile_act_icon {
	display:	block;
	height:		16px;
	width:		15px;
	float:		left;
	margin-left:	27px;
}

div#profile_act_item {
	font-family: 	"Lucida Grande";
	font-size: 	9pt;
	width:		600px;
	display:	block;
	float:		left;
	overflow: 	auto;
	margin-left:	13px;
}

div#profile_act_item div#quote {
	font-weight:	bold;
	font-size:	10pt;
	font-style:	italic;
	color:		rgb(121,121,121);
	margin:		10px;
}

div#profile_act_item div#act_item {
	margin:		10px;
	font-size:	10pt;
	font-weight:	bold;
	color:		rgb(50,50,50);
}

div#profile_act_item div#act_topic {
	margin:		10px;
	font-size:	16pt;
	text-transform:	capitalize;
}

.act_topic {
	text-transform:	capitalize;
}

div#profile_act_item img {
	height:		48px;
	padding:	2px;
	border:		solid 1px rgb(211,207,214);
	display:	block;
}
div#profile_act_item a {
	color:			rgb(173,212,119);
	font-weight:		bold;
	text-decoration:	none;
}

div#profile_act_item a:hover {
	text-decoration:	underline;
}
/**** END USER PROFILE ****/
/**** LOGIN ****/
div#login_main {
	background: 	url(login_bg.jpg) top repeat-x;
	height:		490px;	
	font-size:	12px;
}

div#login_left {
	float:		left;
	display:	block;
	width:		350px; /*319px;*/
	background:	url(login_left.jpg) top left no-repeat;
	padding-top:	5px;
	padding-left:	24px;
}

div#login_left_empty {
	float:		left;
	display:	block;
	width:		600px; /*319px;*/
	background:	url(login_left.jpg) top left no-repeat;
	padding-top:	5px;
	padding-left:	24px;
}

div#login_left h1 {
	margin-bottom:	22px;
}

div#login_left_empty h2 {
	font-size:	14px;
	font-style:	italic;
	color:		rgb(30,30,30);
	margin-top:	10px;
	margin-bottom:	5px;
}

div#login_left b {
	margin-bottom:	22px;
}

div#login_right {
	float:		right;
	display:	block;
	width:		339px;
	background:	url(login_right.jpg) top no-repeat;
	padding-top:	150px;
}

div#login_right_empty {
	float:		right;
	display:	block;
	width:		12px;
	height:		190px;
	background:	url(login_right_empty.jpg) top no-repeat;
}

/**** END LOGIN ****/