/***********************************************************************
   GEARCULT.com
 ***********************************************************************/

html {
    min-width: 950px;
}

body {
    color: #000;
    margin: 0;
    padding: 0 20px;
    text-align: center;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    font-size: 13px;
    background: #eee;
/*    background: #E4EBE3; */
}

body, th, select, h2, h3, h4, h5, h6 {
    font: 83%/1.2 arial, helvetica, sans-serif;
}

input {
    line-height: 1;
}

h1, h2, h3, h4, h5 {
  font-size: 13px;
  margin: 0px;
  padding: 0px; }

h1 {
  font-size: 14px; }

h4, h5 {
  font-size: 11px; }

h3 {
    margin: 0 0 0.5em 0;
    font: normal 135%/1 arial,sans-serif;
    letter-spacing: -0.03em;
}

h2 a, h2 a:visited {
    color: #0059bf;
    font-size: 11px;
    text-decoration: none;
} 



h3 a, h3 a:visited {
    color:  #00399f; 
    text-decoration: none;
    background: url(/img/link-line.gif) repeat-x 0 95%;
}

h3 a:hover {
    /*background-color: #0059bf; */
    color: #700;  /* 00004c */
}

.more:link, .more:visited {
    font-weight: bold;
    color: #7777bb;
    padding-left: 0.5em;
}

p {
/*  font-family: "lucida grande", tahoma, verdana, arial, sans-serif; */
  font-size: 13px;
  text-align: left; 
  line-height: 1.4;}

a {
  color: #7c0000;
  text-decoration: none; }

a:visited {
  color: #333;
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

img {
  border: 0px; }

select {
  border:1px solid #BDC7D8;
  font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
  font-size:13px;
  padding:2px;
}

ul.compact {
    margin: 0;
    padding-left: 20px;
}

li {
    margin-bottom: 0.3em;
}

form {
    margin: 0;
}

.sidebar_header {
    font-size: 14px !important; padding: 5px; font-weight: bold; background: url(/img/title-bg.gif) top left repeat-x #212121; color: #fff;
    margin: 0 0 0.5em 0;
    letter-spacing: -0.03em;
    padding:2px;
}

#container {
    text-align: left;
    margin: 0 auto;
    max-width: 1200px;
}   

#wrapper {
    background: url(/img/main-back.gif) 0 0 no-repeat;
    padding: 15px 0 0 15px;
    min-height: 400px;
} 

#contents {
    clear: both;
    padding: 0 15px 30px 0;
    margin-top: 7px;
    background: #fff url(/img/main-back.gif) 100% 0 no-repeat;
}

.thumb {
    float: right;
}

.thumb img {
    padding: 3px;
    border: 1px solid #999;
    margin:  0 0 1em 2em;
}

.thumb span {
    display: none;
}

#section-profile {
    border: none;
}
/* MAIN CODE */

.main {
    margin-right: 310px;
}

.main_profile {
   margin-right: 70px;
}

.sidebar {
    background: #f9f9f9;
    float: right;
    width: 300px;
    clear: left;
    margin: 0 0 2em 0;
    min-height: 300px;
}

.selector {
    background: url(/img/tab-line.gif) 0 50% repeat-x;
    width: 100%;
    float: left;
    font-size: 100%;
}

.selector h2 {
    background: #fff;
    float: left;
    color: #333;
    font-size: 130%;
    word-spacing: -0.1em;
    padding-right: 5px;
    padding-top: 6px;
}

.selector .tool, .selector .tool:visited {
    float: right;
    font-weight: bold;
    text-decoration: none;
    color: #6a805f;
    padding: 2px 1px;
    border: 4px solid #fff;
    background: #fff;
    margin-top: 3px;
    height: 20px;
    word-spacing: -0.1em;
}

.selector span.tool {
    background: #6a805f url(/img/menu-current.gif) 100% -90px no-repeat;
    padding: 0;
    height: auto;
}

