/*  
Theme Name: Sun South
Description: Sun Souths First Theme
Version: 1.0
Author: Erik Wolf: Design, Russel Taylor: Development, with Zero G Creative
*/

/* 

ToC
	0. *Global reset*
	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. tables
	7. forms
	-  HACKS
	
Notes

*/

/* Global reset */
	/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
	
	*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
	table { border-collapse:collapse; border-spacing:0 }
	fieldset, img { border:0 }
	address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
	ol, ul, li { list-style:none }
	caption, th { text-align:left }
	h1, h2, h3, h5, h5, h6 { font-size:100% }
	q:before, q:after { content:''}

	/* Global reset-RESET */
	/* The below restores some sensible defaults */
	
	strong { font-weight: bold }
	em { font-style: italic }
	ol, ul, li { list-style:none }
	* a { position:relative } /* Gets links displaying over a PNG background */
	a { outline:none } /* Gets rid of Firefox's dotted borders */
	a img { border:none } /* Gets rid of IE's blue borders */

/* --------- 1. defaults  --------- */

html, body, #wrapper { height:100%; }

* { margin: 0; padding: 0; }

body { text-align:center;/**IE 5.5- Hack - Centers Site */ background:#7d7b7c url(images/bkg_city.jpg) repeat-x center 0; }
		
/*  --------- 2. structure  --------- */

html, body, #wrapper { height:100%; }

#wrapper { text-align:left;/**IE 5.5- Hack - Re-Aligns Text */ background:url(images/wrapper.png) repeat-y center 0; width:960px; height:auto; min-height:100%; padding:0 10px 0 10px; margin:0 auto; }
/*.1031-tic-resources #wrapper { height:100%; }*/
	
#masthead { width:960px; }
		
#logo { width:303px; height:98px; margin-left:10px; float:left; }

#mastheadRight { width:225px; height:93px; float:right; padding-top:5px; }
		
#navContainer { background:#000 url(images/navbar.gif) repeat-x; width:957px; height:30px; border-left:1px solid #000; border-right:1px solid #000; margin:0 0 0 1px; display:block; overflow:hidden; }

/*#suckerfishnav, #suckerfishnav li { margin-bottom:0; }*/

#content { border-bottom:1px solid #000; }

#mainContentArea { padding:15px 15px 0; }


.post { padding:0 20px 0 0;}

#col-1 { background: url(images/col_01.jpg) repeat-y; height:570px; width:160px; }
#col-2 { background: url(images/col_02.jpg) repeat-y; height:570px; width:159px;}
#col-3 { background: url(images/col_03.jpg) repeat-y; height:570px; width:160px; 
/* IE6 Duplicate Characters Bug */margin-right:-3px; }

#sidebarLeft {}

#sidebarRight { padding:20px 0 20px; }
#sidebarRight ul { padding-right:10px; }
#sidebarRight li {}

/* -- GRID -- */

/* COLUMN CONTAINER  */
.columnContainer {width:960px; padding:0 0 0 0; }

  /* 1/1 COLUMN */
.column {float:left; margin:0 0 0 0; width:958px; display:inline; /* Debug background-color:#ff0000;*/ overflow:hidden; }

  /* 1/2 COLUMN */
.span12 {width:480px;}

  /* 1/6 COLUMN */
.span16 {width:160px;}
.span26 {width:320px;}
.span46 {width:610px;}
.span56 {width:770px;}


	/* SUB COLUMNS */
.spanSUB14 { width:106px; }
.spanSUB34 { width:290px; padding-left:10px; }


