/*
Theme Name: CarpentersKids
Theme URI: http://www.bluetrailcreative.com
Description: A template for www.carpenterskids.org
Version: 1.0
Author: Jim Welch
Author URI: http://www.welchmedia.net
*/

/* CSS Reset */
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;
	vertical-align: baseline;
	border: 0;
	outline: 0;
	background: transparent;
	}
	
/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}
	
ol, ul {list-style: none;}
blockquote, q {quotes: none;}

/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}
table {border-collapse: collapse;border-spacing: 0;}

body {
  	font:13px/1.6 "Lucida Grande", Helvetica, Arial, sans-serif;
	margin:0 auto;
	background: url(images/vertwoodbg.jpg) repeat;
	text-align: center;
  	color:#5b5344;
  	border-top:10px solid #939517;
  	}
  	
body.container_12 {width: 940px;}
  	
/* Link Styles */
a {color:#BC6101; outline:none; text-decoration: none;}
a:hover {text-decoration: underline;}

/***** Headings *****/
 
h1, h2, h3, h4, h5, h6 {
font-weight:normal;
color:#40392b;
}
 
h1, h2 {
padding:10px 0 0 0;
margin-bottom: 15px;
letter-spacing:-1px;
font-size:2.6em;
}

h2 {border-bottom:2px #dfdcd7 dotted;padding-bottom:10px;}
 
h3 {
padding-top:12px;
margin-bottom:7px;
font-size:1.6em;
font-weight:bold;
color:#40392b;
}

h4 {
font-size:1.3em;
font-weight: bold;
margin-top:16px;
margin-bottom:10px;
color:#5B5344;
}

h5 {
font-size:1em;
font-weight: bold;
margin-top:6px;
margin-bottom: 2px;
color:#5B5344;
}

p {margin:2px 0 10px 0;}

blockquote {
background:#FbFaF9;
border:1px solid #ebe8da;
color:#80614D;
font-family:Georgia,'Times New Roman',Times,serif;
font-size:17px;
font-style:italic;
font-weight:normal;
line-height:1.6em;
margin:15px 0;
padding:5px 20px 0 20px;
}

#main_content li {
padding:0 0 10px 20px;
background:url(images/bodybullet.gif) no-repeat left 4px;}

li.events {
background: url(images/events.png) no-repeat left 5px;
padding-left:26px;
}

/* ------------------- LAYOUT ------------------- */

#container {
	text-align: left;
  	background:#d8d1b5 url(images/churchbg.jpg) repeat left top;
}

#outer_content {
	padding:20px; 
	background: url(images/outer_container_bg.png) repeat left top;
	margin-bottom:20px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	}
	
#content {
	background:#ffffff url(images/churchbg2.jpg) no-repeat;
}		
  	
#masthead {
	background: url(images/masthead_wood.jpg) no-repeat;
	height: 121px;
	width:980px;
	position: relative;
}

h1.logo_replacement {text-indent: -9999px;}

h1.logo_replacement a {
	width: 252px;
	height: 50px;
	background: url(images/CK_logo.png) no-repeat;
	display: block; 
	margin-left:20px;
	margin-top:25px;
}

#masthead img.promo {
	position: absolute;
	right: -5px;
	top: 102px;
	z-index: 200;
}

#masthead p {
	color: #bca27c;
	position: absolute;
	right: 54px;
	top: 20px;
	font-size:1.0em;
	padding: 4px 20px;
	background: transparent url(images/phone_bg.jpg) left center no-repeat;
	display:none;
}

#masthead p a {
	color: #bca27c;
	text-decoration: none;
}

#masthead p a:hover {
	text-decoration: underline;
	color: #efefef;
}

/*-----------------------------------------------------------------------------
  Main Content
-----------------------------------------------------------------------------*/

#main_content_inner {padding: 20px 0 20px 30px;} 

#main_content .breadcrumb {
padding: 10px 0 0 30px;
color: #543E26;
}

/*-----------------------------------------------------------------------------
  subcontent (Sidebar)
-----------------------------------------------------------------------------*/
#sub_content {margin-left:10px;}

#sub_content_inner {
padding: 20px 30px 8px 30px; 
}

/*-------------------------------------------------------------------SIDEBAR Boxes */

