/********************************************
   AUTHOR:                          Erwin Aligam
   WEBSITE:                           http://www.styleshout.com/
        TEMPLATE NAME:         Stylevantage - orange
   TEMPLATE CODE:         S-0001
   VERSION:          1.0
 *******************************************/

/********************************************
   HTML ELEMENTS
********************************************/

/* top elements */
* {
        margin: 0; padding: 0;
}
body {
        margin: 0; padding: 0;
        font: 71%/1.5em  Verdana, 'Trebuchet MS', Arial, Sans-serif;
        background: url("../images/headerbg-orange.gif") repeat-x;
        color: #666666;
        text-align: center;
}

/* headers */
h1, h2, h3 {
        font: bold 1em 'Trebuchet MS', Tahoma, Sans-serif;
        text-transform: uppercase;
        color: #555;
}
h1 { font-size: 1.5em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.2em; text-transform: none;}

#main h1, #rightbar h1 {
        padding: 10px 0 5px 5px;
        margin: 0 0 0 10px;
        text-transform: uppercase;
        border-bottom: 1px solid #f2f2f2;
}
#sidebar h1 {
        padding: 10px 0px 5px 30px;
        background: url("../images/square_arrow.gif") no-repeat 2px 12px;
        margin: 0;
        text-transform: uppercase;
}

#rightbar h1 {
        padding: 10px 0px 5px 30px;
        background: url("../images/square_arrow.gif") no-repeat 2px 12px;
        margin: 0;
        text-transform: uppercase;
}

p, h1, h2, h3 {
        margin: 10px 15px;
}

ol {padding: 0 0 0 32px;}

code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2;
  border-left: 3px solid #EC981F;
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
blockquote {
        margin: 15px;
        padding: 0 0 0 32px;
        background: #FAFAFA url("../images/quote.gif") no-repeat 5px 10px !important;
        background-position: 8px 10px;
        border: 1px solid #f2f2f2;
        border-left: 3px solid #EC981F;
        font-weight: bold;
}

/* form elements */
form {
        margin:10px; padding: 0;
        border: 1px solid #f2f2f2;
        background-color: #fff;
}
label {
        display:block;
        font-weight:bold;
        margin:5px 0;
}
label br {
clear:left;
}
legend {
color:#000;
padding:0 0.5em;
}
fieldset {
border:none;
font-weight:400;
margin:1em 0;
padding:1em 0em;
}

* html fieldset {
background:none;
}

fieldset dt {
clear:left;
float:left;
width:18em;
text-align:right;
padding:0 1em 0.5em 0;
}

fieldset dd {
font-weight:700;
padding:0 0 0em;
}

fieldset.labels label {
width:10em;
float:left;
text-align:right;
display:block;
padding:0.2em 0.0em 0.2em 0;
}

fieldset.labels div {
clear:left;
padding:0.2em 0;
}
hr {
background:#f2f2f2;
height:1px;
color:#f2f2f2;
border:none;
clear:both;
margin:1em 0;
}
input {
        padding: 4px;
        border:1px solid #eee;
        font: normal 1em/1.5em Verdana, sans-serif;
        color:#777;
}
textarea {
        width:350px;
        padding:4px;
        font: normal 1em/1.5em Verdana, sans-serif;
        border:1px solid #eee;
        height:100px;
        display:block;
        color:#777;
}
input.button {
        margin: 0;
        font: bold 1em Arial, Sans-serif;
        border: 1px solid #CCC;
        background: #FFF;
        padding: 2px 3px;
        color: #333;
}

/* search form */
form.searchform {
        background: transparent;
        border: none;
        margin: 0; padding: 0;
}
form.searchform input.textbox {
        margin: 0;
        width: 120px;
        border: 1px solid #CCC;
        background: #FFF;
        color: #333;
        vertical-align: top;
}
form.searchform input.button {
        width: 55px;
        vertical-align: top;
}

/*****************/
/*    Layout     */
/*****************/
#wrap {
        margin: 0 auto;
        width: 950px;
        text-align: left;
        background: #FFF;
}
#content-wrap {
        clear:both;
        margin: 0; padding:0;
        width: 950px;
}

