/*
Theme Name: VinTank Theme
Theme URI: http://www.vintank.com
Description: This is a custom theme and stylesheet
Version: Version number 2
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; font: 12px Arial, Helvetica, sans-serif; background: #3d3931 url(images/bg_body.png) bottom left repeat; color: #555; }

.width {width: 960px; margin: 0 auto; padding: 0 10px !important; text-align: left; position: relative;}

#w-body {display: inline-block; position: absolute; width: 100%;  }
#page {background: #FFF url(images/bg_page.png) top left repeat-x; border-bottom: 3px double #605b52;}

#w-header { }

#header {position: relative; padding: 15px 0; }
#header a { color: #fff; }
#header a:hover { text-decoration: none; }
#forgot-pwd { position: relative; display: block; text-align: right; margin: 3px 45px 0 0; }

#w-menu {background: #3d3931 url(images/bg_grad-sm-black.png) bottom left repeat-x; }

#w-wrapper {position: relative;  }
#w-wrapper .width { }
#wrapper-intro {position: relative; background: #e6e3dc; margin-bottom: 20px; }
#wrapper { }
.wrapper-slider {height: 300px; overflow: hidden; float: left; width: 640px; margin: 10px 0 20px 0; }
.wrapper-btns {float: right; width: 310px; margin: 9px 0 20px 0; }
.wrapper-sub {margin: 0; }

#content {float: left; width: 700px; }
#sidebar {float: right; width: 230px; margin: 0 0 0 10px; }
#wrapper-intro #sidebar {position: absolute; float: none; top: 20px; right: 0px; z-index: 20; }

#w-prefooter {margin: 20px 0 0 0; }

#w-footer {padding: 20px 0; }
#w-footer .width { }
#footer {position: relative; background: url(images/bg_footer.gif) top left repeat-y; }
#footer a {color: #2E2E2E; text-decoration: none; }
#footer a:hover {text-decoration: underline; }

/*--------------------------------------------------
	Colors
----------------------------------------------------*/
.red {color: #CC0000 !important; }
.brown {color: #3d3931; }
.mdbrown {color: #494235; }
.ltbrown {color: #605b52; }
.dkbrown {color: #3d3931; }
.tan {color: #e6e3dc; }
.orange {color: #f16422; }
.blue {color: #3076cb; }
.white {color: #FFF; }

/*--------------------------------------------------
	Defaults
----------------------------------------------------*/
p {margin: 0 0 1.25em 0; line-height: 1.6em; }

/*
a, a:link {color: #3076cb; text-decoration: underline; }
*/
a, a:link {color: #f16422; text-decoration: underline; }
a:hover {color: #3d3931;  }
a.trigger, a.trigger:link {font-weight: bold; text-decoration: none; font-size: 11px; color: #B00000; text-transform: uppercase; cursor: pointer; }
a.trigger:hover {color: #3076cb; }
a.trigger_normal, a.trigger_normal:link {font-weight: normal; }

a.grey, a.grey:link {color: #888 !important; }
a.grey:hover {color: #555 !important; }

a.blue, a.blue:link {color: #3076cb !important; }
a.blue:hover {color: #1c56b6 !important; }

a.noline, a.noline:link {text-decoration: none; }
a.noline:hover {text-decoration: underline; }

a img { border: none; }
strong {font-weight: bold; }
em, .em {font-style: italic; }
small, .small {font-size: .9em; }
blockquote {position: relative; display: block; margin: 1em 0; padding: 1em 1em 1px 1em; font-size: 1.3em; line-height: 1.7em; color: #666; border: 1px solid #CCC;  border-top: 3px solid #605b52; background: #FFF url(images/bg_blockquote.gif) bottom left repeat-x; }
blockquote span.testimonial {display: block; background: url(images/bg_blockquote-testimonial.gif) top left no-repeat; padding-left: 50px; }

blockquote span.callout {display: inline-block; margin-right: 200px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; }
blockquote span.callout .btn {position: absolute; top: 30px; right: 30px; font-style: normal; }

.strike-through {text-decoration: line-through; }

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

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

dl { }
dt {float: left; clear: both; margin: 0 10px 1em 0; text-align: right; font-weight: bold; color: #3076cb; }
dd {float: left; margin: 0 0 1em 0; text-align: left; }

#sidebar dt {width: 80px; }
#sidebar dd {width: 195px; }


/*--------------------------------------------------
	Headings
----------------------------------------------------*/
h1, h2, h3, h4, h5 {font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; color: #494235; }
h1 a, h1 a:link, h2 a, h2 a:link, h3 a, h3 a:link, h4 a, h4 a:link, h5 a, h5 a:link {text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover { }

h1 {margin: 0 0 .5em 0; font-size: 2.1em; font-weight: normal; line-height: 1.2em; }
h1 a, h1 a:link {color: #3076cb; }
h1 a:hover {color: #3076cb; }

h2 {margin: 0; font-size: 1.9em; font-weight: bold; line-height: 1.2em; }
h2 span {color: #f16422;  }
h2 a, h2 a:link {color: #494235;}

h3 {margin: 1em 0 .25em 0; font-size: 1.5em; line-height: 1.3em; color: #AAA; }
h3 span {color: #3076cb; }
h3 a, h3 a:link {color: #494235;}

h4 { margin: 0 0 .25em 0; color: #3076cb; font-size: 1em; font-weight: bold; }
h4 span {color: #3076cb; }

h5 {margin: 1em 0 .25em 0; font-size: 1em; font-weight: bold; }


/*--------------------------------------------------
	Messages - Success, Error, Alert
----------------------------------------------------*/
.message, #theme-my-login .error {background: #D5E4F7 url(images/icon_information.gif) 13px 15px no-repeat; margin: 0 0 15px 0; padding: 15px 15px 15px 35px; color: #345395; line-height: 1.3em; font-size: 1.2em; }

.success {background: #CFEECA url(images/icon_success.gif) 13px 15px no-repeat; color: #208A1B; margin: 0 0 15px 0; padding: 15px 15px 15px 35px; line-height: 1.3em; font-size: 1.2em; border: 1px solid #CCC; }
.error, #theme-my-login .error {background: #F9D6CB url(images/icon_error.gif) 13px 15px no-repeat; color: #E36154; margin: 0 0 15px 0; padding: 15px 15px 15px 35px; line-height: 1.3em; font-size: 1.2em; border: 1px solid #CCC; }
.alert {background: #FFF6CC url(images/icon_alert.gif) 13px 15px no-repeat; color: #CF8516; margin: 0 0 15px 0; padding: 15px 15px 15px 35px; line-height: 1.3em; font-size: 1.2em; border: 1px solid #CCC; }

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

/*--------------------------------------------------
	Forms
----------------------------------------------------*/
form.general div.form-row {margin-bottom: 1em; clear: left; }
form.general div.field {margin-left: 140px; }
form.general div.field p {padding: 3px 0 0 0; margin: 0;}

form.general label {float: left; width: 130px; text-align: right; margin: 3px 10px 0 0; line-height: 1.4em; }
form.general input[type=text], form.general input[type=password] {padding: 3px; border: 1px solid #AAA; margin: 0 3px 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #555; }
form.general textarea {padding: 3px; border: 1px solid #AAA; margin: 0 3px 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #555; }
form.general select, form.general input[type=file] {margin-top: 2px; }

form.general .form-row_lg label {margin-top: 6px; }
form.general .form-row_lg input[type=text] {padding: 5px; font-size: 13px; }
form.general .form-row_lg textarea {padding: 5px; font-size: 13px; }
form.general .cancel, form.general .cancel:link {padding: 10px 0; font-size: 11px; color: #888; }

#w-searchform {float: right; width: 140px; margin: 8px 0 0 0; }
#searchform {padding: 3px; background: #605b52;}
#searchform #s {width: 110px; float: left; padding: 2px 0; font-size: 10px; height: 12px; line-height: 12px; border: none; background: none; color: #FFF; font-family: Arial, Helvetica, sans-serif; }
#searchform #s:focus {outline: none; }
#searchform #s.lite {color: #999; }
#searchform #searchsubmit {float: right; width: 16px; height: 16px; background: url(images/icon_search.gif) center center no-repeat; border: none; text-indent: -999px; }

/*--------------------------------------------------
	Buttons
----------------------------------------------------*/
.btn {display: inline-block; margin: 0; background-position: top left; background-repeat: no-repeat; cursor: pointer; font-family: Arial, Helvetica, sans-serif; }
.btn:hover {background-position: bottom left; }

.btn-grey, .btn-grey:link {background: #FFF url(images/bg_grad-grey.gif) bottom left repeat-x; border: 1px solid #CCC; font-size: 14px; padding: 5px 8px; cursor: pointer; color: #3076cb; text-decoration: none; border-radius: 4px; -moz-border-radius: 4px; }
.btn-grey:hover {background: #FFF url(images/bg_grad-grey-alt.gif) bottom left repeat-x; }
form .btn-grey {font-size: 14px; }
#sidebar .btn-grey {float: right; width: auto; margin: 0 0 5px 5px; padding: 5px 8px; }
.btn-grey .icon_bg {padding: 5px 0 5px 26px; }

.btn-lg, .btn-lg:link {font-size: 18px; line-height: 24px; padding: 20px; font-weight: normal; }

.btn-submit {background: #f16422; padding: 4px; text-align: center; border: none; color: #FFF; font-size: 11px; font-weight: bold; }
.btn-submit:hover {background: #ea4513; }

.btn-brown, .btn-brown:link {background: #494235 url(images/bg_grad-sm-black.png) bottom left repeat-x; border: 1px solid #494235; font-size: 14px; padding: 5px 8px; cursor: pointer; color: #FFF; text-decoration: none; border-radius: 4px; -moz-border-radius: 4px; }
.btn-brown:hover {background: #3d3931; }

.btn-blue, .btn-blue:link {background: #3076cb url(images/bg_grad-sm-black.png) bottom left repeat-x; border: 1px solid #3076cb; font-size: 14px; padding: 5px 8px; cursor: pointer; color: #FFF; text-decoration: none; border-radius: 4px; -moz-border-radius: 4px; }
.btn-blue:hover {background: #1c56b6; }

.btn-orange, .btn-orange:link {background: #f16422 url(images/bg_grad-orange.png) bottom left repeat-x; border: 1px solid #f16422; font-size: 14px; padding: 5px 8px; cursor: pointer; color: #FFF; text-decoration: none; border-radius: 4px; -moz-border-radius: 4px; }
.btn-orange:hover {background: #ea4513; color: #FFF; }

.msg_submit {display: inline-block; float: left; margin: 10px 0 0 0; }


.wrapper-tabs {border-bottom: 1px solid #CCC; }
.tabs {margin: 0; padding: 0; list-style: none; }
.tabs:after {clear: both; }
.tabs li {display: inline; margin: 0; }
.tabs li a {display: inline-block; float: left; width: auto; padding: 6px 10px; font-size: 16px; color: #666; text-decoration: none; text-align: center; margin: 0 0 -1px 8px;border: 1px solid #CCC; cursor: pointer; background: #F9F9F9 url(images/bg_grad-grey.png) bottom left repeat-x; }
.tabs li a:hover {background-color: #FFF; }
.tabs li.tab-active a {background: #FFF; border: 1px solid #CCC; border-bottom: 1px solid #FFF; color: #3d3931; font-weight: bold; }
.tabs li.tab-off, .tabs li.tab-off {color: #999; }

.tabs .icon_rss {background:url(images/icon_rss-bw.png) left center no-repeat; padding-left: 22px; }
.tabs .icon_twitter {background:url(images/icon_twitter-bw.png) left center no-repeat; padding-left: 22px; }

.tabs li.tab-active .icon_rss {background:url(images/icon_rss.png) left center no-repeat; padding-left: 22px; }
.tabs li.tab-active .icon_twitter {background:url(images/icon_twitter.png) left center no-repeat; padding-left: 22px; }

.tabs-box {border: 1px solid #CCC; border-top: none; }

/*--------------------------------------------------
	General Tables
----------------------------------------------------*/
.table-wrapper_general {border-radius: 10px; -moz-border-radius: 10px; border: 1px solid #CCC; padding: 10px 0; background: #FAFAFA; }
.table-wrapper_general h3 {padding: 0 5px; }

table.general { }
table.general thead th {padding: 0 10px 8px 10px; font-size: 14px; color: #2E2E2E; font-weight: bold; background: #FAFAFA url(images/bg_grad-grey.png) bottom left repeat-x; }
table.general thead th a {color: #2E2E2E; text-decoration: underline; }
table.general thead th a:hover {color: #3076cb; }

table.general td {background: #FFF; padding: 10px; line-height: 1.5em; }
table.general tr.even td {background: #FAFAFA; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; }
table.general tr.highlight td {background: #FFFFCC;}

table.general tfoot td {padding: 10px; font-size: 14px; color: #2E2E2E; font-weight: bold; background: #FAFAFA url(images/bg_grad-grey.png) bottom left repeat-x; } 
table.general tfoot td a {color: #2E2E2E; text-decoration: underline; }
table.general tfoot td a:hover {color: #3076cb; }

p.graybox {text-align: center; margin: 0 0 3em 0; font-size: 1.2em; padding: 3em .5em 3em .5em; background: #F3F3F3;}

table.sidebar a.selected {color: #000000; text-decoration: underline;}

table.sidebar.showlinks tbody a, table.sidebar tbody p a {color: #003B63; text-decoration: underline;}

td.warning {background: #F9DFE2 !important;}
td.error {background: #FF9 !important;}

table.general div {width: 100%; }

/*--------------------------------------------------
	Form Tables (profile, etc.)
----------------------------------------------------*/
.form-table {padding: 15px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px;  border: 1px solid #CCC; width: 100%; margin: 0 0 1em 0; }

.form-table tr, .form-table td, .form-table th {vertical-align: top; }
.form-table .description {font-size: 11px; font-style: italic; }

.form-table th {font-family: Arial, Helvetica, sans-serif; text-align: right; width: 190px; padding-top: 3px; }
.form-table label {width: 180px; margin: 0 10px 20px 0; }
.form-table input[type=text], .form-table input[type=password] {padding: 3px; border: 1px solid #AAA; margin: 0 3px 20px 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #555; }
.form-table textarea {padding: 3px; border: 1px solid #AAA; margin: 0 3px 20px 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #555; }
.form-table select, .form-table input[type=file] {margin: 2px 0 20px 0; }
.form-table small {font-size: 11px; font-weight: bold; line-height: 1.4em; }

/*--------------------------------------------------
	Table Sorter
----------------------------------------------------*/
th.header {  } 
th.header a {cursor: pointer; background-repeat: no-repeat; background-position: left center; background-image: url(images/bg_th-sort.png); padding-left: 12px !important; }

th.headerSortDown, th.headerSortUp {border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; } 
th.headerSortUp a {background-image: url(images/bg_th-sortup.png); }
th.headerSortDown a {background-image: url(images/bg_th-sortdown.png); }

th.headerSortDown a, th.headerSortUp a {color: #3076cb !important; }


/*--------------------------------------------------
	Menus and Navigation
----------------------------------------------------*/
ul.menu {list-style: none; margin: 0; padding: 0; font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
#w-menu ul.menu li, #menu-mini-menu li {display: inline; margin: 0; padding: 0; }
#w-menu ul.menu li a, #menu-mini-menu li a {display: inline-block; text-decoration: none; }

.breadcrumbs {color: #605b52; font-size: 11px; margin: 1.5em 0; line-height: 1.5em; }
.breadcrumbs a {color: #605b52; text-decoration: none; }
.breadcrumbs a:hover {text-decoration: underline; }
.breadcrumbs span {color: #3076cb; }

#menu-mini-menu {float: right; width: 400px; text-align: right; }
#menu-mini-menu li a {margin: 10px 0 0 20px; color: #AAA; font-weight: bold; }
#menu-mini-menu li a:hover {text-decoration: underline; color: #FFF; }

#menu-main-menu { height: 38px; }
#menu-main-menu li {float: left; position: relative; }
#menu-main-menu a, #menu-main-menu a:link {display: block; padding: 8px 20px; margin: 0; text-align: center; color: #FFF; font-size: 16px; font-weight: bold; line-height: 22px; }
#menu-main-menu a:hover, #menu-main-menu li.over a {background: url(images/bg_main-menu-active.gif) bottom left repeat-x; }
#menu-main-menu .current-menu-item a, #menu-main-menu .current_page_parent a, #menu-main-menu .current-page-ancestor a {background: url(images/bg_main-menu-active.gif) bottom left repeat-x;color: #FFF; }
#menu-main-menu .sub-menu {position: absolute; top: 38px; margin: 0; left: -9999px; background: #973d15 url(images/bg_grad-sm-black.png) bottom left repeat-x; border-top: none; z-index: 20; width: 200px; padding: 5px 0 0 0; }
#menu-main-menu li:hover .sub-menu {left: 0px; }
#menu-main-menu .sub-menu li { }
#menu-main-menu .sub-menu li a, #menu-main-menu .sub-menu li a:link {display: block; font-size: 12px; line-height: 16px; text-align: left; width: 184px; padding: 3px; margin: 0 5px 10px 5px; background: none !important; }
#menu-main-menu .sub-menu li a:hover {background: url(images/bg_trans-white.png) !important; color: #3d3931; }

/*--------------------------------------------------
	Icons
----------------------------------------------------*/



/*--------------------------------------------------
	Header
----------------------------------------------------*/
#logo {height: 100px; background: url(images/VinTank-tagline.png) 375px bottom no-repeat; }
#logo a {font-size: 28px; text-decoration: none; color: #AAA; text-transform: uppercase; }

#h-login {position: absolute; top: 15px; right: 0px; }
#h-login label {display: block; float: left; text-align: right; width: 185px; color: #FFF; font-weight: bold; font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; letter-spacing: 1px; font-size: 11px; margin: -2px 5px 0 0; }
#h-login label small {display: block; }
#h-login .field {float: right; width: 255px; }
#h-login input[type=text], #h-login input[type=password] { float: left; padding: 3px; border: 1px solid #AAA; margin: 0 5px 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #555; }
#h-login input[type=text] {width: 100px; }
#h-login input[type=password] {width: 80px; }
#h-login .btn-login {background: #f16422; padding: 4px 0; text-align: center; border: none; color: #FFF; font-size: 11px; font-weight: bold; width: 45px; }
#h-login .btn-login:hover {background: #ea4513; }

/*--------------------------------------------------
	Homepage
----------------------------------------------------*/
.wrapper-btns p {margin: 0; }
.wrapper-btns .btn {display: block; background-image: url(images/bg_wrapper-btns-btn.png); background-position: 0px 0px; background-repeat: no-repeat; width: 310px; height: 94px; color: #666; font-weight: bold; text-decoration: none; margin: 0 0 10px 0; font-size: 12px; font-weight: bold; line-height: 20px; }
.wrapper-btns .btn:hover {background-position: 0px -94px; }
.wrapper-btns .btn span {display: block; padding: 25px 15px 25px 30px; height: 41px; border: 1px solid #CCC; background-position: left center; background-repeat: no-repeat; }
.wrapper-btns .btn strong {font-size: 18px; color: #3076cb; text-shadow: 0px 1px 0px #FFF; }


.hcol { width: 280px; }
.hcol h2, .hcol h3 {margin: 0 0 3px 0; }
.hcol h2 {font-size: 22px; line-height: 1.4em; }
.hcol h3 {font-size: 16px; line-height: 1.4em; }
.hcol p {margin: 0 0 .75em 0; }
.hcol .feat-thumb {border: 2px solid #FFF; box-shadow: 0px 0px 5px #999; float: right; margin: 0 0 10px 15px; }
.hcol .feat-thumb img {width: 64px; height: 64px; }

.hcol1, .hcol2 {float: left; margin-right: 40px; }
.hcol3 {float: right; width: 315px; }

.hcol1 img, .hcol2 img, .hcol3 .div-blog_single img {border: 2px solid #FFF; box-shadow: 0px 0px 3px #999; -moz-box-shadow: 0px 0px 3px #999; float: left; }

.hcol1 img, .hcol2 img {margin: 5px 10px 10px 0; }

.hcol3 .div-blog_single {margin: 1em 0 0 0; clear: both; }
.hcol3 .div-blog_single img {width: 32px; height: 32px; }
.hcol3 .div-blog_single .div-blog_single_title {font-size: 14px; line-height: 17px; font-weight: bold; margin: 0 0 5px 42px; }
.hcol3 .div-blog_single .div-blog_single_title a {color: #3076cb; text-decoration: none; }
.hcol3 .div-blog_single .div-blog_single_title a:hover {color: #f16422; }
.hcol3 .div-blog_single .div-blog_single_meta {font-size: 11px; color: #777; margin: 0 0 1em 42px; }
.hcol3 .div-blog_single .div-blog_single_meta a {color: #777; }

.hcol3 .twitterfeed {margin: 0; list-style: none; }
.hcol3 .twitterfeed li {margin: 1em 0 0 0; clear: both; }
.hcol3 .twitterfeed li img { }
.hcol3 .twitterfeed-content {margin: 0 0 1em 42px; }
.hcol3 .twitterfeed-content a {font-weight: bold; color: #3076cb; text-decoration: none; } 
.hcol3 .twitterfeed-content small a, .hcol3 .twitterfeed-content small a:link {font-size: 11px; font-weight: normal; color: #777; text-decoration: underline; }

/*--------------------------------------------------
	Sliders
----------------------------------------------------*/
.slider {position: absolute; width: 640px; height: 300px; color: #FFF; }
.slider_nav {position: absolute; top: 290px; left: 540px; }
.slider_nav-a {display: inline-block; background: url(images/bg_nav-slider.png) top left no-repeat; width: 16px; height: 16px; }
.slider_nav-a:hover, .slider_nav-a-selected {background-position: 0px -16px; }

.slider_bg {position: absolute; width: 640px; height: 300px; background-position: top left; background-repeat: no-repeat; }
.slider_opacity {background: url(images/bg_trans-orange.png) repeat; margin: 200px 0 0 0; padding: 10px; height: 80px; }
.slider_link, .slider_link:link {display: block; width: 620px; height: 80px; text-decoration: none; color: #FFF; }
.slider h1 {color: #FFF; font-size: 26px; font-weight: bold; margin: 0 0 2px 0; }
.slider p {font-size: 14px; line-height: 20px; margin: 0; }

/*--------------------------------------------------
	The Post
----------------------------------------------------*/
.post { }

.post .img-featured {float: right; }
.post .img-medium {margin: 0 0 1em 1em; }
.post .img-thumbnail {float: right; margin: 0 0 0 1em; border: 2px solid #FFF; box-shadow: 0px 0px 3px #999; -moz-box-shadow: 0px 0px 3px #999; }

.navigation .alignright {width: auto; text-align: right; }
.navigation .alignleft {width: auto; text-align: left; }
.navigation a {display: inline-block; margin: 0; background: #FFF url(images/bg_grad-grey.gif) bottom left repeat-x; border: 1px solid #CCC; font-size: 14px; padding: 5px 8px; cursor: pointer; color: #3076cb; text-decoration: none; border-radius: 4px; -moz-border-radius: 4px; }
.navigation a:hover {background: #FFF url(images/bg_grad-grey-alt.gif) bottom left repeat-x; text-decoration: none; }

.date {font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #494235; }
.author a {color: #494235; }

.post {background: #FFF url(images/bg_grad-grey.png) bottom left repeat-x; padding: 20px; border: 1px solid #CCC; border-top: 3px solid #605b52; margin: 0 0 1em 0; }
.post h1 a:hover {color: #f16422; }
.post-premeta {border-bottom: 1px dotted #bbb4a4; margin: 0 0 1em 0; padding: 0 0 10px 0; color: #bbb4a4; }
.post-premeta a {color: #494235; text-decoration: none; }
.post-postmeta {border-top: 1px dotted #bbb4a4; margin: 1em 0 0 0; padding: 10px 0 0 0; color: #bbb4a4; font-size: .9em; }
.post-postmeta a {color: #494235; text-decoration: none; }

.blogposts .post {float: left; width: 318px; margin: 20px 0 0 0; padding: 10px; }
.blogposts .post .posttext {height: 100px; }
.blogposts .post .posttext p {line-height: 16px; }
.blogposts .post .img-thumbnail img { }
.blogposts .post h1 {font-size: 1.3em; }
.blogposts .post h1 a { }
.blogposts .post-col1 {margin-right: 20px; }

.post .share {float: right; margin: 0 0 1.5em 1.5em ;}
.blogposts .post .share {float: none; margin: 1em 0 0 0; }
.single .share {margin-top: 5px; }


.display-posts-listing {list-style: none; margin: 0; }
.display-posts-listing li {float: left; width: 318px; margin: 20px 10px 0 0; padding: 10px; height: 70px; background: #FFF url(images/bg_grad-grey.png) bottom left repeat-x; border: 1px solid #CCC; border-top: 3px solid #605b52; }
.display-posts-listing li .title {display: block; color: #3076cb; font-size: 1.3em; text-decoration: none; margin: 0 0 5px 0; }
.display-posts-listing li .title:hover {color: #f16422; }
.display-posts-listing li img {float: right; margin: 0 0 0 1em; border: 2px solid #FFF; box-shadow: 0px 0px 3px #999; -moz-box-shadow: 0px 0px 3px #999; }

/*--------------------------------------------------
	The Page
----------------------------------------------------*/
.page { }

.pagetext { }
.pagetext .img-medium {float: right; margin: 0 0 1.5em 1.5em; border: 2px solid #FFF; box-shadow: 0px 0px 3px #999; -moz-box-shadow: 0px 0px 3px #999; }
.pagetext h3 {font-weight: normal; font-size: 1.5em; margin: 0 0 .25em -15px; padding: 10px 0 10px 15px; background: url(images/bg_curly-brace.gif) left center no-repeat; }

h1.ribbon {background: url(images/bg_h1-ribbon-l.png) top left no-repeat; margin: 0 0 .5em -30px; padding-left: 30px; }
h1.ribbon .ribbon-inner {display: inline-block; background: url(images/bg_h1-ribbon-r.png) top right no-repeat; padding: 20px 40px 20px 0; height: 30px; }


.page-geeky h1.ribbon .ribbon-inner {background-image: url(images/bg_h1-ribbon-r_geeky.png); padding-right: 90px; }
.page-fun h1.ribbon .ribbon-inner {background-image: url(images/bg_h1-ribbon-r_fun.png); padding-right: 90px; }
.page-alpha h1.ribbon .ribbon-inner {background-image: url(images/bg_h1-ribbon-r_alpha.png); padding-right: 90px; }
.page-beta h1.ribbon .ribbon-inner {background-image: url(images/bg_h1-ribbon-r_beta.png); padding-right: 90px; }
.page-new h1.ribbon .ribbon-inner {background-image: url(images/bg_h1-ribbon-r_new.png); padding-right: 90px; }
.page-ideas h1.ribbon .ribbon-inner {background-image: url(images/bg_h1-ribbon-r_ideas.png); padding-right: 90px; }


.intro {padding: 20px 300px 20px 0; }
.intro h1 {font-weight: normal; margin-bottom: 0; }
.intro .ribbon {background: url(images/bg_h1-intro-l.gif) top left no-repeat; margin: 0 0 0 -30px; padding-left: 30px; }
.intro .ribbon-inner {display: inline-block; background: url(images/bg_h1-intro-r.gif) top right no-repeat; padding: 20px 40px 20px 0; height: 30px; }
.intro p {font-size: 1.3em; line-height: 1.7em; margin: 0; color: #666; }

#content .press {list-style: none; margin: 0; }
#content .press li {margin: 0 0 1em 0;}
#content .press li a {display: block; background: #FFF url(images/bg_grad-grey.gif) bottom left repeat-x; border: 1px solid #CCC; padding: 10px; text-decoration: none; color: #3d3931; }
#content .press li a img {float: right; margin: 0 0 1em 1em; }
#content .press li h3 {margin: 0; background: none; padding: 0;  }
#content .press li a:hover h3 {color: #3076cb !important; }

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

/*--------------------------------------------------
	Sidebar
----------------------------------------------------*/
#sidebar .widget {background: #FFF  url(images/bg_blockquote.gif) bottom left repeat-x; border: 2px solid #FFF; box-shadow: 0px 0px 3px #999; -moz-box-shadow: 0px 0px 3px #999; padding: 20px; margin: 0 0 1em 0; }
#sidebar .widget h3 {margin: 0 0 1em 0; }

#sidebar.bg_sidebar {background-position: 0px 0px; background-repeat: no-repeat; height: 650px; border: 2px solid #FFF; box-shadow: 0px 0px 3px #999; -moz-box-shadow: 0px 0px 3px #999; }
#sidebar.bg_sidebar form.sidebar-interest {position: absolute; top: 409px; height: 265px; /*background: url(images/bg_trans-black.png) top left repeat; */ padding: 10px 20px; width: 190px; }
#sidebar.bg_sidebar form.sidebar-interest h3 {margin: 0 0 10px 0; font-size: 16px; font-weight: bold; }
#sidebar.bg_sidebar form.sidebar-interest input[type=text] {width: 170px; font-size: 11px; padding: 5px; }
#sidebar.bg_sidebar form.sidebar-interest textarea {width: 170px; height: 40px; font-size: 11px; padding: 5px; }

#sidebar .sidebar_text img {border: 2px solid #FFF; box-shadow: 0px 0px 3px #999; -moz-box-shadow: 0px 0px 3px #999; }
#sidebar .sidebar_text img.transparent {border: none; box-shadow: none; -moz-box-shadow: none; margin-bottom: 2em; }

#sidebar blockquote {padding-bottom: 1em; margin-right: -4px; border: 2px solid #FFF; box-shadow: 0px 0px 3px #999; -moz-box-shadow: 0px 0px 3px #999; }
#sidebar blockquote span.callout {margin: 0; font-style: normal; }
#sidebar blockquote span.callout h3 {color: #3d3931; }
#sidebar blockquote span.callout .btn {position: relative; margin: 1em 0 0 0; top: 0; right: 0; }
#sidebar blockquote span.callout .btn-grey {float: none; }

#sidebar .top_spacer {height: 102px;}

/*--------------------------------------------------
	Prefooter
----------------------------------------------------*/
#prefooter h3 {font-weight: bold; text-transform: uppercase; font-size: 14px; line-height: 12px; border-bottom: 1px solid #CCC; margin: 0 0 1em 0; }
#prefooter h3 span {color: #CCC; background: #FFF; padding: 0 5px 0 0; }
#prefooter .press {list-style: none; }
#prefooter .press li {display: inline-block; height: 35px; margin: 0 15px; zoom: 1; *display:inline;}
#prefooter .press li a {display: block; background-position: center 0px; background-repeat: no-repeat; height: 35px; }

/*--------------------------------------------------
	Footer
----------------------------------------------------*/
#footer .fcol {float: left; margin: 0 30px 0 0; padding: 0 30px 0 0; }
#footer .fcol1 {width: 120px; }
#footer .fcol2 {width: 120px; }
#footer .fcol3 {width: 325px; }
#footer .fcol4 {width: 200px; margin: 0; padding: 0; }

#footer .menu a, #footer h3 {display: block; text-transform: uppercase; font-weight: bold; color: #f16422; margin: 0 0 5px 0; font-size: 12px; }
#footer h3 {margin-bottom: 10px; }
#footer .menu ul, #footer .sn {margin: 0; list-style: none; }
#footer .menu ul li a {font-weight: normal; color: #FFF; text-transform: none; }

#footer .sn {margin-bottom: 1em; }
#footer .sn li {display: inline-block; width: 24px; height: 24px; margin: 0 3px 0 0; zoom: 1;	*display:inline;}

#footer p {font-size: 11px; margin: 0; }
#footer p a {color: #000; font-weight: bold; }

/*--------------------------------------------------
	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; }

.attachment { } /* Wrapper for the image.php main content display */
.caption {background: #CCC; margin: 0 0 20px 0; padding: 1.5em 1.5em 1px 1.5em; }

.wp-caption {background: #FFF url(images/bg_blockquote.gif) bottom left repeat-x; border: 2px solid #FFF; box-shadow: 0px 0px 3px #999; -moz-box-shadow: 0px 0px 3px #999; padding: 10px 0; display: block; text-align: center; }
.wp-caption a {display: block; text-align: center; text-decoration: none; }
.wp-caption a img {border: 1px solid #CCC; margin: 0 0 5px 0; }
.wp-caption-text {text-align: center; color: #f16422; margin: 0; }


/*--------------------------------------------------
	Group Twitter
----------------------------------------------------*/
.twitterfeed {margin: 0; list-style: none; }
.twitterfeed li {margin: 0; clear: both; }
.twitterfeed li .twitterfeed-avatar {border: 2px solid #FFF; box-shadow: 0px 0px 5px #999; -moz-box-shadow: 0px 0px 5px #999; float: left; margin: 0 0 1em 0; }
.twitterfeed-content {margin: 0 0 1em 46px;}
.twitterfeed-content a { } 
.twitterfeed-content small a, .twitterfeed-content small a:link {font-size: 10px; font-weight: normal; color: #666; }

.s-twitter h3 {margin-bottom: 1em;}



/*--------------------------------------------------
	Miscellaneous
----------------------------------------------------*/
.clear {clear: both; font-size: 1px;}
.clearleft {clear: left; }
.clearright {clear: right; }

/* this can be applied to an element to auto-clear the floats inside it */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
    visibility: hidden;
	zoom: 1;
}

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

.top1em {margin-top: 1em; }
.top2em {margin-top: 2em; }
.bottom1em {margin-bottom: 1em; }

.pad10 {padding: 10px; }

.line {background-color: #CCC; height: 1px; min-height: 1px; font-size: 1px; margin: 1em 0; }
.line-double {border-top: 3px double #CCC; margin: 0 0 1em 0; }
#footer .line {background: #999; margin: 0 0 1em 0; }

.box {padding: 10px; }
.box-ltbrown {background-color: #605b52; color: #000; }

.ss_pg-excerpt {margin: 0 50px 50px 0; float: left; width: 300px; }
.ss_pg-excerpt h3 {font-weight: normal; font-size: 1.5em; margin: 0 0 .25em -15px; background: none; padding-left: 0px; }
.ss_pg-excerpt h3 a {display: block; padding: 10px 0 10px 15px; background: url(images/bg_curly-brace.gif) left center no-repeat; }
.ss_pg-excerpt h3 a span {display: block; font-weight: bold; color: #f16422;  }
.ss_pg-excerpt h3 a:hover, .ss_pg-excerpt h3 a:hover span {color: #3076cb; }
.ss_pg-excerpt-img {float: right; margin: 0 0 1em 1em; border: 2px solid #FFF; box-shadow: 0px 0px 3px #999; -moz-box-shadow: 0px 0px 3px #999; }
.ss_pg-excerpt-content { }
.ss_pg-excerpt-1 {clear: both; }

.ss_cat-excerpt {margin: 0 50px 50px 0; float: left; width: 300px; }
.ss_cat-excerpt h3 {font-weight: normal; font-size: 1.5em; margin: 0 0 .25em -15px; background: none; padding-left: 0px; }
.ss_cat-excerpt h3 a {display: block; padding: 10px 0 10px 15px; background: url(images/bg_curly-brace.gif) left center no-repeat; }
.ss_cat-excerpt h3 span {display: block; font-weight: bold; color: #f16422;  }
.ss_cat-excerpt h3 a:hover, .ss_cat-excerpt h3 a:hover span {color: #3076cb; }
.ss_cat-excerpt-content { }
.ss_cat-excerpt-1 {clear: both; }


#footer .wp-testimonial { }
#footer .wp-testimonial-quote {color: #605b52; font-size: 100px; width: 40px; margin: -20px 0 0 0; float: left; }
#footer .wp-testimonial-body {margin-left: 40px; }
#footer .wp-testimonial-body p {font-style: italic; font-size: 15px; line-height: 20px; color: #FFF; margin: 0 0 8px 0; font-family: Georgia, "Times New Roman", Times, serif; }
#footer .wp-testimonial-body cite {color: #605b52; text-transform: uppercase; }
#footer .wp-testimonial-body a {color: #605b52; font-weight: bold; }

.hidden {display: none;}

.bigger {font-size: 1.2em; }
.smaller {font-size: .9em; }
	
.noborder {border: 0 !important;}
.nomargin {margin: 0 !important; }

/*--------------------------------------------------
	Sandbox and Resources Icons
----------------------------------------------------*/
#post-12 .ss_pg-excerpt h3 {background-position: right center; background-repeat: no-repeat; }

#post-12 .ss_pg-excerpt h3.ribbon-geeky {background-image: url(images/bg_h3-ribbon_geeky.gif); } /* Data Syndication */
#post-12 .ss_pg-excerpt h3.ribbon-fun {background-image: url(images/bg_h3-ribbon_fun.gif); } /* Data Syndication */
#post-12 .ss_pg-excerpt h3.ribbon-alpha {background-image: url(images/bg_h3-ribbon_alpha.gif); } /* Data Syndication */
#post-12 .ss_pg-excerpt h3.ribbon-beta {background-image: url(images/bg_h3-ribbon_beta.gif); } /* Data Syndication */
#post-12 .ss_pg-excerpt h3.ribbon-new {background-image: url(images/bg_h3-ribbon_new.gif); } /* Data Syndication */
#post-12 .ss_pg-excerpt h3.ribbon-ideas {background-image: url(images/bg_h3-ribbon_ideas.gif); } /* Data Syndication */

.ss_pg-excerpt-2100 h3 a {background-image: url(images/icons/icon_syndication-64.png); padding-left: 70px; } /* Data Syndication */
.ss_pg-excerpt-2120 h3 a {background-image: url(images/icons/icon_mobile-64.png); padding-left: 70px; } /*Social Gaming */
.ss_pg-excerpt-2117 h3 a {background-image: url(images/icons/icon_facebook-64.png); padding-left: 70px; } /*Facebook Page */
.ss_pg-excerpt-2086 h3 a {background-image: url(images/icons/icon_research-64.png); padding-left: 70px; } /*Social Customer Research */
.ss_pg-excerpt-2102 h3 a {background-image: url(images/icons/icon_directory-64.png); padding-left: 70px; } /*Wine Directory */
.ss_pg-excerpt-2276 h3 a {background-image: url(images/icons/icon_snaps-64.png); padding-left: 70px; } /*Wine Snaps */
.ss_pg-excerpt-2123 h3 a {background-image: url(images/icons/icon_qr-64.png); padding-left: 70px; } /*QR Codes */
.ss_pg-excerpt-2278 h3 a {background-image: url(images/icons/icon_developer-64.png); padding-left: 70px; } /*For Developers */
.ss_pg-excerpt-2280 h3 a {background-image: url(images/icons/icon_idea-64.png); padding-left: 70px; } /*Idea Gallery */

.ss_cat-excerpt-24 h3 a {background-image: url(images/icons/icon_whitepaper-64.png); padding: 20px 0 20px 70px; } /* White Papers */
.ss_cat-excerpt-7 h3 a {background-image: url(images/icons/icon_videos-64.png); padding: 20px 0 20px 70px; } /* Videos */
.ss_cat-excerpt-19 h3 a {background-image: url(images/icons/icon_socialconnect-64.png); padding: 20px 0 20px 70px; } /* Social Connect */
.ss_cat-excerpt-8 h3 a {background-image: url(images/icons/icon_pulse-64.png); padding: 20px 0 20px 70px; } /* Pulse Reports */