.selector span.tool strong {
    display: block;
    background: url(/img/menu-current.gif) 0 -90px no-repeat;
    color: #fff;
    padding: 2px 6px;
    height: 16px;
}

.selector a.tool:hover {
    text-decoration: underline;
}


/* HEADER CODE */

#h {
    background: #000000;
    color: #fff;
    float: left;
    width: 100%;
    margin-bottom: 7px;
    position: relative;
    z-index: 99999;
}

#h a {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

#h a:hover, #h a:focus {
    color: #fff;
    text-decoration: underline;
}

/* GEARCULT LOGO */
h1 {
    font-size: 100%;
    margin: 0;
    float: left;
}

h1 a {
    display: block;
    height: 55px;
    width: 401px;
    text-indent: -2000em;
    z-index: 1000; /* need for FX and IE */
    background: url(/img/gearcult.jpg)  no-repeat;
}

h1 a:hover, h1 a:focus {
    cursor: pointer; /* IE7 */
}
/* END GEARCULT LOGO */

/*
.side-header {
    padding: 15px 20px 0 10px;
    float: right;
    margin: 0;
    position: relative;
    min-height: 33px;

} 
*/
.side-header {
    padding: 0 35px 0 10px;
    float: right;
    margin: 0;
    position: relative;
    min-height: 33px;
} /*IE6*/

.side-header a {
    padding: 5px 10px 4px 10px;
    margin: 11px 0;
    display: block;
    float: left;
    line-height: 1;
    word-spacing: -0.1em;
}

.side-header a.activity {
    margin: 11px 10px 0 -6px;
    padding: 0;
    background: url(/img/menu-current.gif) 100% -150px no-repeat;
    border: none;
    text-decoration: none;
} /*IE6*/

.side-header a.activity strong {
    padding: 5px 16px 3px 5px;
    display: block;
    height: 15px;
}

.side-header a.activity:hover strong,
.side-header a.activity:focus strong
.side-header a.current strong {
    background: url(/img/menu-current.gif) 0 -120px no-repeat;
}

.side-header a.activity:hover,
.side-header a.activity:focus,
.side-header a.current {
    background: #668eb5 url(/img/menu-current.gif) 100% -120px no-repeat;
    cursor: pointer;
    text-decoration: none !important;
}

.side-header a.header-alert, .side-header a.header-alert:hover {
    border: none;
    font-size: 85%;
    color: #ffeb68 !important;
    margin-left: -10px;
    text-decoration: none !important;
}

.side-header a.current {
    background-position: 100% -300px !important;
}

.side-header img {
    vertical-align: middle;
    border: 1px solid #ddd;
    padding: 1px;
    position: absolute;
    left: -6px;
    top: 12px;
}


#h ul, #h li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#h ul {
    float: left;
}

#h li {
    float: left;
    margin: 4px 0 5px 0;
    position: relative;
}

#h-pri {
    padding-top: 5px;
    float: left;
    width: 100%;
    font-size: 105%;
    position: relative;
    background: #7C0000;
}

#h-pri div {
    float: right;
    width: 214px;
    padding-top: 4px;
}

#h-pri ul {
    padding-left: 2px;
    min-height: 25px;
}

#h-pri li
{
    float: left;
    margin: 0 0.20em;
}


#h li a, #h-pri li a, #h-pri div a {
    color: #fff;
    word-spacing: -0.1em;
    position: relative;
    display: block;
    float: left;
    text-align: center;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 7px;
    padding-right: 7px;
}


#h-pri div a.current strong,
#h-pri div a:hover strong,
#h-pri div a:focus strong,
#h-pri li a.current strong {
    color: #fff;
    position: relative;
    display: block;
    float: left;
    background: #3c0000;
    text-align: center;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
}

#h-pri li a:hover strong,
#h-pri li a:focus strong,
#h li a:hover, #h-pri li a:hover {
    color: #fff;
    word-spacing: -0.1em;
    position: relative;
    display: block;
    float: left;
    background: #3c0000;
    text-align: center;
    padding-top: 1px;
    padding-bottom: 1px;
    text-decoration: none;
}

