@charset "UTF-8";
/* CSS Document */
/* UNIVERSAL */
body {
background:none repeat scroll 0 0 #FFFFFF;
color:#333333;
font:83%/1.5 arial,tahoma,verdana,sans-serif;
margin:0 auto;
padding:0 0 20px;
}

ul {margin:0; padding:0;}
ol {margin:0; padding:0;}

fieldset {border:none;}
legend {margin-top:10px;font-size:14px;font-weight:bold;color:#742577;}
label {font-weight:bold;}

h1 {
font-size: 24px;
font-weight: bold;
padding-left: 10px;
}
h1 a {color:#707070;text-decoration:none;}

h2 {
font-size: 14px;
color: #742577;
margin: 0px;
font-weight: bold;
}
h2 a {
color: #742577;
text-decoration:none;
}
h2 a:hover {
text-decoration:underline;
}

h3 {
font-size:20px;
font-weight:bold;
padding-left:2px;
}
h3 a {text-decoration:none;}


a {
color: #742577;
text-decoration: underline;
}

.saved {background-color:#11A3AC;color:#fff;font-size:14px;padding:6px;}
.error  {background-color:#A44848;color:#fff;font-size:14px;padding:6px;line-height:18px;}
.errordiv  {background-color:#A44848;color:#fff;font-size:14px;padding:6px;line-height:18px;}
.success {color:#269900;font-weight:bold;}
.problem {color:#A44848;font-weight:bold;}

.readmore {float:right;margin:5px 0 5px 5px;text-align:right;}

.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;}

.clear {clear:both;}

#content {
padding: 10px;
margin: 0px auto;
background-color: #fff;
width:960px;
}
.floatleft {
float: left;
}
.floatright {
float: right;
}

/* HEADER */
#login {
text-align: right;
}
#logo {
color:#000000;
float:left;
font-size:24px;
font-weight:bold;
left:39px;
padding:10px;
position:relative;
}
#logo a{color: #000;	text-decoration:none;}

.search {
float:right;
margin-right:5px;
margin-top:6px;
}
#searchsite {border:1px solid #DEDEDE;}
.searchbutton 
{

}

.rsslink {float:right;margin-top:20px;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 a, #nav {
color:#fff;
}
#nav {
background:url("../images/headbar.png") repeat-x scroll 0 100% transparent;
margin:0;
padding:6px 0;
}
#nav li {
list-style: none;
display: inline;
padding: 6px 0px;
}
#nav li a {
color:#FFFFFF;
padding:0 10px;
text-decoration:none;
text-transform:capitalize;
}
#nav li  a:hover{
color: #fff;
text-decoration:underline;
}
#nav .current {
list-style: none;
display: inline;
}

/* STORIES */
.leftwrapper {padding-left:12px;}

#leftcol {
float:left;
overflow:hidden;
width:681px;
}

#leftcol ol, #leftcol ul {
margin-left:20px;
margin-top:5px;
}

#leftcol-wide {
float:left;
overflow:hidden;
width:681px;
}
#leftcol-superwide {
float:left;
overflow:hidden;
width:681px;
}
.stories {
margin-bottom: 30px;
}
.stories-wide {
width: 790px;
margin-bottom: 20px;
}
.stories-superwide {
width: 960px;
margin-bottom: 20px;
}

.pagewrap {
border-top: 2px solid #dedede;
border-bottom: 1px solid #dedede;
padding: 10px;
}

.headline {

}

.title h2 {
font-size: 14px;
color: #11a3ac;
margin: 0px;
font-weight: bold;
}
.title h2 a {
color:#2A2A2A;
font-size:16px;
text-decoration:underline;
}
.title h2 a:hover {
text-decoration:underline;
}

.vsubtext {
font-size:13px;
position:relative;
top:9px;
}
.vsubtext a {
color: #707070;
}

.subtext {
font-size: 12px;
}
.subtext a {
color: #742577;
text-decoration:none;
}
.vote {
background:url("../images/vote.png") no-repeat scroll 0 0 transparent;
float:left;
height:71px;
padding:0 5px;
text-align:center;
width:47px;
}
.vote a{
text-decoration:none;
color:#444444;
}
.vote a:hover{
text-decoration:none;
color:#000;
}

.votenumber {
font-size:27px;
margin:0;
position:relative;
top:3px;
}
.title {
margin-left:70px;
}

.adminlinks {font-size:11px;}

.storycontent {
font-size:12px;
margin-left:70px;
}
.storycontent p {
margin:0 0 -10px 0;
}
.storycontent ol {
margin-left:22px;
padding:0;
}
.storycontent ol li {
line-height:14px;
margin:0 0 -10px 0;
padding:0;
}
.storycontent ul {
margin:0 0 0px 0;
padding:0;
}
.storycontent ul li {
line-height:14px;
margin:0 0 -10px 0;
padding:0;
}

.storyfooter {
padding: 0px 10px;
margin-left:60px;
}

