/*
Theme Name: VinTank Theme
Theme URI: http://www.vintank.com
Description: This is the custom theme and style sheet
Version: Version number 1
Author: Stranger Studios
Author URI: http://www.strangerstudios.com

/*--------------------------------------------------
	Reset
----------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; }

/*--------------------------------------------------
	Block Level Elements
----------------------------------------------------*/
Body {margin: 0; padding: 0; text-align: center; font: 80% Arial, Helvetica, sans-serif; background: #FFF; color: #555; }

.width {width: 985px; margin: 0 auto; text-align: left; }

#page { }

#w-header {background: #1B1B1B url(images/bg_w-header.gif) bottom left repeat-x; padding-bottom: 2px; }
#header { text-align: right; background: url(images/VinTank-web.png) 0px 0px no-repeat;  }

#w-intro-top {background: #F16422 url(images/bg_w-intro-top.gif) top left repeat-x; }
#w-intro {background: url(images/bg_w-intro.gif) bottom left repeat-x; padding: 5px 0 0 0; }
#intro {padding: 1px 0 0 40px; }

#w-wrapper {background: url(images/bg_w-wrapper.png) top left repeat-x; }
#wrapper {margin: 0; padding: 0 25px 10px 0px; }
#content {width: 725px; }

#sidebar {width: 190px; padding-left: 25px; }

#w-footer { }
#footer {background: url(images/bg_footer.png) top center no-repeat; height: 60px; padding: 0 25px; margin-bottom: 1em; color: #888; }

#w-base { }
#base {padding: 0 25px; color: #888; }

/*--------------------------------------------------
	Colors
----------------------------------------------------*/

.red {color: #CC0000 !important; }
.orange {color: #F16422; }
.grey {color: #474747; }
.blue {color: #144989; }

/*--------------------------------------------------
	Defaults
----------------------------------------------------*/

p {margin: 0 0 1em 0; line-height: 1.5em; }

a, a:link {color: #F16422; text-decoration: none; font-weight: bold;  }
a:hover {color: #144989; text-decoration: underline; }

a img { border: none; }
strong {font-weight: bold; }
em, .em {font-style: italic; }
small, .small {font-size: .9em; }
blockquote {margin: 0 0 1em 0; font-size: 1.6em; line-height: 1.5em; color: #000; padding: 15px; padding-bottom: 1px; background: #EEE; border: 1px solid #CCC; }
blockquote p {margin-bottom: 15px; }

ul {margin: 0 0 1em 20px; line-height: 1.5em; }
ol {margin: 0 0 1em 20px; * margin-left: 25px; line-height: 1.5em; }
ul ul {margin-bottom: .5em; }

ul li, ol li {margin: 0 0 .5em 0; }

.gallery { margin: auto; }
.gallery:after {content: '.'; display: block; height: 0; clear: left; visibility: hidden;}
.gallery-item {float: left; margin-top: 10px; text-align: center; }
.gallery-caption { margin-left: 0; }

/*--------------------------------------------------
	Headings
----------------------------------------------------*/
h1#logo { z-index: 1000; position: absolute; width: 250px; height: 110px; margin: 0; }
#header .description {margin: 0 0 0 230px; padding: 32px 0 10px 0; height: 30px; }

h2 { font-size: 2em; margin-bottom: .25em; font-weight: bold; color: #144989; }
h2 span {color: #474747; }
h2 small {font-size: 11px; vertical-align: middle; font-weight: normal; color: #666; }
h2 small a {color: #666 !important; text-decoration: underline; font-weight: normal; }

h3 { font-size: 1.4em; margin: 1em 0 .25em 0; font-weight: bold; color: #144989; }
h3 a {color: #144989 !important; }
h3 span {color: #474747; }
h3 small {font-size: 11px; vertical-align: middle; color: #666; font-weight: normal; }
h3 small a {color: #666 !important; text-decoration: underline; font-weight: normal; }

h4 { font-size: 1.1em; margin: .25em 0; font-weight: bold; color: #144989; }
h5 { font-size: 1.1em; margin-bottom: .25em; font-weight: bold; color: #144989; }
h6 { font-size: 1.1em; margin-bottom: .25em; font-weight: bold; color: #144989; }


/*--------------------------------------------------
	Messages - Success, Error, Alert
----------------------------------------------------*/
.message {background-color: #D5E4F7; background-image: url(images/icon_information.gif); background-position: 3px 5px; background-repeat: no-repeat; margin: 0 0 1.5em 0; padding: 6px 6px 6px 25px; color: #345395; font-weight: bold; line-height: 1.3em; }

.success {background-color: #CFEECA; background-image: url(images/icon_success.gif); color: #208A1B; }
.error {background-color: #F9D6CB; background-image: url(images/icon_error.gif); color: #E36154; }
.alert {background-color: #FFF6CC; background-image: url(images/icon_alert.gif); color: #CF8516; }

.message a {color: #345395; }
.success a {color: #208A1B; }
.error a {color: #E36154; }
.alert a {color: #CF8516; }

/*--------------------------------------------------
	Forms & Buttons
----------------------------------------------------*/

form div {clear: left; margin-bottom: 1.5em;  }
form label {float: left; margin: 3px 10px 0 0; width: 130px; font-weight: bold; text-align: right; }
form div div {width: 380px; margin-left: 140px; clear: none;}
form .likelabel {font-weight: bold; }
form .input, form textarea, .input {padding: 3px; border: 1px solid #AAA; margin: 0 3px 0 0; }
form textarea {font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
form select {margin: 2px 0 0 0 ;}
.lite {color: #666; }
form .leftmar {margin: 8px 0 0 140px; }

#searchform { }
#searchform #s {width: 112px; float: left; margin: 0 0 5px 0; font-size: 11px; padding: 3px; border: 1px solid #AAA; }
#searchform #searchsubmit { }

.btn {display: block; margin: 0; background-position: top left; background-repeat: no-repeat; cursor: pointer; }
.btn:hover {background-position: bottom left; }

.btn-search {cursor: pointer; float: right; background-image: url(images/btn-search.png); width: 55px; height: 21px; min-height: 21px; margin-top: 1px !important; }
.btn-download {cursor: pointer; float: right; background-image: url(images/btn-download.gif); width: 140px; height: 35px; min-height: 35px; } 
.btn-videolibrary {cursor: pointer; float: right; background-image: url(images/btn-videolibrary.gif); width: 102px; height: 27px; min-height: 27px; } 

.btn-pulsereports {cursor: pointer; background-image: url(images/btn-pulsereports.gif); width: 345px; height: 160px; min-height: 160px; } 
.btn-whitepapers {cursor: pointer; background-image: url(images/btn-whitepapers.gif); width: 345px; height: 160px; min-height: 160px; } 


/*--------------------------------------------------
	Header
----------------------------------------------------*/
#menu {margin: 0 0 0 233px; padding: 5px 0; list-style: none; }
#menu li {display: inline; margin: 0; padding: 0; }
#menu li, #menu li.page_item { display: inline; margin: 0; padding: 0; } 
#menu a, #menu a:link { font-weight: normal; margin: 0 0 0 25px; padding: 3px; line-height: 15px; float: left; display: block; text-decoration: none; font-size: 12px; letter-spacing: 1px; color: #FFF; text-transform: uppercase; } 
#menu a:hover { text-decoration: underline; } 
#menu li.current_page_item a, #menu li.current_page_parent a {background: #535353; } 
#menu li.current_page_item a:hover, #menu li.current_page_parent:hover a {background: #535353; } 


/*--------------------------------------------------
	Intro Block
----------------------------------------------------*/
#intro {color: #FFF; font-size: 1.3em;}
#intro a {color: #FFF; text-decoration: underline; }
#intro a:hover {color: #333; }
#intro h2 {color: #FFF; font-size: 2em; }

#intro .pagetext {float: left; width: 620px; padding: 45px 0 0 0; }
#intro .pagetext p {margin: 0; }
#intro .intropic {float: right; text-align: right; width: 270px; background-repeat: no-repeat; background-position: bottom right; }


/*--------------------------------------------------
	Homepage
----------------------------------------------------*/
.h-col1 {float: left; width: 560px; margin: 10px 0 0 0; }
.h-col1 h3 {font-size: 1.9em; margin: 0; }
.h-col1 .video-title {float: left; width: 340px; }
.h-col1 .video-title .postmetadata {margin-bottom: 10px; color: #666; line-height: 20px; }

.video-t {background: url(images/bg_video-t.png) top left no-repeat; padding: 35px 45px 0px 35px; }
.video-m {background: url(images/bg_video-m.png) top left repeat-y; }
.video-b {background: url(images/bg_video-b.png) bottom left no-repeat; padding: 0 45px 15px 35px; }

.h-col2 {float: right; width: 395px; margin: 10px 0 0 0; }

.h-col2 .h-col2-top {line-height: 1.6em; margin-top: 10px; }
.h-col2 .h-col2-top .clear {margin: 20px 0; }
.h-col2 span {font-size: 1.3em; margin-right: 5px;}
.h-col2 span a {color: #144989;}

.h-col2 .h-col2-bottom { }
.h-col2 .h-col2-bottom h3 {font-size: .9em; font-weight: normal; letter-spacing: 1px; margin: 0 0 15px 0; }
.h-col2 .h-col2-bottom h3 a {font-weight: normal; }


/*--------------------------------------------------
	The Post
----------------------------------------------------*/

.post { }
.postmetadata {font-size: .9em; color: #666; clear: both; }
.postmetadata a {font-weight: normal; color: #666; text-decoration: underline; }
.postmetadata .comments a {background: url(images/icon_comment.gif) top left no-repeat; padding: 1px 0 3px 18px; color: #666; font-weight: normal; }
.posttext {margin: 15px 0 15px 0; padding-bottom: 15px; border-bottom: 1px solid #CCC; }

.introbox-t {background: url(images/bg_introbox-t.png) top left no-repeat; padding: 0; height: 25px; margin: 10px 0 0 0;}
.introbox-m {background: url(images/bg_introbox-m.png) top left repeat-y; padding: 0 25px 1px 25px; font-size: 1.6em; color: #666; line-height: 1.6em; }
.introbox-b {background: url(images/bg_introbox-b.png) bottom left no-repeat; padding: 0; height: 25px; }
.introbox-m p {margin: 5px 0 5px 0; }

.singlepost-t {background: url(images/bg_introbox-t.png) top left no-repeat; padding: 0; height: 25px;  margin: 10px 0 0 0;}
.singlepost-m {background: url(images/bg_introbox-m.png) top left repeat-y; padding: 0 25px; }
.singlepost-m h3 {margin-top: 0; }

.singlepost-b {background: url(images/bg_introbox-b.png) bottom left no-repeat; padding: 0; height: 25px; }


.navigation { display: block; margin: 1.5em 25px; }
.navigation .alignleft {float: left; text-align: left; width: 48%; }
.navigation .alignright {float: right; text-align: right; width: 48%; }
.navigation a {color: #F16422; font-weight: bold; text-decoration: none; }
.navigation a:hover {color: #144989; font-weight: bold; text-decoration: underline; }

/*--------------------------------------------------
	Posts Archives (Index, Category, Archive, Search)
----------------------------------------------------*/
.blogposts .post {padding: 0 0 1em 0; margin: 0 25px 1em 25px; border-bottom: 1px solid #CCC; }

.archive-intro {margin: 0 25px 10px 25px; }
.archive-intro h3 {font-size: 1.4em; }
.archive-intro p {font-size: 1.2em; }

/*--------------------------------------------------
	Single Post
----------------------------------------------------*/

/*--------------------------------------------------
	The Page
----------------------------------------------------*/
.page {padding: 0 25px; margin-top: 25px; }
.page-wider {padding: 0 10px; margin-top: 0; }

.page .pagetitle { }
.page .pagetext span {color: #F16422; }
.sitemap a {color: #555; font-weight: normal; text-decoration: underline; }
.sitemap ul ul {font-size: .9em; }

/*--------------------------------------------------
	Sidebar
----------------------------------------------------*/
#sidebar .s-pic {border: 22px solid #FFF; margin: -120px 0 1em 0; }

#sidebar ul {list-style: none; margin: 0 !important; padding: 0; }
#sidebar ul.sidebar-m { }
#sidebar ul li {margin: 0; padding: 0; }
#sidebar ul li h3 {margin: 0; }


#sidebar ul ul li {margin-top: 15px; padding-bottom: 5px; border-bottom: 1px solid #CCC; }
#sidebar ul ul li a {font-size: 1em; font-weight: normal; letter-spacing: 1px; margin: 0; text-transform: uppercase; color: #144989; }
#sidebar ul ul li a:hover {text-decoration: underline; }
#sidebar ul li small a {text-transform: none !important; color: #666 !important; text-decoration: underline; }

#sidebar ul ul ul {padding-bottom: 0; border: none; }
#sidebar ul ul ul li {margin: 5px 0 0 20px; padding: 0; list-style: disc; color: #AAA; border: none; line-height: 1.3em; }
#sidebar ul ul ul li a {font-size: .9em; font-weight: normal; letter-spacing: normal; margin: 0; text-transform: none; color: #666; }

#sidebar ul ul li.current_page_item a {text-decoration: underline; }
#sidebar ul ul li.current_page_item li a {background: none; }

#sidebar .s-links { }
#sidebar .s-links .linkcat .cat-name {font-weight: bold; padding: 5px; color: #000;  }
#sidebar .s-links .linkcat ul { }
#sidebar .s-links .linkcat ul li a {font-size: .9em; padding-left: 10px; }

#sidebar .widget {  }
#sidebar .widget ul { }

/*#sidebar .s-li-t {border-top: 1px solid #CCC; }
#sidebar .s-li-m {border-left: 1px solid #CCC; border-right: 1px solid #CCC; padding: 10px; }
#sidebar .s-li-b {border-bottom: 1px solid #CCC; }
*/

#sidebar .s-li-m h3 {font-size: 1em; font-weight: normal; letter-spacing: 1px; margin: 0; text-transform: uppercase; color: #144989; }

#sidebar .s-li-m {padding-bottom: 5px; border-bottom: 1px solid #CCC; margin: 15px 0 0 0; }
#sidebar .s-li-m ul li {margin: 0 0 2px 20px; padding: 0; list-style: disc; color: #AAA; border: none; font-size: .8em; }
#sidebar .s-li-m ul li a {font-size: 1.1em; color: #666; font-weight: normal; letter-spacing: normal; text-transform: none;  }

#sidebar .s-twitter {padding-bottom: 5px; border-bottom: 1px solid #CCC; margin: 15px 0 0 0; }
#sidebar .s-twitter h3 {font-size: 1em; font-weight: normal; letter-spacing: 1px; margin: 0; text-transform: uppercase; color: #144989; }
#sidebar .s-twitter h3 a {font-weight: normal; }
#sidebar .s-twitter ul {font-size: .9em; }

/*--------------------------------------------------
	Footer
----------------------------------------------------*/
#footer a {font-weight: normal; text-decoration: underline; color: #888; }
#footer a:hover {color: #144989; }

#snmenu {margin: 17px 0 0 0; list-style: none; float: left; width: 580px; }
#snmenu li {display: inline; margin: 0; padding: 0; }
#snmenu li, #snmenu li.page_item { display: inline; margin: 0; padding: 0; } 
#snmenu a, #snmenu a:link { background-position: 0px 0px; background-repeat: no-repeat; margin-right: 20px; padding: 5px 0 5px 30px; line-height: 16px; float: left; display: block; text-decoration: none; } 
#snmenu a:hover { text-decoration: underline; } 

#snmenu a.sn-twitter {background-image: url(images/icon_twitter-24.png); }
#snmenu a.sn-facebook {background-image: url(images/icon_facebook-24.png); }
#snmenu a.sn-rss {background-image: url(images/icon_rss-24.png); }

#footermenu {margin: 20px 0 0 0; list-style: none; float: right; width: 350px; text-align: right; }
#footermenu li {display: inline; margin: 0; padding: 0; }
#footermenu li, #footermenu li.page_item { display: inline; margin: 0; padding: 0; } 
#footermenu a, #footermenu a:link { background: none; margin-left: 20px; float: right; display: block; } 
#footermenu a:hover { text-decoration: underline; } 

#base a {color: #888; text-decoration: underline; font-weight: normal;  }
#base a:hover {color: #144989; }

#base .sstag {float: right; width: 25%; text-align: right; }
#base p {float: left; width: 75%; text-align: left; }


/*--------------------------------------------------
	Comments (with replies)
----------------------------------------------------*/
#comment-respond {margin: 0 25px; }

h3#comments, #respond h3 {font-size: 1.1em; font-weight: normal; letter-spacing: 1px; margin: 1.5em 0 15px 0; text-transform: uppercase; }
h3#comments span, #respond h3 small {color: #666; }

#respond h3 {margin-top: 1em; margin-bottom: .5em; }
#respond h3 small {font-size: 10px; }

h3.nocomments { }

ol.commentlist {list-style: none; margin-left: 0; }
ol.commentlist li {padding: 10px; margin: 0 0 1em 0; border: 1px solid #CCC; background: #FAFAFA;   }
ol.commentlist li.alt { }

.comment-author {float: left; width: 430px; }
.comment-author cite {font-style: normal; font-weight: bold; font-size: 1.4em; color: #144989; }
.comment em {color: #990000; font-size: .9em; } /* For comments pending approval */

.comment-author img {float: left; margin: 0 1em 1em 0; padding: 2px; border: 1px solid #CCC; background: #FFF; }
.comment-body {clear: both; }

.comment-meta {font-size: .9em; float: right; text-align: right; width: 200px; }
.comment-meta a {color: #666; font-weight: normal;}
.commentmetadata { }
.commentlist p {clear: left; }

.reply {clear: both; }
.reply .comment-reply-link {font-weight: bold; background-color: #DDD; padding: 5px; display: block; color: #666; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; font-weight: normal;  }
.reply .comment-reply-link:hover {background-color: #144989; color: #FFF; }

.children {margin: 0 !important; list-style: none; }
.children li {margin: 10px 0 0 0 !important; background-color: #FFF !important; background-image: none !important; border: 1px solid #EDEDED !important; }
.children .depth-2 { }

/*--------------------------------------------------
	Images
----------------------------------------------------*/
.centered, .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { margin: 0 0 1em 1em; float: right; }
.alignleft { margin: 0 1em 1em 0; float: left;}

.aligncenter img, .alignright img, .alignleft img {margin-bottom: 5px; }

.wp-caption-text {text-align: center; font-weight: bold; margin-bottom: 0px; }
.alignleft .wp-caption-text {padding-right: 10px; }
.alignright .wp-caption-text {padding-left: 10px; }

/*--------------------------------------------------
	Miscellaneous
----------------------------------------------------*/
.clear {clear: both; }
.clearleft {clear: left; }
.clearright {clear: right; }

.right { float: right; }
.left { float: left }
.center { text-align: center; }

.top1em {margin-top: 1em; }

.breadcrumbs {color: #888; font-size: .9em; margin: 0 0 1.5em 0; }
.breadcrumbs a {color: #666; text-decoration: none; font-weight: bold; }
.breadcrumbs a:hover {text-decoration: underline; }

.line {background-color: #CCC; height: 1px; min-height: 1px; font-size: 1px; margin: 15px 0 15px 0; }

hr {color: #CCC; background-color: #CCC; height: 1px; border: none; }

.boxlink img {padding: 3px; background: #FFF; border: 1px solid #CCC;}
.boxlink img:hover {background: #DDD; }

.boximg img {padding: 3px; background: #FFF; border: 1px solid #CCC;}

.pdf { background: url(images/icon_pdf.gif) 0px 0px no-repeat; padding: 2px 0 5px 23px; line-height: 16px; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; color: #CC0000 !important; } 

.twitterfeed {margin: 0 !important; padding: 0; list-style: none; font-size: .9em; color: #555; }
.twitterfeed li {min-height: 32px; margin-bottom: 20px; border: none !important; clear: left;}
.twitterfeed li img {float: left; width: 32px; height: 32px; border: 1px solid #CCC; padding: 1px; margin: 0 5px 5px 0; }
.twitterfeed a {font-weight: normal; color: #555 !important; text-decoration: underline;  text-transform: none !important; letter-spacing: normal !important;  }

.teamlist {margin: 0; padding: 0; list-style: none; }
.teamlist li {float: left; width: 185px; margin: 5px 20px 20px 20px; text-align: center; font-size: 1.3em; }
.teamlist li img {width: 150px; margin-bottom: 5px; border: 1px solid #CCC; padding: 2px; background-color: #FFF; }
.teamlist li img:hover {background: #DDD; }

.clientlist {margin: 0 auto; width: 100% }
.clientlist-item {float: left; width: 33%; margin: 10px 0 1.5em 0; text-align: center; font-size: 1.3em; }
.clientlist-item img {margin-bottom: 5px; border: 1px solid #CCC; padding: 5px; background-color: #FFF; }
.clientlist-item img:hover {background: #DDD; }
.clientlist-item-88 {margin-top: 30px; }
.clientlist-item-244 {margin-top: 30px; }

.blocklinks {margin: 0; padding: 0; list-style: none; } 
.blocklinks li {float: left; padding: 0; width: 315px; margin: 0 10px 20px 10px; }
.blocklinks li a {float: left; display: block; width: 295px; height: 48px; line-height: 24px; background-color: #FFF; background-image: url(images/bg_gradient-light.gif) !important; background-position: 0px -60px; background-repeat: repeat-x; border: 1px solid #CCC; padding: 10px; font-size: 1.3em; text-align: center; color: #144989; }
.blocklinks li a:hover {background: #FFF; cursor: pointer; color: #F16422; }
.blocklinks li.line1 a {line-height: 48px; }
.blocklinks li.line2 a {line-height: 24px; }

.fullblocklink {display: block; line-height: 24px; margin: 15px auto 15px auto; background-color: #FFF; background-image: url(images/bg_gradient-light.gif) !important; background-position: 0px -60px; background-repeat: repeat-x; border: 1px solid #CCC; padding: 10px; font-size: 1.3em; text-align: center; }
.fullblocklink:hover {background: #DDD; cursor: pointer; }

.tags {color: #777 !important; font-weight: bold; }

form.tweetsearch {background: #FFF; border-bottom: 1px solid #DDD; margin-bottom: 1em; padding: .5em;}

.sitemap-blog {float: right; width: 160px; background: url(images/bg_gradient-light.gif) bottom left repeat-x; padding: 1em; border: 1px solid #CCC; }
.sitemap-blog h4 {  }
.sitemap-blog ul { font-size: .9em; }

.hidden {display: none;}