/* -------------------------------------------
project:	For The Want of a Nail
date:		2007/04/19
------------------------------------------- */

html { min-height: 100%; margin-bottom: 1px; font-size: 100.01%; }
body { margin: 0; padding: 0; background: #01183d url(../images/bg.gif) repeat-x; color: #666; font: 75%/150% Arial,Helvetica,sans-serif; }
textarea, input, select, option, button { font: 1em Arial,Helvetica,sans-serif; }

/* COMMON
------------------------------------------- */
fieldset { border: none; margin: 0 0 12px; padding: 0; }
legend { display: none; }

img { border: none; }

strong { color: #000; }
em { padding: 1px 2px; background: #ffffe0; font-style: normal; }

abbr, 
acronym { border-bottom: 1px dotted #aaa; }

dl { margin: 0 0 12px; }
 dt { font-weight: bold; }
 dd { margin: 0; }

p { margin: 0 0 12px; }

a { color: #9ec101; text-decoration: none; }
a:hover, a:focus, a:active { text-decoration: underline; }

/* HEADINGS
------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin: 0 0 12px; color: #01183e; font: normal 2.0em "Lucida Sans Unicode",Arial,Helvetica,sans-serif; }
h1 { font-size: 1.50em; }
h2 { font-size: 1.25em; }
h3 { font-size: 1.17em; }
h4 { font-size: 1.08em; }
h5 { font-size: 1.00em; }
h6 { font-size: 0.83em; }

/* HELPERS
------------------------------------------- */
.wrapper { overflow: hidden; }
.offset { position: absolute; left: -10001em; }

/* LAYOUT
------------------------------------------- */
#root { width: 760px; margin: 0 auto; }
 #top { position: relative; }
  #logo { position: absolute; left: 0; top: 79px; width: 224px; height: 46px; background: url(../images/logo.png) no-repeat; }
   #logo a { display: block; overflow: hidden; width: 224px; height: 46px; text-indent: -10001px; }
  #nav { list-style: none; margin: 0; padding: 11px 0; }
   #nav li { display: inline; padding: 0 12px 0 13px; background: url(../images/sep-a.gif) 0 50% no-repeat; font-size: 0.92em; text-transform: uppercase; }
   #nav li.first { background: none; }
	#nav li a.current { color:#D9E9F9; }
   #nav li.feed { position: absolute; right: 0; padding-left: 25px; background: url(../images/feed.gif) 0 50% no-repeat; }
    #nav li a { color: #83bcf4; }
    #nav li a:hover { color: #eee; }
    #nav li em { position: absolute; left: -10001em; }
 #scorecard { padding: 12px 15px 8px 500px; border-bottom: 1px solid #7bb3ef; background: #3d7bc6 url(../images/scorecard.jpg) 50% 0 no-repeat; }
  #scorecard h2 { position: relative; margin: 0 0 0.33em; padding: 0 7em 0.33em 0; background: url(../images/sep-b.gif) -1px 100% repeat-x; color: #bce700; }
   #scorecard h2 span { color: #fff; }
  #scorecard p.side { margin: -2.4em 0 8px; font-size: 0.91em; text-align: right; }
   #scorecard p.side a { padding: 0 15px 0 0; background: url(../images/i-magnify.gif) 100% 50% no-repeat; color: #b8e1fe; }
  #scorecard ul { position: relative; overflow: hidden; list-style: none; margin: 0; padding: 0; }
   #scorecard ul li { display: inline; float: left; padding: 0 2px; color: #fff; font-size: 0.92em; text-transform: uppercase; }
   #scorecard ul li.won, #scorecard ul li.lost { width: 96px; margin: 0 -100px 0 0; }
   #scorecard ul li.lost { clear: left; }
   #scorecard ul li.saved { margin: -1.9em 0 0 100px; }
   #scorecard ul li.cost { margin: 0 0 0 100px; }
    #scorecard ul li span { display: inline; float: left; width: 50px; margin: 0 10px 3px 0; background: url(../images/score-a.gif) 50% 100% no-repeat; color: #cee7fd; font-size: 0.91em; text-align: center; text-transform: none; }
    #scorecard ul li.saved span, #scorecard ul li.cost span { width: 78px; padding: 0 7px 0 0; background: url(../images/score-b.gif) 50% 100% no-repeat; text-align: right; }
 #scorecard ul li:hover div.nav-thumb { display: block; }
 #scorecard div.nav-thumb { display: none; position: absolute; left: 40px; top: 0px; background: #fff; text-transform: none; color:#000; border: 1px solid #08303A;
	background-color: #DDDDDD;
	padding: 0px 7px;
	opacity: .8;
	filter: alpha(opacity=80);
	text-align: center;}
  #nav-won, #nav-lost, #nav-saved, #nav-cost {
  	z-index:1000; 
  }
 #poem { height: 240px; background: url(../images/poem.jpg) 50% 0 no-repeat; }
  #poem p { position: absolute; left: -10001em; top: -10001em; }
 #content { overflow: hidden; padding: 20px; border-top: 1px solid #fff; background: #fff url(../images/content.gif) repeat-x;}
  #main { float: left; margin: 0 231px 0 0; padding: 0 40px 0 0; }
  #content.separate #main { background: url(../images/sep-c.gif) 468px 20px no-repeat; }
  #side { float: right; width: 231px; margin: 0 0 0 -231px; }
   #side h2 { color: #61a3ea; }
    #side h2 span { color: #01183e; }
 #postComment { overflow: hidden; padding: 20px; border-top: 1px solid #fff; background: #6fa7e6 url(/common/images/post_bg.gif) repeat-x; }
 	#postComment .post { float: left; margin: 0 231px 0 0; padding: 0 40px 0 0; }
	#postComment .inputPost {width:400px; padding: 2px 3px; border: 2px solid #d9e9f9; -moz-border-radius: 3px; vertical-align: middle; background: #eff6fd;}
 #subcontent { background: url(../images/subcontent-top.jpg) repeat-y; }
  #subcontent .inner { padding: 20px; background: url(../images/subcontent-bottom.jpg) 0 100% no-repeat; }
   #subcontent h2 { color: #bce700; }
    #subcontent h2 span { color: #fff; }
 #footer { overflow: hidden; padding: 8px 5px; }
  #footer p { float: right; margin: 0; color: #33507e; font-size: 0.915em; }
   #footer p a { color: #8cc1f6; }
  #footer p.first { float: left; color: #8cc1f6; }
   #footer p.first strong { color: #fff; }
   #footer p.first a { color: #8cc1f6; }
	.sendStory{
		float:right;
	color:#fff;
	}
h2.register { padding-left: 25px; background: url(../images/i-register.gif) 0 0.1em no-repeat; }
h2.links { padding-left: 25px; background: url(../images/i-links.gif) 0 0.1em no-repeat; }
h2.user { padding-left: 25px; background: url(../images/i-user.gif) 0 0.1em no-repeat; }
h2.comment { padding-left: 25px; margin-bottom:6px; background: url(../images/i-comment2.gif) 0 3px no-repeat; }
   
/* SKIP LINKS
------------------------------------------- */
#skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; }
 #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 750px; padding: 2px 0; background: #579; color: #fff; font-size: 1.4em; text-align: center; }
   
/* ELEMENTS
------------------------------------------- */
div.box, div.boxMain { margin: 0 0 10px; padding: 10px 10px 0; color: #2a68a8; background: url(../images/box.png) no-repeat; }
 div.box .bottom, div.boxMain .bottom { margin: 0 -10px 0; padding: 0 10px 10px; background: url(../images/box.png) 0 100% no-repeat; }
 div.boxMain{ background: url(../images/box2.png) no-repeat; }
  div.boxMain .bottom{ background: url(../images/box2.png) 0 100% no-repeat; }
 p.summary {font-size:110%;}
 
dl.form { }
 dl.form dt { padding: 0 0 0 1px; font-weight: normal; }
 dl.form dt.submit { position: absolute; left: -10001em; }
 dl.form dd { margin: 0 0 2px; padding: 2px 0; }
  dl.form dd input, input.Textbox { padding: 2px 3px; border: 2px solid #d9e9f9; -moz-border-radius: 3px; vertical-align: middle; }
  dl.form dd button, .button { overflow: visible; padding: 2px 3px; border: 2px solid #d9e9f9; -moz-border-radius: 3px; background: url(../images/button.gif) 0 50% repeat-x; color: #2a68a8; text-transform: uppercase; cursor: pointer; vertical-align: middle; }
  
#user-login { }
 #user-login input { width: 139px; }
 #user-login button, button { padding: 1px 3px 2px; font-size: 0.91em; }
 #user-login dl.form  dd submit, submit { margin: -29px 0 0 153px; }
 #user-login p { margin-top: -5px; }
 #user-login .button {width:85px;}
 #main input.Textbox { width: 170px; }
 
div.short-post { margin: 0 0 15px; }
 div.short-post h3 { margin: 0 0 2px; font-size: 1.5em; color: #01183e; }
  div.short-post h3 a { color: #9EC101; } /*#01183e*/
 /*div.short-post p.date { margin: 0 0 8px; color: #5799e1; font-size: 0.915em; }*/
 div.short-post p.date { margin: 0 0 0 5px; padding: 2px 0 0px 19px; background: url(../images/i-date.gif) 0 60% no-repeat; color: #5799e1; font-size: 0.915em; }
  div.short-post p.date span { padding: 0 3px; color: #c9dbec; }
  div.short-post .excerpt p { padding-bottom: 0; margin-bottom:3px;}
 div.short-post p.comments { display: inline; padding: 0 5px 0 0; color: #5799e1; font-size: 0.915em; }
  div.short-post p.comments a { padding: 0 0 0 20px; background: url(../images/i-comment.gif) 0 100% no-repeat; color: #5799e1; }
   div.short-post p.comments a strong { color: #abc633; font-size: 1.09em; }
  div.short-post p.comments span { padding: 0 3px; color: #c9dbec; }
 div.short-post ul.tags { display: inline; list-style: none; margin: 0; padding: 0; }
  div.short-post ul.tags li { display: inline; }
   div.short-post ul.tags li a { padding: 1px 5px 2px 20px; background: url(../images/i-tag.gif) 0 100% no-repeat; }

div.short-post div.thumb{float:left; margin-right:10px; padding:1px; border:solid 1px #e6e6e6;}
div.short-post div.holder{margin-left:100px;}

div.post { margin: 0 0 15px; }
 div.post h1 { margin: 0 0 2px; font-size: 1.67em; color: #9EC101; } /*#01183e*/
 div.post h1 a {text-decoration:underline;}
 div.post div.dateHolder { margin: 10px 0 12px 0;}
 div.post span.date { margin: 0; padding: 2px 0 0px 19px; background: url(../images/i-date.gif) 0 60% no-repeat; color: #5799e1; font-size: 0.915em; }
  div.post span.date span { padding: 0 3px; color: #c9dbec; }
  div.post span.email { margin: 0; padding: 2px 0 0px 19px; background: url(../images/i-send.gif) 0 60% no-repeat; color: #5799e1; font-size: 0.915em; }
  div.post span.email a {color: #5799e1;}
 div.post div.excerpt { font: 1.25em "Lucida Sans Unicode",Arial,Helvetica,sans-serif; }
 div.post div.body { margin: 0 0 20px; }
 div.post p.comments { display: inline; padding: 0 5px 0 0; color: #5799e1; font-size: 0.915em; }
  div.post p.comments a { padding: 0 0 0 20px; background: url(../images/i-comment.gif) 0 100% no-repeat; color: #5799e1; }
   div.post p.comments a strong { color: #abc633; font-size: 1.09em; }
  div.post p.comments span { padding: 0 3px; color: #c9dbec; }
 div.post ul.tags { display: inline; list-style: none; margin: 0; padding: 0; }
  div.post ul.tags li { display: inline; }
   div.post ul.tags li a { padding: 1px 5px 2px 20px; background: url(../images/i-tag.gif) 0 100% no-repeat; }
	
#three-cols { overflow: hidden; color: #fff; }
 #three-cols a { color: #bce700; }
 #three-cols p { font-size: 0.915em; }
 #three-cols div.column { float: left; width: 225px; }
 #three-cols div.b { display: inline; margin: 0 22px; }
  #three-cols div.column h2 { margin: 0 0 0.33em; padding: 0 0 0.33em; background: url(../images/sep-d.gif) -1px 100% repeat-x; }
  #three-cols div.a h2 { padding-right: 4em; }
  #three-cols div.column p.side { margin: -2.4em 0 8px; font-size: 0.91em; text-align: right; }
   #three-cols div.column p.side a { padding: 0 15px 0 0; background: url(../images/i-magnify2.gif) 100% 50% no-repeat; color: #b8e1fe; }
  #three-cols div.c p.image { display: inline; float: left; margin: 0 5px 0 0; }
   #three-cols div.c p.image img { padding: 1px; border: 1px solid #6791ca; }
  #three-cols div.c h3 { margin: 0; color: #bce700; font: normal 1em Arial,Helvetica,sans-serif; }
    #three-cols div.a ul.a li a, #three-cols div.b a { color: #fff; }
	
ul.a { list-style: none; margin: 0; padding: 0; }
 ul.a li { padding: 2px 0; background: url(../images/sep-d.gif) -1px 100% repeat-x; color: #fff; font-size: 0.915em; }
  ul.a li a { color: #fff; }
  
ul.b { list-style: none; margin: 0; padding: 0; }
 ul.b li { padding: 2px 0; background: url(../images/sep-d.gif) -1px 100% repeat-x; color: #fff; font-size: 0.915em; }
  ul.b li strong,
  ul.b li a { color: #bce700; font-weight: normal; }
  
ul.categories { list-style: none; margin: 0; padding: 0; }
 ul.categories li { padding: 2px 0 2px 25px; background: url(../images/i-tag.gif) 0 50% no-repeat; }
  ul.categories li a { color: #2a68a8; }
  
ul.dates { list-style: none; margin: 0; padding: 0; }
 ul.dates li { padding: 2px 0 2px 25px; background: url(../images/i-date.gif) 0 70% no-repeat; }
  ul.dates li a { color: #2a68a8; }
   ul.dates li a span, ul.categories li a span{ color: #9ec101; }
  
#comments { color: #fff; }
 #comments h2 { margin: 0 0 0.33em; padding: 0 0 0.33em; background: url(../images/sep-b.gif) -1px 100% repeat-x; }
 #comments div.side { margin: 0; font-size: 1.2em; float:right; }
  #comments div.side a { padding: 0 0 0 15px; background: url(../images/i-pencil.gif) 0 60% no-repeat; color: #b8e1fe; }
 #comments p.author { float: left; width: 130px; margin: 0 -130px 0 0; }
  #comments p.author strong { font-weight: normal; color: #fff; }
   #comments p.author strong span { display: block; margin: 0 0 -2px; color: #bce700; font-weight: bold; }
 #comments blockquote { min-height: 3.33em; margin: 0 0 10px; padding: 0 0 1px 130px; background: url(../images/sep-b.gif) -1px 100% repeat-x; }

 
 
 
/* HACKS */
@media all and (min-width: 0px){
 #user-login button { padding: 2px 3px 3px; }
}

/*---- Contact Form ----*/
.divmz {margin-bottom:13px;width:460px;} 
.label{width:135px;float:left;}   
.errmsg {
color:#C0003D;
background: #ffebe8;
padding:10px 20px;
border:1px solid #C0003D;
margin:15px 0;
}
.successmsg {
color: #9EC101;
background: #e4f3d5;
padding:10px 20px;
border: 1px solid #9EC101;
margin:15px 0;
}
.errormsg strong, .successmsg strong{
	font-weight:bold;
	font-size: 110%;
}
.message {color:#DD0152; font-weight:normal; font-size:90%; padding:0px 0px 0px 3px; width:150px;}
.okmsg {padding:0px 0px 15px 0px;color:#DD0152;}   
.errinput {border:1px solid #DD0152;} 

.whatsNew h1, .whatsNew h2
{
    font-size:15px;
    color:#bce753;
    padding:0px;
    margin-bottom:3px;
}
.whatsNew a, .whatsNew a
{
    color:#bce753;
}