@charset "UTF-8";
/* CSS Document */
/* UNIVERSAL */
body {
margin: 0px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
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:#27AFDC;}
label {font-weight:bold;}
img {border:none;}

h1 {
font-size: 18px;
font-weight: bold;
line-height:50px;
}
h1 a {color:#707070;text-decoration:none;}

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

h3 {
font-size:20px;
font-weight:bold;

}
h3 a {text-decoration:none;}

p {
color: #707070;
}

a {
color: #2098BF;
text-decoration:none;
}

.saved {background-color:#2098BF;color:#fff;font-size:14px;padding:6px;}
.error  {background-color:#3b65a8;color:#fff;font-size:13px;padding:6px;line-height:22px;}
.errordiv  

{background-color:#3b65a8;color:#fff;font-size:14px;padding:6px;line-height:18px;}

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

.linetop {border-top:2px solid #EBF8FC;}
.linespacer {margin-top:2px;margin-bottom:8px;border-bottom:1px solid #EBF8FC;}

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

#content {
width: 970px;
padding: 0;
margin: 0px auto;
}
.floatleft {
float: left;
}
.floatright {
float: right;
}

/* HEADER */
.shine {
background: url(../images/main.png) repeat-x top center;
height:185px;
float:right;
width:100%;
}

#login {
text-align: right;
padding:10px 0 0 0;
color: #fff;
text-transform:capitalize;

}

#login a {
color: #ffffff;
font-weight:bold;
text-decoration:none;
}

#login span {
background: url(../images/spt.png) no-repeat center;
}

#logo {
background: url(../images/logo.png) no-repeat 0 0;
display:block;
font-size: 30px;
color:#666666;
line-height:66px;
margin-top:10px;
margin-left:5px;
width:225px;
height:66px;
}

#logo a{color: #ffffff;	text-decoration:none;}
#logo:hover{background: url(../images/logo.png) no-repeat -225px 0;}

#logo span {text-indent:-999em; display:block;}



.search {margin-top:32px; float:right; height:23px; border:1px solid #80D2EA; background:#EBF8FC; }
#searchsite {padding:2px; margin-left:2px; color:#1F96B8;background: #EBF8FC; border:none; height:16px; font-size:12px;}
.searchbutton {background:#62C7E5;border:none;color:#FFFFFF; font-size:12px; font-weight:bold;width:50px;padding:2px; margin:1px;}

.breadcrumbs h1{margin-top:-10px;font-size:14px; font-weight:bold; color:#FFFFFF;}

.rsslink {text-align:right; margin-left:890px; margin-top:103px; position:absolute;}
.rsslink a {text-decoration:none;color:#ffffff;font-weight:bold;}

#reg_usernamecheckitvalue {background:#FFFFD3;}
#reg_emailcheckitvalue {background:#FFFFD3;}

.headerbackground {
background:  url(../images/bg-shine.png) repeat-x;
width:970px;
}

#nav {
padding: 10px 0px;
margin-left:240px;
margin-top:-52px;
}

#nav li {
list-style: none;
display: inline;
padding: 10px 0px;
}
#nav li a {
color: #3AB9DE;
text-decoration: none;
padding: 0px 10px;
}
#nav li  a:hover{
}
#nav .current {
list-style: none;
display: inline;
font-weight: bold;
background: url(../images/tri.png) no-repeat left;
}
#nav .submit a{
color:#F3AF12;
}

#nav .s_current a{
color:#F3AF12;
list-style: none;
display: inline;
font-weight: bold;
}

#nav li.home a {background:url(../images/home.png) no-repeat left;}
#nav li.home a span {visibility:hidden; padding:0px 0px 0px 0px; width:1px;}


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

#leftcol {
width: 655px;
background: url(../images/main.png) repeat-x 0 -185px;
float: right;
border:solid 1px #F6C140;
overflow: hidden;
margin-right:0px;
margin-top:14px;
padding-left:10px;
padding-right:10px;
color:#707070;
}

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

#leftcol-wide {
width: 790px;
float: left;
overflow: hidden;
color:#707070;
}
#leftcol-superwide {
width: 970px;
float: left;
overflow: hidden;
color:#707070;
}
.stories {
width: 650px;
margin-bottom: 10px;
}
.stories-wide {
width: 790px;
margin-bottom: 20px;
}
.stories-superwide {
width: 970px;
margin-bottom: 20px;
}

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

.storyheadline {
padding: 0px 4px 0px 5px;
margin-right:10px;
width:50px;
height:38px;
float: left;
text-align:right;
}

.title h2 {
font-size: 12px;
color: #3AB9DE;
margin: 0px;
font-weight: bold;
}
.title h2 a {
color: #3AB9DE;
}
.title h2 a:hover {
text-decoration:underline;
}

.subtext {
font-size: 11px;
color:#838383;

}
.subtext a {
color:#3AB9DE;
text-decoration:none;
}
.subtext a:hover {
color: #838383;
}

.footertext {
font-size: 11px;
color: #62C7E5;
padding-left:10px;
padding-top:10px;

}
.footertext a {
color: #28B3DB;
text-decoration:none;
}
.footertext a:hover {
color: #28B3DB;
}

.vote .subtext span {
/* This hides the "voted" and "buried" text after casting a vote by making it blend in with 

the background color */
color:#000000;
}

.divider {
margin:0px 10px 10px 10px;
border-top:1px dotted #ebebeb;
}
.sdivider {
margin:2px 0px 2px 0px;
border-top:1px dotted #ebebeb;
}
.votebox {
width:16px;
float:left;
}

.vote {
float: left;
text-align: center;
}
.vote a{text-decoration:none;}
.vote a:hover{text-decoration:none;}

.bury {
float:left;
text-align: center;
margin-top:2px;
}

