/*@charset "UTF-8";
/* CSS Document */
/* UNIVERSAL */
/* Colors 
/* dark grey: color: #707070;
   light grey: color:#a9a9a9;
   red: color:#935c5f;*/
body {
margin: 0px;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#a9a9a9;
background-color:#e2e3e5;


/*cnoble*/
/*color: #707070;*/
}

ul {margin:0; padding:0;}
ol {margin:0; padding:0;}

fieldset {border:none;}
legend {margin-top:10px;font-size:14px;font-weight:bold;color:#935c5f;}
label {font-weight:bold;}

h1 
{
	padding:8px;
font-size: 24px;
font-weight: bold;
padding-left: 0px;
color:#935c5f;
}
h1 a, h1 a:visited {color:#935c5f;text-decoration:none;}
h1 a:hover{color:#935c5f;text-decoration:underline;}

h2 {
font-size: 14px;
color: #707070;
margin: 0px;
font-weight: bold;
}
h2 a {
color: #707070;text-decoration:none;
}
h2 a:hover {
text-decoration:underline;
}

h3 {
font-size:20px;
font-weight:bold;
padding-left:2px;
}
h3 a {color: #707070;text-decoration:none;}


a {
color:#935c5f;
text-decoration: underline;
}

.saved {background-color:#11A3AC;color:#fff;font-size:14px;padding:6px;}
.error  {background-color:#935c5f;color:#fff;font-size:14px;padding:6px;line-height:18px;}
.error a, .error a:visited{color:White;}
.errordiv  {background-color:#935c5f;color:#fff;font-size:14px;padding:6px;line-height:18px;}

.linetop {border-top:2px solid #DEDEDE;}
.linespacer {margin-top:2px;margin-bottom:8px;border-bottom:1px solid #DEDEDE;}

.button {border:2px solid #dedede;background:#fff;}
.field {border:1px solid #dedede;padding:2px;}

#content {
width: 960px;
padding: 10px;
margin: 0px auto;
background-color: #fff;
overflow:hidden;
}
.floatleft {
float: left;
}
.floatright {
float: right;
}

/* HEADER */
#login 
{
	color:White;
text-align: right;
padding-right:8px;
padding-top:8px;
}
#login a
{
	color:White;
}
#logo {
/*padding: 10px;*/
height: 283px;
width:960px;
background-image:url('../images/banner.jpg');
background-position:top left;
background-repeat:no-repeat;
padding-bottom:6px;

}
.search {float:right;margin-top:178px; margin-right:8px;}
#searchsite {border:1px solid #DEDEDE;}
.searchbutton {background:#fff;border:1px solid #DEDEDE;}

.rsslink {margin-top:-23px;text-align:right;font-size:15px;}
.rsslink a {text-decoration:none;color:#707070;font-weight:bold;}

#reg_usernamecheckitvalue {background:#FFFFD3;}
#reg_emailcheckitvalue {background:#FFFFD3;}

#nav {


margin-left: 420px;
margin-top:225px;

font-size:13pt;	
font-weight:bold;

 
}
#nav li {
list-style: none;
display: inline;
padding: 10px 0px;
}
#nav li a {
color: #707070;
text-transform: uppercase;
text-decoration:none;
padding: 0px 5px;
}
#nav li a:hover {
color:#935c5f;
text-decoration:underline;
}
#nav .current a, #nav .current a:visited {
list-style: none; 
display: inline;
color:#935c5f;

}
#nav .current a
{
	text-decoration:underline;
}


/* STORIES */
.leftwrapper {padding-left:12px;}

#leftcol {
width: 550px;
float: left;
}

#leftcol-wide {
width: 638px;
float: left;
overflow:hidden;
}

#leftcol ol, #leftcol ul, #leftcol-wide ol, #leftcol-wide ul {
margin-left:20px;
margin-top:5px;
}

#leftcol-superwide {
width: 960px;
float: left;
}
.stories {
/* width: 550px; adrebit: unneeded: should inherit */
margin-bottom: 30px;
border-bottom:solid 1px #dedede;
padding-bottom:4px;

}
.stories-wide {
width: 638px;
margin-bottom: 10px;
}



.stories-superwide {
width: 960px;
margin-bottom: 20px;
}

.pagewrap {
border-top: 2px solid #dedede;
border-bottom: 1px solid #dedede;
padding: 10px;
}

.headline {
padding: 10px 10px 10px 10px;
width:380px;


}
.title 
{
	
}
.title h2 {
font-size: 14px;
color: #11a3ac;
margin: 0px;
font-weight: bold;
}
.title h2 a {
color: #707070;
text-decoration:none;
}
.title h2 a:hover {
text-decoration:underline;
}

.subtext {
font-size: 12px;
}
.footerText a, .footerText a:visited
{
	color:White;
	text-decoration:none;

}

.footerText a:hover
{
	text-decoration:underline;
}
.starBox
{
	float:left;
}
.vote-count
{
	
	margin-left:60px;
}

.photoVote
{
	float:left;
	margin-left:60px;
}
.vote {
float: left;
padding: 0px 5px;
border-right: 1px solid #dedede;
text-align: center;
}
.vote a{text-decoration:none;}
.vote a:hover{text-decoration:underline}

.votenumber {
font-size: 14px;
margin: 0px;
font-weight:bold;
}

.story-thumb
{

	
}
.title 
{
	float:left;
	

}

.clear
{
	clear:both;
}
.adminlinks {font-size:11px;}


.storyTitle
{
	float:left;
	width:480px;
}

.storyPhoto img
{
	width:350px;
	
	
}

.titleBar
{
	padding-bottom:8px;
	border-bottom:solid 2px #DEDEDE;
	margin-bottom:16px;
}

.storyText
{
	color: #707070;
	padding-bottom:8px;
	
}

.photos img
{
	width:630px;
}
.storyPhoto
{
	padding: 0px 0px 16px 16px;
	float:right;
	text-align:right;
}
.storyStarBox
{
	float:right;
	padding-top:8px;
}
.storycontent {
padding: 4px 10px 10px 10px;
font-size:12px;
}
.storyfooter 
{
	max-height:23px;
	min-height:23px;
	height:23px;
}

#profile-viewinbox
{
	margin:0px 0px 16px 0px;
}
.picButton
{
	margin:8px 0px 16px 0px;
}

#who_voted ol {padding-bottom:20px;clear:both;}
#who_voted li {
background:#fff;
border:1px solid #efefef;
padding:2px;
margin-right:5px;
margin-bottom:4px;
margin-top:4px;
list-style-type: none;
float:left;
}

#related {margin-bottom:10px;padding-top:10px;}
#related ol {
padding-left:30px;
margin-top:5px;
margin-bottom:5px;
}

