@charset "UTF-8";
/* CSS Document */
/* UNIVERSAL */
body {
margin: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
background-color: #36393d;
background-image: url(../smiledigg-images/bg.png);
}

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

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

h1 {
font-size: 20px;
font-weight: bold;
padding: 0;
color:#000;
}
h1 a {color:#000;text-decoration:none;}

h2 {
font-size: 14px;
color: #000;
margin: 0px;
font-weight: bold;
}
h2 a {
color: #000;
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, a:active, a:visited {
color: #0065c3;
text-decoration: underline;
}
a:hover {
color: #000;
text-decoration: none;
}

.saved {background-color:#000;color:#fff;font-size:14px;padding:6px;}
.error  {background-color:#ffecec;color:#dd0000;font-size:11px;padding:6px;line-height:14px;}
.errordiv  {background-color:#ffecec;color:#dd0000;font-size:11px;padding:6px;line-height:14px;}

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

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

/* HEADER */
#login {
text-align: right;
padding-right: 10px;
font-size: 14px;
}

.search {float: right; padding-right: 10px;}
#searchsite {border:0px solid #DEDEDE;}
.searchbutton {background:#fff;border:1px solid #dddddd; color: #34a900; font-size: 16px; font-weight: 700; background-image: url(../s-images/bg-btn.png); background-repeat: repeat-x; padding: 3px 5px;}
.searchfield {
	background-color: #FFF; border: 0; font-family: Arial, Helvetica, sans-serif;
}

.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 {
margin: 0px;
padding: 6px 0;
}
#nav li {
list-style: none;
display: inline;
padding: 6px 0px;
}
#nav li a {
color: #FFF;
text-decoration: none;
padding: 0px 10px;
font-size: 12px;
font-weight: 700;
}
#nav li  a:hover{
color: #ffa543;
}
#nav .current {
list-style: none;
display: inline;
color: #ffa543;
}
#nav .current a {
list-style: none;
display: inline;
color: #ff6600;
}

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

#leftcol {
overflow: hidden;
}

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

#leftcol-wide {
overflow: hidden;
}
#leftcol-superwide {
overflow: hidden;
}
.stories {
margin-bottom: 30px;
}
.stories-wide {
margin-bottom: 20px;
}
.stories-superwide {
margin-bottom: 20px;
}

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

.headline {
border-bottom: 1px solid #dedede;
padding: 0 0 5px 0;
}

.title h2 {
font-size: 14px;
color: #000;
margin: 0px;
font-weight: bold;
}
.title h2 a {
color: #000;
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: 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;
}
.title {
margin-left: 46px;
}

.adminlinks {font-size:11px;}

.storycontent {
padding: 10px;
font-size:12px;
}
.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;
}

#who_voted ol {padding-bottom:20px;clear:both;}
#who_voted li {
background:#fff;
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;}

.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 #DEDEDE;}
#submit_content {padding:8px;}

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

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

#bodytext {}
#summarytext {}

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

#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;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 5px;
}

#comments {padding-top:5px;}
.comment-wrap {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;
overflow:hidden;
}

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


