/*
Theme Name: DFT Template
Theme URI: http://www.screendrip.co/
Description: A custom theme for the DFTC website.
Version: 1.0
Author: Screendrip
Author URI: http://www.screendrip.com/
Tags: blue, custom header, fixed width, two columns, widgets

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* Begin Typography & Colors */
body 					{ font-size: 62.5%; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; background: url('images/body_bg.jpg') top center repeat-y; color: #333; text-align: center }
body					{ background-color: #edf6e3 }
#page					{ width: 920px }
#headerimg 				{ margin: 7px 9px 0; height: 177px; width: 920px }
#content 				{ margin: 10px 0 0 0; font-size: 1.2em; float: left }
.widecolumn .entry p 	{ font-size: 1.05em }
.narrowcolumn .entry, 
.widecolumn .entry 		{ line-height: 1.4em }
.widecolumn 			{ line-height: 1.6em }
.narrowcolumn 
.postmetadata 			{ text-align: center }
.thread-alt 			{ background-color: #f8f8f8 }
.thread-even 			{ background-color: white }
.depth-1 				{ border: 1px solid #ddd }
.even, .alt 			{ border-left: 1px solid #ddd }
#footer 				{ font-family: Arial, Helvetica, sans-serif; font-size: 13px }
small 					{ font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em }
h1, h2, h3 				{ font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: bold }
h1 						{ font-size: 4em; text-align: center }
#headerimg .description { font-size: 1.2em; text-align: center }
h2 						{ font-size: 1.6em }
h2.pagetitle 			{ font-size: 1.6em }
h3 						{ font-size: 1.3em }
h1, h1 a, h1 a:hover, 
h1 a:visited, #headerimg 
.description 			{ text-decoration: none; color: white }
h2, h2 a, h2 a:visited, 
h3, h3 a, h3 a:visited 	{ color: #333 }
h2, h2 a, h2 a:hover, 
h2 a:visited, h3, h3 a, 
h3 a:hover, h3 a:visited, 
#sidebar h2, #wp-calendar 
caption, cite 			{ text-decoration: none }
.entry p a:visited 		{ color: #b85b5a }
.sticky 				{ background: #f7f7f7; padding: 0 10px 10px	}
.sticky h2 				{ padding-top: 10px }
.commentlist li, 
#commentform input, 
#commentform textarea 	{ font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif }
.commentlist li ul li 	{ font-size: 1em }
.commentlist li 		{ font-weight: bold }
.commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff }
.commentlist cite, 
.commentlist cite a 	{ font-weight: bold; font-style: normal; font-size: 1.1em }
.commentlist p 			{ font-weight: normal; line-height: 1.5em; text-transform: none }
#commentform p 			{ font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif }
.commentmetadata 		{ font-weight: normal }
#sidebar 				{ font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif }
small, 
#sidebar ul ul li, 
#sidebar ul ol li, 
.nocomments, 
.postmetadata, 
blockquote, strike 		{ color: #777 }
code 					{ font: 1.1em 'Courier New', Courier, Fixed }
acronym, abbr, span.caps{ font-size: 0.9em; letter-spacing: .07em }

a, h2 a:hover, h3 
a:hover 				{ color: #06c; text-decoration: none }
a:hover 				{ color: #147; text-decoration: underline }
#wp-calendar #prev a, 
#wp-calendar #next a 	{ font-size: 9pt }
#wp-calendar a 			{ text-decoration: none }
#wp-calendar caption 	{ font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center }
#wp-calendar th 		{ font-style: normal; text-transform: capitalize }
/* End Typography & Colors */

/* Begin Structure */
body 					{ margin: 0 0 7px 0; padding: 0 }
#page 					{ margin: 7px auto 20px auto; padding: 0; width: 920px; border: 1px solid #959596 }
#header 				{ background-color: #73a0c5; margin: 0 0 0 1px; padding: 0; height: 177px; width: 920px }
#headerimg 				{ margin: 0; height: 200px; width: 100% }
.narrowcolumn 			{ float: left; padding: 0 20px 0 20px; margin: 0px 0 0; width: 669px; background: #FFF; min-height: 604px }
.widecolumn 			{ padding: 10px 0 20px 0; margin: 5px 0 0 150px; width: 500px }
.post 					{ margin: 0 0 40px; text-align: justify }
.post hr 				{ display: block }
.widecolumn .post 		{ margin: 0 }
.narrowcolumn 
.postmetadata 			{ padding-top: 5px }
.widecolumn 
.postmetadata 			{ margin: 30px 0 }
.widecolumn 
.smallattachment 		{ text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px }
.widecolumn .attachment { text-align: center; margin: 5px 0 }
.postmetadata 			{ clear: both }
.clear 					{ clear: both }
#footer 				{ background: url(images/footer_bg.jpg) repeat-x top; height: 33px; margin: 17px auto 0 auto; width: 930px; clear: both }
#footer p 				{ margin: 0; padding: 10px; text-align: left; color: #FFF; padding-bottom: 0 }
#footer a				{ text-decoration: none; color: #FFF }
#footer a:hover			{ text-decoration: underline }
/* End Structure */

/* Begin Menu Structure */
#main-menu				{ margin: 0 0 0 1px; background-color: #2b611b; height: 33px; width: 900px; padding: 0 0 0 20px }
#main-menu li			{ float: left; list-style: none; font-size: 18px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; margin-right: 12px }
#main-menu li a			{ color: #FFF; display: block; height: 28px; padding: 5px 10px 0 10px }
#main-menu li a:hover	{ text-decoration: none; background-color: #132c0c }
/* End Menu Structure */

/*	Begin Headers */
h1 						{ padding-top: 70px; margin: 0 	}
h2 						{ margin: 30px 0 0 }
h2.pagetitle 			{ margin-top: 30px; text-align: center }
h3 						{ padding: 0; margin: 30px 0 0 }
h3.comments 			{ padding: 0; margin: 40px auto 20px }
/* End Headers */


/* Begin Images */
p img 					{ padding: 0; max-width: 100% }
img.centered 			{ display: block; margin-left: auto; margin-right: auto }
img.alignright 			{ padding: 4px; margin: 0 0 2px 7px; display: inline }
img.alignleft 			{ padding: 4px; margin: 0 7px 2px 0; display: inline }
.alignright 			{ float: right }
.alignleft 				{ float: left }
/* End Images */

/* Begin Lists */
html>body .entry ul 	{ margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px }
html>body .entry li 	{ margin: 7px 0 8px 10px }
.entry ul li:before, 
#sidebar ul ul li:before { content: "\00BB \0020" }
.entry ol 				{ padding: 0 0 0 35px; margin: 0 }
.entry ol li 			{ margin: 0; padding: 0 }
.postmetadata ul, 
.postmetadata li 		{ display: inline; list-style-type: none; list-style-image: none }
#sidebar ul, 
#sidebar ul ol 			{ margin: 0; padding: 0 }
#sidebar ul li 			{ list-style-type: none; list-style-image: none; margin-bottom: 15px }
#sidebar ul p, 
#sidebar ul select 		{ margin: 5px 0 8px }
#sidebar ul ul, 
#sidebar ul ol 			{ margin: 5px 0 0 10px }
#sidebar ul ul ul, 
#sidebar ul ol 			{ margin: 0 0 0 10px }
ol li, 
#sidebar ul ol li 		{ list-style: decimal outside }
#sidebar ul ul li, 
#sidebar ul ol li 		{ margin: 3px 0 0; padding: 0 }
/* End Entry Lists */



/* Begin Form Elements */
#searchform 			{ margin: 10px auto; padding: 5px 3px; text-align: center }
#sidebar #searchform #s { width: 108px; padding: 2px }
#sidebar #searchsubmit 	{ padding: 1px }
.entry form 			{ text-align: center }
select 					{ width: 130px }
#commentform input 		{ width: 170px; padding: 2px; margin: 5px 5px 1px 0 }	
#commentform 			{ margin: 5px 10px 0 0 }
#commentform textarea 	{ width: 100%; padding: 2px }
#respond:after 			{ content: "."; display: block; height: 0; clear: both; visibility: hidden }
#commentform #submit 	{ margin: 0 0 5px auto; float: right }
/* End Form Elements */

/* Begin Comments*/
.alt 					{ margin: 0; padding: 10px }
.commentlist 			{ padding: 0; text-align: justify }
.commentlist li 		{ margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none }
.commentlist li ul li 	{ margin-right: -5px; margin-left: 10px }
.commentlist p 			{ margin: 10px 5px 10px 0 }
.children 				{ padding: 0 }
#commentform p 			{ margin: 5px 0 }
.nocomments 			{ text-align: center; margin: 0; padding: 0 }
.commentmetadata 		{ margin: 0; display: block }
/* End Comments */

/* Begin Sidebar */
#sidebar				{ padding: 20px 0 10px 0; margin-left: 545px; width: 190px }
#sidebar form 			{ margin: 0 }
/* End Sidebar */

/* Begin Calendar */
#wp-calendar 			{ empty-cells: show; margin: 10px auto 0; width: 155px }
#wp-calendar #next a 	{ padding-right: 10px; text-align: right }
#wp-calendar #prev a 	{ padding-left: 10px; text-align: left }
#wp-calendar a 			{ display: block }
#wp-calendar caption 	{ text-align: center; width: 100% }
#wp-calendar td 		{ padding: 3px 0; text-align: center }
#wp-calendar 
td.pad:hover 			{ background-color: #fff }
/* End Calendar */

/* Begin Various Tags & Classes */
acronym, abbr, 
span.caps 				{ cursor: help }
acronym, abbr 			{ border-bottom: 1px dashed #999 }
blockquote 				{ margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd }
blockquote cite 		{ margin: 5px 0 0; display: block }
.center 				{ text-align: center }
.hidden 				{ display: none }
.screen-reader-text 	{ position: absolute; left: -1000em }
hr 						{ display: none }
a img 					{ border: none }
.navigation 			{ display: block; text-align: center; margin-top: 10px; margin-bottom: 60px }
/* End Various Tags & Classes*/

/* Captions */
.aligncenter,
div.aligncenter 		{ display: block; margin-left: auto; margin-right: auto }
.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 
p.wp-caption-text 		{ font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0 }
/* End captions */

/* Start Sidebar */
#sidebar, #leftbar		{ float: left; margin: 10px 0 0 0; padding: 0; background-color: #6c925e; width: 105px }
.sidebar-header			{ font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; display: block; background-color: #2d661c; color: #FFF;
						  padding: 3px 0; margin: 0; font-size: 14px; margin-bottom: 5px }
#sidebar a				{ display: block; margin: 14px 0 }

#leftbar				{ font-family: Arial, Helvetica, sans-serif; }
#leftbar a				{ display: block; font-size: 12px; color: #FFF; text-align: left; font-weight: bold; padding: 5px 2px 4px 2px }
#leftbar a:hover		{ text-decoration: none; background-color: #030 }
#leftbar p				{ text-transform: capitalize; font-size: 18px; font-weight: bold; color: #FFF; margin: 0; line-height: 25.5px }

/* End Sidebar */

/* Begin Custom Areas */
#adverts				{ height: 60px; float: left; padding-top: 5px; background: url(images/ad_bg.jpg) right bottom no-repeat; width: 920px; margin-bottom: -10px  }
#adverts h2				{ top: 220px; position: absolute; color: #67925b; font-family: "Arial Black", Arial, Helvetica, sans-serif; font-size: 12px; letter-spacing: -1px; line-height: 15px }
#free-quote				{ float: left }
#footer					{ width: 920px }
#footer p				{ margin: 0 }
#footer-links			{ width: 70%; float: left }
#footer p#footer-info	{ width: 20%; float: right; font-size: 10px; text-align: right; margin-top: 0; padding: 3px 5px 0 0 }
#content h2				{ background-color: #2e681d; padding: 2px 5px 2px 15px; color: #FFF; font-family: Arial, Helvetica, sans-serif }

#featured-article		{ background: url(images/featured_article.jpg) center no-repeat; height: 182px; width: 670px }
#featured-article h2	{ color: #FFF; background: none; padding: 20px 0 0 75px; margin: 30px 0 0 125px }
#featured-article p		{ color: #000; padding: 20px 25px 10px 190px }

ul#tips					{ list-style: none; list-style-image: url(images/li.jpg); list-style-position: inside; padding: 0 }
ul#tips li				{ padding: none; float: left; width: 40% }
ul#tips li a			{ color: #666 }

/* #shadow					{ position: absolute; top: 270px; height: 604px; z-index: -50 }

/* End Custom Areas */