/*------------------------------------------------------------------------
Theme Name:    Marine Boot Camp
Theme URI:     http://marinebootcamp.net
Description:   Marine Boot Camp Theme
Version:       1.00
Author:        Dan Collins
Author URI:    marinebootcamp.net
------------------------------------------------------------------------*/


/* from css/_reset.css */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none; font-weight: normal; }
img { vertical-align: middle; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
label { cursor: pointer; display: inline-block; }

/* dirty little helpers */

.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.automargin { margin: 0px auto; }
.hidden { display: none !important; }
.watch { background-color: fuchsia !important; }
.round { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

/* widths */

.s { width: 140px !important; }
.m { width: 300px !important; }
.l { width: 460px !important; }
.xl { width: 620px !important; }

/* end from css/_reset.css */

/* from css/_960.css */

.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}
.container_12 .grid_3,.container_16 .grid_4{width:220px}
.container_12 .grid_6,.container_16 .grid_8{width:460px}
.container_12 .grid_9,.container_16 .grid_12{width:700px}
.container_12 .grid_12,.container_16 .grid_16{width:940px}
.alpha{margin-left:0}
.omega{margin-right:0}
.container_12 .grid_1{width:60px}
.container_12 .grid_2{width:140px}
.container_12 .grid_4{width:300px}
.container_12 .grid_5{width:380px}
.container_12 .grid_7{width:540px}
.container_12 .grid_8{width:620px}
.container_12 .grid_10{width:780px}
.container_12 .grid_11{width:860px}
.container_16 .grid_1{width:40px}
.container_16 .grid_2{width:100px}
.container_16 .grid_3{width:160px}
.container_16 .grid_5{width:280px}
.container_16 .grid_6{width:340px}
.container_16 .grid_7{width:400px}
.container_16 .grid_9{width:520px}
.container_16 .grid_10{width:580px}
.container_16 .grid_11{width:640px}
.container_16 .grid_13{width:760px}
.container_16 .grid_14{width:820px}
.container_16 .grid_15{width:880px}
.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}
.container_12 .prefix_6,.container_16 .prefix_8{padding-left:420px}
.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}
.container_12 .prefix_1{padding-left:80px}
.container_12 .prefix_2{padding-left:160px}
.container_12 .prefix_4{padding-left:320px}
.container_12 .prefix_5{padding-left:400px}
.container_12 .prefix_7{padding-left:560px}
.container_12 .prefix_8{padding-left:640px}
.container_12 .prefix_10{padding-left:800px}
.container_12 .prefix_11{padding-left:880px}
.container_16 .prefix_1{padding-left:60px}
.container_16 .prefix_2{padding-left:120px}
.container_16 .prefix_3{padding-left:180px}
.container_16 .prefix_5{padding-left:300px}
.container_16 .prefix_6{padding-left:360px}
.container_16 .prefix_7{padding-left:420px}
.container_16 .prefix_9{padding-left:540px}
.container_16 .prefix_10{padding-left:600px}
.container_16 .prefix_11{padding-left:660px}
.container_16 .prefix_13{padding-left:780px}
.container_16 .prefix_14{padding-left:840px}
.container_16 .prefix_15{padding-left:900px}
.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}
.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}
.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}
.container_12 .suffix_1{padding-right:80px}
.container_12 .suffix_2{padding-right:160px}
.container_12 .suffix_4{padding-right:320px}
.container_12 .suffix_5{padding-right:400px}
.container_12 .suffix_7{padding-right:560px}
.container_12 .suffix_8{padding-right:640px}
.container_12 .suffix_10{padding-right:800px}
.container_12 .suffix_11{padding-right:880px}
.container_16 .suffix_1{padding-right:60px}
.container_16 .suffix_2{padding-right:120px}
.container_16 .suffix_3{padding-right:180px}
.container_16 .suffix_5{padding-right:300px}
.container_16 .suffix_6{padding-right:360px}
.container_16 .suffix_7{padding-right:420px}
.container_16 .suffix_9{padding-right:540px}
.container_16 .suffix_10{padding-right:600px}
.container_16 .suffix_11{padding-right:660px}
.container_16 .suffix_13{padding-right:780px}
.container_16 .suffix_14{padding-right:840px}
.container_16 .suffix_15{padding-right:900px}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}

/* end from css/_960.css */

/* from css/_typo.css */

