/*
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, 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 0px 0; margin:0 auto 20px 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:30px  ;} /** float:left; **/
.main-content-wrapper{padding:0 px; float:none}
.full-width{width:1000px !important; background:#00CCCC}
.static-image{border:10px solid #ECECEC; margin-top:20px}
#tabs{ width:835px; padding:0 0 0 0; margin:auto 0 0 0;}
.clear{clear:both}
a{text-decoration:none; color:#147bca;}
a:hover{text-decoration:underline;}   

.downloads p { padding: 20px 0; }
 
.downloads {float:left; width: 310px; padding: 40px 0; display: ; margin: }

.jump {text-align:left;
}



/***----------------------------------------- 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: 30px 0 30px 0; margin: 10px 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: 10px 0; margin:0 0 20px 0}
h2 {padding: 0 0 15px 0 }
h3 { padding: 5px 0 5px 0;}
h3 a {color:#3a3531; }

.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;}

/***-------------------- SROS Typography Styles----------**/


/** Level Colors 
.overview { color: ;}
.sb1 { color: ; }
.wb1 { color: ; } 
.sb2 { color: ; }
.wb2 { color: ; } 

**/




/***----------------------------------------- Header Styles -----------------------------------------***/
/** #header-wrap{ background:#D7F0ED;} **/
#header{ width:940px; height:62px; margin:0 auto; position:relative;}
#header-logo{ width:1300px; text-align:left; background: url("images/gab-logo.png") 770px 7px no-repeat;}
#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: 10px;}
#header-logo a{ color:#2C2C2C}
#header-banner{ width:500px; height:60px; position:absolute; right:20px; top:20px}


/***----------------------------------------- Nav Styles -----------------------------------------***/

#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 50px 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 5px; 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: 310px; }

.clear{clear:both}
a{text-decoration:none; color:#147bca;}
a:hover{text-decoration:underline;}



/*** ----------------------------------------- Footer Styles -----------------------------------------***/
.footer{width:925px;  border-top:3px solid #590515; 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;}

/***-----------------------------------Workbook columns-------------------------------------***/

.workbook
{
-moz-column-count:4; /* Firefox */
-webkit-column-count:4; /* Safari and Chrome */
column-count:4;

-moz-column-gap:40px; /* Firefox */
-webkit-column-gap:40px; /* Safari and Chrome */
column-gap:40px;
}