/* header */
#header {
        position: relative;
        background: url("../images/headerbg-orange.gif") repeat-x 0% 0%;
        height: 84px;
}
#header h1#logo {
        position: absolute;
        margin: 0; padding: 0;
        font: bolder 4.1em 'Trebuchet MS', Arial, Sans-serif;
        letter-spacing: -2px;
        color: #CCC;
        text-transform: lowercase;
        text-decoration: none;
        /* change the values of top and Left to adjust the position of the logo*/
        top: 0; left: 5px;
}
#header h2#slogan {
        position: absolute;
        margin: 0; padding: 0;
        font: bold 1em 'Trebuchet MS', Arial, Sans-serif;
        text-transform: none;
        color: #FFF;
        /* change the values of top and Left to adjust the position of the slogan*/
        top: 48px; left:65px;
}
#header .searchform {
        position: absolute;
        top: 5px; right: 3px;
}

/* main column */
#main {
        float: left;
        margin-left: 15px;
        padding-left: 15px;
        width: 54%;
        border-left: 1px solid #f2f2f2;
}

.post-footer {
        background-color: #FAFAFA;
        padding: 5px; margin-top: 20px;
        font-size: 95%;
        border: 1px solid #f2f2f2;
}

/* sideabar */
#sidebar {
        float: left;
        width: 21%;
        margin: 0;        padding: 0;
        display: inline;
}
#sidebar ul.sidemenu {
        list-style: none;
        text-align: left;
        margin: 0 0 8px 0;
        padding-right: 0;
        text-decoration: none;
}
#sidebar ul.sidemenu li {
        border-bottom: 1px solid #EFF0F1;
        background: url("../images/arrow.gif") no-repeat 2px 5px;
        padding: 2px 5px 2px 20px;
}

* html body #sidebar ul.sidemenu li { height: 1%; }

#sidebar ul.sidemenu a {
        font-weight: bold;
        background-image: none;
        text-decoration: none;
}

/* rightbar */
#rightbar {
        float: right;
        width: 21%;
        padding: 0;
        margin: 0;
}

/* footer */
#footer {
        clear: both;
        background: #FFF url("../images/footerbg.gif") repeat-x left top;
        border-top: 1px solid #F2F2F2;
        text-align: center;
        height: 50px;
}
#footer a {
        text-decoration: none;
        font-weight: bold;
}

/* menu */
#menu {
        clear: both;
        margin: 0; padding: 0;
}
#menu ul {
        position: relative;
        bottom: 4px;
        margin: 0; padding: 0;
        float: left;
        font: bold 1.4em 'Trebuchet MS', Tahoma, Arial, Sans-serif;
        width: 950px;/* 775px; */
        border: 1px solid #808080;
        border-width: 0 0 4px 0;
        list-style: none;
}
#menu ul li{
        display: inline;
}
#menu ul li a {
        position: relative; bottom: -4px;
        float: left;
        color: #808080;
        padding: 0px 10px;
        text-decoration: none;
        background: white url("../images/menudivide.gif") repeat-y right top;
        border-bottom: 4px solid #808080;
}
#menu ul li a:hover{
        color: black;
        background-color: #F3F3F3;
        border-bottom: 4px solid #FFA600;
}
#menu ul li#current a{
        color: #333;
        background-color: #F3F3F3;
        border-bottom: 4px solid #FFA600;
}

/* Alignment classes */
.float-left   { float: left;}
.float-right  { float: right; }
.align-left   { text-align: left; }
.align-right  { text-align: right; }
.align-center { text-align: center;        }
.align-justify { text-align: justify; }

/* display classes */
.clear  { clear: both; }
.block  { display: block; }
.hide   { display: none; }
.orange { color: #FFA600; }

/*Pligg Code*/
#sorts {vertical-align:middle;margin-bottom:15px;}
#sorts a{ color:#EC981F; font-size:12px}
#sorts a:hover { color:#EC981F}
#sorts span {font-size:16px;  color:#806B4D; font-weight:bold}
#sorts img {margin-bottom:0px;}
#sorts a:hover,#cab a,#cab span a:hover,.top h4 a:hover,.vote a:hover {color:#000;}

#cab {
height:30px;
margin-left:20px;
font-size:9px;
}

