/*****************************************************************************************

	Website: andrew-hite.com
	Developer: Andrew Hite
	Development Date: May 2008

******************************************************************************************

	1.  GENERAL
		 	1.1 Global Reset
				
			1.2 Typography
				1.2.1 Headings
				1.2.2 Paragraphs
				1.2.3 Forms
				1.2.4 Links
				1.2.5 Miscellaneous
				
			1.3 Forms
				1.3.1 Text Fields
				1.3.2 Text Areas
				1.3.3 Check Boxes
				1.3.4 Radio Buttons
				1.3.5 Select Lists
				1.3.6 Required Fields
				1.3.7 Submit Buttons
		
	2. GENERAL ELEMENTS
			2.1 Structure
			
			2.2 Header Elements
				2.2.1 Logo
				2.2.2 Slogan
				2.2.3 Navigation
				2.2.4 Top Navigation
				
			2.3 Content Elements
				2.3.1 Section Headings
				2.3.2 Galleries
				
			2.4 Sidebar Elements
				2.4.1 Sections
				2.4.2 Section Headings
				2.4.3 vCards
			
			2.5 Footer Elements
			
			2.6 Miscellaneous Elements
				2.6.1 Images and Thumbs
				2.6.2 Element Positioning
			
			

******************************************************************************************/




/* 1. GENERAL
=========================================================================================*/

/* 1.1	Global Reset
-----------------------------------------------------------------------------------------*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, label,
pre, form, fieldset, input, textarea, p, blockquote, th, td, button { font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-weight: normal; 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 { list-style: none; }

caption, th { text-align: left; }

q:before, q:after { content: ''; }

abbr, acronym { border: 0; }

body { font-size: 62.5%; }




/* 1.2	Typography
-----------------------------------------------------------------------------------------*/

/* 1.2.1 Headings */

