/*
Theme Name: BB
Theme URI: http://benword.com/
Description: Ben's Blueprint is a combination of HTML5 Boilerplate, Blueprint CSS, and Starkers
Version: 12.08.2010
Author: Ben Word
Author URI: http://benword.com/
Tags: bword, boilerplate, blueprint, starkers
*/
/* general
--------------------------------------------------------------------------- */
html { overflow-y:scroll; }
body { background:#E0E0E0; }
details, figcaption, menu { display:block; }
a { color:#266EB3; }
a:hover,a:focus { }
a:hover,a:active { outline:none; }
a:active, input.button:active { outline:0; position:relative; top:1px; } /* this will affect any positioned links */
::-moz-selection { text-shadow:none; background:#3399FF; color:#fff; }
::selection { text-shadow:none; background:#3399FF; color:#fff; }
h1,h2,h3,h4,h5,h6 { color:#0052B8; text-shadow:0 1px 1px rgba(0,0,0,0.25); }
input,select,textarea { font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; font-size:1em; }
hr { height:1px; } /* add background-color and color properties to change the color */
label,input[type=button],input[type=submit],button { cursor:pointer; }
.box { background:#C0D7EC; margin-bottom:1.5em; padding:1em; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }
.icon { vertical-align:middle; }
.large { line-height:1.5em; }
.center { text-align:center; }
.right { text-align:right; }
.inner { padding:1em; } /* for when you want padding inside the grid */
.ir { display:block; text-indent:-999em; overflow:hidden; background-repeat:no-repeat; text-align:left; direction:ltr; }
.hidden { display:none; visibility:hidden; }
ul.none { margin:0 0 1.5em 0; padding:0; list-style-type:none; }
img.left,p img.left,.alignleft { margin:0 1.5em 1.5em 0; float:left; }
img.right,p img.right,.alignright { margin:0 0 1.5em 1.5em; float:right; }
.aligncenter { display:block; margin:0 auto; }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px; }
.wp-caption-text { margin:0; }
.button,#searchsubmit,.post-nav a {
float:left;
background:#7B9D2D url(images/bg-button.png) repeat-x;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
color:#fff;
border:none;
padding:8px 16px;
cursor:pointer;
text-decoration:none;
text-shadow:0 1px 1px rgba(0,0,0,0.25);
width:auto;
overflow:visible;
-moz-box-shadow:1px 1px 3px rgba(0,0,0,0.2);
-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.2);
box-shadow:1px 1px 3px rgba(0,0,0,0.2);
/* behavior:url(/wp-content/themes/bb/css/PIE.htc); */
}
.button:hover,#searchsubmit:hover,.post-nav a:hover { background:#7B9D2D; color:#fff; }
.button:after,#searchsubmit:after,.post-nav a:after { content:"\0020"; display:block; height:0; clear:both; visibility:hidden; overflow:hidden; }
.lighter { color:#006DD5; }
#wrap { }
/* header
--------------------------------------------------------------------------- */
#header-wrap { float:left; width:100%; height:245px; background:#0066CD url(images/bg-header.jpg) no-repeat 50% -100px; }
body.home #header-wrap { height:830px; background:#0066CD url(images/bg-header.jpg) no-repeat 50% 0; }
#header { position:relative; margin:52px auto 24px; z-index:1000; }
#logo a img { margin:0 0 8px; padding:0; }
#header h2 { color:#0052B8; line-height:1.2em; }
#leader { text-shadow:0 1px 1px rgba(0,0,0,0.25); }
#leader p.large { font-size:18px; color:#fff; line-height:1.7em; }
#intro { background:url(images/bg-leader.png) no-repeat; height:245px; text-shadow:1px 1px 1px #fff; }
#intro .inner { padding:3em; }
#intro h1 { color:#0E569F; }
#leader #intro p.large { color:#222; font-size:20px; line-height:1.5em; float:left; width:525px; }
#intro a.button {
float:right;
margin:10px 0 0 25px;
background:url(images/bg-button-signup.png) no-repeat;
padding:0;
width:310px;
height:91px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#intro a.button:hover { color:#0E569F; }
#intro a.button strong { display:block; font-size:18px; margin:20px 0 0 63px; font-weight:400; }
#intro a.button small { display:block; color:#C8E978; font-size:14px; margin:0 0 0 64px; }
#leader .span-13 { width:492px; }
#leader .span-11 { float:right; }
#leader .image-wrap { position:relative; }
#leader .image-wrap img { position:relative; }
#leader .image-wrap .shadow { margin:-30px 0 0 10px; z-index:-1; }
#leader p.caption { text-align:center; margin-top:-10px; color:#fff; text-shadow:0 1px 1px rgba(0,0,0,0.25); }
#leader a.who {
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
background:url(images/bg-button-who.png) no-repeat;
width:256px;
height:38px;
padding:0;
text-align:center;
font-weight:700;
margin:0 auto;
float:none;
display:block;
font-size:24px;
}
#leader a.who:hover { color:#C8E978; }
#leader a.who span { display:block; padding-top:2px; }
/* content
--------------------------------------------------------------------------- */
#content { background:#fff; }
#main { position:relative; }
#main-inner { padding:18px; }
#main p, #main ul { font-size:18px; }
#main p.large { font-size:24px; }
.gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_year label, .gform_wrapper .instruction { font-size:14px; }
#testimonials {
background:#C1C1C1 url(images/bg-contentbox-gray.jpg) no-repeat;
float:left;
width:915px;
height:174px;
position:relative;
text-shadow:1px 1px 1px #fff;
margin-bottom:18px;
color:#585858;
}
#testimonials .inner { padding:2em; }
#testimonials h2 { color:#585858; text-shadow:1px 1px 1px #fff; }
#cycle-nav { float:left; width:190px; list-style:none; margin:0; padding:0; }
#cycle-nav li { vertical-align:middle; float:left; width:64px; cursor:pointer; margin:0 10px 0 0; text-transform:uppercase; font-weight:700; font-size:14px; line-height:50px; }
#cycle-nav li.last { margin:0; }
#cycle-nav li img.left { margin:0 12px 0 0; }
#cycle-nav li img.right { margin:0 0 0 12px; }
#cycle-nav li span { float:left; }
#cycle-nav li:hover { color:#919191; }
#testimonials #cycle { list-style:none; margin:0; padding:0; }
#testimonials #cycle blockquote { font-style:normal; margin:0; }
#main #testimonials #cycle p { font-size:14px; }
#main #testimonials #cycle cite { font-style:normal; font-size:18px; }
.bluebox { background:#C1C1C1 url(images/bg-contentbox-blue.jpg) no-repeat; padding:2em; color:#fff; text-shadow:0 1px 1px rgba(0,0,0,0.25); margin-bottom:18px; }
#main div.signup p.large { color:#7F7F7F; text-align:center; }
div.signup .button { float:none; display:block; margin:0 auto; text-align:center; padding:8px 0; width:150px; }
#main .bluebox.signup p.large { color:#fff; font-weight:700; }
ul.learn { color:#005EC4; padding-left:24px;}
ul.learn li { margin-bottom:15px; }
ul.learn span { color:#222; }
#tabs { font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; font-size:1em; }
.ui-tabs .ui-tabs-panel { padding:2em 1.4em !important; }
h3 { font-size:2em; }
.hentry h1 { line-height:1.2em; margin-bottom:0.2em; }
.hentry h2:first-child { line-height:1.2em; margin-bottom:0; }
.hentry h2 a { text-decoration:none; }
.hentry iframe.twitter-share-button { position:absolute; top:0; right:0; }
p.post-meta { font-size:1.2em; margin-bottom:0.5em; position:relative; }
.post-nav:after { content:"\0020"; display:block; height:0; clear:both; visibility:hidden; overflow:hidden; }
.post-previous { float:left; width:50%; }
.post-next { float:right; width:50%; text-align:right; }
.post-next a { float:right; }
ol.commentlist div.comment-body { clear:both; padding-bottom:1.5em; }
ol.commentlist img.avatar { float:left; margin-right:10px; }
#commentform p { margin-bottom:1em; }
#commentform label { display:block; }
#commentform textarea { display:block; }
#commentform input.button { margin-top:0.5em; }
#commentform:after { content:"\0020"; display:block; height:0; clear:both; visibility:hidden; overflow:hidden; }
dl.gallery-item a img { border:4px solid #bbb; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; -moz-box-shadow:0 1px 2px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.5); box-shadow:0 1px 2px rgba(0,0,0,0.5); }
dl.gallery-item a:hover img { border-color:#ccc; }
dl.gallery-item { float:left; margin:0 1em 1em 0; position:relative; }
dl.gallery-item dd { margin:0; text-align:center; position:absolute; bottom:0.7em; left:4px; padding:0.3em 0; background:url(images/0,0,0,0.8.png); color:#fff; width:95%; }
#secondary { position:relative; }
#secondary-inner { /* padding:1em 1em 1em 0; */ }
#secondary .widget { clear:both; margin-bottom:2.5em; }
#secondary .widget .gform_wrapper ul { padding:0; list-style-type:none; }
/* footer
--------------------------------------------------------------------------- */
#footer-wrap { clear:both; float:left; width:100%; background:#1F1F1F url(images/bg-footer.jpg) no-repeat 50% 0; }
#footer { clear:both; position:relative; color:#fff; }
#footer-inner { padding:1em 0; }
#footer a { text-decoration:none; }
#footer p { font-size:14px; }
#footer p.copy { float:left; width:49%; }
#footer p.contact { float:right; width:49%; text-align:right; }
#footer p.small { font-size:14px; line-height:16px; color:#585858; }
/* widgets and plugins
--------------------------------------------------------------------------- */
.gform_wrapper { margin:0; }
.gform_wrapper .gform_footer.right_label,.gform_wrapper .gform_footer.left_label { padding:0 0 0 34%; }
.gform_wrapper .gsection { margin:10px 0 0 !important; padding:1.5em 0 0 !important; border-bottom:none !important; }
.gform_wrapper .gsection h2 { font-weight:400; font-size:1.5em !important; }
.gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_year label, .gform_wrapper .instruction { letter-spacing:0 !important; margin:0 0 10px !important; }
.gform_wrapper .gfield_checkbox label, .gform_wrapper .gfield_radio label { font-weight:400 !important; }
.gform_wrapper .gfield_checkbox li label,.gform_wrapper .gfield_radio li label { display:inline; margin:0 0 0 4px; }
.gform_wrapper .gfield_checkbox li input[type=checkbox],.gform_wrapper .gfield_radio li input[type=radio],.gform_wrapper .gfield_checkbox li input { margin-top:0; }
input.small,input.medium,input.large { background-color:#fff; border:1px solid #bbb; font-size:1em; margin-bottom:auto; }
.gform_wrapper input { padding:4px 0 !important; }
.gform_wrapper input[type="text"],.gform_wrapper input[type="password"], .gform_wrapper input.text, .gform_wrapper input.title, .gform_wrapper textarea, .gform_wrapper select { margin:0 0 0.2em; }
.gform_wrapper select,.gform_wrapper input,.gform_wrapper textarea { font-family:"Helvetica Neue",Arial,Helvetica,sans-serif !important; font-size:14px !important; }
.gform_wrapper .validation_error,
.gform_wrapper .validation_message { display:none; }
.gform_wrapper .gfield_error { width:auto !important; background:none !important; border:none; margin-bottom:0 !important; margin-top:0 !important; padding:0 !important; }
.gform_wrapper .gfield_error .ginput_container { max-width:none !important; }
.gform_wrapper .gfield_error input,.gform_wrapper .gfield_error select,.gform_wrapper .gfield_error textarea { background:#FDB7B7; }
.gform_wrapper .top_label .gfield_error input.large,.gform_wrapper .top_label .gfield_error select.large,.gform_wrapper .top_label .gfield_error textarea.textarea { width:92% !important; }
.gform_wrapper .gform_footer { margin:0 !important; }
.gform_footer input.button { padding:0.5em 1em !important; color:#fff !important; }
.gform_footer a { display:none; }
.gform_footer:after { content:"\0020"; display:block; height:0; clear:both; visibility:hidden; overflow:hidden; }
.a2a_kit { margin:16px 0; }
#mapp0_poweredby, #mapp1_poweredby, #mapp2_poweredby, #mapp3_poweredby, #mapp4_poweredby, #mapp5_poweredby, #mapp6_poweredby, #mapp7_poweredby, #mapp8_poweredby, #mapp9_poweredby, #mapp10_poweredby { display:none !important; } /* remove mappress credit */
#recent-posts ul { list-style-type:none; padding:0; margin:0; }
#recent-posts ul:after { content:"\0020"; display:block; height:0; clear:both; visibility:hidden; overflow:hidden; }
#recent-posts ul li.post { float:left; position:relative; margin-bottom:10px; }
#recent-posts ul li.last { margin-bottom:0; }
#recent-posts .entry-date { margin-right:10px; border:1px solid #bbb; width:40px; text-align:center; background:#fff; float:left; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2); box-shadow:1px 1px 2px rgba(0,0,0,0.2); }
#recent-posts .entry-month { padding:2px; background:#A20101; background-image:-moz-linear-gradient(top, #730101, #C90101); background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, #730101),color-stop(1, #C90101)); border-bottom:1px solid #991105; color:#fff; text-transform:uppercase; font-size:0.8em; -moz-border-radius-topleft:2px; -moz-border-radius-topright:2px; -webkit-border-top-left-radius:2px; -webkit-border-top-right-radius:2px; border-top-left-radius:2px; border-top-right-radius:2px; }
#recent-posts .entry-day { padding:0; background:#EFF1EF; background-image:-moz-linear-gradient(top, #EFF1EF, #D9DBD9); background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, #EFF1EF),color-stop(1, #D9DBD9)); -moz-border-radius-bottomleft:2px; -moz-border-radius-bottomright:2px; -webkit-border-bottom-left-radius:2px; -webkit-border-bottom-right-radius:2px; border-bottom-left-radius:2px; border-bottom-right-radius:2px; }
#recent-posts h4 { float:left; width:255px; margin:0.1em 0 0.1em; }
#recent-posts h4 a { text-decoration:none; }
#main #s { padding:4px 0; }
#main #searchform #searchsubmit { float:none; }
#secondary #searchform label { display:block; }
#secondary #searchform #s { padding:4px 0; margin:0 0 0.5em; float:left; }
#secondary #searchform #searchsubmit { clear:both; }
#secondary #searchform:after { content:"\0020"; display:block; height:0; clear:both; visibility:hidden; overflow:hidden; }
/* internet explorer
--------------------------------------------------------------------------- */
.ie7 img { -ms-interpolation-mode:bicubic; }
.ie7 dl.gallery-item dd { bottom:0.6em; }
.ie6 dl.gallery-item dd { display:none; }
/* clearfixes */
.ie7 .button, .ie7 #searchsubmit, .ie7 .post-nav a, .ie7 #searchform, .ie7 #commentform, .ie7 .gform_footer, .ie7 #recent-posts ul, .ie7 .post-nav { display:inline-block; }
.ie6 .button, .ie6 #searchsubmit, .ie6 .post-nav a, .ie6 #searchform, .ie6 #commentform, .ie6 .gform_footer, .ie6 #recent-posts ul, .ie6 .post-nav { height:1%; }
/* media queries
--------------------------------------------------------------------------- */
@media print {
* { background:transparent !important; color:black !important; text-shadow:none !important; }
a, a:visited { color:#444 !important; text-decoration:underline; }
a[href]:after { content:" (" attr(href) ")"; }
abbr[title]:after { content:" (" attr(title) ")"; }
.ir a:after { content:""; }
pre, blockquote { border:1px solid #999; page-break-inside:avoid; }
thead { display:table-header-group; }
tr, img { page-break-inside:avoid; }
@page { margin:0.5cm; }
p, h2, h3 { orphans:3; widows:3; }
h2, h3 { page-break-after:avoid; }
}
@media all and (orientation:portrait) {
/* Style adjustments for portrait mode goes here */
}
@media all and (orientation:landscape) {
/* Style adjustments for landscape mode goes here */
}
@media screen and (max-device-width: 480px) {
/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome) */
}