#navbar {
color:#666;
font-size:11px;
margin:2px 20px 0;
padding:14px 0 7px 10px;
}

#navbar2 {
color:#666;
font-size:11px;
margin:2px 0px 0;
padding:5px 0 7px 0px;
}

#story-navbar {
background:url("../images/navbar.png") repeat-x 0 0;
color:#666;
font-size:11px;
margin:2px 20px 0;
padding:14px 0 7px 10px;
}

#cab ul {
list-style:none;
padding:0 10px 0 30px;
}

#cab li {
float:left;
text-align:center;
display:block;
}

#cab a.navbut3 {
float:left;
background:url("../images/tabrB2.png") no-repeat right top;
text-decoration:none;
display:block;
height:33px;
color:#000;
font-weight:700;
margin:0 1px;
padding:0 6px 0 0;
}

#cab a.navbut3:hover {
background:url("../images/tabrightB.png") no-repeat right top;
color:#EC981F;
}

#cab a.navbut3 span {
float:left;
background:url("../images/tablB2.png") no-repeat left top;
text-align:center;
display:block;
height:33px;
padding:9px 0 5px 6px;
}

#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;
text-decoration:none;
display:block;
height:33px;
color:#EC981F;
font-weight:700;
margin:0 1px;
padding:0 6px 0 0;
}

#cab a.navbut4 span {
float:left;
background:url("../images/tableftB.png") no-repeat left top;
text-align:center;
display:block;
height:33px;
padding:9px 0 5px 6px;
}

.cab {
padding:0 10px 30px 5px;
}

.cab span a {
background:url("../images/story_tab2.png") no-repeat 0 0;
display:block;
float:left;
width:100px;
height:33px;
text-align:center;
text-decoration:none;
color:#000;
font-weight:700;
padding:8px 0 0 2px;
}

table td,table th {
text-align:left;
padding:0 4px;
}

table th {
background:#EEEEEA;
padding:4px;
}

table th a:hover {
background:none;
color:#C00;
}

.featurebox {
color:#EC981F;
margin:0 0 0px;
padding:0px 0 0 0px;
}

.featurebox p {
border:none;
color:#444;
margin:0 0 1em;
}

.featurebox a:hover {
color:#806B4D;
text-decoration:underline;
}

.featurebox li a {
margin-left:-10px;
padding-left:20px;
line-height:2em;
}

.featurebox li.rmore {
list-style:none;
margin-left:100px;

}

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

.tlb {
margin:-15px -10px 0;
padding:3px 10px 5px;
}

.tlb a {
font-weight:700;
color:#EC981F;
text-decoration:none;
font-size:14px;
}

.tlb strong {
font-weight:700;
color:#EC981F;
}

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

.tlb span {
float:right;
margin-top:-3px;
margin-right:0;
}

.tlb2 {
margin:5px 0 0;
padding:0 0 20px;
}

.tlb2 span a {
background:url("../images/exp_on.png") no-repeat 0 0;
margin-right:8px;
cursor:pointer;
float:left;
display:block;
color:#66c;
width:58px;
height:21px;
text-align:center;
padding-top:2px;
}

.tlb2 span.selected a {
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:700;
color:#666;
text-align:center;
padding-top:2px;
}

.sstories {
background:url("../images/vote_count.png") no-repeat 0 0;
height:36px;
width:40px;
position:relative;
text-align:center;
font-size:85%;

}

.count_total {
font-size:20px;
letter-spacing:-1px;
text-decoration:none;
text-align:center;
line-height:35px;
padding:0px 0 0 0px;
}

#nav-secondary,#nav-secondary ul {
position:static;
margin:0;
}

#nav-secondary,#nav-secondary li {
list-style:none;
display:block;
margin:0;
padding:0;
}