/*
#h-pri li a.current,
#h-pri a.current,
#h li a:hover,
#h-pri div a:hover,
#h li a:focus,
#h-pri div a:focus,
#h-pri li a.now {
    background: #fff url(/img/menu-current.gif) 0 0 no-repeat;
    text-decoration: none;
    color: #6c0000;
}

#h li a:hover,
#h-pri div a:hover,
#h li a:focus,
#h-pri div a:focus,
#h-sec div a:hover,
#h-sec div a:focus {
    background-color: #e6f2d4;
}
*/


/** lower **/

#h-low {
    background: #460808 url(/img/menu-low.gif) 100% 100% no-repeat; 
    clear: both;
    padding-top: 5px;
    float: left;
    width: 100%;
    font-size: 103%;
    position: relative;
 /*   background: #460808;  */
    z-index: 1400000; /*smaller than submenu*/
}

#h-low ul {
    background:transparent url(/img/menu-low.gif) no-repeat scroll 0pt 100%;
    padding-left: 12px;
    min-height: 22px;
}

#h-low li
{
    float: left;
    margin: 0 0.20em;
}

#h-low li a {
    font-size: 85%;
    color: #d5d8ce;
    word-spacing: -0.1em;
    position: relative;
    display: block;
    float: left;
    text-align: center;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 5px;
    padding-right: 5px;
}

#h-low li a.current strong {
    color: #7c0000;
    position: relative;
    display: block;
    float: left;
    background: #fff;
    text-align: center;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
}

#h-low li a:hover strong,
#h-low li a:focus strong,
#h-low li a:hover {
    color: #7c0000;
    word-spacing: -0.1em;
    position: relative;
    display: block;
    float: left;
    background: #fff;
    text-align: center;
    padding-top: 1px;
    padding-bottom: 1px;
    text-decoration: none;
}

/*  NEWS CODE */

.news-summary, .news-full, .news-full-confirm {
    padding: 0.7em 0 2.5em 0;
    position: relative;
    clear: left;
    min-height: 55px;
}

.news-body {
    padding-left: 60px;
}

.news-body strong {
    font-size: 85%;
    color: #666;
}

.news-body h3 {
    margin: 2px 0 0 0;
    font-size: 123%;
    letter-spacing: -0.01em;
    font-weight: bold;
    line-height: 1.1;
/*    background: #e7e7ef;  */
}

.news-body p {
    margin: 0.2em 0 0.1em 0;
    line-height: 1.3;
}

.news-body p a {
    color: #7C0000;
}


.news-body em {
    font-style: normal;
    font-size: 85%;
    color: #666;
}

div.storylinks  { 
    list-style-type: none;
    background:transparent url(/img/storylinks-right.png) no-repeat scroll right bottom;
    margin:0pt;
    padding:0.75em 12em 0.75em 0.6em;
}

.news-gearcult {
    position: absolute;
    top: 0.8em;
    left: 0;
    text-align: center;
    font-size: 85%;
    margin: 0;
    padding: 0;
    list-style: none;
    background: url(/img/shade-news.gif) no-repeat;
}

.news-gearcult li {
    margin: 0;
    padding: 0;
}

.gearcult-count a , .gearcult-count span, .gearcult-count-s a, .gearcult-count-s span {
    display: block;
    padding: 10px 0 4px 0;
    text-decoration: none;
    width: 50px;
    min-height: 40px;
    color: #8c0000;
    text-align: center;
}

.news-summary .gearcult-count strong, .news-full .gearcult-count strong, .news-summary .gearcult-count-s strong, .news-full .gearcult-count-s strong {
    font-size: 160%;
    font-weight: normal;
    letter-spacing: -1px;
    line-height: 1;
    display: block;
    color: #7c0000;
}

.news-summary .gearcult-count-s strong, .news-full .gearcult-count-s strong {
    font-size: 160%;
}