#sub_content h4 {
font-size:1.2em;
font-weight:bold;
margin-bottom:6px;
margin-top:16px;
}

#sub_content .sidebarbox {
background:#fdfdfd url(images/sidebarheader.png) repeat-x left top;
border:1px #E9E7DA solid;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
padding:14px;
margin-bottom:20px;
}

#sub_content .sidebarbox h4 {
margin-top:0;
padding-bottom:17px;
}

#sub_content .box1, #sub_content .box2 {margin-bottom: 20px;}

#sub_content .box1 h3, #sub_content .box2  h3 {
/* background: #bd893e; */
/* margin: 10px 0 4px 0; */
/* border-top: 3px #543e26 solid; */
/* color: #f6eada; */
color:#543e26;padding: 8px;
background:#DFDCD7;
text-transform: uppercase;
font-size:16px;
}

#sub_content .box1 p, #sub_content .box2 p {}
#sub_content .box1 ul, #sub_content .box2 ul {}

#sub_content .box1 li, #sub_content .box2 li {
padding-top: 3px;
list-style: none;
line-height: 1.6em;
}

#sub_content .features {padding-bottom: 30px;}

#sub_content .features li {
padding-left: 20px;
padding-top: 3px;
list-style: none;
line-height: 1.6em;
background: transparent url(images/sidebar_arrow.gif) no-repeat left center;
}

#sub_content .features h3 {
color:#413627;
/*
background: #bd893e;
border-top: 3px #543e26 solid;
*/
margin: 10px 0 4px 0;
padding: 8px;
text-transform: uppercase;
font-size:16px;
}

#sub_content .box1 li a, #sub_content .box2 li a {
font-weight: bold;
text-transform: none;
text-decoration: none;
padding-left: 16px;
background: transparent url(images/news_icon2.gif) no-repeat left center;
}

#sub_content .box1 li a:hover, #sub_content .box2 li a:hover {
text-decoration: underline;
color: #BC6101;
}

#home #sub_content .box1 li, #sub_content .box2 li {
margin-left: 0;
line-height: 1.6em;
list-style: none;
}

#sub_content ul.wplc_event_list li {
margin-top: 6px;
margin-bottom: 6px;
margin-right: 40px;
padding-bottom: 6px;
color: #8c7c58;
list-style: none;
border-bottom: 1px #8C7C58 solid;
}

#sub_content ul.wplc_event_list li a {
display: block;
font-weight: bold;
text-transform: none;
text-decoration: none;
padding-left: 14px;
background: transparent url(images/sidebar_arrow.gif) no-repeat left center;
}

#sub_content ul.wplc_event_list li a:hover {
text-decoration: underline;
color: #BC6101;
}

#sub_content ul#contactinfo {margin-top:10px;}
#sub_content #contactinfo li {margin-top:5px;margin-bottom:20px;}
#sub_content #contactinfo li#address {display:block; background:url("images/addressicon.png") no-repeat left 10%; padding-left: 30px; }
#sub_content #contactinfo li#phone {display:block; background:url("images/phoneicon.png") no-repeat left center; padding-left: 30px; }
#sub_content #contactinfo li#email {display:block; background:url("images/emailicon.png") no-repeat left center; padding-left: 30px; }
#sub_content #contactinfo li#fax {display:block; background:url("images/faxicon.png") no-repeat left center; padding-left: 30px; }

#sub_content img {padding-top: 12px;}
 
/*---------------------------------------------------------Main Nav*/

#nav {
margin: -49px 0 0 0;
padding: 10px 20px 0 20px;
float: right;
height: 1em;
}

#nav li {
list-style: none;
float: left;
padding-right: 20px;
}

#nav li a {
display: block;
font-size:1.2em;
color: #ddd3b8;
text-decoration: none;
margin-right:5px;
text-transform:uppercase;
text-shadow:1px 1px 1px #222222;
}

#nav li a:hover {
text-decoration: none;
color: #ffffff;
}

#nav li.current_page_item a {
border-bottom: 3px #efefef solid;
color: #ffffff;
padding-bottom:3px;
}

ul#nav li.current_page_item a:hover {
color: #ffffff;
}

/*---------------------------------------------------------#Nav Nested Subpages*/
#nav li ul {
display: none;
width: 17em; /* Width to help Opera out */
font-weight:normal;
background-color: #663619;
z-index: 10;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .7);
}