#nav-secondary {
padding-top:0;
margin-top:10px;
}

#nav-secondary a {
line-height:1.5;
font:96% arial;
display:block;
color:#EC981F;
border-bottom:1px solid #eadfb4;
}

#nav-secondary a:hover {
color:#666;
}

a.switchurl {
border-bottom:1px solid #eadfb4;
display:block;
margin-right:8px;
padding:0 0 4px 5px;
}

.news-summary {
position:relative;
clear:left;
width:100%;
padding:1px 0 10px;
}

.top {
margin-left:40px;
padding:0 0 0 5px;
}

.top h4 {
padding-left:4px;
font-size:160%;
font-weight:400;
margin:0;
}

.top h4 a:link,.top h4 a:visited {
color:#36c;
font-weight:700;
}

.toptitle {
font-size:14px;
font-weight:400;
margin:0;
}

.toptitle a:link,.toptitle a:visited {
color:#EC981F;
font-weight:700;
}

.toptitle a:hover {
color:#806B4D;
}

.news-submitted {
font-size:85%;
margin-bottom:3px;
color:#999;
}

.news-submitted a {
color:#999;
text-decoration:underline;
}

.news-submitted img {
float:left;
margin-right:4px;
margin-top:3px;
vertical-align:bottom;
z-index: 1;
position:relative;
}

.news-body-text {
font-size:96%;
margin:10px 0 0;
}

.news-details {
font-size:85%;
margin:0;
}

.news-details a:hover,.news-details a:active {
color:#333;
text-decoration:underline;
}

.news-details b {
color:#c00;
}

* html .news-details {
padding-right:136px;
}

.news-details .comments_no {
padding-left:37px;
border-left:none;
}

ul.news-details li li {
border-left:none;
float:none;
height:21px;
}

.news-upcoming {
background:url("../images/vote.png") no-repeat 0 0;
position:absolute;
top:3px;
left:0;
width:39px;
text-align:center;
font-size:40%;
list-style:none;
margin:0;
padding:0;
}

.news-upcoming2 {
background:url("../images/vote.png") no-repeat 0 0;
position:absolute;
top:3px;
left:0;
width:39px;
text-align:center;
font-size:40%;
list-style:none;
margin:0;
padding:0;
}

.vote-publish a {
font-size:18px;
letter-spacing:-1px;
text-decoration:none;
line-height:33px;
padding:15px 0 6px;
}

.vote-publish a small {
font-size:12px;
letter-spacing:0;
text-decoration:none;
}

.vote-publish a:hover,.vote-publish a:active {
text-decoration:none;
color:#000;
}

.vote a:link,.vote a:visited,.vote span {
display:block;
color:#FFFFFF;
font-size:12px;
text-decoration:none;
padding:0px 0 5px;
}

.vote span {
color:#ccc;
font-size:11px;
}

#comment-wrap {
border-bottom:solid 1px #e1e1e1;
}

#comment-head {
background:#e1e1e1;
width:100%;
}

.comment-body {
background:#fafafa;
padding:0 4px;
}

.comment-info {
background:#fafafa;
font-size:80%;
text-align:right;
padding-right:4px;
}

.avatar {
float:left;
width:15px;
height:15px;
margin:1px 0 0;
}

#comment-subhead {
float:right;
margin-top:-18px;
font-size:11px;
}

.ratemey {
background:#090;
padding:1px 5px;
}

.ratemen {
background:#c00;
color:#fff;
padding:1px 6px;
}

.rateme {
color:#fff;
font-size:14px;
}

#stats {
width:48%;
float:right;
}

#personal_info {
width:48%;
float:left;
}

.live2 {
background-repeat:no-repeat;
background-position:bottom right;
margin:10px;
}

.live2 strong {
font-size:95%;
}

.live2-item {
width:100%;
clear:both;
border-bottom:1px solid #ccc;
min-height:25px;
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;
}

.live2-story {
width:37%;
text-align:left;
}

.live2-who {
width:18%;
text-align:left;
}

.live2-status {
width:15%;
text-align:left;
}

.live2-problem {
color:red;
}