.gearcult-count img, .gearcult-count-s img {
    position: absolute;
    top: 0;
    left: 0;
    border: none;
}

.gearcult-count a:hover, .gearcult-count-s a:hover, .gearcult-count a:hover strong, .gearcult-count-s a:hover strong {
    color: #9c0000;
}

li.gearcult-it, li.ungearcult-it, li.dugg-it, li.buried-it {
    margin-top: 1px;
    padding: 0 0 5px 0;
    background: url(/img/gearcult-box-2.gif) 0 100%;
    float: left;
} /*IE6*/

.gearcult-it a, .gearcult-it span, .ungearcult-it a, .ungearcult-it span, .dugg-it a, .dugg-it span, .buried-it a, .buried-it span {
    color: #444;
    font-weight: bold;
    display: block;
    margin-bottom: -5px;
    padding: 4px 1px 5px 1px;
    background: url(/img/gearcult-box-2.gif) 0 0;
    width: 49px;
    text-decoration: none;
    text-align: center;
}

li.gearcult-it:hover {
    background-position: -300px 100%;
}

li.gearcult-it:hover a {
    background-position: -300px 0;
}

.gearcult-it span, .dugg-it span, .buried-it span {
    color: #999;
}


.news-thumb h3 span {
    position: absolute;
    left: 2px;
    top: 4px;
    padding: 1px;
    border: 1px solid #a5c2e3;
    display: block;
    height: 25px;

}

.img-thumb h3 em,
.vid-thumb h3 em,
.news-thumb h3 em {    
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -2000em;
}

.sidebar .news-thumb {
    padding-left: 30px;
}

.sidebar .news-thumb h3 a {
    width: 214px;
    height: 35px;
}
.sidebar .news-summary .digg-count strong, .sidebar .news-summary .digg-count-s strong {
    font-weight: bold;
    color: #93883F;
}

.sidebar .news-summary, .p-archive .news-summary {
    padding-left: 44px;
    padding-bottom: 2px !important;
    padding-top: 4px;
    min-height: 37px;
    float: left;
    clear: both;
    border-top: 1px solid #ddd;
} /*IE6, IE7*/

.sidebar h3 {
    line-height: 1.1em;
    margin: 0;
    padding: 3px 0 0 0;
    font-size: 100%;
    letter-spacing: 0em;
    overflow: hidden;
}

.sidebar .news-thumb {
    padding-left: 42px;

}

.p-archive h3, .sidebar .p-summary h3 {
    line-height: 1.1em;
    margin: 0;
    padding-top: 2px;
    font-size: 100%;
    letter-spacing: 0em;
}

.sidebar h3 a {
    padding-top: 0;
    font-weight: normal;
    letter-spacing: 0em;
    text-decoration: none !important;
    background: none;
    display: block;
    width: 250px;
}

.sidebar .news-thumb h3 a {
    width: 214px;
}

.p-archive h3 a, .sidebar .p-summary h3 a {
    font-weight: normal;
    letter-spacing: 0em;
    text-decoration: none !important;
    background: none;
    display: block;
    padding: 4px 0 0 0;
    margin-bottom: -2px;
    min-height: 1px;
}



.news-details {
    position: relative;
    color: #777;
}

.news-details a, .sub-menu a, a.toplinep {
    color: #4A6948;
} /*IE6*/

.news-details a:hover, .sub-menu a:hover {
    color: #000;
}

.user-info {
    padding: 3px 0 0 0;
}

.user-info a {
    text-decoration: none;
}

.user-info img {
    margin-right: 4px;
    padding: 1px;
}

.user-photo, .user-image {
    border: 1px solid #ccc;
    vertical-align: middle;
}

.tool {
    display: block;
    float: left;
    font-size: 85%;
    padding: 2px 6px;
    min-height: 20px;
    white-space: nowrap; /*need for IE6*/
}

