/*
Theme Name: GAB ver.1
Theme URI: http:www.cambridge.org/grammarandbeyond
Description: WordPress theme for the Grammar and Beyond series 
Author: Senongo Akpem
Author URI: http://senongo.net
Version: 6.2

*/

/*----------------------------------------- get google fonts ----------------------------------------- */


/***----------------------------------------- Reset -----------------------------------------***/
*{margin:0; padding:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}
a img{border:0}
caption, th, td{text-align:center; font-weight:normal}
blockquote:before, 
blockquote:after, 
q:before, 
q:after{content:""}
blockquote, 
q{quotes:""""}


/***----------------------------------------- global Layout  Styles -----------------------------------------***/
body{font-size:15px; font-family:Arial, Helvetica, sans-serif; line-height:1.5em; color:#3a3531; background:#fff url(../images/bg.jpg) repeat-x; margin: 0 auto;}
#wrap{width:960px; padding:0 0 40px 0; margin:0 auto 40px auto;   background:#fff url("images/gab-pattern1.gif") 720px 0 repeat-y; moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;
  -moz-box-shadow: 0px 0px 3px #000;
  -webkit-box-shadow: 0px 0px 3px #000;
  box-shadow: 0px 0px 3px #000;
 }
#main{ width:900px; padding:5  ;} /** float:left; **/
.main-content-wrapper{padding:0 15px; float:left}
.full-width{width:960px !important; background:#00CCCC}
.static-image{border:10px solid #ECECEC; margin-top:20px}

.clear{clear:both}
a{text-decoration:none; color:#147bca;}
a:hover{text-decoration:underline;}   




/***----------------------------------------- Typography Styles -----------------------------------------***/
p{ margin:0 0 1em; font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:21px}

textarea, input{font-size:13px}
strong{font-weight:bold; color:#3a3531}
em{font-style:italic}
small{font-size:12px; color:#666}

h1, h2, h3, h4, h5, h6{ color:#3a3531; font-weight:normal}
h1{font-size:2.3em}
h2{font-size:1.6em}
h3{font-size:1.3em}
h4{font-size:16px}

h1{ padding: 0 0 30px 0 ;margin:0 0 0 0; line-height:1.3em;}
.main-content-wrapper h1{background: url("images/gab-h2-underline.gif") repeat-x 0 bottom; color:#014C76; padding:0 0 10px 0; margin:0 0 20px 0}
h2, h3{padding: 0 0 15px 0 }

.postcontent h2{font-size:1.5em; margin-top:30px;}
.postcontent h3{font-size:1.3em; font-weight:normal; margin:2em 0em 0.63em 0em; font-style:italic}

#respond h3{font-size:1.43em; padding:10px 0}
h2.posttitlehome{font-size:1.57em; margin-bottom:10px}

h4{margin:0 0 30px 0; line-height: 22px;}





/***----------------------------------------- Header Styles -----------------------------------------***/
/** #header-wrap{ background: ;} **/
#header{ width:960px; height:75px; margin:0 auto; position:relative;}
#header-logo{width:960px; text-align:left; background: url("images/gab-logo.png") 770px 7px no-repeat;}
.header_name {padding: 20px;}
#header-description{ font-size:1; margin:0 0 0 -9999px}
#header-logo h1, #header-logo h2{ font-size:30px; margin:0; border:none; line-height: 1.2em; padding: 0;}
#header-logo a{color:#2C2C2C}
#header-banner{width:468px; height:60px; position:absolute; right:20px; top:20px}



/***----------------------------------------- Nav Styles -----------------------------------------***/
#primary-nav{background:#fff; width:940px; position:relative; z-index:99; margin: 0 0 20px 0; moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; -khtml-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; border-left:10px solid #fff;  border-top:10px solid #fff;  border-right:10px solid #fff; }
#navwrap{ padding:0 0 0 5px; float: left; border: 5px solid #e5e5e5;}
#primary-nav img{float:left; display:block;}
.print_plus{float:left; padding:20px; font-size:2.8em;}

.list_container{padding:10px 0 10px 20px;}
.main-slider-wrapper{padding:10px;}
.main_list{text-indent:10px;}



/*** -----------------------------------------Strapline Styles----------------------------------------- ***/
.strapline{margin:10px 0 30px 0}
.strapline h1{ color:#084265;font-size:1.1em;  line-height:1.2 ; padding: 0  0 15px 0  ; background:none  }
.strapline h2{color:#ca6509; padding:0; font-size:1.1em; font-family:Georgia, "Times New Roman", Times, serif}
.strapline h2 span{color:#231c16;  font-style:italic }
.strapline h4{padding:0 15px}



/***------------------------------------------- Table Styles --------------------------------------- ***/

table  {  border-collapse:collapse;  }
table, thead  {  border: 1px solid black;  }
/** .tableHeadLbl {font-weight: bold} **/
thead {  background: #e5e5e5;   }
td{ padding:2px 2px; vertical-align: top;}

td:nth-child(4n + 0), th:nth-child(4n + 0) { border-right: 1px solid black; }  /** for ventures and four corners, mark mega-cols **/


/*** -----------------------------------------Sidebar Styles -----------------------------------------***/
#sidebar{float:right; width: 384px; padding: 0; display:block; margin: 0;}

#sidebar p {padding: 5px 15px;}
#sidebar .box{margin:0 15px 30px 15px}
.textwidget{padding:10px 0}
#sidebar h4{font-size:1.1em; color:#000;font-family:Arial, Helvetica, sans-serif;  font-weight:normal; padding: 5px 15px 15px 15px;  margin: 0 0 4px; border-top:1px solid #bb5a4b;  background:#f2f2f2 url("images/gab-sub-header-bg.gif") no-repeat 0 33px;   }

#sidebar ul{color:#000; list-style-type: none;margin: 0;}
#sidebar ul li{padding:0px;}
#sidebar ul li a{color: #59adbd;display: block;text-decoration: none; padding: 0; font-size:0.8em; border-bottom:1px solid #fff }
#sidebar ul li a:hover{ text-decoration:none; border-bottom:1px solid #59adbd }


.newsletter{ float:left; display:block; margin:0 0 30px 0; }
#sidebar .newsletter p { }
#sidebar .newsletter h4 {color:#000;  text-shadow:none; margin:0 15px;   }
.newsletter a{background:#df391e ; display:block; width:165px; font-size:1.3em;  -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; color:#fff; padding:0; text-align:center; margin:15px 0 20px 15px;  }
.newsletter a:hover{background:#000; text-decoration:none; }




/*** ----------------------------------------- Footer Styles -----------------------------------------***/
.footer{width:925px;  border-top:3px solid #622E87; padding:10px 0 0 0;margin: 40px 0 0 15px; }
.footer-center{ text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px;}


/*** -----------------------------------------Contact Styles ----------------------------------------- ***/

.wpcf7{}

.wpcf7-text{margin-bottom:10px; width:440px; padding:5px 15px 5px 5px; margin:0 0 10px 0; background:#ddd; border:none}

.wpcf7 .form-text{width:130px; display:inline-block; margin:0 10px 10px 0; text-align:right}

.wpcf7-form p{ font-family:Arial, Helvetica, sans-serif; font-size:.8em ;}
.wpcf7-form p img{display:inline-block; }

.wpcf7-form textarea{margin-bottom:10px;  width:452px; padding:5px 5px; margin:0 0 10px 0; background:#ddd; border:none}

.wpcf7-submit{border:none;}

input.wpcf7-submit{font-size:14px;background:#df391e;color:#fff;text-decoration:none; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:3px 10px; width:100px; margin:10px 0px 10px 130px; cursor:pointer; outline:none;}
.wpcf7-submit:hover{border:none; background:#000}

span.wpcf7-list-item {
display:block; padding:0 0 0 130px;}

span.wpcf7-list-item input{ margin:0 5px 0 0 }

#contactform table, #contactform table td{border:none;}
#contactform table tr td #submit_btn {padding:5px 25px; background:#df391e; color:#FFF; border:none; cursor:pointer; font-size:1em;}
#contactform table tr td #submit_btn:hover{background:#000; color:#FFF;}
#contactform table tr td hr{margin:20px 0; border:1px solid #CCC;}