.pagination
{
        background: #f7f7f7;
        border: 1px solid #eee;
        padding: 5px 7px;
        margin: 0 0 1.5em;
        text-transform: capitalize;
}
.pagination p
{
        font-weight: bold;
        text-align:left;
}
.pagination p a:link, .pagination p a:visited
{
        background: #fd9f58;
        border: 1px solid #f97210;
        color: #fff;
        padding: 2px 5px;
}
.pagination p a:active, .pagination p span
{
        background: #666;
        border: 1px solid #333;
        color: #fff;
        padding: 2px 5px;
}
.pagination p a:hover
{
        color: #fff;
}
.pagination *
{
        margin:0;
}
.pagination h4
{
        border: none;
        margin-top: -1.45em;
        padding:0;
}

.error {
color:#c00;
font-weight:700;
margin-top:10px;
border:1px solid red;
background:#FFC5BE;
padding:5px;
}

.success {
color:#390;
font-weight:700;
}

*,fieldset dl {
margin:0;
padding:0;
}

img,.news-details select {
border:none;
}

a:link,a:visited,#cab a:hover,#cab a.navbut4:hover,.vote-publish a:link,.vote-publish a:visited,.footer a:hover {
cursor:pointer;
color:#EC981F;
}

#headbar form,.pagination * {
margin:0;
}

#headbar ul a,#navbar a {
color:#ce4a02;
text-decoration:none;
}

#headbar ul a:hover,#navbar a:hover {
text-decoration:underline;
}

#sorts a:hover,#cab a,#cab span a:hover,.top h4 a:hover,.vote a:hover {
color:#000;
}

.cab span.selected,.tlb2 span.selected {
cursor:text;
font-weight:700;
color:#666;
text-align:center;
}

.cab span.selected a,.cab span a:hover {
background:url("../images/story_tab.png") no-repeat 0 0;
display:block;
float:left;
width:100px;
height:33px;
text-decoration:none;
color:#EC981F;
font-weight:700;
padding:8px 0 0 2px;
}

input.submit,input.submit-s,input.log2 {
        margin: 0;
        font: bold 1em Arial, Sans-serif;
        border: 1px solid #CCC;
        background: #FFF;
        padding: 2px 3px;
        color: #333;
}

table,#wrapper,#bookmarklet {
width:100%;
}

.featurebox a,.news-details a:link,.news-details a:visited {
color:#EC981F;
text-decoration:none;
}

.news-details .tool,.news-details .tool-right {
display:block;
float:left;
padding:0 4px;
}

.live2-ts,.live2-type,.live2-votes {
width:10%;
text-align:left;
}
#linksummaryDiscuss{
 padding: 2px 0px 0px 20px;
 background: url("../images/19de38d03fe7db3b5a64386eb392320b.gif") -8px -8px no-repeat;
}
#linksummaryHasComment{
 padding: 2px 0px 0px 20px;
 background: url("../images/19de38d03fe7db3b5a64386eb392320b.gif") -8px -167px no-repeat;
}
#linksummaryAddLink{
 padding: 3px 0px 0px 20px;
 background: url("../images/19de38d03fe7db3b5a64386eb392320b.gif") -8px -40px no-repeat;
}
#linksummarySaveLink{
 padding: 2px 0px 0px 20px;
 background: url("../images/19de38d03fe7db3b5a64386eb392320b.gif") -8px -104px no-repeat;
}
#linksummaryRemoveLink{
 padding: 2px 0px 0px 20px;
 background: url("../images/19de38d03fe7db3b5a64386eb392320b.gif") -8px -199px no-repeat;
}
#linksummaryTellFriend{
 padding: 2px 0px 0px 20px;
 background: url("../images/19de38d03fe7db3b5a64386eb392320b.gif") -8px -135px no-repeat;
}
#linksummaryBury{
 padding: 2px 10px 0px 20px;
 background: url("../images/19de38d03fe7db3b5a64386eb392320b.gif") -8px -73px no-repeat;
}

#topuser_img img{vertical-align:middle;padding:2px;margin:2px;}