.news-photo {
    display: block;
    float: right;
    background: #fff;
    padding: 2px;
    border: 1px solid #A5C2E3;
    margin: 0 15px 3px 10px;
    text-decoration: none;
}

.d {
    color: #7c0000;
    font-weight: bold;
    white-space: nowrap;
    word-spacing: -0.1em;
}

 
a.news-label {
    background: none;
}
 
.news-label img {
    vertical-align: middle;
}

.topic {
    font-size: 85%;
    color: #666;
}

.topic a {
    color: #666;
    text-decoration: none;
}

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

.tags {
    font-size: 80%;
    color: #8aa07f;
}

.news-body p .tags a {
    color: #8aa07f;
}


.tag_cloud {
    font-size: 100%;
    color: #8aa07f;
}


/* TOOLS */

.comments, .share, .bury-link, .fave, .faved {
    padding: 4px 6px 4px 18px;
    text-decoration: none;
}

.bury {
    position: relative;
    padding-top: 4px;
    padding-bottom: 4px;
}

dl .tool {
    font-size: 100%;
    bottom: 4px;
    position: relative;
}

a.tool-toggle {
    height: 16px;
    width: 11px;
    background: #fff url(/img/submenu-toggle.gif) no-repeat -100px 3px;
    border: 1px solid #fff;
    position: absolute;
    right: 5px;
    top: 3px;
}

a.tool-toggle:hover {
    border: 1px solid #a5c2e3;
}
    
.comments {
    background: url(/img/tools.gif) no-repeat 0 -196px;
    word-spacing: -0.1em;
}
    
.share {
    background: url(/img/tools.gif) no-repeat 0 4px;
}
    
.bury-link {
    background: url(/img/tools.gif) no-repeat 0 -96px;
    margin-right: 12px;
    padding-right: 2px;
}
    
.fave {
    background: url(/img/tools.gif) no-repeat 0 -396px;
}

.faved {
    background: url(/img/tools.gif) no-repeat 0 -496px;
}

.bury-opt {
    position: absolute;
    display: none;
    top: 24px;
    left: 0;
    width: 120px;
    border: 1px solid #b7cce0;
    padding: 10px;
    background: #fff;
    z-index: 99999999999999999999;
}

.bury-opt a {
    display: block;
    padding: 5px;
    border-top: 1px solid #ddd;
    text-decoration: none;
    font-weight: bold;
}

.bury-opt a:hover {
    background: #eee;
}

.bury-opt span {
    display: block;
    padding-bottom: 3px;
}


/* Page Numbers */
.pages {
    padding: 1em;
    margin: 1em 0;
    clear: left;
    font-size: 85%;
}

.pages a, .pages span {
    display: block;
    float: left;
    padding: 0.2em 0.5em;
    margin-right: 0.1em;
    border: 1px solid #fff;
    background: #fff;
    color: #7C0000;
}

.pages span.current {
    border: 1px solid #7C0000;
    font-weight: bold;
    background: #7C0000;
    color: #fff;
}

.pages a, .pages a:visited{
    border: 1px solid #7C0000;
    text-decoration: none;
    color: #7c0000;
}

.pages a:hover {
    color: #460808;
    border-color: #460808;
}

.pages a.nextprev {
    font-weight: bold;
}

.pages span.nextprev {
    color: #666;
}

.pages span.nextprev {
    border: 1px solid #ddd;
    color: #999;
}

.pages .nextprev-next {
    float: right;
}

/* Video Styles */

.v .news-body {
    padding-left: 200px;
    padding-right: 0;
    margin-left: 0;
    min-height: 65px;
} /*ie6*/

.v .v-details {
    font-size: 85%;
    padding: 1px 0 3px 0;
    color: #666;
}

.v .v-details em {
    font-size: 100%;
}

.v .v-details a {
    text-decoration: none;
    color: #666;
}

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

.v h3 {
    font-size: 115%;
    padding-top: 5px;
}

span.item-img {
    display: block;
    width: 130px;
    height: 97px;
    position: absolute;
    left: 60px;
    top: 8px;
}