#who_voted {margin-bottom:40px;padding-top:10px;border-top:1px solid #DEDEDE;}

.news-body-text {
    padding: 0px;
    text-align: left;
    width: 440px;
	
	color: #707070;
}

.onstory
{
	text-align:left;
	width:100%;
	float:left;
	padding:0px;
	color: #707070;
}

.story-thumb {

}

/* Submit */
#submit {padding-top:5px;border-top:2px solid #DEDEDE;}
#submit_content {padding:8px;}

#submit ul {padding-left:20px;}

.instructions {margin-top:10px;line-height:16px;}

/* Profile */ 
#navbar {padding-top:10px;border-top:2px solid #DEDEDE;margin-bottom:10px;}

.userborderbottom {border-bottom:2px solid #dedede;}

#profile {border-top:2px solid #dedede;padding:10px;}
#profile_content {}

#bookmarklet {}

#search_users {float:right;}

/* Comments */

.comment-form {
background:#fff;
border-bottom:1px solid #DEDEDE;
border-right:1px solid #DEDEDE;
border-left:2px solid #C8C8C8;
border-top:2px solid #C8C8C8;
}

#comments {padding-top:5px;border-top:1px solid #DEDEDE;}

#comments a, #comments a:visited
{
	color:#935c5f;
}

#comments img 
{
	width:50px;
}
.comment-wrap {border-bottom:1px solid #DEDEDE;border-right:1px solid #DEDEDE;border-left:1px solid #efefef;border-top:1px solid #efefef;background:#F4F4F4;padding:5px;color:#707070;}

.comment-left {
float:left; 
width:80px;
text-align:right;
border-right:1px solid #DEDEDE;
padding-right:10px;
overflow:hidden;
}

.comment-right {
margin: 0px 10px 30px 90px;
padding-left:12px;
width:80%;
overflow:hidden;
}

.commenttools {
padding: 0px 10px;
float:right;
}


/* MIDDLE COLUMN */
#midcol {
width: 220px;
margin-left: 20px;
float: left;
/* a trick to hide of long comments that don't have spaces */
overflow:hidden;
font-size: 12px;
}
.sectiontitle {
font-size: 14px;
text-transform: uppercase;
margin: 0px;
font-weight: normal;
padding:4px 0px 0px 4px;


}
.sectiontitle a {text-decoration:none;color: #707070;}
.sectiontitle a:hover {color:#935c5f;}

.boxcontent {
line-height: 24px;
padding: 0px 10px 20px 0px;

font-weight:bold;
}
.active {
font-weight: bold;
color:#935c5f;
}

.sidebar-saved {list-style-type:disc;margin-left:5px;}
.sidebar-saved a{text-decoration:none;}
.sidebar-saved a:hover {text-decoration:underline;}

.sidebar-stories {list-style-type:none;}
.sidebar-stories li {margin-bottom:-3px;line-height:22px;}
.sidebar-vote-number a{ font-size:11px;text-decoration:none;padding-right:3px;margin-right:2px;border-right:1px solid #DEDEDE;}
.sidebar-article a{color:#935c5f;font-weight:bold;text-decoration:none;}
.sidebar-article a:hover {text-decoration:underline;}

#sidebar-comments {line-height:14px;}
#sidebar-comments a {text-decoration:none}
#sidebar-comments a:hover {text-decoration:underline;}


/* RIGHT COLUMN */
#rightcol {
width: 300px;
margin-left: 16px;
float: left;
}
#aboutcontent {
padding: 10px 10px 20px 10px;
border-bottom: 1px solid #dedede;
}
.links {
border-bottom: 1px solid #dedede;
padding: 10px;
}

/* FOOTER */
#footer 
{
	margin-top:16px;
	text-align:center;
padding-top: 16px;
padding-bottom:16px;
background-color: Black;
border-bottom: 16px solid #9d171e;
color:White;
width:960px;
}
.footerText 
{
	font-size: 12px;
}
.footerText a {
color: White;
}
.footer a:hover {
color:White;
text-decoration:underline;
}

/* Sort list */
#navcontainer {
padding:10px 10px 10px 5px;
}

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 12px;
}

#navcontainer li { margin: 0 0 3px 0; }

#navcontainer a
{
display: block;
padding-left: 18px;
width: 160px;
background-image: url(../images/l1_down.gif);
}

#navcontainer a:link, #navlist a:visited
{
color: #707070;
text-decoration: none;
}

#navcontainer a:hover
{
background-image: url(../images/l1_over.gif);
color: #000;
}

#active a:link, #active a:visited, #active a:hover
{
background-image: url(../images/l1_over.gif);
}

/* Pagination */
.pagination {
background:#EDEDED;
color:#666;
border-top:1px solid #ddd;
margin-top:40px;
padding:0px 8px 0px 3px;
}

.pagination p {
position:relative;
text-align:right;
margin:0;
padding:5px 0 5px 0;
}

.pagination p a:link,.pagination p a:visited,.pagination p a:hover,.pagination p a:active {
text-decoration:none;
padding:2px 5px;
}

.pagination p a:hover {
background:#A44848;
color:#fff;
}

.pagination p span {
text-decoration:none;
color:#ACACAC;
margin-right:1px;
padding:2px 5px;
}

/* Tags */

.tagformat a{text-decoration:none;}
.tagformat a:hover{text-decoration:underline;}

/* RSS Feeds */
#feeds {
text-transform:capitalize;
border-top: 2px solid #dedede;
margin-top:-15px;
padding:10px 10px 10px 0px;
}