/* MIDDLE COLUMN */
#midcol {
/* a trick to hide of long comments that don't have spaces */
overflow:hidden;
font-size: 12px;
}
.sectiontitle {
font-size: 14px;
margin: 0px;
font-weight: 700;
}
.sectiontitle a {text-decoration:none;color: #000;}
.sectiontitle a:hover {color: #489e00;}

.boxcontent {
	margin-top: 10px;
	margin-bottom: 10px;
}
.active {
font-weight: bold;
color: #000;
}

.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 {padding-bottom: 3px; padding-top: 3px; border-bottom: 1px dashed #CCC}
.sidebar-vote-number a{ font-size:12px;text-decoration:none;padding:1px 4px; margin:2px 3px 3px 0; background-color: #3c424c; color: #FFF;}
.sidebar-article a{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 {
}
#aboutcontent {
padding: 10px 10px 20px 10px;
border-bottom: 1px solid #dedede;
}
.links {
border-bottom: 1px solid #dedede;
padding-bottom: 5px;
margin-bottom: 5px;
}

/* FOOTER */
#footer {
padding: 4px 10px;
background-color: #ededed;
border-top: 1px solid #dedede;
border-bottom: 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:#FFF;
color:#666;
margin:20px 0;
}

.pagination p {
position:relative;
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:5px 8px;
background:#e9e9e9;
font-size: 14px;
font-weight: 700;
margin-right:2px;
color: #4b5875;
}

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

.pagination p span {
text-decoration:none;
font-size: 14px;
color:#FFF;
font-weight: 700;
margin-right:2px;
padding:5px 8px;
background-color: #3f454e;
}

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

/* Live */

.live2-item {
clear:both;
border-bottom:1px solid #EFEFEF;
text-align:center;
overflow:hidden;
padding:5px 2px;
}

.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;text-transform:capitalize;}
.live2-story a {text-decoration: underline;}
.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;
margin-right:15px;
}
.register-right {
padding: 10px;
background-color: #f8f8f8;
border: 1px solid #CCC;
}
.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;
float:left;
position:relative;
}

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

.bgSearch {
	background-image: url(../s-images/bg-head.png); 
	background-repeat: no-repeat; 
	background-position: left; 
	background-color: #FFFFFF;
}
.bgTabMenu {
	background-image: url(../s-images/bg-menu-tab.png); background-repeat: no-repeat; background-position: left 0;
}




/* Button  */
.btn {
	display:inline-block;
	background:none;
	margin:0;
	padding:3px 0;
	border-width:0;
	overflow:visible;
	font:100%/1.2 Arial,Sans-serif;
	text-decoration:none;
	color:#333;
}
* html button.btn {
    padding-bottom:1px;
}
html:not([lang*=""]) button.btn {
  margin:0 -3px;
  }
.btn span {
  background:#ddd url(../001-images/bg-button.gif) repeat-x 0 0;
  margin:0;
  padding:3px 0;
  border-left:1px solid #bbb;
  border-right:1px solid #aaa;
  }
* html .btn span {
  padding-top:0;
  }
.btn span span {
  position:relative;
  padding:3px .4em;
  border-width:0;
  border-top:1px solid #bbb;
  border-bottom:1px solid #aaa;
  }
.btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span {
  cursor:pointer; 
  border-color:#666666 !important;
  color:#000;
  }
.btn:active span {
  background-position:0 -400px;
  outline:none;
  }
.btn:focus, .btn:active {
  outline:none; 
  }

/* Border Conner  */
.r1 {
	background-color:#b9c1ca;
	margin:0 3px;
	padding-top:1px;
}
.r2 {
	background-color:#FFF;
	border-left:2px solid #b9c1ca;
	border-right:2px solid #b9c1ca;
	padding-top:1px;
	margin:0 1px;
}
.r3 {
	background-color:#FFF;
	border-left:1px solid #b9c1ca;
	border-right:1px solid #b9c1ca;
	margin:0 1px;
	padding-top:1px;
}
.c1 {
	background-color:#535559;
	margin:0 3px;
	padding-top:1px;
}
.c2 {
	background-color:#44474b;
	border-left:2px solid #535559;
	border-right:2px solid #535559;
	padding-top:1px;
	margin:0 1px;
}
.c3 {
	background-color:#44474b;
	border-left:1px solid #535559;
	border-right:1px solid #535559;
	margin:0 1px;
	padding-top:1px;
}
.r {
	background-color:#FFF;
	border-left:1px solid #b9c1ca;
	border-right:1px solid #b9c1ca;
	padding:0 6px;
}
.c {
	background-color:#44474b;
	border-left:1px solid #535559;
	border-right:1px solid #535559;
	padding:0 6px;
}
/* End Border Conner  */