#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:10px;padding-top:10px;border-top:1px solid #DEDEDE;}

.edit {
border:1px solid #d9d9d9;
padding: 5px 5px 5px 10px;
background: #ededed;
margin:20px 0;
}
.edit-image {float:left;}
a .edit-image img{border:0px;}

/* 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;}

#bodytext {width:550px;height:450px;}
#summarytext {width:550px;height:250px;}

/* Profile */ 
#navbar {
padding-top:10px;
}

.userborderbottom {border-bottom:2px solid #dedede;}

#profile {border-top:2px solid #dedede;padding:10px;}
#profile_content {}

#personal_info {}
#bookmarklet {}

#search_users {
bottom:2px;
float:right;
position:relative;
right:4px;
}

#personal_info {float:left;width:290px;}
#stats{float:left;width:230px;}
#groups {float:left;width:260px;}
#friends {clear:both;float:left;width:780px;}

#friendlist{background:#fff;width:780px;border-collapse:collapse;text-align:left;}
#friendlist th{font-weight:normal;color:#606060;border-bottom:2px solid #dedede;padding:10px 8px;}
#friendlist td{border-bottom:1px solid #dedede;color:#669;padding:6px 8px;}
#friendlist tbody tr:hover td a{}
#friendlist tbody tr:hover {background:#F3F3F3;}

.user_settings_template {
float:left;
margin:20px 20px 0 20px;
}

.usercategory_outer {
width:145px;
margin:8px 20px;
border:1px solid #E9DDAB;
float:left;
background-color:#FBF7E5;
}
.usercategory_checkbox {
width:20px;
padding:2px;
float:left;
text-align:center;
}
.usercategory_name {
width:105px;
padding:3px;
float:left;
text-align:center;
}

.user_settings_save {
float:left;
margin:20px;
}

.group_membership_list {margin:0 0 0 10px;padding:0;}

/* 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;}
.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;}

.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 0px;
padding-left:12px;
width:520px;
overflow:hidden;
}

.commenttools {
padding: 0px 10px;
float:right;
}


/* MIDDLE COLUMN */
#midcol {
margin-left: 20px;
float: left;
/* a trick to hide of long comments that don't have spaces */
overflow:hidden;
font-size:13px;
width:257px;
}
.sectiontitle {
font-size: 14px;
text-transform: uppercase;
margin: 0px;
font-weight: normal;
}
.sectiontitle a {text-decoration:none;color: #707070;}
.sectiontitle a:hover {color: #11A3AC;}

.boxcontent {
line-height: 24px;
padding: 10px 10px 20px 10px;
}
.active {
color:#CE4A02;
font-weight:bold;
}

.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:#11A3AC;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: 150px;
margin-left: 20px;
float: left;
}
#aboutcontent {
padding: 10px 10px 20px 10px;
border-bottom: 1px solid #dedede;
}
.links {
border-bottom: 1px solid #dedede;
padding: 10px;
}

/* FOOTER */
#footer {
padding: 4px 10px;

border-top: 1px solid #dedede;

margin: 20px 0px;
}
.footer a:hover {
color:#000;
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:none repeat scroll 0 0 #F2F2F2;
border:1px solid #DDDDDD;
color:#666666;
margin:0 0 1.5em;
padding:4px 2px 4px 7px;
}

.pagination p {
position:relative;
text-align:right;
margin:0;
}

.pagination p a:link,.pagination p a:visited,.pagination p a:hover,.pagination p a:active {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #CCCCCC;
margin-right:1px;
padding:2px 5px;
text-decoration:none;
}

.pagination p a:hover {
background:#A44848;
color:#fff;
}

.pagination p span {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #CCCCCC;
color:#CCCCCC;
margin-right:1px;
padding:2px 5px;
text-decoration:none;
}