#rssfeeds, #rssfeeds ul {list-style:none;}
#rssfeeds li{margin-left:-10px;}

.feedname {
margin-left:8px;
font-size: 15px;
font-weight: bold;
}
.feedname a {
text-decoration:none;
}
.feed-spacer {
margin:15px 10px 0px 15px;
border-top:1px solid #ededed;
}
.rssfield {
background:#F9F9F9;
border:1px solid #dedede;
padding-left:2px;
margin-left:16px;
width:490px;
}

/* Live */

.live2-item {
clear:both;
border-bottom:1px solid #ccc;
text-align:center;
overflow:hidden;
padding:5px 2px 0;
}

.live2-ts,.live2-type,.live2-votes,.live2-story,.live2-who,.live2-status {
float:left;
display:block;
}

.live2-type img {
border:none;
vertical-align:middle;
margin:0;
width:60px;
}

.live2-ts {width:12%;text-transform:capitalize;}
.live2-type {width:12%;text-transform:capitalize;}
.live2-votes {width:6%;text-transform:capitalize;}
.live2-story {width:40%;text-align:left;font-weight:bold;text-transform:capitalize;}
.live2-story a {color:#11A3AC;text-decoration:none;}
.live2-story a:hover {text-decoration:underline;}
.live2-who {width:18%;text-transform:capitalize;}
.live2-status{width:12%;text-transform:capitalize;}
.live2-problem {color:red;text-transform:capitalize;}

/* Register */
.register-left {
float:left;
width:360px;
margin-right:15px;
}
.register-right {
float:left;
width:400px;
}
.register-right ul {
padding-left:15px;
}

/* Login */
.login-left {
float:left;
width:180px;
border-right:1px solid #DEDEDE;
margin-right:15px;
}
.login-middle {
float:left;
width:190px;
border-right:1px solid #DEDEDE;
margin:0px 15px;
}
.login-right {
float:left;
width:190px;
margin-left:15px;
}

/*Group css*/

#group_navbar {padding-top:10px;border-top:2px solid #DEDEDE;margin-bottom:2px;}

.groupexplain {
padding:10px;
background:#EDEDED;
border:1px solid #CCCCCC;
}

.rolelinks a{color:#6666CC;}

#groupadminlinksbutton a{color:#999}

.toptitle {
margin-top:5px;
font-size:16px;
font-weight:bold;
}
.toptitle a{text-decoration:none;}
.toptitle a:hover{text-decoration:underline;}

.group_container {
margin-top:10px;
width:550px;
float:left;
position:relative;
}

.group_right {
width:450px;
float:left;
position:relative;
}
.group_left {
width:100px;
float:left;
position:relative;
margin-top:5px;
}
.group_avatar {
}
.group_join {
}
.group_unjoin {
}
.group_unjoin a {
font-weight:bold;
left:4px;
position:relative;
text-decoration:none;
top:-3px;
}
.group_withdraw_request {
}
.group_created_by {
}
.group_member {
}

.avatar
{
	float:left;
	width:33%;
}

#personal_info 
{
	
	}

#stats
{
	}

#groups
{
	margin-top:8px;
	
}

.popular-image-display
{
	background-color:black;
	border:solid 8px black;
	overflow:hidden;
	
}

.pop-info
{
	float:left;
		background-color:Transparent;
		background-image:url(../images/trpxl.png);
		background-position:left top;
		background-repeat:repeat;
		background-attachment:scroll;
		
		
	margin-top:430px;
	color:White;
	font-size:10pt;
	overflow:visible;
	width:100%;
	height:40px;
	
}

.pop-info a, .pop-info a:visited
{
	color:White;

	
	text-decoration:none;
}

.pop-info a:hover
{
	text-decoration:underline;
}
#pop-user
{
	float:right;
	margin-right:8px;
	padding-top:6px;
}

#pop-title
{
	float:left;
	font-weight:bold;
	padding-left:8px;
	padding-top:6px;
}

.popular-image-carousel
{
	 
	background-color:Black;
	float:left;
}

.popular-image-carousel li
{
	margin:4px;
	cursor:pointer;
		
}

.prev
{
	
	
	background-image: url(../images/arrow_left.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-color:Black;
	width: 31px;
	height:50px;
	display: block;
	float: left;
	margin-top:60px;
}

.prev-div
{
	background-color:Black;
	height:183px;
	float:left;
	width: 31px;
}

.next-div
{
	background-color:Black;
	height:183px;
	float:left;
	width: 36px;
}
	
.next
{
	
	background-image: url(../images/arrow_right.jpg);
	background-position: top left;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-color:Black;
	margin-top:60px;
	width: 31px;
	height:50px;
	display: block;
	float: left;
}

.sideAd
{
	margin-top:8px;
	margin-bottom:8px;
}

.sideBarBox
{
	
}


.mosaic-row
{
	width:100%;
	clear:both;
	height:350px;
}

.mosaic-0, .mosaic-1, .mosaic-2
{
	float:left;
	width:208px;
}

.mosiac-img
{
	width:208px;
}
.moasic-info
{
	float:left;
	text-align:center;
	width:208px;
}

.mosaic-title
{
	width:100%;
	
}

.mosaic-user
{
	width:100%;
}

.mosaic-votes
{
	display:block;
	margin-left:26px;
}

.aboutBox
{
	width:300px;
	height:222px;
	background-image:url(../images/tan_what_is.png);
	background-position:top left;
	background-repeat:no-repeat;
	margin-bottom:16px;
}

.voteNowBox
{
	width:300px;
	height:150px;
	background-image:url(../images/vote_now.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	margin-bottom:16px;
}

.sideBarBoxBlack
{
	color:Black;
}

.sideBarBox
{
	color:White;
	margin-bottom:16px;
}

.sideBarContent
{
	padding:8px;
}

.sideBarContent h2
{
	color:White;
}

.sideBarMiddleContent
{
	margin-top:16px;
}
.sideBarContent a, .sideBarContent a:visited
{
	color:White;
	text-decoration:none;
}

.sideBarContent a:hover
{
	text-decoration:underline;
}

.sideBarContent legend
{
	color:White;
}

.darkgrey
{
	width:300px;
	height:200px;
	background-image:url(../images/side_darkgrey.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}


	
	
.lightgrey
{
	width:300px;
	height:200px;
	background-image:url(../images/side_lightgrey.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

.redSideBar
{
	width:300px;
	height:200px;
	background-image:url(../images/side_red.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}
	
	#profile-viewinbox
	{
		font-weight:bold;
	}
	.sidebar-ad
	{
		margin-bottom:16px;
	}
.val-err
{
	color:Red;
	display:inline;
}

#profile_navbar
{
	width:100%;
	border-top:solid 1px #935c5f;
	margin: 8px 0px 8px 0px;
	padding-bottom:16px;
}

#profile_navbar ul
{
	list-style:none;
	margin-left:0px;
}

#profile_navbar li
{
	float:left;
	
	
}


#profile_navbar a, #profile_navbar a:visited
{
	padding: 5px 8px 5px 8px;
	
	color:#935c5f;
}

#profile_navbar a:hover
{
	background-color:#935c5f;
	color:White;
	text-decoration:none;
}

.right
{
	float:right;
}

.left
{
	float:left;
}

.friend-info
{
	width:200px;
	text-align: center;
}

.friend-row
{
	clear:left;
}

.friend-0, .friend-1, .friend-2
{
	float:left;
}

.messageHeader
{
	background-color:#935c5f;
	color:White;
	padding:8px;
	font-size:12pt;
	font-weight:bold;
	margin-bottom:8px;
	width:98%;
}

.user-information
{
	margin-bottom:16px;
}

.centerVotes
{
	text-align:center;
}

.fullWidth
{
	width:100%;
}

#user-bio
{
	margin-top:24px;
}

.banner-ad
{
	float:left;
}

.tagBox 
{
	width:300px;
	height:200px;
}

.tagBox a, .tagBox a:visited
{
	color:#935c5f;
}

.popBar
{
	background-color:#951419;
	color:White;
	font-weight:bold;
	font-size:11pt;
	padding:8px;
	padding-right:0px;
	margin-bottom:8px;
	margin-right:6px;
}

.popBar a, .popBar a:visited
{
	color:White;
}


