/*
Theme Name: Gateways Coaching
Theme URI: http://www.gatewayscoaching.com/
Description: Custom theme for Gateways Coaching.
Author: www.tyfujimura.com
*/

/***************************************************************/
/*** CSS Reset by http://meyerweb.com/eric/tools/css/reset/ ****/
/********************** v1.0 | 20080212 ************************/

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, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
* { -webkit-text-size-adjust: none; }



/***************************************************************/
/*********************** General Styles ************************/
/***************************************************************/

body { font-size:15px; letter-spacing:-0.02em; line-height:22px; color:#333; font-family:"museo-sans-1","museo-sans-2",serif; font-weight:500; background:url('/wp-content/images/bg.jpg') no-repeat  50% -40px fixed; }
#wrapper { width:100%; height:100%; position:absolute; top:0; left:0; }
#main { width:960px; margin: 0 auto;  padding:20px 40px 20px 40px; background:url('/wp-content/images/mainbg.png') no-repeat; }
#reeds { position:fixed; bottom:0; left:0; z-index:-1; width:100%; height:450px; background:url('/wp-content/images/reeds.png') repeat-x bottom; }

#footer { width:960px; margin: 0 auto; padding:0 40px 40px 40px; background:white; background:url('/wp-content/images/mainbg.png') bottom no-repeat;}
#footer p { text-align:center; font-size:12px; }

#header { width:780px; margin: 0 auto; padding: 40px 0 0 180px; height:130px; }
#header h2 { position:relative; top:-24px; font-size:15px; letter-spacing:-1px; color:#b91111; display:block; }

h1 { font-size:22px; font-family:"museo-slab-1", "museo-slab-2", helvetica, arial, sans-serif; }
h2 { font-size:15px; color:#333; font-weight:500; line-height:22px; display:inline; font-family:"museo-slab-1", "museo-slab-2", helvetica, arial, sans-serif; }
h3 { font-size:14px; color:#b91111; margin: 0 0 10px 0; font-family:"museo-slab-1", "museo-slab-2", helvetica, arial, sans-serif; font-weight:700; line-height:16px; display:inline; }
h4 { font-size:12px; color:#808080; font-family:"museo-slab-1", "museo-slab-2", helvetica, arial, sans-serif; font-weight:700; margin:0 0 10px 0; }

p { margin:0 0 10px 0; }
.last { margin-bottom: 0 !important; padding-bottom:0 !important; border:none !important; }

a { color: #213e66; }
a:hover { background:#eee; text-decoration:none; }
#header a:hover { background:none; }
.clear { clear:both; }

.left_item, .center_item, .right_item { padding: 0 0 20px 0; margin: 20px 0 0 0; border-bottom:1px dotted #aaa; }
.red { border-bottom: 2px dotted #b91111; }

.textwidget { float:left; }
.center_item .textwidget { width:560px; }

.alignright { float:right; margin:0 0 0 10px; }
.alignleft { float:left; margin:0 10px 0 0; }

#twitter { float:left; margin: 0 5px -10px 0; }
#facebook { float:left; margin: 0 0 -10px 0;  }
#twitter:hover, #facebook:hover { background:none; }

input.modified, textarea.modified { color:#213e66 !important; }


/***************************************************************/
/************************* Menu Styles *************************/
/***************************************************************/

#menu { text-align:right; margin-top:30px; }
#menu a { float:left; line-height:18px; margin:0 0 10px 0; width:160px; font-family:"museo-slab-1", "museo-slab-2", helvetica, arial, sans-serif; font-size:14px; text-decoration:none; text-shadow:0px 0px 3px #999; -moz-text-shadow:0px 0px 3px #999; -webkit-text-shadow:0px 0px 3px #999; }
#menu a:hover, #menu a.current { text-decoration:none; background:none; border-right:1px solid #808080; padding-right: 5px; }




/***************************************************************/
/************************* Left Styles *************************/
/***************************************************************/

#left { width:160px; padding:0 40px 0 0; float:left; text-align:center; }
.left_item { float:left; width:160px; }

#snapshots p, #action p, #offer { font-size:12px; line-height:16px; color:#808080; }



/***************************************************************/
/************************* Center Styles ***********************/
/***************************************************************/

#center { width:560px; float:left; }
.center_item { float:left; width:560px; }
.center_item h3 { color:#333; }

#center h1 { margin: 0 0 10px 0; }

.attribution { color:#808080; text-align:right; }

#center #feedback #more { text-align:right; }
#center #consultations a { font-size: 12px; line-height:16px; margin:6px 0 0 0; color:#808080; }
#center #consultations a h3 { font-size:15px; font-weight:500; color:#213e66; text-decoration:underline; }
#center #consultations a:hover h3 { background:#eee; margin:0 0 6px 0; }
#center #consultations #regular { width:250px; float:left; text-align:center; color:#808080; padding:10px 0 0 0; }
#center #consultations #advisory { width:250px; float:left; text-align:center; padding:10px 0 0 0; }
#center #consultations #separator { width: 10px; float:left; text-align:center; border-top:1px solid #aaa; border-bottom: 1px solid #aaa;  text-shadow:0px 0px 3px #999; -moz-text-shadow:0px 0px 3px #999; -webkit-text-shadow:0px 0px 3px #999; font-weight:700; font-size:18px; margin: 30px 15px 0 15px; padding: 5px 0; font-family:"museo-slab-1", "museo-slab-2", helvetica, arial, sans-serif; }
#center #consultations p { text-align:center; font-size:12px; line-height:16px; margin:0; color:#808080;  }
#center #feedback a { float:right; }
#center #quotes { height:94px; }
#center #pdf h3 { display:block; }
#center #cover { float:left; margin: 0 10px 0 0; }




/***************************************************************/
/************************* Right Styles ************************/
/***************************************************************/

#right { width:160px; padding:0 0 0 20px; border-left:1px dotted #aaa; margin:0 0 0 19px; float:left; font-size:12px; line-height:16px; color:#808080; }
.right_item { float:left; width:160px; }

#right a h2 { color:#213e66; margin: 0 0 6px 0; text-decoration:underline; }
#right a:hover h2 { background:#eee; }

#right #email { border:1px solid #b91111; background:#FEF5FA; color:#808080; font-size:9px; padding:5px; width: 148px; }
#right #submit { float:right; padding: 2px 5px; background:#213e66; color:#FEF5FA; border:none; margin: 2px 0 0 0; }

#text-4 h3, #text-5 h3 { font-size:13px; color:#b91111; font-family:"museo-slab-1", "museo-slab-2", helvetica, arial, sans-serif; font-weight:700; margin:-10px 0 10px 0; display:inline; }
#text-3 h3 { width: 200px; }

/***************************************************************/
/************************ Special Styles ***********************/
/***************************************************************/

#page, #posts, #post { font-size:13px; line-height:18px; }
#page h2, #posts h2, #post h2 { font-size:16px; line-height:20px; margin: 0 0 9px 0; font-weight:700; display:block; color:#555;}
.center_item ul { list-style-type: disc; margin: 0 0 10px 12px; }

#post.product img.alignleft { margin: 0 40px 20px 0; }
#post.product #purchase_top { width:289px; margin:0 0 40px 0; }
#post.product #purchase_bottom { width:560px; margin:40px 0 20px 0; }
#post.product .purchase { padding:10px 0; float:right; border-bottom: 2px dotted #b91111; border-top: 2px dotted #b91111; }
#post.product .purchase #submit { float:right; margin:0 -5px -5px 0; }
#post.product select { font-size:16px; }
#post.product #purchase_top select { width:289px; border:1px solid #888; margin:0 0 5px 0; }
#post.product #purchase_bottom select { width:560px; border:1px solid #888; margin:0 0 5px 0; }

#posts.snapshots { padding: 0 0 10px 0; }
#posts.snapshots h2 { color: #213e66; }

#consultation_form #order_types { float:left; margin: 10px 0; }
#consultation_form #order_types input { float:left; margin-left:0; }

#consultation_form #info { float:left; margin:10px 0 0 0; }
#consultation_form #info input { float:left; width:548px; margin: 0 0 5px 0; border:1px solid #b91111; background:#FEF5FA; color:#808080; padding:5px;  font-family:"museo-sans-1","museo-sans-2",serif; font-size:12px;}

#consultation_form textarea { float:left; width:548px; margin: 0 0 5px 0; border:1px solid #b91111; background:#FEF5FA; color:#808080; padding:5px; font-family:"museo-sans-1","museo-sans-2",serif; font-size:12px; }
#consultation_form #submit { float:left; padding: 5px; background:#213e66; color:#FEF5FA; border:none; margin: 2px 0 0 0; width: 550px; text-transform:uppercase; font-family:"museo-sans-1","museo-sans-2",serif; font-size:16px; }

#tagline { color:#213e66 !important; font-size:14px; }