/* Main Grid 
----------------------------*/
body { font-family: Arial, sans-serif; margin:0;padding:0; background:#fdde37 url("/images/bg_dots.gif") top left repeat-x;}
div#interface { width:800px; padding:0; margin: 0 auto;}
div#header { position: relative; height:100px; padding-top:56px; }
div#content { position:relative; }
div#maincontent { width: 480px; float:left; margin-right: 4px; }
div#sidebar { width: 316px; float:left; background: #fdfad0;}


/* Globals 
-----------------------------*/
.clear { clear: both;}
.copy { padding:10px;}
.new { border:1px red solid;}
img { border:0;}
a:active,input
{
outline: none;
}
 
a:focus,input
{
-moz-outline-style: none;
}

/* Interface 
-----------------------------*/
div#interface { background:url("/images/g_embracethelemon.gif") -10px 40px no-repeat; padding-left:180px; } 


/* Header
----------------------------*/
div#header h1 { margin: 0; padding:0;height: 84px; width: 600px; font-size:0px; }
div#header h1 span { display:none;}
div#header h1.headline1 {  background: url("/images/h_headline1.jpg");}
div#header h1.headline2 {  background: url("/images/h_headline2.jpg");}
div#header h1.headline3 {  background: url("/images/h_headline3.jpg");}
div#header h1.headline4 {  background: url("/images/h_headline4.jpg");}
div#header h1.headline5 {  background: url("/images/h_headline5.jpg");}
div#header h1.headline6 {  background: url("/images/h_headline6.jpg");}
div#header h1.headline7 {  background: url("/images/h_headline7.jpg");}
img#g_lemonlogo { position:absolute; top:0; left: 10px;}
div#globallinks { position:absolute; top:0;right:0;}
div#globallinks a.globallink { text-align:center;height:15px;background:#ffe452; border:#fec003 solid; border-width:0 1px 1px 1px;width:100px; padding:5px; text-decoration:none; color:#555; font-size:12px; width:100px; display:block;float:left;}
div#sharesite { position:relative; float:left; width:120px;}
div#sharesite div#sharesitelinks { display:none;}
div#sharesite:hover { border-bottom:0;}
div#sharesite:hover div#sharesitelinks { width:110px;position:absolute; top:26px; left:0;  z-index:100;display:block; border:solid #fdde37; border-width: 0 1px 1px 1px; background:#FFF;}
div#sharesite div#sharesitelinks a { padding:3px; display:block; font-size:12px; color:#28abc0;text-decoration:none;}
div#sharesite div#sharesitelinks a img { position:relative; top:4px;}
/* Main Content
----------------------------*/
div#maincontent div.copy { background:#FFF; margin-bottom:4px; padding:20px;}
div#maincontent div.copy h1 {font-family:Georgia; font-size:24px;font-weight:normal;}

/* Entry Form
----------------------------*/
div#lemonaid { width: 440px; background:#FFF; padding:20px; position: relative; }
div#lemonaid h2#addlemon { margin:0 0 5px 0;padding:0;font-family: Georgia; font-size:20px;font-weight:normal;}

div#lemonaid div#addbutton { background: url("/images/btn_add.gif") left 7px no-repeat; height:33px; border: #ebebeb solid; border-width: 1px 0 0 0; cursor: pointer; }
div#lemonaid div#addbutton span { display:none;}

div#lemonaid div#addbox { display:none; position:relative; }
div#lemonaid input.postedbydefault { font-style: italic; color:#CCC;}
div#lemonaid label { color:#898989; font-size:12px; display:inline;}
div#lemonaid input.textinput { border:1px solid #898989; padding:2px;width: 150px;}
div#lemonaid p.error { display:none; padding:3px; border:1px solid #925151; background:#cda3a3;font-size:12px; color:#000; text-align:center;}
div#lemonaid input#add {margin-top:15px;}
div#lemonaid div#fbactive { clear:both;}
div#lemonaid div#fbactive span#fbpick { float:left; }
div#lemonaid div#fbactive p { font-size:10px; }
div#lemonaid label.fb { display:block;margin-top:10px;}
div#lemonaid ul { clear:both; display:block; list-style:none;margin:20px 0 0 0;padding:10px; }
div#lemonaid h3 { margin-bottom:0;padding:0;}
div.pic { width: 50px; float:left;}
div#lemonaid p { color:#898989; font-size:12px;}
div#lemonaid p.date,
div#lemonaid p.warning,
div#lemonaid p.charcount{ font-size:10px; margin:0 0 10px 0; padding:0; }
div#lemonaid p.warning { color:#898989; font-size:10px; } 
div#lemonaid p.charcount { color:#898989; font-family: Georgia; font-size:14px; width:200px; position:absolute; top:-20px; right:0px; text-align:right;}
div#lemonaid .over { color:#F00;}
div#lemonaid p.emailnote { margin:0;padding:3px 60px 0 0 ; text-align:right;}

/* Serch Control Bar
-----------------------------*/
div#lemonaid div#controls { border: solid #ebebeb;padding:15px 5px 5px 5px; height:33px; border-width: 1px 0;margin-top:10px;}
div#lemonaid div#controls label { font-size:12px; color:#333; display:inline;}
div#lemonaid div#controls a { font-size:12px; text-decoration:none; color:#a8a8a8; }
div#lemonaid div#controls a.active { color: #28abc0; font-weight:bold;}
div#lemonaid div#controls input.textinput { border: 1px solid #bcbdc0; height:20px; width: 125px;float:left;}
div#lemonaid div#controls input#dosearch { padding: 0 0 0 5px;}
div#lemonaid div#search { float:left;}
div#lemonaid div#controls span#sorting { color:#a8a8a8; display:block; float:right; text-align:right;}

/* Entry List
-----------------------------*/
div#lemonaid li.lemon {  }
div#lemonaid div.lemon { position:relative; margin-bottom:20px; }
div#lemonaid div.entry { font-size:12px;}
div#lemonaid div.entry p { font-size:15px; color:#000; padding: 0 50px 0 75px; margin:0; line-height:130%;}
div#lemonaid div.entry p.date { color:#666; font-size:12px;font-style: italic;}
div#lemonaid div.entry h2 { padding-left:75px; margin:0; font-size:14px; font-weight:normal; color:#28abc0;}
div#lemonaid div.entry img.profilepic  { clear:both;float:left; }
div#lemonaid div.lemon { border-bottom:1px solid #CCC;padding-bottom:20px;}
div#lemonaid div.voting { position:absolute; top: 0; right:0; }
div#lemonaid div.voting a { display:block;}
span.clear { clear:both;display:block;}
diV#lemonaid div.sharing { clear:both; float:right; height:20px;}
div#lemonaid div.sharing a.showshare { text-decoration:none; color:#28abc0;font-size:12px;padding-top:5px; display:block; float:left;}
div#lemonaid div.sharelinks { float:left; display:none;}
div#lemonaid div.sharelinks a { text-decoration:none;}
div#lemonaid span#fbloginbutton { height:20px;}

div#lemonaid textarea { width: 440px; height:100px; padding:5px; border: 1px solid #cccccc;}


/* Sidebar
------------------------------*/
div#sidebar a { color:#28abc0;}
div#sidebar div.container { padding: 15px 10px; border-bottom: 1px solid #e4e0a5;}
div#sidebar p { margin: 5px 0 0 0; font-size:12px;  }
div#videos, div#posters {  }
div#videos h2, div#posters h2, div#photos h2, div#twitterfeed h2 { height: 34px; margin:0 0 5px 0;padding:0; }
div#videos h2 span, div#photos h2 span, div#posters h2 span { display:none;}
div#videos h2 { background:url("/images/h_videos.gif") top left no-repeat; }
div#posters h2 { background:url("/images/h_posters.gif") top left no-repeat; }
div#photos h2 { background:url("/images/h_photos.gif") top left no-repeat; }
div#photos div#flickrphotos img { width: 50px;margin-right:5px;}
div#twitterfeed { clear:both; }
div#twitterfeed h2 { background: url("/images/h_twitterfeed.gif") top left no-repeat; height:35px;}
div#twitterfeed h2 span { display: none;}
div#twitterfeed ul { list-style:none; margin:0;padding:0;}
div#twitterfeed li { display: block; padding:20px;  border-bottom:1px dashed #bcbdc0; font-size:15px; color:#000}
div#twitterfeed li span { display:block; color:#666;}
div#twitterfeed span.date { font-size:12px; font-style: italic;}
div#twitterfeed a.tweetfrom { font-weight: bold;}
div#legal { background:#fdde37; text-align:right;padding-top:10px;}
div#legal a { font-size:12px; display:block;}

/* Footer
-------------------------------*/
dif#footer {clear:both;}
div#footer h2 { margin: 0 0 0 20px; padding:5px; width:200px; background:#CCC; }
div#footer div#footertop { height:20px; width:100%; background:#CCC;}
div#footercontent { background: #CCC; padding:20px;}
div#footer div.copy { width: 400px; margin-right:20px; float:left;}
div#footer h4 { clear:both; }
div#footer div.worktank { display:none;}
br.clear { clear:both;}