/* Debugging */
.debug1 { background-color:#ff0000; }
.debug2 { background-color:#00ff00; }
.debug3 { background-color:#0000ff; }


#footer { padding:10px;}

.separator { clear: both; }

.separatorInvisible { clear: both; height: 1px; }

.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.alignLeft { float:left; display:inline; }
.alignCenter { margin:0 auto; }
.alignRight { float:right; display:inline; }
.textalignLeft { text-align:left; }
.textalignCenter { text-align:center; }
.textalignRight { text-align:right; }

hr { border-style:none; border-top:2px solid #ccc; height:0px; margin:10px 0 10px 0; clear:both; }
.break { display:none; height:0px; }
.pad10 { padding:10px; }
#col-3 .pad10 { padding:10px 8px 10px 10px; }

/* ---------- 3. links and navigation ---------- */

a { color:#FF9900; text-decoration:none; }	
a:hover { text-decoration:underline; }

#col-1 a, #col-2 a, #col-3 a { color:#000; text-decoration:none; }	
#col-1 a:hover, #col-2 a:hover, #col-3 a:hover { text-decoration:underline; }

#navigation { font:1.6em/1.8 Verdana, Arial, Helvetica, sans-serif; width:958px; margin:0 0 0 60px; position:relative; z-index:1; }
#navigation ul { list-style-type:none; text-align:center; margin-right:20px; }
#navigation li { /*margin:0 0 0 20px;*/ display:inline;/**IE Hack - Float Margin Bug */ }
#navigation a { color:#fff; text-decoration:none; margin-top:-2px; }
#navigation a:hover { color:#ff9900; text-decoration:none;}

	/* Automation */

body.homePage li.home a {}
body.homePage li.home a:hover {}

/* ---------- 4. fonts ---------- */

html { font-size: 100%; }

body { font-size: 62.5%; }

h1, h2, h3, h4, p, ul {}

h1 { font: 2.0em/100% Verdana, Arial, Helvetica, sans-serif; margin-bottom:10px; }
h2 { font: 1.9em/1.2em Verdana, Arial, Helvetica, sans-serif; margin-bottom:16px; }
#mainContentArea h2 { font: 2.2em/100% Verdana, Arial, Helvetica, sans-serif; margin-bottom:16px; }
h3 { font: bold 1.6em/110% Verdana, Arial, Helvetica, sans-serif; margin-bottom:10px; color:#FF9900; }	
.spanSUB34 h3 { margin:0; }	
h4 { font: bold 1.4em/100% Verdana, Arial, Helvetica, sans-serif; margin-bottom:4px; }

p { font:1.1em/1.2 Verdana, Arial, Helvetica, sans-serif; margin-bottom:1em; }

#mainContentArea ul, #sidebarRight ul { margin-bottom:1.0em; list-style-type: circle; }

#mainContentArea ol, #sidebarRight ol { margin-bottom:1.0em; }

#mainContentArea dl, #sidebarRight dl { margin-bottom:1.0em; }

#mainContentArea li, #mainContentArea dd, #sidebarRight li, #sidebarRight dd { font:1.1em/1.2 Verdana, Arial, Helvetica, sans-serif; }


#col-1 li, #col-2 li, #col-3 li { font:1.1em/1.2 Verdana, Arial, Helvetica, sans-serif; margin-bottom:1em; margin-bottom:10px; }

blockquote {}

.number { font:bold 1.8em/1.4em Verdana, Arial, Helvetica, sans-serif; color:#FF9900; }

/* ---------- 5. images ---------- */

a img { border: 0; }

img.alignLeft { float:left; margin:0 10px 10px 0; display:inline; }
img.alignCenter { margin:0 auto; }
img.alignRight { float:right; margin:0 0 10px 10px; display:inline; }

img.border { border:1px solid #000; }

		
/* ---------- 6. tables ---------- */

table {}
		
caption {}
		
tr {}

th, td {}
		
th {}
		
td {}

/* ---------- 7. forms ---------- */	
		
form {}

form .text, form .single { width:140px; height:20px; margin-bottom:2px; border:1px solid #000; }
form .textarea, form .area { width:140px; height:60px; margin-bottom:2px; border:1px solid #000; }
form .btn, .sendbutton { display:inline; float:right; }
form label { font-size:9px; margin-bottom:5px; }
.cf-hidden { color:#FF0000; }
#cformsform .reqtxt { margin-bottom:10px; }
#cformsform .reqtxt, #cformsform .emailreqtxt, #cformsform label {width:100%; display:block; }
#cformsform .single, #cformsform .area { width:100%; display:block; }
#cformsform legend { font: 1.9em/1.2em Verdana, Arial, Helvetica, sans-serif; margin-bottom:16px; }
/*#cformsform .cf-ol li { width:90%; }
#cformsform ol li textarea { width:90%; }*/
#cformsform #li-2-4 { width:100%; }
#cf2_field_4 { width:100%; }


#cforms2form { font:9px Verdana, Arial, Helvetica, sans-serif; }
#cforms2form label { }
/*#cforms2form .reqtxt, #cforms2form .emailreqtxt { margin-bottom:10px; }*/
#cforms2form .reqtxt, #cformsform .emailreqtxt, #cformsform label {width:100%; display:block; }
#cforms2form .single, #cformsform .area { width:100%; display:block; }
#cforms2form legend { font: 1.9em/1.2em Verdana, Arial, Helvetica, sans-serif; margin-bottom:16px; }


/* --- -HACKS -- */
/* Hides from IE5-mac */
* html div#content {height: 1%;}
/* End hide from IE5-mac */ /*— Holly Hack for IE 6 Peekaboo bug —*/