/* 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 {
color: #11a3ac;
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:280px;
border-right:1px solid #DEDEDE;
margin:0px 15px;
}
.login-right {
float:left;
width:250px;
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 {
}

#header{
margin:0 auto;
padding:0 0 8px;
position:relative;
width:960px;
}

#cab {height:33px;margin:0 20px 0 20px}
#navbar {
background:url("../images/navbar.png") repeat-x 0 0px; 
 padding:14px 0 7px 10px;color:#666; 
 font-size:11px
}
#navbar a {color:#ce4a02; text-decoration:none}
#navbar a:hover{text-decoration:underline}
#cab ul {padding:0px 10px 0 40px;list-style:none;}
#cab li {float:left; text-align:center; display:block; }
#cab a {color:#000}
#cab a:hover {color:#774525}
#cab a.navbut1 {float:left;background:url("../images/tabrightB.png") no-repeat right top; padding:0px 6px 0px 0px;color:#66c; margin:0 1px;text-decoration:none; display:block; height:33px;color:#000; font-weight:bold}
#cab a.navbut1:hover {background:url("../images/tabrightB.png") no-repeat right top;color:#774525}
#cab a.navbut1 span {float:left;background:url("../images/tableftB.png") no-repeat left top;padding:9px 0px 5px 6px; text-align:center;display:block;}
#cab a.navbut1:hover span {background:url("../images/tablefteftB.png") no-repeat left top;}
#cab a.navbut2 {float:left;background:url("../images/tabrightB.png") no-repeat right top; padding:0px 6px 0px 0px;color:#66c; margin:0 1px;text-decoration:none; display:block; height:33px;color:#000; font-weight:bold}
#cab a.navbut2:hover {color:#774525}
#cab a.navbut2 span {float:left;background:url("../images/tableftB.png") no-repeat left top;padding:9px 0px 5px 6px; text-align:center;display:block;}
#cab a.navbut3 {float:left;background:url("../images/tabrB2.png") no-repeat right top; padding:0px 6px 0px 0px;color:#66c; margin:0 1px;text-decoration:none; display:block; height:33px;color:#000; font-weight:bold}
#cab a.navbut3:hover {background:url("../images/tabrightB.png") no-repeat right top;color:#774525}
#cab a.navbut3:hover {color:#774525}
#cab a.navbut3 span {float:left;background:url("../images/tablB2.png") no-repeat left top;padding:9px 0px 5px 6px; text-align:center;display:block;}
#cab a.navbut3:hover span {background:url("../images/tableftB.png") no-repeat left top;}
#cab a.navbut4 {float:left;background:url("../images/tabrightB.png") no-repeat right top; padding:0px 6px 0px 0px;color:#66c; margin:0 1px;text-decoration:none; display:block; height:33px;color:#000; font-weight:bold}
#cab a.navbut4:hover {color:#774525}
#cab a.navbut4 span {float:left;background:url("../images/tableftB.png") no-repeat left top;padding:9px 0px 5px 6px; text-align:center;display:block;}
#cab span a:hover {color:#000;}
#cab a:hover {}
#cab span a:hover {}

#sorts { position: absolute; right:40px; margin-top:-18px; color:#666;font-size:11px}
#sorts p{  font-size:11px}
#sorts a{ color:#ce4a02; font-size:11px}
#sorts a:hover { color:#000}
#sorts img {margin-bottom:-2px}

#ads{
float:right;
height:90px;
position:relative;
top:35px;
width:728px;
}

.featurebox { background:url("../images/featurebox_bg.png") no-repeat 100% 100%;color:#333;padding:15px 0px 0px 10px;margin:0 0 15px}

	.featurebox p {border:none;margin:0 0 1em;color:#444}
	.featurebox a {color:#774525; text-decoration:none}
	.featurebox a:hover {color:#ce4a02; text-decoration: underline}
	 .tlb {background:url("../images/featurebox_h.png") no-repeat 0 0; margin:-15px -10px 0px;padding:3px 10px 7px} 
	 .tlb a {font-weight:bold;color:#774525; text-decoration:none; font-size:14px} 
	 .tlb strong {font-weight:bold;color:#774525} 
	 .tlb a:hover { color:#000; text-decoration:none} 
	 .tlb span { float:right; margin-top:-3px; margin-right:0px}
	 .tlb2 {margin:5px 0x;padding:0px 0px 20px}
	 .tlb2 span.expand-up {background:url("../images/exp_on.png") no-repeat 0 0; margin-right:8px;cursor:hand;cursor:pointer; float:left; display:block; color: #66c; width:58px; height:21px; text-align:center; padding-top:2px}
	 .tlb2 span.expand-down {background:url("../images/exp_down.png") no-repeat 0 0; width:58px; height:21px;cursor:text; float:left; display:block;margin-right:8px; font-weight:bold; color:#666; text-align:center; padding-top:2px}
	 .tog {padding-right:10px}
	 .featurebox li.rmore {list-style:none; margin-left:155px;background:url("../images/more.png") no-repeat 100% 100%;}
	 .featurebox li.rmore a {text-decoration:none; font-size:12px;line-height:2.2em;}
	 .featurebox ul {margin-left:10px; margin-bottom:10px}
	 .featurebox ul a { margin-bottom:5px}

	 
	 /* Categories */
	#nav-secondary, #nav-secondary ul {position:static;margin:0}
	#nav-secondary, #nav-secondary li {padding:5px;list-style:none;margin:0; display:block;}
	#nav-secondary {padding-top:0;margin-top: 10px}
	#nav-secondary a {
	border-bottom:1px solid #C1C1C1;
color:#6666CC;
display:block;
font:96% arial;
padding:0 0 0 10px;
	}
	#nav-secondary a:hover {color:#666}
	#nav-secondary #huidig a {line-height:1.5;padding:0px 0px 0px 10px;font:96% arial;display:block; color:#66c}
    #nav-secondary #huidig a:hover {color:#666}
	
/* Steef list below categories (i.e. tag cloud) */
  .featurebox	li a {margin-left:-10px;padding-left:20px;line-height:2em;}