h1 { color: #996633; font-family: Georgia, "Times New Roman", serif; font-size: 4.8em; line-height: 1.2em; margin-bottom: 6px; width: 882px; }

h2 { color: #996633; font-family: Georgia, "Times New Roman", serif; font-size: 2.4em; line-height: 1.2em; margin-bottom: 6px; }

h3 { color: #999999; font-size: 1.1em; text-transform: uppercase; }

/* 1.2.2 Paragraphs */

p { color: #666666; font-size: 1.1em; line-height: 1.8em; margin-bottom: 1.6em; }

li { color: #666666; font-size: 1.1em; line-height: 1.6em; list-style: disc inside; }

dt { color: #666666; font-size: 1.1em; line-height: 1.6em; }

dd { color: #666666; font-size: 1.1em; line-height: 1.6em; margin-bottom: 1.2em; }

/* 1.2.3 Forms */

label, .label { color: #336699; font-size: 1.2em; line-height: 1.6em; }

input, textarea, select { color: #666666; font-size: 1.2em; line-height: 1.6em; }

submit, button { font-size: 1.2em; }

/* 1.2.4 Links */

a { border-bottom: 1px solid #996633; color: #996633; text-decoration: none; }

a:hover { background: #ffffcc; }

/* 1.2.5 Miscellaneous */

strong { font-weight: bold; }

em { font-style: italic; }

h1 a { border-bottom: none; color: #336699; font-style: normal; font-weight: normal; height: 30px; }

h1 a:hover { background: url(images/misc-link_line.gif) repeat-x 0 88%; border-bottom: none; }

h2 a { border-bottom: none; color: #336699; font-style: normal; font-weight: normal; }

h2 a:hover { background: url(images/misc-link_line.gif) repeat-x 0 88%; border-bottom: none; }




/* 1.3	Forms
-----------------------------------------------------------------------------------------*/

form { clear: both; width: 100%; }

/* 1.3.1 Text Fields */

.textField { display: inline; float: left; padding: 6px 0; width: 100%; }

	.textField label { display: inline; float: left; height: 16px; margin-right: 2%; padding: 6px; text-align: right; width: 23%; }
	
	.textField input { border: 1px solid #cccccc; display: inline; float: left; height: 16px; padding: 6px; width: 70%; }
	
		.textField input.small { width: 15%; }
	
		.textField input.medium { width: 40%;}
		
		.textField input.large { float: none; margin: 0 auto; width: 98%; }
	
	.textField .fieldWithErrors input { background: #f7eded; border: 1px solid #b00000; }

/* 1.3.2 Text Areas */

.textArea { display: inline; float: left; padding: 6px 0; width: 100%; }

	.textArea label { display: inline; float: left; height: 16px; margin-right: 2%; padding: 6px; text-align: right; width: 23%; }
	
	.textArea textarea { border: 1px solid #cccccc; float: left; height: 138px; padding: 6px; width: 70%; }
	
	.textArea .fieldWithErrors textarea { background: #f7eded; border: 1px solid #b00000; }

/* 1.3.3 Check Boxes */

.checkBoxes { display: inline; float: left; padding: 6px 0; width: 100%; }

	.checkBoxes .label { display: inline; float: left; height: 16px; margin-right: 2%; padding: 6px; text-align: right; width: 23%; }
	
	.checkBoxes .optionList { display: inline; float: left; padding: 6px; width: 70%; }

/* 1.3.4 Radio Buttons */

.radioButtons { display: inline; float: left; padding: 6px 0; width: 100%; }

	.radioButtons .label { display: inline; float: left; height: 16px; margin-right: 2%; padding: 6px; text-align: right; width: 23%; }
	
	.radioButtons .optionList { display: inline; float: left; padding: 6px; width: 70%; }

/* 1.3.5 Select Lists */

.selectList { display: inline; float: left; padding: 6px 0; width: 100%; }

	.selectList label { display: inline; float: left; height: 16px; margin-right: 2%; padding: 6px; text-align: right; width: 23%; }
	
	.selectList select { display: inline; float: left; height: 16px; margin-top: 4px; padding: 6px; }
	
/* 1.3.6 Required Fields */

.required label { font-weight: bold; }

/* 1.3.7 Submit Buttons */

.submitButton { border-top: 1px dotted #cccccc; display: inline; float: left; margin-top: 6px; padding: 12px 0; text-align: center; width: 100%; }

	.submitButton button {
		background: #f5f5f5; border: 1px solid #c8c8c8;	color: #666666;	cursor: pointer; font-weight: bold;	overflow: visible; padding: 6px; width: auto; }
	
	.submitButton button:hover { background: #deebd0; border: 1px solid #8dc05a; color: #4c7f18; }




/* 2. Layout
=========================================================================================*/

/* 2.1	Structure
-----------------------------------------------------------------------------------------*/

html { background: url(images/bg-body_top.gif) #ffffff repeat-x top; }

body { background: url(images/bg-body_bottom.gif) repeat-x bottom; }

.container { background: url(images/bg-container_top.gif) no-repeat 0 22px; margin: 0 auto; width: 1024px; }

#pageHeader { height: 140px; margin: 0 auto; position: relative; width: 902px; }

#pageBody { margin: 0 auto; padding: 0 10px; width: 882px; }

	#pageBody .content { display: inline; float: left; width: 581px; }
	
	#pageBody .sidebar { display: inline; float: right; margin-bottom: 24px; margin-top: 75px; width: 280px; }

#pageFooter { clear: both; height: 269px; margin: 0 auto; position: relative; width: 902px; }




/* 2.2	Header Elements
-----------------------------------------------------------------------------------------*/

/* 2.2.1 Logo */

#pageHeader .title {
	background: url(images/logo-medium.png) no-repeat;
	height: 85px;
	left: 369px;
	overflow: hidden;
	position: absolute;
	text-indent: -5000px;
	top: -300px;
	width: 182px;
}

#pageHeader .tippedTitle {
	background-position: 0 -85px;
}

/* 2.2.2 Navigation */

#headerNavigation {  }

	#headerNavigation li { list-style: none; position: absolute; top: 68px; visibility: hidden; }

		#headerNavigation li a { border-bottom: none; display: block; height: 35px; overflow: hidden; text-indent: -5000px; }
		
		#headerNavigation li a.current { background-position: 0 -35px; }
		
		#headerNavigation li .overlay { cursor: pointer; display: block; height: 35px; position: absolute; top: 0; left: 0; }
		
	#headerNavigation li.home { left: 150px; }
	
		#headerNavigation li.home a { background: url(images/nav-home.gif) no-repeat; width: 78px; }
		
		#headerNavigation li.home .overlay { background: url(images/nav-home.gif) no-repeat bottom; width: 78px; }
	
	#headerNavigation li.about { left: 243px; }
	
		#headerNavigation li.about a { background: url(images/nav-about.gif) no-repeat; width: 78px; }
		
		#headerNavigation li.about .overlay { background: url(images/nav-about.gif) no-repeat bottom; width: 78px; }
	
	#headerNavigation li.archive { left: 586px; }
	
		#headerNavigation li.archive a { background: url(images/nav-archive.gif) no-repeat; width: 93px; }
		
		#headerNavigation li.archive .overlay { background: url(images/nav-archive.gif) no-repeat bottom; width: 93px; }
	
	#headerNavigation li.contact { left: 693px; }
	
		#headerNavigation li.contact a { background: url(images/nav-contact.gif) no-repeat; width: 93px; }
		
		#headerNavigation li.contact .overlay { background: url(images/nav-contact.gif) no-repeat bottom; width: 93px; }
				
				


/* 2.3	Content Elements
-----------------------------------------------------------------------------------------*/

/* 2.3.1 Current Post */

.content .current p { font-size: 1.2em; line-height: 1.6em; }

/* 2.3.2 Post Meta Data */

.entry .metaData { height: 17px; margin-bottom: 12px; }

	.entry .metaData li { display: inline; float: left; line-height: 17px; list-style: none; }
		
		.entry .metaData li { }
		
			.entry .metaData li a { border-bottom: 1px dotted #999999; color: #666666; }
		
			.entry .metaData li a:hover { background: none; color: #6699cc; }
	
		.entry .metaData li.comments { background: url(images/icon-comment.gif) no-repeat left; padding-left: 24px; }
	
			.entry .metaData li.comments a { border-bottom: none; border-right: 1px solid #999999; color: #6699cc; font-weight: bold; margin-right: 4px; padding-right: 4px; }
		
			.entry .metaData li.comments a:hover { background: none; color: #336699; }

			
/* 2.3.3 Galleries */

.gallery { clear: both; display: inline; float: left; width: 100%; }

	.gallery .thumb { display: inline; float: left; height: 108px; margin: 0 16px 32px 16px; width: 108px; }
	
		.gallery .thumb a { border-bottom: none; }
		
/* 2.3.4 Entry Navigation */

.entryNavigation { float: left; margin-bottom: 24px; width: 100%; }

	.entryNavigation li { list-style: none; width: auto; }

		.entryNavigation li a { border: 1px solid #336699; color: #336699; display: block; padding: 3px 6px; }

	.entryNavigation li.previous { float: left; }

	.entryNavigation li.next { float: right; }


/* 2.4	Sidebar Elements
-----------------------------------------------------------------------------------------*/

/* 2.4.1 Sections */

.sidebar .section { margin-bottom: 32px; text-align: center; width: 280px; }

	.sidebar .section h2 { color: #336699; font-weight: normal; margin-bottom: 12px; }
	
	.sidebar .section ul li { display: inline; list-style: none; }

/* 2.4.2 Highlighted Sections */

.sidebar .highlighted { background-color: #ffffcc; margin-top: 10px; padding: 0 12px; position: relative; text-align: left; width: 256px; }

	.sidebar .highlighted .corner { display: block; height: 10px; position: absolute; width: 280px; }
	
	.sidebar .highlighted .top { background: url(images/cnr-sidebar_top.png) no-repeat; left: 0; top: -10px; }
	
	.sidebar .highlighted .bottom { background: url(images/cnr-sidebar_bottom.png) no-repeat; bottom: -10px; left: 0; }
	
/* 2.4.3 Twitter */

ul.twitter li.twitter-item { display: block; margin-bottom: 24px; text-align: left; width: 100%; }



/* 2.5	Footer Elements
-----------------------------------------------------------------------------------------*/

#pageFooter .section { display: inline; float: left; height: 144px; margin: 0 10px; padding-top: 24px; width: 280px; }

	#pageFooter .section h2 { color: #666666; font-size: 1.8em; font-weight: normal; }
	
	#pageFooter .section a { border-bottom: none; color: #999999; }
	
	#pageFooter .section a:hover { background: none; border-bottom: 1px dotted #999999; }

#pageFooter .copyright { left: 0; position: absolute; top: 200px; }

	#pageFooter .copyright p { margin-bottom: 0; }

#pageFooter .wordpress { left: 0; position: absolute; top: 220px; }
	
	#pageFooter .wordpress p { margin-bottom: 0; }
	
	#pageFooter .wordpress a { border-bottom: none; color: #666666; }
	
	#pageFooter .wordpress a:hover { background: none; border-bottom: 1px dotted #666666; }

#pageFooter .disclaimer { position: absolute; right: 10px; top: 190px; width: 581px; }

	#pageFooter .disclaimer p { margin-bottom: 0; }




/* 2.6	Miscellaneous Elements
-----------------------------------------------------------------------------------------*/

/* 2.6.1 Images and Thumbs */

.image { margin-bottom: 10px; }

	.image a { border: none; }

	.image img, .thumb img { background-color: #ffffff; border: 1px solid #336699; padding: 3px; }

/* 2.6.2 Horizontal Rules */

.hr { border-bottom: 1px solid #999999; display: block; margin-bottom: 1.8em; width: 100%; }

	.hr hr { display: none; }
	
/* 2.6.3 Link outline fix */

:link:focus, :visited:focus {-moz-outline:0px;}

/* 2.6.4 Floats */

.floatLeft { float: left; margin: 0 12px 12px 0; }

.floatRight { float: right; margin: 0 0 12px 12px; }

#mbl_b_foot { display: none; }

#mbl_b_frame a { border-bottom: none; }

#mbl_b_frame a:hover { background: none; }