/*
Theme Name: Southern Components 1.1
Description: southcomp.net
Version: 1.1
Author: Dwarf Dog Chuck
Author URI: http://dwarfdogchuck.com/
Tags: southern components
*/


/**************
	OVERRIDES
**************/
* { margin: 0; padding: 0; }
img { border: 0; }
a { text-decoration: none; outline: none; }
ul, ol { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 69%; /* Resets 1em to 11px */ }


/**************
	GENERAL
**************/
body {
	/*font-size: 69%; /* Resets 1em to 11px */
	/*font-family: 'Trebuchet MS', Arial, Sans-Serif;*/
	font-size: 81%; /* Resets 1em to 13px */
	font-family: Georgia, 'Times New Roman', serif;
	background: #352a11 url(images/bg.gif) repeat-y center;
	color: #636466;
	margin: 0;
	padding: 0;
	}

#page {
	width: 800px;
	margin: 10px auto;
	position: relative;
	}

h1, h2, h3, h4, h5, h6 { font-weight: normal; margin-bottom: .25em; }
h1 { font-size: 1.4em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1em; }
h6 { font-size: 1em; }

p, li, a { line-height: 1.5em; }

a:link { color: #344b6b; }
a:visited { color: #344b6b; }
a:hover { color: #af2734; }
a:active { color: #344b6b; }


/**************
	HEADER
**************/

#header {
	width: 100%;
	position: relative;
	margin: 0 auto;
	padding-bottom: 10px;
	/*border-bottom: 1px solid #999999;*/
	}
	#header h1 a {
		position: relative;
		display: block;
		width: 175px;
		height: 42px;
		margin: 0;
		padding: 0;
		text-indent: -9999em;
		background: url(images/sci-logo.png) no-repeat;
		}
	#header h2 { display: none; }
	
	#header ul { position: absolute; right: 1px; bottom: -15px; z-index: 1; }
		#header ul li { display: inline; padding-left: 15px; word-spacing: .25em; font-family: Arial, Sans-Serif; font-size: .8em;}

	#facebook { position: absolute; top: 8px; right: 0; }

/**************
	FOOTER
**************/
#footer {
	clear: both;
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	}


/**************
	CONTENT
**************/
#content { position: relative; padding-top: 35px; }
	#content h2 { color: #c0272d; margin-bottom: 1em; }

	p img { padding: 0; max-width: 100%; }
	img.centered, img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
	img.alignright { margin: 0 0 5px 10px; display: inline; }
	img.alignleft { margin: 0 10px 5px 0; display: inline; }
	.alignright { float: right; clear: right; }
	.alignleft { float: left; clear: left; }

	#sub { float: left; width: 174px; margin: 0; padding: .5em 0; border-right: 1px solid #999999; }
	#main { float: left; width: 600px; margin-left: 25px; padding: 0; }
	
	/* SUB */
	#sub ul { /*margin-left: 5px;*/ }
		#sub ul li { padding: 0; margin: 0 0 .75em 0; }
			#sub ul li a { padding: 0; text-transform: uppercase; font-family: Arial, Sans-Serif; letter-spacing: .02em; font-size: .8em; font-weight: bold; }
				#sub ul li a:link { color: #898989; }
				#sub ul li a:visited { color: #898989; }
				#sub ul li a:hover { color: #5e5e5d; }
				#sub ul li a:active { color: #898989; }
		
				#sub ul li.current_page_item a { color: #5e5e5d; }
					#sub ul li.current_page_item li a:link { color: #898989; }
					#sub ul li.current_page_item li a:visited { color: #898989; }
					#sub ul li.current_page_item li a:hover { color: #5e5e5d; }
					#sub ul li.current_page_item li a:active { color: #898989; }


				#sub ul ul { /*margin-top: .75em;*/ }
					#sub ul li li { margin: .25em 0 0 .25em; }
						#sub ul li li li { margin-left: .5em; }
						#sub ul li li a { padding: 0 0 0 .75em; background: url(images/bullet-red.gif) no-repeat 0 .4em; text-transform: none; }
	
	/* MAIN */
	#main p, #main ul, #main ol { margin-bottom: 1em; }
		#main .primary { float: left; width: 375px; }
		#main .additional { float: left; width: 200px; margin-left: 25px; } 

		/* HOME */
		#home #content h2 { display: none; }
		


	
		
		/* JOURNAL */
		#journal #main h3 { font-weight: bold; color: #7da09b; /*font: 1.3em bold 'Lucida Grande', Helvetica, Sans-Serif; margin-bottom: 0; text-transform: capitalize;*/ }
			#journal #main h2 a { /*color: #0db14b;*/ text-decoration: none; }
			#journal #main h2 a:hover { /*color: #a99a6f;*/ }
		#journal #main .post { margin-bottom: 10px; border-bottom: 1px dotted #cccccc; }
			#journal #main .post h2 { text-transform: capitalize; color: #0db14b; width: auto; height: auto; text-indent: 0; background-image: none; }
			#journal #main .post .entry { margin-top: 5px; /*padding-top: 5px; border-top: 1px solid #a99a6f;*/ /*text-align: justify;*/ }
				#journal #main .post .entry a { /*color: #0db14b;*/ text-decoration: none; }
				#journal #main .post .entry a:hover { /*color: #a99a6f;*/ }
				#journal #main .post .entry p { margin-bottom: 4px; }
					
			#journal #main .post p.postmetadata { margin: 5px 0 10px 0; }
	
		#journal #main .navigation { width: 100%; height: 20px; position: relative; }
			#journal #main .navigation .older { position: absolute; top: 0; left: 0; }
			#journal #main .navigation .newer { position: absolute; top: 0; right: 0; }
	
		/* Comment Form */
		#journal #main #commentform { margin-bottom: 15px; }
			#journal #main #commentform input, #journal #main #commentform textarea {
				font-family: 'Lucida Grande', Helvetica, Sans-Serif;
				font-size: 1em;
				margin-top: 3px;
				padding: 2px;
				background: #ffffff;
				border: 1px solid #6b604c;
				color: #6b604c;
				}
			#journal #main #commentform textarea {
				width: 98%;
				}
				
			#journal #main #commentform input.button {
				cursor: pointer;
				border: none;
				color: #2ca300;
				background: none;
				padding: 0;
				margin: 1px 0 0 -3px;
				font-size: 1.1em;
				font-weight: bold;
				text-transform: lowercase;
				}
				#journal #main #commentform input.button:hover { color: #97897d; }

		/* ARCHITECTURAL SERVICES */
	
		/* LOCATION */
		#location #main .primary, #location #main .additional { float: none; margin: 0; }