#nav li ul li a:hover {
text-decoration: none;
color: #ffffff;
}

#nav li:hover ul {	
display: block;
position: absolute;
z-index: 10;
margin: 0;
padding: 5px 0 0 16px;
}

#nav li:hover li {float: none;}

#nav li:hover li a {
border-bottom: 1px solid #ddd3b8;
padding-top:6px;
padding-bottom:6px;
color: #ddd3b8;
text-decoration: none;
}

#nav li:hover li:last-child a {
border-bottom: none;
}

/*-----------------------------------------------------------------------------
  Home page styles
-----------------------------------------------------------------------------*/
#home #content {background: #ffffff url(images/home-content_bg.gif) repeat;}

#home #sub_content {background: url(images/sidebar_divider.gif) no-repeat left 16px;}

#home #home_header {
margin-top:20px;
padding-top: 15px;
background: transparent url(images/bannerimage8.jpg) no-repeat 30px 6px;
height: 278px;
clear: both;
position:relative;
}

#home #home_header #header_links {padding: 155px 0 0 320px;}

#home_header p.contactcall {
position: absolute;
left:325px;
bottom:4px;
color:#76a0b0;
font-size:18px;
font-family: Georgia, "times new roman", serif;
font-style:italic;
}

#home #home_header #header_links dt a:hover {text-decoration:underline;}
#home #programpromo {font-size:17px;color:#5d93ae;}
#home #programpromo a {color:#5d93ae;text-decoration:underline;}
#home #main_content h3 {font-size: 30px;}

.programs {
height:41px;
width:213px;
float:left;
margin-right:20px;
}

.contactus {
height:41px;
width:198px;
float:left;
margin-right:20px;
}

#home #home_header a.programs {
background:url("images/ViewOurProgramsSprite.png") no-repeat left top;
display:block;
text-indent:-9999px;
}

#home #home_header a.programs:hover {
background:url("images/ViewOurProgramsSprite.png") no-repeat left bottom;
display:block;
text-indent:-9999px;
}

#home #home_header a.contactus {
background:url("images/ContactUsSprite.png") no-repeat left top;
display:block;
text-indent:-9999px;
}

#home #home_header a.contactus:hover {
background:url("images/ContactUsSprite.png") no-repeat left bottom;
display:block;
text-indent:-9999px;
}


/*-----------------------------------------------------------------------------
  Home page sub_content
-----------------------------------------------------------------------------*/
#homefeatures {
padding: 20px 0;
margin-left:0;
background: #6f6649 url(images/sub_content_bg.jpg) repeat-x;
}

#homefeatures .box1 {background: transparent url(images/philosophy.jpg) no-repeat 29px 40px;}
#homefeatures .box2 {background: transparent url(images/curriculum.jpg) no-repeat 29px 40px;}
#homefeatures .box3 {background: transparent url(images/fingerpaint.jpg) no-repeat 29px 40px;}

#homefeatures .box1 h3, #homefeatures .box2 h3, #homefeatures .box3 h3 {
margin: 0 0 90px 30px; /*this large bottom margin is to accomodate background graphic underneath*/
font-size: 16px;
font-weight: normal;
letter-spacing: 0;
color: #e6dfc1;
text-transform: uppercase;
}

#homefeatures .box1 p, #homefeatures .box2 p, #homefeatures .box3 p {
margin: 0 20px 0 30px;
color: #e6dfc1;
font-size: 1em;
line-height: 1.5em;
}

#homefeatures .box1 img, #homefeatures .box2 img, #homefeatures .box3 img {
margin-left: 30px;
padding: 4px;
background-color: #D1C9A7;
}

#homefeatures a {
color: #d6ceb9;
text-decoration: none;
}

#homefeatures a:hover {
text-decoration: underline;
color: #efefef;
}

#homefeatures a.more {
text-decoration:none;
color: #D1C386;
font-style: italic;
display: block;
margin-top: 10px;
}

#homefeatures a.more:hover {
text-decoration:underline;
color: #f3d497;
}

.sub_content .box1 li, .sub_content .box2 li, .sub_content .box3 li {
margin: 100px 30px 7px 30px;
color: #d1c9a7;
font-size: 1.2em;
list-style-type: none;
}

