@charset "UTF-8";

/* CSS Document */

/* UNIVERSAL */

body{padding:0px; margin:0px; color:#666; font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;}

div, p, ul, h2, img{padding:0px; margin:0px;}

ul{list-style-type:none;}

a{ color:#000; text-decoration:none;}

a:hover{background:#fff; color:#666; text-decoration:underline;} 



ul {margin:0; padding:0;}

ol {margin:0; padding:0;}



fieldset {border:none;}

legend {margin-top:10px;font-size:14px;font-weight:bold;color:#000000;}

label {font-weight:bold;}



h1 {

font-size:196%;

margin-top:.6em;

}



h2 {

font-size:136%;

color:#000000;

}



h3 {

font-size:80%;

}



h4 {

font-size:116%;

}



h5 {

font-size:106%;

}



h6 {

font-size:96%;

}



ul {

list-style:none;

}







a {

color: #000000;

text-decoration: underline;

}



.saved {background-color:#000000;color:#fff;font-size:14px;padding:6px;}

.error  {background-color:#000000;color:#fff;font-size:14px;padding:6px;line-height:18px;}

.errordiv  {background-color:#000000;color:#fff;font-size:14px;padding:6px;line-height:18px;}



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



.linetop {border-top:0px solid #DEDEDE;}

.linespacer {margin-top:2px;margin-bottom:8px;border-bottom:0px solid #DEDEDE;}



.button {border:2px solid #dedede;background:#fff;}

.field {border:1px solid #dedede;padding:2px;}



#content {

width: 960px;

padding: 1px;

margin: 0px auto;

background-color: #fff;

}

.floatleft {

float: left;

}

.floatright {

float: right;

}



/* HEADER */

#login {

text-align: right;

background:#EFF7FF;

}

#logo {

padding: 10px;

font-size: 24px;

font-weight: bold;

color: #000;

}

#logo a{color: #000;	text-decoration:none;}



.search {position:absolute; margin-top:8px; margin-left: 770px;width:235px;}

#searchsite {border:1px solid #DEDEDE;}

.searchbutton {background:#fff;border:1px solid #DEDEDE;}



.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 {

border-top: 0px solid #dedede;

border-bottom: 0px solid #dedede;

padding: 10px 0px;

margin: 0px;

}

#nav li {

list-style: none;

display: inline;

padding: 10px 0px;

}

#nav li a {

color: #707070;

text-transform: uppercase;

text-decoration: none;

padding: 0px 10px;

}

#nav li  a:hover{

color: #000;

}

#nav .current {

list-style: none;

display: inline;

background:#EDEDED;

}



/* STORIES */

.leftwrapper {padding-left:12px;}



#leftcol {

width: 640px;

float: left;

overflow: hidden;

}



#leftcol ol, #leftcol ul {

margin-left:20px;

margin-top:5px;

}



#leftcol-wide {

width: 640px;

float: left;

overflow: hidden;

}

#leftcol-superwide {

width: 640px;

float: left;

overflow: hidden;

}

.stories {

width: 550px;

margin-bottom: 30px;

}

.stories-wide {

width: 550px;

margin-bottom: 20px;

}

.stories-superwide {

width: 550px;

margin-bottom: 20px;

}



.pagewrap {

border-top: 0px solid #dedede;

border-bottom: 0px solid #dedede;

padding: 10px;

}



.headline {

border-top: 0px solid #dedede;

border-bottom: 0px solid #dedede;

padding: 4px;

}



.title h2 {

font-size: 14px;

color: #000000;

margin: 0px;

font-weight: bold;

}

.title h2 a {

color: #000000;

text-decoration:none;

}

.title h2 a:hover {

text-decoration:underline;

}



.subtext {

font-size: 9px;

}

.subtext a {

color: #707070;

}

.vote {

float: left;

padding: 0px 5px;

border-right: 0px 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;

}

.title {

margin-left: 46px;

}



.adminlinks {font-size:11px;}



.storycontent {

width:auto;

padding: 10px;

margin-right:22px;

font-size:12px;

}

.storycontent p {

margin:0 0 -10px 0;

}

.storycontent ol {

margin-left:22px;

margin-right: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 {

width:auto;

line-height:14px;

margin:0 0 -10px 0;

padding:0;

}



.storyfooter {

padding: 0px 10px;

}



#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:0px solid #DEDEDE;}



.edit {

border:1px solid #d9d9d9;

padding: 5px 5px 5px 10px;

background: #ededed;

margin-bottom:20px;

}

.edit-image {float:left;}

a .edit-image img{border:0px;}



/* Submit */
#submit {padding-top:5px;border-top:0px solid #DEDEDE;}
#submit_content {padding:8px;}

#submit_step_1_content {
padding:8px;
}
.submit_step_1_left {
position:relative;
float:left;
width:400px;
}



.instructions {margin-top:10px;line-height:16px;}



#bodytext {width:400px;height:200px;}
#summarytext {width:350px;height:200px;}
.button_max {margin-top:8px;padding:2px 6px;}
.spellcheck {float:right;}





#navbar {

background:url("../images/navbar.png") repeat-x 0 0;

color:#666;

font-size:11px;

margin:2px 0px 0;

padding:14px 0 7px 10px;



}