body { font-family: Trebuchet MS, Arial, Sans-Serif; font-size: 87.5%; line-height: 1.66em; }

/* static core */

body { font-style: normal; text-transform: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1 { font-size: 2.4em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 0.8em; font-weight: bold; }
p { margin: 0 0 1.5em; }
p img.left { margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { margin: 1.5em 0 1.5em 1.5em; }
blockquote { padding: 0.5em 0 2em 3.5em; font-style: italic; }
strong { font-weight: 800; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
sup, sub { line-height: 0; }

abbr, acronym { border-bottom: 1px dotted; cursor: help; }
address { margin: 0 0 1.5em; font-style: italic; }
pre { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em Courier, 'andale mono' , 'lucida console' , monospace; line-height: 1.5; }
li ul, li ol { margin: 0 1.5em; }
ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em; }
table { margin-bottom: 1.4em; width: 100%; }
th { font-weight: bold; }
th, td, caption { padding: 4px 10px 4px 5px; }
tfoot { font-style: italic; }

.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }

/* end from css/_typo.css */

/* from css/custom.css */

/* main */

html { color: #222222; background-color: #ffffff; }
html .clear { padding-top: 2em; }

/* anchors */

a { color: #C53E4C; }

/* paragraphs */

p.compact { line-height: 1.2em; }

/* font modifications */

h1, h2, h3, #nav li a, #brief a, .posttop .date, .button { font-family: Myriad Pro, Trebuchet MS, Arial, Sans-Serif; }
h1, h2, h3, h4, #brief a { letter-spacing: -1px; font-weight: 800; }

/* top */

#top { height: 81px; background: transparent url('img/top.bg.png') repeat-x top; padding-bottom: 25px; }
#logo {margin-top:11px;}
#nav { list-style: none; padding: 0px; margin: 0px; }
#nav li { float: left; }
#nav li a { text-transform:uppercase; display: inline-block; height: 80px; line-height: 80px; font-weight: 800; color: White; padding: 0px 22px; text-shadow: rgba(0,0,0,0.1) 0 0 0; }
#nav li a:hover, #nav li.selected a { }

/* intro */

#intro { position: relative; height: 359px; }
#intro .clear { padding: 0px; }

#brief {margin-top:20px; width:520px;}
#brief h1, #brief h2 { color: White; margin-bottom: 40px; }
#brief h1 { font-size: 46px; white-space: nowrap; text-shadow: rgba(0,0,0,0.1) 3px 5px 5px; }
#brief h2 { font-size: 20px; line-height: 30px; font-weight: 400; }

#brief a.signup, #brief a.more { display: block; float: left; height: 58px; line-height: 54px; width: 230px; text-indent: -20px; background: transparent url('img/brief.bg.png') no-repeat right center; text-align: center; color: #3d3c3c; font-weight: 800; font-size: 24px; text-shadow: White 0px 1px 0px; }
#brief a.signup { background-position: left center; text-indent: -35px; }
#brief a:hover { color: #222; }
#brief a:active { color: #444; }

#ebookhome img { position: absolute; visibility: hidden; margin-left:-30px; }
#ebookhome img.active { visibility: visible; z-index: 999; }
#ebookhome img.pre-active { z-index: 998; }

/* path */

#path { padding-top:13px; height: 27px; line-height: 27px; width: 940px; margin: 0px auto; background: transparent url('img/path.bg.png') no-repeat left top; text-indent: 2em; color: #eee; }
#path a { color: White; font-weight: 800; }
#path h1 { font-size: 1em; display: inline; font-weight: 800; letter-spacing: 0px; }

/* content */

#content { background: #ffffff; }

#content .container_12 { padding-top: 3em; }
#content p.compact { color: #555; }

#index #content .container_12 { padding-top: 10em; }
#index #content .text { width: 360px; }

/* newsline */

#newsline { height: 55px; overflow: hidden; background-image: url('img/newsline.bg.png'); margin-bottom: 2em; }
#newsline p { color: #666; margin-left: 7em; margin-top: 0.4em; line-height: 56px; }
#newsline a { color: #666 !important; }
#newsline strong { margin-right: 0.5em; }

/* footer */

#foot { padding-top: 4em; background-color: #171717; color: #888; border-top: solid 1px black; }

#foot a, #foot h4 { color: White; }
#foot p strong { font-weight: 400; color: White; }

/* portfolio */

#folio .item { width: 300px; background: url('img/item.bg.png') no-repeat; }
#folio .item:hover { background-position: top right; }

#folio .item img { display: block; width: 266px; height: 150px; margin: 18px 17px 30px 17px; }
#folio .item img:hover {  }

#folio .item p, #folio .item h4 { margin: 17px; color: #666; letter-spacing: 0px; }
#folio .item h4 a { color: #666 !important; font-weight: 800; }

#vids .item { width: 300px; background: url('img/item.bg.png') no-repeat; }
#vids .item:hover { background-position: top right; }

#vids .item img { display: block; width: 266px; height: 150px; margin: 18px 17px 30px 17px; }
#vids .item img:hover {  }

#vids .item p, #folio .item h4 { margin: 17px; color: #666; letter-spacing: 0px; }
#vids .item h4 a { color: #666 !important; font-weight: 800; padding-left:18px; }

/* post */

.post, .postbody { }
.post { margin-bottom: 2.5em; }

.posttop, .postfoot { background: url('img/post.bg.png') no-repeat left top; clear: both; }
.posttop { height: 3.5em; position: relative; }
.postfoot { height: 2em; background-position: right bottom; }

.postbody { margin: 0px 0em; }
.postbody p.postinfo { color: #999; }
.postbody h2 a, .postbody p.postinfo strong { font-weight: 800; color: #333; }
.postbody h2 { margin-bottom: .5em; }

.postmeta { height: 5em; background: #f7f7f7 url('img/postmeta.bg.png') repeat-x bottom; margin-bottom:3em; }
.postmeta .left, .postmeta .right { margin: 1.5em 0.5em; padding-left: 2em; background: url('img/postmeta.sprites.png') no-repeat left top; }
.postmeta .right { background-position: left bottom; }
.postmeta strong { margin: 0px 0.5em; }
.postmeta a { color: #666; }
.postmeta a:hover { color: #333; }

/* post label */

.posttop label { position: absolute; top: 40px; left: -56px; width: 60px; height: 100px; background: url('img/label.bg.png'); }
.posttop strong { position: absolute; text-shadow: rgba(0,0,0,0.2) 0px 1px 1px; }
.posttop .date { color: White; font-size: 36px; letter-spacing: -2px; top: 11px; left: 12px; }
.posttop .month { color: #999; font-size: 15px; letter-spacing: 3px; top: 36px; left: 14px; }
.posttop .comments { color: White; top: 73px; left: 35px; letter-spacing: -1px; }

/* inside post */

.postbody p span { background-color: #ffe; }
.postbody img { }
.postbody a:hover img { border-color: #ddd; }
.postbody img.filled { width: 516px; }
.postbody blockquote { background: url('img/blockquote.bg.png') no-repeat left 0.5em; }
.postbody blockquote p { margin: 0px; }

/* sidebar */

#sidebar { width: 270px; float: right; color: #222222; }
#sidebar h4 { margin-top: 0em; letter-spacing: 0px; }
#sidebar h4 a {color:#222222; font-weight:bold;}
#sidebar ul { margin: 0px 0px 30px 0px; padding: 0px; list-style: none; }
#sidebar li a { height: 2.5em; color: #222222; padding-left: 18px; white-space: nowrap; line-height: 36px; border-bottom:1px solid #cccccc; font-weight:bold; display: block; }
#sidebar li a:hover { background: url('img/sidebar.bg.png') no-repeat; background-position: center top; }

/* contact form */

/* from css/custom.css */

/* from them.olive */

html { background: url('images/repeat.bg2.jpg') repeat-x top; } /* background repeating image */
body { background: url('images/center.bg2.jpg') no-repeat center top; } /* background center image */

/* links coloring */

a { color: #C23140; } /* text links color */
a:hover { color: #C23140; } /* hover color (you can remove this) */

/* end from them.olive */

/* comment section */
ul.commentlist { margin:20px 0px 40px 0px; padding:0px; border-top:1px solid #E3E3E3;}
ul.commentlist .avatar { position:absolute; top:10px; left:10px; border:1px solid #E3E3E3; padding:4px; background-color:#ffffff;}
ul.commentlist ul  { margin:20px 0px 20px 0px; padding:0px;}
ul.commentlist ul li { border:0px; overflow:auto; background-image:none; padding-bottom:0px;}
ul.commentlist li {margin:0px; padding:10px 0px 10px 70px; position:relative; list-style:none; border-bottom:1px solid #E3E3E3; background-position:1px 1px;}
ul.commentlist li.comment {}
ul.commentlist li.byuser {}
ul.commentlist li.comment-author-admin {}
ul.commentlist li.bypostauthor {}
ul.commentlist li.alt {}
ul.commentlist li.even { }
ul.commentlist li.odd { }
ul.commentlist li.thread-even { background:#F6F6F6; }
ul.commentlist li.parent {}
ul.commentlist li.pingback div.comment-author {}
ul.commentlist li.comment div.vcard {}
ul.commentlist li.comment div.comment-meta {}
ul.commentlist li.comment div.comment-meta a { color:#333333; text-decoration:none; }
ul.commentlist li.comment div.commentmetadata { font-size:11px; font-style:italic; }
ul.commentlist li.comment div.reply {}
ul.commentlist li.comment div.reply a {}
ul.commentlist li h4 {margin:0px; float:left;}
ul.commentlist li .date {float:left;}
ul.commentlist blockquote {border:1px solid #e3e3e3; padding:5px; background-color:#ffffff; font-size:12px; font-style:italic;}
.fn {font-style:normal; font-weight:normal; font-size:18px;}
.says {display:none;}
ul.commentlist li.comment ul.children { margin:0px; padding:0px; }
ul.commentlist li.comment ul.children li { border-top:1px solid #e3e3e3; margin-top:10px; }
ul.commentlist li.comment ul.children li.alt {}
ul.commentlist li.comment ul.children li.bypostauthor {}
ul.commentlist li.comment ul.children li.byuser {}
ul.commentlist li.comment ul.children li.comment {}
ul.commentlist li.comment ul.children li.comment-author-admin {}
ul.commentlist li.comment ul.children li.depth-2 {}
ul.commentlist li.comment ul.children li.depth-3 {}
ul.commentlist li.comment ul.children li.depth-4 {}
ul.commentlist li.comment ul.children li.depth-5 {}          
ul.commentlist li.comment ul.children li.odd {}       
/* end comments section */

.errors {border:2px solid #cccccc; padding:20px; color:#C23140; margin-bottom:40px;}
.calculate {border:2px solid #cccccc; padding:20px; margin-bottom:40px;}
.textfield {padding:5px;}
.red {color:#C23140;}
#storeprod {width:600px; border-bottom:1px solid #CCCCCC; margin-bottom:20px; padding:10px 0px 5px 0px;}
#storeprod .prodleft {float:left; width:175px;}
#storeprod .prodtext {float:left; width:400px;}
#storeprod .prodtext h1 a {font-size:20px; text-decoration:none; color:#222222;}
#storeprod .prodtext .savepercent {font-size:20px; color:#C23140; margin:20px 0px; padding:0px;}
.homestoreheading {margin-top:40px;}
.homestore {margin:40px 0px;}
.homestore .homeprod {float:left; width:205px; text-align:center;}
.homestore .homeprod a {font-size:12px; font-weight:bold; color:#222222;}
.homestore .homeprod .savemoney {font-size:16px; font-weight:bold; color:#990000;}
.productlist {border-top:1px solid #cccccc; padding-top:30px; margin-top:30px;}
.product {border-bottom:1px solid #cccccc; padding-bottom:0px; margin-bottom:20px;}
.listleft {width:200px; float:left; text-align:center;}
.listleft img {border:none;}
.listright {width:410px; float:right;}
.listright h2 {margin:0 0 10px 0; padding:0px;}
.listright h2 a {color:#1a1a1a; font-weight:normal; text-decoration:none; font-size:18px;}

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #ccc;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #F7F7F7;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1em;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
	font-weight:bold;
}
ul.tabs li a:hover {
	background: #EFEFEF;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}
.tab_container {
	border-top: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
}
.tab_content {
	padding: 40px 0 0 0;
	font-size: 1em;
}
.button {background-color:#222222; color:#ffffff; font-weight:bold; padding:4px 12px; -moz-border-radius:5px; border-radius:5px;}
.button:hover {color:#ffffff;}
.topad {width:960px; margin:0 auto; text-align:center; padding-top:20px;}
.inpostad {width:100%; text-align:center; margin:20px 0;}
.ad468 {text-align:center; width:100%;}
.sidebarpic {margin-bottom:30px;}
.postpic {margin-right:20px; margin-bottom:20px;}
.hr {height:1px; background-color:#CCCCCC; margin:20px 0;}