.sub_content .box1 li a, .sub_content .box2 li a, .sub_content .box3 li a {
text-decoration: none;
color: #d6ceb9;
padding-left: 14px;
background: transparent url(images/sub_content_arrow.gif) no-repeat left center;
text-transform: uppercase;
}

.sub_content .box1 li a:hover, .sub_content .box2 li a:hover, .sub_content .box3 li a:hover {
text-decoration: underline;
color: #efefef;
}

/*-----------------------------------------------------------------------------
  CONTACT PAGE styles with Google map
-----------------------------------------------------------------------------*/

#sub_content form#google_directions {
width: 230px;
margin-bottom: 10px;
}

#sub_content #direction_input {
width: 181px;
margin-top:6px;
margin-bottom:2px;
}

#sub_content #directions_submit_button {margin-left: 3px;}

#sub_content #googlemap iframe{
border: 5px #ffffff solid;
}

#sub_content h4.contactsidebar {
background: url(images/contact.png) no-repeat 0 1px;
padding-left: 24px;
}

#sub_content h4.directions {
background: url(images/directions.png) no-repeat 0 1px;
padding-left: 24px;
margin-top:40px;
}


/*------------------------------------------.ARTICLE styles -------*/
.article {
  margin-bottom:16px;
}

.article blockquote {
  padding-left:5px;
  margin:15px 10px 15px 30px;
  background: url(images/quotes.gif) no-repeat left top;
}

.article ul, .article ol {
  margin:10px;
}

.article ul li {
font-size:1.2em;
margin:5px 0 10px 20px;
list-style: none;
background:transparent url(images/small_arrow.gif) no-repeat scroll left 8%;
line-height:1.5em;
padding-left:20px;
}

.article ul li li, .article ol li li {
  font-size:1em;
  list-style:circle;
}

.article ol li {
  font-size:1.4em;
  margin:5px 0 5px 20px;
  list-style:decimal;
}

#main_content p.byline {
  font-size:1.2em;
}

ul.article_footer {
  background:#e4edf8;
  text-align:right;
  padding:15px 0 15px 10px;
  margin:20px 0 0;
}

ul.article_footer li {
  display:inline;
  margin:0 10px 0 0;
  padding-right:10px;
  border-right:1px solid #CCC;
  font-size:1.2em;
}

ul.article_footer li.last {
  border-right:0;
}

/*------------------------------------------ Table styles -------*/

table, td{}
table{width:585px;border-collapse:collapse;margin:12px 0;}
th, td{text-align:left;padding:.4em;border:1px solid #777777;}
th{background:#c8c99a;color:#462b0a;text-transform: uppercase;}
tr{background:#ffffff;}
/* table tr.tableshade {background-color:#f6ffee;} */
table tr:nth-child(odd) {background-color: #faffee;}

/*-----------------------------------------------------------------------------
  Footer
-----------------------------------------------------------------------------*/
div#footer {
  background: url(images/footer_bg2.jpg) repeat-x;
  font-size:.9em;
}

div#footer p {margin:22px 30px;}

div#footer p a {
  text-decoration:none;
  color: #5B5344;
}

div#footer p a:hover {
  text-decoration:underline;
  color: #a2916b;
}

/*-----------------------------------------------------------------------------
  Wordpress Specific Stuff
-----------------------------------------------------------------------------*/

h3.pagetitle {margin-bottom:15px;}

.entry p small {line-height:1.5;}

h3#comments {margin:30px 0 20px;}

ol.commentlist {
  margin:20px 0;
  padding-bottom:10px;
}

ol.commentlist li {margin:30px 0;}

ol.commentlist li div.comment_bubble {
  margin:10px 0;
  border:1px solid #EAEAEA;
  background:#FAFAFA;
  padding:5px 15px 0;
  clear:both;
}

ol.commentlist li cite {
  font-size:1.4em;
  margin-left:5px;
}

textarea#comment {
  width:550px;
  margin:10px 0;
  padding:10px;
}

#main_content p.comment_meta {
  font-size:1.2em;
  text-align:right;
  float:right;
  margin:0;
}

/*----------------------NEWS PAGE STYLES --------------------*/

#news .article {
	border-bottom:2px #d3c29b dotted;
	margin-bottom:22px;
	padding-bottom:14px;
}