span.news-img {
    display: block;
    width: 130px;
    height: 97px;
    background: #ddecee url(/img/v-default.gif) ;
    border: 1px solid #a5c2e3;
    position: absolute;
    left: 60px;
    top: 8px;
}

.img-summary span.news-img {
    background: #ddecee url(/img/i-default.gif);
}

span.news-img em {
    display: block;
    width: 80px;
    height: 80px;
    text-indent: -2000em;
    background: url(/img/v-frame-simple.png);
}

* html span.news-img em {
    background: url(/img/v-frame-simple.gif);
}

.img-summary span.news-img em {
    background: url(/img/i-frame-simple.png);
}

* html .img-summary span.news-img em {
    background: url(/img/i-frame-simple.gif);
}

#announce {
    clear: left;
    padding: 1px 0;
    position: relative;
    top: -20px;
    left: 0;
    margin-bottom: -28px;
} /*ie7 ie6*/

#announce p {
    background: #eaeee7 url(/img/menu-current.gif) 15px -585px no-repeat;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 10px 10px 60px;
    color: #3e3a30;
}

#announce a {
    text-decoration: underline;
    color: #3e3a30;
}

#announce .statusicon {
    float: left;
    margin-right: 5px;
}



/* FOOTER */

#footer {
    clear: both;
    background: #333 url(/img/footer.gif) 100% 0 no-repeat;
    position: relative;
    text-align: left;
    padding-right: 20px;
    min-height: 160px;
} /*IE6*/

.footer-contents {
    float: left;
    background: url(/img/footer.gif) 0 0 no-repeat;
    padding-top: 25px;
    padding-left: 10px;
}

.footer-contents2 {
    color: #8696A4;
}

#footer dl {
    float: left;
    margin: 10px 0 0 0;
    padding: 1px 0;
    width: 15.5%;
    border-right: 1px solid #ddd;
    min-height: 160px;
}

#footer dl.last {
    border: none;
    width: 13%;
} /*IE7*/

#footer dd {
    margin: 0;
    padding: 3px 10px;
    font-size: 85%;
}

#footer dd a {
    text-transform: uppercase;
    font: 85% tahoma, sans-serif;
    text-decoration: none;
    background: url(/img/link-line.gif) repeat-x 0 100%;
    padding-bottom: 1px;
}

#footer dd a span {
    text-transform: none;
}

#footer dt {
    font-size: 105%;
    font-weight: bold;
    letter-spacing: -0.02em;
    padding: 0 10px;
}

#footer .footer-feature {
    position: absolute;
    right: 10px;
    top: 28px;
}

.copyright img {
    float: left;
    margin-right: 1.5em;
}

.copyright {
    font-size: 85%;
    color: #999;
    clear: both;
    background: #e5ecf3 url(/img/footer.gif) 0 -385px no-repeat;
    padding: 0 0 0 15px;
}

.copyright div {
    background: url(/img/footer.gif) 100% -385px no-repeat;
    padding: 30px 15px 40px 0;
}

.copyright a {
    color: #999;
}

.confirm,
.error,
.warning,
.info,
.positive,
.notice {
    background: url(/img/circle-yellow-exclamation.gif) no-repeat scroll 1.3em 0.5em;
    color: #333;
    padding: 0.7em 5em 0.7em 4.3em;
    margin: 1.2em 0 1em 0 !important;
    clear: left;
    border-top: 1px solid #A5CC7A;
    border-bottom: 1px solid #A5CC7A;
} /* ie6 */

.confirm,
.positive,
.notice {  
    background: #eff6e8 url(/img/circle-check-green.gif) 1.3em 0.5em no-repeat;
    border-top: 1px solid #A5CC7A;
    border-bottom: 1px solid #A5CC7A;
}

#topten-list {
    min-height: 200px;
    clear: left;
}

.sidebar h3.topten {
    white-space: nowrap;
    float: left;
}