.votenumber {
font-size: 26px;
margin: 0px;
font-weight:bold;
float:right;
text-align:right;
color:#fff;
}
.votenumber a, .votenumber a:hover {color:#1E94BB;text-decoration:none;}

.title {
margin-left: 46px;
}

.adminlinks {font-size:11px;}

.storycontent {
padding: 10px;
font-size:11px;
width:640px;
color:#838383;
}

.storycontent a{
color:#838383;
}

.storycontent a:hover {
color:#333333;
}
.storycontent p {
margin:0 0 -10px 0;
color:#838383;
}
.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;
}

.url_short {
}

.url_short a {
color:#9EC630;
}

.url_short a:hover {
color:#707070;
}

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

.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:2px solid #2B95B8;}
#submit_content {padding:10px 20px;}

#submit ul {padding-left:20px;}

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

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

/* Profile */ 
#navbar {padding-top:10px;border-top:2px solid #D5F0F9;margin-bottom:10px;}

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

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

#personal_info {}
#bookmarklet {}

#search_users {float:right;}

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

#friendlist{background:#fff;width:640px;border-collapse:collapse;text-align:left;}
#friendlist th{font-weight:normal;color:#EBF8FC;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;}

/* 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 {border-top:1px solid #DEDEDE;}
#comments h3 {color:#000; padding-left:0px;}

.comment-wrap {padding:0px;}

.comment-left {
float:left; 
background: url(../images/comment-left-main.gif) no-repeat top right;
width:70px;
text-align:right;
padding-right:20px;
overflow:hidden;
}

.comment-right {
float:left;
margin: 0px 10px 20px 0px;
padding:6px 12px 10px 12px;
width:520px;
background: #efefef url(../images/comment-bottom-main.gif) no-repeat bottom left;
overflow:hidden;
}

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

.inline-comment {
margin: 0 0 0 90px;
}

.child-comment {
padding:10px 0 0px 0;
border-top: 1px dashed #bbb;
border-bottom:1px dashed #bbb;
margin-bottom:10px;
background:#FBFBFB;
}

/* MIDDLE COLUMN */
#midcol {
width: 285px;
margin-right: 0px;
margin-top:45px;
float: left;
/* a trick to hide of long comments that don't have spaces */
overflow:hidden;
font-size: 11px;
color:#707070;
}
.midmod {
border:solid 1px #D5F0F9;
width:274px;
margin-bottom:20px;
}

.headline {
width: 274px;
padding: 10px;
color:#2098BF;
font-weight:bold;
background: url(../images/midtop.png)  no-repeat;
}

.sectiontitle {
font-size: 12px;
font-weight:bold;
margin: 0px;
color:#2098BF;

}
.sectiontitle a {text-decoration:none;color:#2098BF;}
.sectiontitle a:hover {color: #2098BF;}

.boxcontent {
line-height: 24px;
padding: 10px 10px 20px 10px;

}
.active {
font-weight: bold;
color: #2098BF;
}

/* Farhan */
.active2 {
font-weight: bold;
color: #fff;
}

.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:#2098BF;text-decoration:none;}
.sidebar-article a:hover {text-decoration:underline;}

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

.loginbox {
margin:3px 20px;
}

/* RIGHT COLUMN */

#aboutcontent {
width: 258px;
padding: 10px 10px 10px 10px;
}

.links {
border-bottom: 1px solid #E8E8E8;
padding: 10px;
}
.links a {
text-decoration:none;
color:#707070;
font-size:14px;
line-height:20px;
}
.links a:hover {
color:#2098BF;
}

/* FOOTER */

#footer {
height:25px;
padding-top:10px;
border-top: solid 1px #D5F0F9;

}
.footer a:hover {
color:#000;
text-decoration:underline;
}

/* Farhan */
#sortstory {
float:right;
margin-top:0px;
color:#FFF;
font-size:11px;
}

#sortstory a
{
outline:none;
color:#FFF;
text-decoration:none;
font-weight:normal;
}

#sortstory a:hover
{
color:#FFF;
}

#sortstory a:link
{
text-decoration: none;
}

/* 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);
outline:none;
}

#navcontainer a:link, #navlist a:visited
{
color: #34BDEB;
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 {
color:#666;
margin:40px 0 20px 0;
padding:0px 8px 0px 3px;
}

.pagination p {
position:relative;
text-align:right;
font-size:14px;
margin:0;
padding:5px 0 5px 0;
}
.pagination p a {color:#1E94BB;}

.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:#1E94BB;
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;
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: #2098BF;
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:#2098BF;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:325px;
margin-right:15px;
}
.register-right {
float:left;
width:290px;
}
.register-right ul {
padding-left:15px;
}

/* Login */
.login-left {
float:left;
width:175px;
border-right:1px solid #DEDEDE;
margin-right:15px;
height:250px;
margin-bottom:20px;
}
.login-middle {
float:left;
width:200px;
border-right:1px solid #DEDEDE;
margin:0px 15px 20px 15px;
height:250px;
}
.login-right {
float:left;
width:200px;
margin-left:15px;
}

/*Group css*/

#group_navbar {margin-bottom:2px;}

.groupexplain {
padding:10px;
margin-left:10px;
margin-right:10px;
background:#EBF8FC;
border:1px solid #D5F0F9;
}

.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:10px;
width:660px;
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 {
}


/* FARHAN */
a.btn {
    /* Sliding right image */
background: transparent url(../images/button_right.png) no-repeat scroll top right; 
display: block;
float: left;
height: 30px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 6px;
padding-right: 20px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #FFF;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
}
a.btn span {
/* Background left image */ 
background: transparent url(../images/button_left.png) no-repeat; 
display: block;
line-height: 18px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding: 7px 0 5px 18px;
} 
a.btn:hover span{
text-decoration: none;
}