#news .article .post_meta {
line-height: 1em;
font-style:normal;
font-size:.9em;
font-variant: small-caps;
letter-spacing: 2px;
color: #8c7c58;
}

#news .article h3 {
margin: 10px 0 0 -2px;
padding:0;
}

#news .article h3 a {text-decoration:none;}
#news .article h3 a:hover {text-decoration:underline;}
#news .article p {}
form#commentform label {margin-left:5px;}

form#commentform {
  margin:10px 0;
  padding:10px 20px;
  border:1px solid #EAEAEA;
  background:#FAFAFA;
}

.navigation {
  margin:0 0 20px;
  font-size:1.2em;
}

#main_content ul.links_page li {margin:15px 0;}

#main_content li.linkcat h2 {
  font-size:1.6em;
  margin-bottom:5px;
  color:#4F647B;
}

#main_content li.linkcat li {
  font-size:1.2em;
  margin:3px 0;
}

ul.archives {margin-bottom:20px;}

ul.archives li {
  font-size:1.4em;
  margin:3px 0;
  font-weight:bold;
}

ul.archives li a {font-weight:normal;}

ul.archives li li {
  font-size:0.8em;
  font-weight:normal;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignleft {float: left;}
.alignright {float: right;}

.wp-caption {
  border: 1px solid #ddd;
  text-align: center;
  background-color: #f3f3f3;
  padding-top: 4px;
  margin: 10px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
}

.wp-caption-dd {
  font-size: 11px;
  line-height: 17px;
  padding: 0 4px 5px;
  margin: 0;
}

div.navigation {
  display:block;
  height:1em;
  font-size:1em;
}

div.navigation a {text-decoration: underline;}
div.navigation a:hover {text-decoration: none;}
div.navigation .alignleft {float: left;}
small {display: none;}

/*---------------------------------------------------------------------------
ALERT NEWS (EMERGENCY NOTICE) BOX 
To use, comment out the "display: none" declaration, using CSS comment syntax 
---------------------------------------------------------------------------*/

#alert {
/*display: none;*/
margin: 0 auto 0 auto;
width: 830px;
background-color:#fff;
border: 3px #FF0000 solid;
overflow: hidden;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}

#alert h3 {
float: left;
width: 230px;
/* Reference to a subdirectory called Wordpress
background: #FF0000 url(../../../wordpress/wp-content/themes/sustainable/images/AlertBoxbg.gif) repeat-x; */
background: #FF0000 url(../../../wp-content/themes/sustainable/images/AlertBoxbg.gif) repeat-x;
padding: 10px;
font-size: 3em;
text-transform:uppercase;
color:#eee;
letter-spacing: 1px;
}

#alert p {
margin: 10px 10px 10px 260px;
color: #FF0000;
font-style: normal;
font-size: 1.6em;
}

#alert_controls {
float: right;
/* Reference to a subdirectory called Wordpress
background: transparent url(../../../wordpress/wp-content/themes/sustainable/images/alertbox_uparrow.gif) top left no-repeat; */
background: transparent url(../../../wp-content/themes/sustainable/images/alertbox_uparrow.gif) top left no-repeat;
margin: 8px 35px 0 0;
padding-left: 18px;
}

#alert_controls a {color: #FF0000;}


#sub_content #subnav {
background:transparent url(/images/subnav_bg.gif) repeat-x scroll left 26px;
margin-bottom:30px;
margin-left:-30px;
/* padding-left:25px; */
width:300px;
}

#sub_content #subnav li {
padding-bottom:0;
border-bottom:1px solid #E4DbCd;
}

#sub_content #subnav li a {
   border-top:1px solid #F4F3ED;
   font-size: 12px;
   color: #4d473c;
   background: url(http://www.hbcowensboro.org/images/bg_subnav_li_li_a.gif) repeat-x 0 bottom;
   padding: 11px 10px;
   font-weight: normal;
   height:12px;
   margin:0;
   padding:11px 0 14px 27px;
}

#sub_content #subnav li a, #sub_content #subnav li.current a {
color:#413627;
display:block;
font-family:"Lucida Grande",arial,verdana,sans-serif;
font-size:12px;
font-weight:bold;
line-height:normal;
text-decoration:none;
}