#story-navbar {



color:#666;

font-size:11px;

margin:2px 20px 0;

padding:14px 0 7px 10px;

}



/* Profile */ 

#navbar {padding-top:10px;border-top:0px solid #DEDEDE;margin-bottom:10px;}



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



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

#profile_content {}



#personal_info {}

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

.comment-wrap {border-bottom:1px solid #DEDEDE;border-right:1px solid #DEDEDE;border-left:1px solid #efefef;border-top:1px solid #efefef;background:#EFF7FF;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 90px;

padding-left:12px;

width:500px;

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;

font-weight: bold;

text-transform: uppercase;

margin: 0px;

font-weight: normal;

}

.sectiontitle a {text-decoration:none;font-weight: bold;color: #707070;}

.sectiontitle a:hover {color: #000000;font-weight: bold;}



.boxcontent {

line-height: 24px;

padding: 4px 4px 20px 4px;

}

.active {

font-weight: bold;

color: #000000;

}





.sidebar-saved {list-style-type:disc;margin-right: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:-1px;line-height:17px;}

.sidebar-vote-number a{ font-size:12px;float:right;text-decoration:none;padding-left:3px;border-left:0px solid #DEDEDE;}

.sidebar-article a{color:#000000;font-weight:none;text-decoration:none;}

.sidebar-article a:hover {text-decoration:underline;}



#sidebar-comments {line-height:12px;}

#sidebar-comments a {text-decoration:none}

#sidebar-comments a:hover {text-decoration:underline;}





/* RIGHT COLUMN */

#rightcol {

width: 275px;

margin-left: 20px;

float: left;

}

#aboutcontent {

padding: 10px 10px 20px 10px;

border-bottom: 0px solid #dedede;

}

.links {

border-bottom: 0px solid #dedede;

padding: 10px;

}



/* FOOTER */

#footer {

padding: 4px 10px;

background-color: #CEE3F8;

border-top: 0px solid #dedede;

border-bottom: 0px 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:#CEE3F8;

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:#000000;

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 {

color: #000000;

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:#000000;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 {

}



#headbar {

background:#CEE3F8;

vertical-align:top;

margin:0 0px;

padding:5px 10px 0;

}



#header {

height:70px;

width:100%;

position:relative;

margin:0 0 2px;

padding:0 0 8px;

}



#header

{

background:#EFF7FF;

}



#headbar form .login {

width:100px;

}



#headbar ul {

padding:2px 0 4px;

}



#headbar ul li {

display:inline;

}



#header #site-name {

font:265% arial;

letter-spacing:-0.05em;

height:30px;

color:#fff;

border:none;

margin:0 0 0 20px;

padding:3px 0;

}



.search2 {

float:right;

padding-right:25px;

padding-top:5px;

}



#sorts {

position:absolute;

right:20px;

margin-top:-18px;

color:#666;

font-size:11px;

}



#sorts p {

font-size:11px;

}



#sorts a {

color:#000000;

font-size:11px;

}



#sorts img {

margin-bottom:-2px;

}



a.switchurl {

border-bottom:0px solid #eadfb4;

display:block;

margin-left:15px;

padding:0 0 4px 5px;

}



.dropshadow {

 -moz-box-shadow: 3px 3px 4px #999; /* Firefox */

 -webkit-box-shadow: 3px 3px 4px #999; /* Safari/Chrome */

 box-shadow: 3px 3px 4px #999; /* Opera and other CSS3 supporting browsers */

 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";/* IE 8 */

 : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');/* IE 5.5 - 7 */

margin-right : 10px;

}

.submit_right_sidebar {
float:left;
margin-top:20px;
position:relative;
width:480px;
}
.preview-story {
width: 435px;
background:#ffffff;
border:1px solid #cfcfcf;
margin:0 0 10px 0;
padding:15px;
}
.preview-title {
font-size:20px;margin:0 0 6px 0;padding:0;
}
#lp-title {display:inline;}
#lp-category {display:inline;}
#lp-link_group_id {display:inline;}
#lp-tags {display:inline;}
#lp-bodytext {display:inline;}

.submit_votenumber {
color: #000000;
font-size: 14px;
margin: 0px;
font-weight:bold;
}