/*  
Theme Name: Legends
Theme URI: http://www.legendssurf.com
Description: Legends Theme was built using a base double coloumn template to tightly integrate into the existing layout.
Author: Ce.
Author URI: http://www.legendssurf.com
*/

/**************** Body *********************/
*{margin:0;padding:0;}
body{background:url(../../../../img/bg-top2.jpg) #979797 top center repeat-x scroll; cursor: default; font-family: "Lucida Grande",Lucida,Verdana,sans-serif; font-size: 12px;}
#wrapper {width:968px; margin:auto;}

/**************** Links & formatting *********************/
a, a:link, a:visited {color:#e07c00; text-decoration:none; font-weight:bold;}
a:hover, a:active {color:#333333; text-decoration:none; font-weight:bold;}
.noshow {display: none;}
a {outline: none;}
h1 {font-size:18px; color:#454545; letter-spacing:-1px; border-bottom:1px solid #666; font-weight:bold;}
h2.message {font-size:11px; color: #666; padding:5px 10px; background-color:#F3F3F3; border:1px dashed #ccc; margin-bottom:10px; text-transform:uppercase; font-weight:normal;}
h2.nofind {font-size:18px; color:#454545; letter-spacing:-1px; border-bottom:1px solid #666; font-weight:bold;}
.result {padding: 10px 0 0 10px; color:#666;}

/**************** Layout *********************/
#topcap {height: 33px; margin: 15px 0 0 0; padding: 0; background: url(../../../../img/bg-infobar.png) top left no-repeat;}
.infbtxt-l, .infbtxt-r, #topcap a, #topcap a:visited {color: #AFAFAF}
.infbtxt-l, .infbtxt-r {padding: 0}
.infbtxt-l {float: left; display: inline; margin: 5px 0 0 10px; text-align: left;}
.infbtxt-r {float: right; display: inline; margin: 5px 10px 0 0; text-align: right;}
#topcap a, #topcap a:visited {text-decoration: underline;}
#topcap a:hover, #topcap a:active {color: #666666; text-decoration: none; border: 0;}
#topcap, #header-alt, #midtop-box, #mid-box, #midbot-box, #footer, #endcap {float: left; width: 968px}
#midtop-box, #midbot-box {height: 20px}
#midtop-box {background: url(../../../../img/bg-midtop.png) top left repeat-x}
#midbot-box {background: url(../../../../img/bg-midbot.png) top left repeat-x}
#mid-box {height: auto; background-color: #ECECEC}
#header-alt, #logo-alt, #hdr-img, #nav-boxalt, #btn-boxalt {float: left; height: 164px}
#header-alt, #logo-alt, #hdr-img, #nav-boxalt, #btn-boxalt, #midtop-box, #mid-box, #midbot-box, #footer {margin: 0; padding: 0}
#logo-alt {width: 211px}
#hdr-img {width: 353px}
#nav-boxalt {width: 191px}
#btn-boxalt {width: 213px}
#logo-alt {background: url(../../../../img/bg-logo-sm.png) top left no-repeat}
#nav-boxalt {background: url(../../../../img/bg-navboxalt.png) top left no-repeat}
#footer {height: 190px; background: url(../../../../img/bg-footer.png) top left repeat-x}
#endcap {margin: 0; padding: 0 0 15px 0; height: 10px; background: url(../../../../img/bg-endcap.png) top left no-repeat;}

.hdr-news {float: left; display: inline; width: 923px; margin: 0 20px 0 25px; padding: 0;}
.titleimg {margin: 6px 0 0 0; padding: 0; border-style:none;}

#flinks {margin: 15px 0 0 0; padding: 0; font-weight: bold; font-size: 12px;}
#flinks ul {text-align: center; margin: 0; padding: 0 0 2px 0;}
#flinks li {display: inline; color: #666666; list-style: none;}
#flinks li a {color: #777777; padding: 2px 10px 4px 10px; text-decoration: none; border-bottom: 1px solid #454545;}
#flinks li a:hover {color: #CCCCCC; padding: 2px 10px 3px 10px; text-decoration: none; border-bottom: 2px solid #636363;}
#cpr {margin: 25px 0 0 0; padding: 0; font-size: 12px; text-align: center;}
.cprtxt {margin: 0 0 6px 0; padding: 6px 0 0 0; color: #777777;}
.cprtxt2 {margin: 0; padding: 0; color: #454545;}
#branding {margin: 0; padding: 0; width: 404px; height: 74px; display: inline;}
#branding a {margin: 0px auto; padding: 0; display: block; width: 404px; height: 74px; background: url(../../../../img/brandingroll.png) 0 0 no-repeat;}
#branding a:hover {background-position: -404px 0; border: 0;}

/**************** Navigation *********************/
#home-alt, #about-alt, #gallery-alt, #contact-alt {display: inline; float: left}
#home-alt a, #about-alt a, #gallery-alt a, #contact-alt a {display: block}
#home-alt, #home-alt a, #about-alt, #about-alt a, #gallery-alt, #gallery-alt a, #contact-alt, #contact-alt a {width:191px; height:35px; margin:0; padding:0;}
#home-alt a, #about-alt a, #gallery-alt a, #contact-alt a {background: url(../../../../img/bg-nav-alt.png) no-repeat}
#home-alt a:hover, #about-alt a:hover, #gallery-alt a:hover, #contact-alt a:hover {border: 0}

#home-alt a {background-position: 0 0}
#home-alt a:hover {background-position: -191px 0}
#about-alt a {background-position: 0 -35px}
#about-alt a:hover {background-position: -191px -35px}
#gallery-alt a {background-position: 0 -70px}
#gallery-alt a:hover {background-position: -191px -70px}
#contact-alt a {background-position: 0 -105px}
#contact-alt a:hover {background-position: -191px -105px}

#boards-alt, #accessories-alt, #news-alt {display: inline; float: left}
#boards-alt a, #accessories-alt a, #news-alt a {display: block}
#boards-alt, #accessories-alt, #news-alt, #boards-alt a, #accessories-alt a, #news-alt a {margin:0; padding:0; width:71px; height:164px;}
#boards-alt a:hover, #accessories-alt a:hover, #news-alt a:hover {border: 0}

#boards-alt a, #accessories-alt a, #news-alt a {background: url(../../../../img/bg-3xnav.png) no-repeat}
#boards-alt a {background-position: 0 0}
#boards-alt a:hover {background-position: 0 -164px}
#accessories-alt a {background-position: -71px 0}
#accessories-alt a:hover {background-position: -71px -164px}
#news-alt a {background-position: -142px 0}
#news-alt a:hover {background-position: -142px -164px}

/**************** Entry *********************/
#blog {float:left; width:510px; margin:15px 0 0 35px;}
.post {margin:0 0 20px 0; padding:0 0 30px 0; width:510px; border-bottom:2px dashed #D7D7D7;}
.post h2 {line-height:24px; margin:0; border-bottom:1px solid #666;}
.post h2 a{font-size:18px; color:#454545; letter-spacing:-1px;}
.post h2 a:hover {color:#666666;}
html>body .post  ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; } 
html>body .post  li { margin: 7px 0 8px 10px; }
.post ul li:before{ content: "\00BB \0020"; }
.post img {margin:0;}
.date {font-size:11px; color:#e07c00; letter-spacing:2px; margin:0; padding:1px 0; width:510px;}

.botlinks {display:inline; float:left; margin:20px 0 0 0; padding:0; width:510px; height:20px; background-color:#D7D7D7;}
.rightlinks {display:inline; float:right; margin:0; padding:0; width:auto; height:20px;}
.readmore {font-size:11px; text-transform:uppercase; display:inline; float:left; margin:0; padding:0; width:auto;}
.readmore a {text-decoration:none; font-weight:bold; color:#F7F7F7; background-color:#AFAFAF; padding:2px 6px; text-align:center; display:block; width:auto;}
.readmore a:hover {color:#F7F7F7; background-color:#E07C00; text-decoration:none;}
.views {font-size:11px; color:#454545; text-transform:uppercase; text-align:right; font-weight:bold; display:inline; float:left; margin:0; padding:2px 6px; width:auto;}
.comms {font-size:11px; text-transform:uppercase; display:inline; float:left; margin:0; padding:0; width:auto;}
.comms a {text-decoration:none; font-weight:bold; color:#F7F7F7; background-color:#AFAFAF; padding:2px 6px; text-align:center; display:block; width:auto;}
.comms a:hover {color:#F7F7F7; background-color:#454545; text-decoration:none;}
.meta {background-color:#F7F7F7; color:#666666; font-size:11px; margin:0; padding:2px 6px; width:496px; border-bottom:1px solid #D7D7D7; border-right:1px solid #D7D7D7; border-left:1px solid #D7D7D7;}
.meta a {color:#E07C00; font-weight:bold;}
.meta a:hover {color:#454545;}
.meta img {border: none !important;}
.content {line-height:18px; color:#666666; width:510px;}
.content p {margin:15px 0 0 0;}
.date, .meta, .post, .content {display:inline; float:left;}
.postmetadata {font-size:11px; text-transform:uppercase; display:inline; float:left; margin:0; padding:0; width:auto;}
.postmetadata a {text-decoration:none; font-weight:bold; color:#F7F7F7; background:#AFAFAF url(images/rss.png) 6px 0 no-repeat; padding:2px 6px 2px 31px; text-align:center; display:block; width:auto;}
.postmetadata a:hover {color:#F7F7F7; background:#454545 url(images/rss.png) 6px 0 no-repeat; text-decoration:none;}
.lglink {font-size: 18px;}

/**************** Sidebar *********************/
.sidebox {float:left; margin:0 0 20px 0;}
.sidebox FORM {margin:0 0 0 25px; padding: 0;}
.sbarholder {float:left; display:inline; margin:0 0 20px 0; width:348px;}
#s {float:left; background-color:#fff; border:1px solid #D7D7D7; color:#666666; margin:0; padding:6px 10px; width:240px; font-family: "Lucida Grande",Lucida,Verdana,sans-serif; font-size: 12px;}
#searchsubmit {float:left; width:30px; height:29px; margin:0 0 0 5px; background:url(images/search.jpg) center top no-repeat; border:none !important; cursor:pointer}
.rss {float:left; width:348px; height:56px; margin:0; display:block; background:url(images/subscribe.jpg) center top no-repeat; border:none !important; }
.tagcloud {float:left; margin:0; width:346px; height:auto; border:1px solid #AFAFAF; background-color:#F7F7F7;}
.tcinside {margin:0; padding: 5px;}

.ads li {list-style:none; display:inline; margin-right:10px;}
.ads li img {border:1px solid #999999;}
.adhere a {font-size:12px;}

#sidebar {float:left; width:348px; padding:0 0 0 40px;}
#sidebar p {margin:10px 0 0 0; font-size:12px; color:#666666; line-height:18px;}
#sidebar h2 {text-transform:uppercase; font-weight:bold; margin:0; font-size:11px; color:#fff; padding:2px 6px; background-color:#AFAFAF;}
#sidebar ul li {list-style:none;}

.sidebar1, .sidebar2 {float:left; width:169px; border-top:1px solid #AFAFAF;}
.sidebar2 {margin-left:10px;}
.sidebar3 {float:left; width:348px; border-top:1px solid #AFAFAF;}
.sidebar1 ul, .sidebar2 ul, .sidebar3 ul {margin:0 0 10px 0;}
.sidebar1 ul li ul li, .sidebar2 ul li ul li, .sidebar3 ul li ul li {font-size:11px; list-style: none; border-right:1px solid #AFAFAF; border-left:1px solid #AFAFAF; border-bottom:1px solid #AFAFAF;}
.sidebar1 ul li ul li a:link, .sidebar1 ul li ul li a:visited,
.sidebar2 ul li ul li a:link, .sidebar2 ul li ul li a:visited,
.sidebar3 ul li ul li a:link, .sidebar3 ul li ul li a:visited {background-color:#F7F7F7; padding:4px 6px; color:#E07C00; text-decoration:none; display:block;}

.sidebar1 ul li ul li a:hover, .sidebar1 ul li ul li a:active,
.sidebar2 ul li ul li a:hover, .sidebar2 ul li ul li a:active,
.sidebar3 ul li ul li a:hover, .sidebar3 ul li ul li a:active {background-color:#D7D7D7; color:#454545; text-decoration:none;}

/**************** Comments *********************/
.alt{margin:0;padding:10px;}
.av-sm {float:right; display:inline; margin:5px 5px 0 0;}
.commentlist{margin:0 0 15px 0; padding:0 0 15px 0; border-bottom:2px dashed #D7D7D7;}
.commentlist li{background-color:#fff; border:1px solid #D7D7D7; list-style:none; margin:15px 0; padding:0; min-height:71px; height:auto !important; height:71px;}
.commentlist li ul li {margin-left:10px; margin-right:-5px;}
.commentlist p {color:#666666; margin:0; padding:10px;}
.children {padding:0;}
#commentform {color:#454545; margin:0; padding:0;}
#commentform p {margin:5px 0;}
.nocomments {margin:0;padding:0;text-align:center;}
h2#comments, h2#respond {color:#454545; font-size:16px; margin:0 0 20px 0;}
.commentmetadata {background-color:#F7F7F7; color:#333; font-size:11px; text-transform:uppercase; padding:2px 6px; border-bottom:1px solid #D7D7D7;}
.commentmetadata a {color:#E07C00; text-decoration:none; font-weight:bold;}
.commentmetadata a:hover {color:#454545; text-decoration:none; font-weight:bold;}
#author, #email, #url {background-color:#fff; border:1px solid #D7D7D7; color:#666666; margin:0; padding:6px 10px; width:240px;}
.infohldr {float:left; height:30px; margin:0 5px 5px 0; padding:0;} 
.lbltxt {float:left; width:auto; color:#666666; margin:7px 0 0 0; padding:0;}
#comment {background-color:#fff; border:1px solid #D7D7D7; color:#666666; padding:10px; width:488px;}
textarea {overflow:auto;}
#author, #email, #url, #comment {font-family: "Lucida Grande",Lucida,Verdana,sans-serif; font-size: 12px;}
#submit {margin:5px 0 15px 0; padding:4px 6px; width:auto;}

/**************** Images *********************/
.gallery {text-align:center;}
.gallery img {padding:2px; height:100px; width:100px;}
.gallery a:hover {background-color:#ffffff;}
.attachment {text-align:center;}
.attachment img { padding:2px; border:1px solid #999999;}
.attachment a:hover {background-color:#FFFFFF;}

img.alignright {float:right; margin:2px 0 2px 10px; height:auto; width:255px;}
img.alignleft {float:left; margin:2px 10px 2px 0; height:auto; width:255px;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto; height:auto; width:350px;}
img.alignnone {margin:0; height:auto; width:504px;}
img.thumbs {margin:0;}
a img.alignright {float:right; margin:2px 0 2px 10px; border:3px solid #FFFFFF;}
a img.alignleft {float:left; margin:2px 10px 2px 0; border:3px solid #FFFFFF;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto; border:3px solid #FFFFFF;}
a img.alignnone {margin:0; border:3px solid #FFFFFF;}
a img.thumbs {margin:0; border:3px solid #FFFFFF;}
a:hover img.alignright {border:3px solid #D7D7D7;}
a:hover img.alignleft {border:3px solid #D7D7D7;}
a:hover img.aligncenter {border:3px solid #D7D7D7;}
a:hover img.alignnone {border:3px solid #D7D7D7;}
a:hover img.thumbs {border:3px solid #D7D7D7;}

/*******Miscellaneous*******/
.navigation {clear:both;}
.alignleft {font-weight:bold; float:left; margin:2px 0 10px 0; text-transform:uppercase; font-size:11px;}
.alignright {font-weight:bold; float:right; margin:2px 0 10px 0; text-transform:uppercase; font-size:11px;}
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}
blockquote {margin: 12px 0 0 0; padding: 6px 0 0 32px; background: url(images/quote.png) 0 0 no-repeat; color:#454545 !important; font-weight:bold; font-size:11px; line-height:16px;}
blockquote p {margin:0 !important;}
blockquote cite { margin: 5px 0 0; display: block; }
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-family: "Lucida Grande",Lucida,Verdana,sans-serif; font-size:12px; color:#F7F7F7; display:block; padding: 10px 15px; background-color:#666666; border: 1px dashed #F7F7F7;}

/*******AddThis Custom*******/
.addthis_toolbox {float: right; margin: 1px 0 2px 0;}
.addthis_container {text-align:center; display:inline; float:left; margin:20px 0 0 0; padding:0; width:501px;}
.addthis_button, .addthis_button_email, .addthis_subscribe {padding:0 3px 0 0;}