#sub_content #subnav li a:hover{
   background: #E2DFCE;
   text-decoration: none;
}

#sub_content #subnav li.current,
#sub_content #subnav li.current li{
   display: block;
}

#sub_content #subnav li.current a {
	background:#FFFFFF url(images/subnavcurrentarrow.gif) no-repeat 2px center;
	color:#9C3621;
	font-weight:bold;
}

#sub_content #subnav li.current_page_item a {
	background:#FFFFFF url(images/subnavcurrentarrow.gif) no-repeat 2px center;
	color:#9C3621;
	font-weight:bold;
}





/*-----------------------------------------------------------------------------
  Clearfix
-----------------------------------------------------------------------------*/

.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
  .clearfix {display:block;}
/* End hide from IE Mac */
.clearfix {
	zoom:1; /* For IE */
}

/* -------------------------------------------------------------------------
 960.gs Grid System
-----------------------------------------------------------------------------*/ 

.container_12 { margin-left: auto; margin-right: auto; width: 960px; } /* Grid >> Global ----------------------------------------------------------------------------------------------------*/ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12{ display:inline; float: left; position: relative; margin-left: 0; margin-right: 10px; } /* Grid >> Children (Alpha ~ First, Omega ~ Last) ----------------------------------------------------------------------------------------------------*/ .alpha { margin-left: 0; } .omega { margin-right: 0; } /* Grid >> 2 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .grid_1 { width:60px; } .container_12 .grid_2 { width:140px; } .container_12 .grid_3 { width:220px; } .container_12 .grid_4 { width:300px; } .container_12 .grid_5 { width:380px; } .container_12 .grid_6 { width:460px; } .container_12 .grid_7 { width:540px; } .container_12 .grid_8 { width:620px; } .container_12 .grid_9 { width:700px; } .container_12 .grid_10 { width:780px; } .container_12 .grid_11 { width:860px; } .container_12 .grid_12 { width:940px; } /* Prefix Extra Space >> 2 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .prefix_1 { padding-left:80px; } .container_12 .prefix_2 { padding-left:160px; } .container_12 .prefix_3 { padding-left:240px; } .container_12 .prefix_4 { padding-left:320px; } .container_12 .prefix_5 { padding-left:400px; } .container_12 .prefix_6 { padding-left:480px; } .container_12 .prefix_7 { padding-left:560px; } .container_12 .prefix_8 { padding-left:640px; } .container_12 .prefix_9 { padding-left:720px; } .container_12 .prefix_10 { padding-left:800px; } .container_12 .prefix_11 { padding-left:880px; } /* Suffix Extra Space >> 2 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .suffix_1 { padding-right:80px; } .container_12 .suffix_2 { padding-right:160px; } .container_12 .suffix_3 { padding-right:240px; } .container_12 .suffix_4 { padding-right:320px; } .container_12 .suffix_5 { padding-right:400px; } .container_12 .suffix_6 { padding-right:480px; } .container_12 .suffix_7 { padding-right:560px; } .container_12 .suffix_8 { padding-right:640px; } .container_12 .suffix_9 { padding-right:720px; } .container_12 .suffix_10 { padding-right:800px; } .container_12 .suffix_11 { padding-right:880px; } /* Push Space >> 2 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .push_1 { left:80px; } .container_12 .push_2 { left:160px; } .container_12 .push_3 { left:240px; } .container_12 .push_4 { left:320px; } .container_12 .push_5 { left:400px; } .container_12 .push_6 { left:480px; } .container_12 .push_7 { left:560px; } .container_12 .push_8 { left:640px; } .container_12 .push_9 { left:720px; } .container_12 .push_10 { left:800px; } .container_12 .push_11 { left:880px; } /* Pull Space >> 2 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .pull_1 { right:80px; } .container_12 .pull_2 { right:160px; } .container_12 .pull_3 { right:240px; } .container_12 .pull_4 { right:320px; } .container_12 .pull_5 { right:400px; } .container_12 .pull_6 { right:480px; } .container_12 .pull_7 { right:560px; } .container_12 .pull_8 { right:640px; } .container_12 .pull_9 { right:720px; } .container_12 .pull_10 { right:800px; } .container_12 .pull_11 { right:880px; } /* Clear Floated Elements ----------------------------------------------------------------------------------------------------*/ .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; }