/*  Smile Digg  */
.bg-search {
	background-image: url(../smiledigg-images/bg-search.png);
	background-repeat: no-repeat;
}
.bg-head {
	background-image: url(../smiledigg-images/bg-head2.png);
	background-repeat: no-repeat;
}
.font-search1 {
	font-size: 18px;
	color: #ffd365;
}
.font-search2 {
	font-size: 10px;
	color: #FFF;
}
.font-search2 a, .font-search2 a:visited, .font-search2 a:active {
	text-decoration: underline;
	color: #ffd365;
}
.font-search2 a:hover {
	text-decoration: underline;
	color: #FFF;
}
.input-search {
	border: 0;
	background-color: #36393d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 700;
	padding: 5px;
	color: #FFFFFF;
}
.link-top {
	font-size: 11px;
	color: #FFFFFF;
	text-align: center;
}
.link-top a, .link-top a:visited, .link-top a:active {
	color: #FFFFFF;
	text-decoration: underline;
}
.link-top a:hover {
	color: #ffa543;
	text-decoration: underline;
}
.font-top-rss {
	font-size: 11px;
	color: #FFFFFF;
	text-align: right;
	margin-top: 30px;
	line-height: 16px;
}
.bg-cate {
	background-image: url(../smiledigg-images/bg-menuC.png);
	background-repeat: repeat-x;
}
.bg-content {
 	background-color: #dbe0e6;
	padding: 10px;
}
.bg-footer {
 	background-color: #000;
	padding: 10px;
}
.font-footer {
	color: #FFFFFF;
}
.font-footer a, .font-footer a:active, .font-footer a:visited {
	color: #ffd365;
	text-decoration: underline;
}
.font-footer a:hover {
	color: #FFF;
	text-decoration: underline;
}



/*- Menu Tabs C--------------------------- */

    #tabsC {
      float:left;
      font-size: 18px;
      line-height:normal;
      }
    #tabsC ul {
        margin:0;
        padding:0 10px 0 0;
        list-style:none;
      }
    #tabsC li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsC a {
      float:left;
      background: url(../smiledigg-images/Tleft.png) no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsC a span {
      float:left;
      display:block;
      background: url(../smiledigg-images/Tright.png) no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#000;
	  margin-right: 3px;
	  height: 29px;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsC a span {float:none;}
    /* End IE5-Mac hack */
    #tabsC a:hover span {
      color:#ffa543;
      }
    #tabsC a:hover {
      background-position:0% -38px;
      }
    #tabsC a:hover span {
      background-position:100% -38px;
      }

        #tabsC #current a {
                background-position:0% -38px;
				color: #ffa543;
        }
        #tabsC #current a span {
                background-position:100% -38px;
				color: #ffa543;
        }
		#tabsC #current2 a {
                background-position:0% -38px;
				background: url(../smiledigg-images/Cleft.png) no-repeat left bottom;
				color: #FFFFFF;
        }
        #tabsC #current2 a span {
                background-position:100% -38px;
				color: #FFFFFF;
				background: url(../smiledigg-images/Cright.png) no-repeat right bottom;
        }
-->


.bg-content2 {
	background-color: #FFFFFF;
}

#nav2 {
margin: 0px;
padding: 0;
}
#nav2 li {
list-style: none;
display: inline;
padding: 6px 0px;
}
#nav2 li a {
color: #000;
text-decoration: none;
padding: 0px 5px;
font-size: 12px;
border-right: 1px solid #cbcbcb;
}
#nav2 li  a:hover{
color: #ffa543;
}
#nav2 .current {
list-style: none;
display: inline;
color: #ff7101;
font-weight: 700;
}
#nav2 .current a {
list-style: none;
display: inline;
color: #ff7101;
font-weight: 700;
}
.font-title-news {
	font-size: 16px;
	font-weight: 700;
}
.font-title-news a, .font-title-news a:visited, .font-title-news a:active {
	font-size: 16px;
	font-weight: 700;
	color: #f48711;
	text-decoration: none;
}
.font-title-news a:hover {
	color: #000;
}
.font-content-news {
	margin: 15px 0;
}
.font-num-vote {
	font-size: 36px;
	color: #39ac00;
	line-height: 30px;
}
.font-text-vote {
	font-size: 10px;
	color: #666;
}
.news-1 {
	margin-bottom: 1px; 
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px solid #EEE;
}
.news-1:hover {
	background-color: #fafcff;
}