/*  
Theme Name: Visible Men
Theme URI: http://wordpress.org/
Description: A custom theme built for Visible Men.
Version: 1.0
Author: Strategic Marketing Solutions
Author URI: http://mystrategicmarketer.com/
*/

body {padding: 12px 0; margin: 0; font: small "Trebuchet MS", Arial, Helvetica, sans-serif; background: #ededed; color: #444; text-align: center;
scrollbar-arrow-color: #464646;
scrollbar-3dlight-color: #d6d6d6;
scrollbar-darkshadow-color: #999;
scrollbar-face-color: #d6d6d6;
scrollbar-highlight-color: #fff;
scrollbar-shadow-color: #ccc;
scrollbar-track-color: #e6e6e6}
#container {width: 1004px; margin: 0 auto; text-align: left}
a:link {color: #036; text-decoration: none}
a:visited {color: #036; text-decoration: none}
a:hover, a:active {text-decoration: underline}
img {border: none}
h1, h2, h3, h4, h5, h6 {margin: 0 0 .3em}
h1 {font-size: 155%}
h2 {font-size: 145%}
h3 {font-size: 135%}
h4 {font-size: 120%}
h5 {font-size: 110%}
h6 {font-size: 100%}

/* general */
.border {border: 1px solid #999}
.alert {color: #c00}
.dim, a:link.dim, a:visited.dim {color: #999; font-size: 90%}
a:hover.dim {color: #666}
.clear {clear: both}
.hr {border-bottom: 1px dashed #999; margin: 5px 0; clear: both}
 hr {padding: 0; margin: 0; display: none}


/* header */
#header {height: 77px; background: #fff; position: relative}
#header h1 {position: absolute; top: 9px; left: 14px; width: 89px; height: 60px; text-indent: -9999em; margin: 0; padding: 0}
#header h1 a {display: block; height: 60px; background: url(img/logo_vm_89.png) no-repeat; text-decoration: none}
#header .tagline a {position: absolute; top: 18px; left: 131px; width: 227px; height: 29px; background: url(img/header_success_network.png) no-repeat}
#header .tagline h2 {text-indent: -9999em}
#sociallinks {position: absolute; top:55px; left: 196px;letter-spacing: 4px;}
#header .photos {position: absolute; top: 0; left: 390px; width: 479px; height: 77px; background: url(img/header_photos.jpg) no-repeat}
#header .quicklinks {position: absolute; top: 0; right: 14px; width: 479px; height: 77px}
#header .quicklinks ul {list-style: none; text-align: right; margin: 13px 0 0}
#header .quicklinks ul li {margin: 0; padding: 0}
#header .quicklinks li.cart {background: url(img/ic_header_cart.gif) no-repeat top right}
#header .quicklinks li.donate {background: url(img/ic_header_logo.gif) no-repeat top right}
#header .quicklinks li.send {background: url(img/ic_header_send.gif) no-repeat top right}
#header .quicklinks li.favorites {background: url(img/ic_header_favorites.gif) no-repeat top right}
#header .quicklinks li a {color: #b0b0b0; font: 11px Arial, Helvetica, sans-serif; padding: 2px 22px 2px 0; font-weight: bold; text-transform: lowercase}

/* nav */
#nav {height: 26px; background: url(img/nav_bg.gif) repeat-x top left; position: relative; overflow: hidden}
#nav a {display: block; text-decoration: none}
#nav ul, #nav ul li {list-style: none; margin: 0; padding: 0; float: left}
#nav li h3 {width: 146px; height: 26px; text-indent: -9999em; margin: 0; padding: 0}
#nav li.about h3 {width: 148px}
#nav li.about h3 a {width: 148px; height: 26px; background: url(img/nav_btn_about.png) no-repeat}
#nav li.programs h3 {width: 212px}
#nav li.programs h3 a {width: 212px; height: 26px; background: url(img/nav_btn_programs.png) no-repeat}
#nav li.network h3 {width: 110px}
#nav li.network h3 a {width: 110px; height: 26px; background: url(img/nav_btn_network.png) no-repeat}
#nav li.rolemodels h3 {width: 136px}
#nav li.rolemodels h3 a {width: 136px; height: 26px; background: url(img/nav_btn_rolemodels.png) no-repeat}
#nav li.store h3 {width: 66px}
#nav li.store h3 a {width: 66px; height: 26px; background: url(img/nav_btn_store.png) no-repeat}
#nav li.blog h3 {width: 58px}
#nav li.blog h3 a {width: 58px; height: 26px; background: url(img/nav_btn_blog.png) no-repeat}
#nav li h3 a:hover, #nav li.current_page_item h3 a {background-position: 0 -26px}
#s {width: 220px; height: 26px; background: url(img/search_bg.png) no-repeat; border: none; margin: 0; padding: 5px 0 0 11px; color: #777; font-weight: bold; position: absolute; top: 0; right: 30px}
#searchsubmit {width: 30px; height: 26px; position: absolute; top: 0; right: 0}

/* feature */
#feature {width: 1004px; height: 227px; margin-top: 7px}
#feature img {background-color: #eee; width: 1004px; height: 227px; top: 0; left: 0}


/* subnav */
#subnav li.jointhemovement a {background-color: #e0db1d; font-size: 14px; color: #777;}
#subnav ul { float: right; list-style: none; margin: 0; padding: 0}
#subnav li {display: block; height: auto; float: right; margin: 0; padding: 4px}
#subnav li a {padding: 4px; font-weight: bold; font-size: 13px; color: #777}
#subnav li a:hover {background-color: white;color: #989400; text-decoration: none}


/* content */
#content .main {width: 800px}
#content.sub {margin-top: 20px}
#content{margin-top: 12px}
#content h2 {text-transform: uppercase}
.entry h2 {font-size: 115%; color: #777}
#newswire {width: 310px; height: 183px; background: #d6d6d6 url(img/newswire_top.gif) no-repeat top left; position: relative}
#newswire .content {width: 277px; height: 150px; line-height: 1.2em; overflow: auto; position: absolute; bottom: 14px; left: 20px; padding-right: 10px}
#newswire .newswire_bottom {height: 9px; width: 310px; background: url(img/newswire_bottom.gif) no-repeat bottom left; position: absolute; bottom: 0; left: 0}

#sidebar {width: 190px; float: right; border-left: 1px solid #c9c9c9}
#sidebar .inner {padding-left: 12px}
#sidebar ul, #sidebar li {list-style: none; margin: 0; padding: 0}
#sidebar ul#subpages, #sidebar li.widget {margin-bottom: 15px}
#sidebar li#pages a, #sidebar ul#subpages a {display: block; padding: 5px 18px 5px 5px; border-bottom: 1px solid #ccc; text-decoration: none; font-weight: bold; color: #5d5d5d; background: url(img/bullet_arrow_01.gif) no-repeat center right}
#sidebar li#pages a:hover, #sidebar ul#subpages a:hover {background: #bbb url(img/bullet_arrow_01_hov.gif) no-repeat center right}
#sidebar ul#subpages .current_page_item {background: #bbb url(img/bullet_arrow_01_hov.gif) no-repeat center right}
#sidebarvideo {width: 190px;height: 100px;}

.main a{text-decoration: underline;}
.main a:hover {color:#989400; }


#badge_neil {width: 167px; height: 183px; background: url(img/badge_neil_phillips.jpg) no-repeat top center; float: right; position: relative; margin-left: 9px}
#badge_neil .content {position: absolute; bottom: 0; width: 100%}
#badge_neil .content a {display: block; text-align: center}
#badge_join {width: 185px; height: 183px; background: url(img/badge_join_185.png) no-repeat top center; float: right; margin-left: 9px;text-align: center;}
#badge_join a {display: block; height: 134px}
#badge_become {width: 314px; height: 183px; background: url(img/badge_bg_314.png) no-repeat top center; float: right; margin-left: 9px; position: relative}
/*#badge_become a {display: block; height: 183px}*/
#badge_become #mycarousel {width: 312px; height: 138px; position: absolute; top: 9px; left: 1px}
#badge_become a#txt_become {display: block; width: 231px; height: 15px; position: absolute; bottom: 13px; left: 38px; background: url(img/txt_become.png) no-repeat top left}

/* footer */
#footer {margin-top: 15px; width: 100%; clear: both; font-size: 85%; color: #666}
#footer a {color: #666}
#footer a:hover {color: #444}
#footer .developed {float: right}
#footer .nav {font-weight: bold}




/* form management */
form {padding: 0; margin: 0}
input.text, textarea.textarea {border: 1px solid #666; padding: 0 4px; font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif}
textarea.textarea {height: 80px}
input.text {height: 15px; line-height: 15px}
select.select {font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif}
/*input.button {background: #e0db1f; color: #555; padding: 0 2px; margin: 0; font: bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif; border: 1px solid #666}*/
input.button {width: 97px; height: 42px; background: url(img/btn_submit.gif) no-repeat top left; border: 1px solid #e0db1f; padding: 0}

/* table management */
table.altrows {border: 1px solid #ccc}
table.altrows td {padding: 3px; vertical-align: top}
table.altrows tr.odd td {background: #e9e9e9}
table.altrows tr.even td {background: #f9f9f9}
table.altrows td.label {text-align: right; font-weight: bold}
table.altrows td.input {padding-right: 10px}
table.info {border: 1px solid #ccc}
table.info th {text-align: left; background: #DEE6B9; padding: 4px; border-bottom: 1px solid #ccc}
table.info td {padding: 4px; vertical-align: top}
table.info td.odd, table.info tr.odd td {background: #e9e9e9}
table.info td.even, table.info tr.even td {background: #f9f9f9}

/* specifics */
#send2afriend {margin: 0 auto}
div.searchresult {border-bottom: 1px dashed #ccc}
div.pagination {text-align: right}
div.pageleft {}
div.pageright {float: right; margin-left: 25px}
.single .post h2 {margin-bottom: 0}
.single .post .postmetadata {margin-bottom: 10px}
.commentlist {border: 1px solid #d6d6d6; border-bottom: 0}
.commentlist li {background: #f9f9f9; padding: 10px; border-bottom: 1px solid #d6d6d6}
.commentlist li.odd {background: #e3e3e3}
#commentform textarea {width: 420px; height: 100px}
h3.notfound {text-align: center}
.edit {margin-bottom: 10px}


form.cform {}
ol.cf-ol {text-align: left}


/* file icons */
.files {list-style: none; margin: 0; padding: 0}
.files li {list-style: none; margin: 0; padding: 0}
.files a {display: block; padding: 2px 0 5px 20px}
.files a.img {background: url(img/icons/files/file_image.gif) no-repeat}
.files a.flash {background: url(img/icons/files/file_flash.gif) no-repeat}
.files a.qt {background: url(img/icons/files/file_qt.gif) no-repeat}
.files a.vector {background: url(img/icons/files/file_vector.gif) no-repeat}
.files a.audio {background: url(img/icons/files/file_audio.gif) no-repeat}
.files a.wma {background: url(img/icons/files/file_wma.gif) no-repeat}
.files a.pdf {background: url(img/icons/files/file_pdf.gif) no-repeat}
.files a.txt {background: url(img/icons/files/file_text.gif) no-repeat}
.files a.zip {background: url(img/icons/files/file_zip.gif) no-repeat}
.files a.psd {background: url(img/icons/files/file_psd.gif) no-repeat}
.files a.xls {background: url(img/icons/files/file_excel.gif) no-repeat}
.files a.doc {background: url(img/icons/files/file_word.gif) no-repeat}
.files a.pub {background: url(img/icons/files/file_pub.gif) no-repeat}
.files a.ppt {background: url(img/icons/files/file_ppt.gif) no-repeat}
.files a.link {background: url(img/icons/files/link.gif) no-repeat}
.files a:hover {background-color: #f3f6f8}


/* http://positioniseverything.net/easyclearing.html */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.clearfix {display: inline-table}
    /* Hides from IE-mac \*/
* html .clearfix {height: 1%}
.clearfix {display: block}
    /* End hide from IE-mac */



div.dashboard-widget-holder {width: 30%; float: left}



/* This <div> element is wrapped by jCarousel around the list and has the classname "jcarousel-container".*/
.jcarousel-container {position: relative; margin-left: 4px}
.jcarousel-clip {z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative}
.jcarousel-list {z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0}
.jcarousel-list li, .jcarousel-item {float: left; list-style: none; width: 102px; height: 148px}
.jcarousel-container-horizontal {width: 306px}
.jcarousel-clip-horizontal {width: 306px; height: 148px}