/*  
Theme Name: Finishline
Theme URI: http://www.antbag.com
Description: Based on my former design at Antbag.com. The design was originally built on the Cutline framework, however it's been re-built from the ground up.
Version: 1.0
Author: Anthony Baggett
Author URI: http://www.antbag.com/

*/

body, h1, h2, h3, h4, h5, h6, blockquote, p, form { margin: 0; padding: 0; }
body { margin: 0; font-family: Georgia, serif; font-size: 13px; line-height: 18px; text-align: center; vertical-align: top; background: #fff url('images/braided1.jpg'); color: #336; }
#wrapper { margin: 0 auto; width: 968px; text-align: left; overflow: hidden; border-left: 1px solid #336; border-right: 1px solid #336; background: #fff; }
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; width: 252px; float:left; margin: -210px 0 0 36px; border: 0; display: block; }
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin: 12px 0; }
h4 { padding: 0 0 0 15px; }
blockquote { font-style: italic; font-family: Verdana, Geneva, sans-serif; font-size: 90%; color: #333; margin: 1.5em 30px 1.5em 30px; padding: 4px 4px 4px 10px; background: #fff; border-left: 3px solid #336; }
.entry p { margin: 12px 0 15px 0; }
.entry ul, .entry ol { margin: 0 0 15px 40px; }
.entry ul { list-style-type: disc; }
.entry li { margin: 0 0 5px 0; }
.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { margin: 5px 0 5px 30px; }
.entry img.left { padding: 6px; margin: 0.5em 15px 0.5em 0; border: 1px solid #ccc; background: #eee; float: left; clear: left; }
.entry img.right { padding: 6px; margin: 0.5em 0 0.5em 15px; border: 1px solid #ccc; background: #eee; float: right; clear: right; }
.entry img.center { display: block; padding: 8px; margin: 0 auto 1.5em auto; border: 1px solid #ccc; background: #eee; float: none; clear: both; }
.entry img.off { padding: 0 !important; border: none !important; }
.entry img.stack { clear: none !important; }
/*----HEADER----*/

#header { float: left; text-align: left; width: 968px; height: 152px; padding: 0; margin: 0; background: #f3f1c6 url('images/EWI140tag.png') 56px -6px no-repeat; color: #336; border-top: 6px solid #b1ad34; }
#header h1 a { border: 0; color: #336; text-decoration: none; }
#header h1 a:hover { border: 0; color: #b1ad34; text-decoration: none; }
#menu { width:750px; height:32px; position:relative; z-index:100; border-right:1px solid #f3f1c6; font-family:arial, sans-serif; margin: 8px 0 0 208px; }
/* hack to correct IE5.5 faulty box model */
* html #menu { width:625px; w\idth:570px; text-transform: uppercase; }
/* remove all the bullets, borders and padding from the default list styling */
#menu ul { padding:0; margin:0; list-style-type:none;  text-transform: uppercase; }
#menu ul ul { width:98px; }
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#menu li { float:left; position:relative; }
/* style the links for the top level */
#menu a, #menu a:visited { display:block; font-size:12px; text-decoration:none; color:#336; height:32px; padding-left:4px; line-height:32px; font-weight:bold; border:0; margin-right: 22px; }
/* a hack so that IE5.5 faulty box model is corrected */
* html #menu a, * html #menu a:visited { width:97px; w\idth:104px; }
/* style the top level hover */
#menu a:hover, #menu ul ul a:hover { color:#b1ad34; background:#f3f1c6; }
#menu :hover > a, #menu ul ul :hover > a { color:#b1ad34; background:#f3f1c6; }
/* style the second level links */
#menu ul ul a, #menu ul ul a:visited { background:#f3f1c6; height:auto; line-height:1em; padding:5px 10px; width:110px; margin-top: -1px; }
/* yet another hack for IE5.5 */
* html #menu ul ul a, * html #menu ul ul a:visited { width:108px; w\idth:104px; }
/* style the second level background */
#menu ul ul a.drop, #menu ul ul a.drop:visited { background:#f3f1c6; }
/* style the second level hover */
#menu ul ul a.drop:hover { background:#f3f1c6; color:#b1ad34; }
#menu ul ul :hover > a.drop { background:#f3f1c6; color:#b1ad34; }
/* style the third level background */
#menu ul ul ul a, #menu ul ul ul a:visited { background:#e2dfa8; }
/* style the third level hover */
#menu ul ul ul a:hover { background:#b2ab9b; }
/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu ul ul { visibility:hidden; position:absolute; height:0; top:31px; left:0; width:108px; border-top:1px solid #f3f1c6; }
/* another hack for IE5.5 */
* html #menu ul ul { top:30px; t\op:31px; }
/* style the table so that it takes no part in the layout - required for IE to work */
#menu table { position:absolute; top:0; left:0; border-collapse:collapse; }
/* make the second level visible when hover on first level list OR link */
#menu ul li:hover ul, #menu ul a:hover ul { visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
#menu ul :hover ul ul { visibility:hidden; }
/* make the third level visible when you hover over second level list OR link */
#menu ul :hover ul :hover ul { visibility:visible; }
/******I borrowed the header_img code from Cutline******/

#header_img { position: relative; margin: 0; border-top: 0px solid #000; float: left; clear: both; }
#header_img img { display: block; }
/* this is really just an IE 6 and 7 hack in disguise */



/*----NAVIGATION BAR----*/

	/* http://www.monkeyflash.com/archives/2006/06/20/simple-horizontal-navbar-list/ */
	
#navAreaTop { clear: both; float: left; width: 968px; margin-top:-3px; background: #f3f1c6; }
#navAreaTop ul { margin:0; padding:0; list-style-type:none; }
#navAreaTop li { float:left; cursor:pointer }
#navAreaTop li.navA { background:transparent url("images/EWInavA.png"); border-right:1px dotted #fff; }
#navAreaTop li.navB { background:transparent url("images/EWInavB.png"); border-right:1px dotted #fff; }
#navAreaTop a { display:block; height:0; padding-top:37px; color:#000; overflow:hidden; border: 0; }
#navAreaTop li.navA a { width:968px; border: 0; }
#navAreaTop li.navB a { width:968px; border: 0; }
* html #navAreaTop a:link, * html #navAreaTop a:visited { height:37px; height:0; border: 0; }
#navAreaTop a#itemA { background:transparent url("images/EWInavA.png") no-repeat; border: 0; }
#navAreaTop a#itemB { background:transparent url("images/EWInavB.png") no-repeat; border: 0; }
#navAreaTop a#itemA:hover { background-position:0 -37px; border: 0; }
#navAreaTop a#itemB:hover { background-position:0 -37px; border: 0; }
* html #navAreaTop a:hover { height:37px; height:0; border: 0; }
#navAreaHome { clear: both; float: left; width: 968px; margin-top:-1px; background: #b1ad34; }
#navAreaHome ul { margin:0; padding:0; list-style-type:none; background: #336; }
#navAreaHome li { float:left; cursor:pointer }
#navAreaHome li.nav1 { background:#336 url("images/EWInav1.png"); border-right:1px dotted #fff; }
#navAreaHome li.nav2 { background:#336 url("images/EWInav2.png"); border-right:1px dotted #fff; }
#navAreaHome li.nav3 { background:#336 url("images/EWInav3.png"); }
#navAreaHome li.nav4 { background:#336 url("images/EWInav4.png"); border-right:1px dotted #fff; }
#navAreaHome a { display:block; height:0; padding-top:74px; color:#000; overflow:hidden; border: 0; }
#navAreaHome li.nav1 a { width:241px; border: 0; }
#navAreaHome li.nav2 a { width:241px; border: 0; }
#navAreaHome li.nav3 a { width:241px; border: 0; }
#navAreaHome li.nav4 a { width:241px; border: 0; }
* html #navAreaHome a:link, * html #navAreaHome a:visited { height:74px; height:0; border: 0; }
#navAreaHome a#item1 { background:#336 url("images/EWInav1.png") no-repeat; border: 0; }
#navAreaHome a#item2 { background:#336 url("images/EWInav2.png") no-repeat; border: 0; }
#navAreaHome a#item3 { background:#336 url("images/EWInav3.png") no-repeat; border: 0; }
#navAreaHome a#item4 { background:#336 url("images/EWInav4.png") no-repeat; border: 0; }
#navAreaHome a#item1:hover { background-position:0 -74px; border: 0; }
#navAreaHome a#item2:hover { background-position:0 -74px; border: 0; }
#navAreaHome a#item3:hover { background-position:0 -74px; border: 0; }
#navAreaHome a#item4:hover { background-position:0 -74px; border: 0; }
* html #navAreaHome a:hover { height:74px; height:0; border: 0; }
.navText { display:none; }
/*----POST----*/

#container { float: left; width: 640px; padding: 0 0 0 0; background: #fff; }
.post { padding: 20px 50px 40px 40px; }
.post h2 { font-family: Georgia, serif; font-size: 22px; margin-top: 20px; line-height: 140%; }
.post h2 a { text-decoration: none; border: 0; }
.post h2 a:hover { text-decoration: none; border: 0; color: #b1ad34; }
.post a:link, a:visited { text-decoration: none; color:#336; border-bottom: 1px dotted #336; }
.post a:hover { text-decoration: none; color: #b1ad34; border-bottom: 1px dotted #b1ad34; }
.postinfo { font-size: 11px; color: #aaa; padding: 0 0 20px 0; margin-top: 6px; }
.postdate { color: #aaa; }
p.postmetadata { font-size: 12px; color: #BFB8A1; border-bottom: 1px dotted #ccc; margin: 20px 0 0 0; padding: 5px 0 0 0; }
p.postmetadata strong { float: right; }
/* This is the link at the bottom of a post which lets you go to the next or previous post */

.navigation { padding: 20px; font-size: 13px; font-weight: bold; line-height: 18px; color: #336; }
.navigation a { padding: 20px; color:#336; border: 0px }
/*----SIDEBAR STYLES----*/

.sidebar { float: right; width: 260px; margin: 0 auto 5px auto; padding: 35px 35px 15px 31px; display: inline; overflow: hidden; background: #fff; }
.widgettitle { font-family: Verdana, Geneva, sans-serif; font-size: 14px; font-weight: bold; color: #336; padding: 5px 0; margin: 0 10px 10px 0; }
.sidebar ul { display: inline; list-style: none; margin: 0; padding: 0 10px 0 10px; }
.sidebar ul li { list-style: none; padding: 5px 0 5px 5px; }
.sidebar ul li h2 { font-family: Verdana, Geneva, sans-serif; font-size: 14px; font-weight: bold; color: #336; padding: 5px 5px 5px 20px; margin: 0 10px 10px 0; border-bottom: 1px dotted #CCC; list-style: none; }
.sidebar ul ul li { padding: 0; margin: 0 0 0 13px; line-height: 20px; list-style: none; }
.sidebar a { text-decoration: none; color:#336; border-bottom: 1px dotted #336; }
.sidebar a:hover { text-decoration: none; color: #b1ad34; border-bottom: 1px dotted #b1ad34; }
#flickrrss img { margin: 8px; border: 2px solid #b1ad34; }
table#wp-calendar { width: 100%; }
#sidebar3 { float: right; width: 260px; margin: 0 auto 5px auto; padding: 35px 35px 15px 31px; display: inline; overflow: hidden; background: #fff; }
#sidebar3 ul { list-style: none; margin: 0; padding: 0 10px 0 10px; }
#sidebar3 li { list-style: none; padding: 5px 0 5px 5px; }
#sidebar3 ul li h2 { font-family: Verdana, Geneva, sans-serif; font-size: 14px; font-weight: bold; color: #336; padding: 5px; margin: 0 10px 5px 0; }
#sidebar3 ul ul li { padding: 0; margin: 0 0 0 13px; line-height: 20px; list-style: none; }
#sidebar3 a { text-decoration: none; color:#336; border-bottom: 1px dotted #336; }
#sidebar3 a:hover { text-decoration: none; color: #b1ad34; border-bottom: 1px dotted #b1ad34; }
/*----COMMENT FORM----*/

#comment-form { width: 510px; margin: 10px 0 0; border: 0px dotted #CCC; padding: 5px 5px 15px 15px; background: #fff; }
.comments-template ol { margin: 0; padding: 0 0 15px; list-style: none; }
.comments-template ol li { margin: 10px 0; line-height: 18px; padding: 10px 0 5px 15px; }
.comments-template h2, .comments-template h3 { font-family: Verdana, Geneva, sans-serif; font-size: 16px; color: #069; padding: 10px 0 30px 0; }
.commentmetadata { font-size: 12px; color: #069; padding: 20px 0; }
.commentmetadata strong { font-size: 13px; }
.comments-template p.nocomments { padding: 0; }
.comments-template input { border: 1px solid #069; }
.comments-template textarea { font-family: Verdana, Geneva, sans-seriff; font-size: 12px; color: #000; margin: 30px 15px 15px 0; background: #FFF; border: 1px solid #CCC; }
.even { background: #FFF; border: 2px solid #E0ECF8; }
.alt { background: #E0ECF8; border: none; }
/*---search form---*/

#search_form { }
#search_form .search_input { width: 221px; padding: 3px; color: #b1ad34; font: normal 1.0em Georgia, "Times New Roman", Times, serif; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; }
li.widget .search_input { font-size: 1.1em !important; }
#search_form .search_input:focus { border-top: 1px solid #666; border-left: 1px solid #666; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
/*----FOOTER----*/

#footercontent { width:100%; float:left; margin:0; padding: 30px 0; background: #f3f1c6; }
.footercolumn { float:left; margin:0 0 0 22px; padding:10px 14px; width:262px; border: 1px dotted #336; background: #fff url("images/bg_leaf.png") no-repeat top right; }
.footercolumn a { color:#336; text-decoration:none; border-bottom: 1px dotted #336; }
.footercolumn a:hover { color:#b1ad34; border-bottom: 1px dotted #b1ad34; }
.footercolumn .read_more { font-style: italic; }
.footercolumn ul { list-style: none inside; margin: 0 0 0 6px; padding: 0; }
.footercolumn ul li { margin: 0; padding: 6px 0 6px 0; }
.footercolumn h2 { margin:0; padding:0; font-family: Verdana, Geneva, sans-serif; font-weight: bold; color: #336; font-size: 14px; line-height: 140%; list-style: none; }
.footercolumn ul ul { list-style: none url(images/bullet.png) inside; margin-left: 8px; padding: 0; }
.footercolumn ul ul ul { list-style: none url(images/test.png) inside; margin-left: 8px; padding: 0; }
.footercolumn ul ul ul li { margin: 0; padding: 0; }
#footerbottom { background:#b1ad34; border-top: 1px solid #336; font-size: 11px; padding: 12px 0 0 0; height:24px; float:left; width:100%; text-align: center; }
#footerbottom a { color: #336; border-bottom: 1px dotted #336; text-decoration: none; }
#footerbottom a:hover { color: #fff; border-bottom: 1px dotted #fff; }
/*----RECOMMENDED BY WORDPRESS----*/

.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; }
.aligncenter { display: block; margin: 10px auto; }
.alignleft { float: left; }
.alignright { float: right; }