/************************************************************************** ************************************************************** 
Welcome to the CSS for Limeade, coded by Kevin Cannon. If you see !important, 
then thats a small hack for firefox, the line below will control Internet Exlporer. 
CSS margins and paddings go clockwise starting from the top: Margin:top right 
bottom left; Unless specified. (Margin-left:10px) If you have any questions, email 
me at kmcannon@telus.net *************************************************************** 
***********************************************************************/ body 
{ margin:0; padding:0; font-family:verdana, arial, times, georgia, sans-serif; 
background:#333; text-align:center; } a { color:#5FD63E; text-decoration:none; 
} a:hover { color:#65A852; text-decoration:underline; } p { font-size:12px; color:#404040; 
} img.left { float:left; padding:4px; background:#fff; margin-right:6px; border:1px 
solid #c4c4c4; } img.right { float:right; padding:3px; margin-right:6px; border:1px 
solid #c4c4c4; } img:hover { border:1px solid #5FD63E; } ul { list-style-image:url(bullet.gif); 
margin-left:-10px !important; margin-left:15px; } li { margin-bottom:1em; } #wrapper 
{ /* Dont mess around here too much. This all keeps everything in the middle in 
all browsers */ width:95%; background:#fff; margin-left:auto; margin-right:auto; 
text-align:left; border-top:3px solid #59BF3F; border-left:2px solid #666; border-right:2px 
solid #666; } /***************************** TOP NAVIGATION ********************/ 
#nav { text-align:center; background:url(navbutton.gif) repeat-x; height:30px; 
padding-top:5px; } #nav a { padding:0 11px; color:#000; margin-left:-6px; } #nav 
a:hover { padding:5px 11px 7px 11px; background:url(navbarhover.gif) repeat-x; 
text-decoration:none; } /*********************** HEADER *****************************/ 
#top { background:url(header.gif) repeat-x; height:104px; } /***************** 
TEXT IN THE HEADER **************************/ #top h1 { font-family:Century Gothic, 
georgia, helvetica, times, sans-serif; font-weight:normal; font-size:35px; text-transform:uppercase; 
text-align:center; margin:0; } /****************************** TITLES *************************/ 
#middle h1, #right h1, #left h1 { font-size:17px; font-family:georgia, arial, 
georgia, times, sans-serif; border-bottom:1px solid #c4c4c4; font-weight:normal; 
} #right h1 { color:#59BF3F; font-weight:normal; font-size:28px; text-transform:uppercase; 
font-family:Century Gothic; } /************************ LEFT SIDE COLUMN *****************/ 
#left { float:left; width:21%; margin-left:9px; font-size:11px; } /************************** 
MAIN CONTENT IN MIDDLE ******************/ #middle { float:left; font-size:11px; 
width:21%; margin-left:14px; } /*************************** RIGHT COLUMN *********************/ 
#right { float:left; left:0px; margin-left:20px; width:51%; } /******************************** 
RIGHT SIDE CONTENT BOXES *****************/ .post { background-color:#f8f8f8; 
padding:10px; padding-top:1px; display:block; } /********************************* 
LEFT & MIDDLE CONTENT BOXES *****************/ .sidepost { border:1px solid #ccc; 
padding:5px; margin-bottom:10px; } /********************************* LINK LISTS 
ON RIGHT SIDE *********************/ .links { font-size:11px; text-align:right; 
} .links a { margin-right:10px; } /******************************************** 
FOOTER *****************/ #footer { border-top:1px solid #c4c4c4; text-align:center; 
width:100%; clear:both; padding-bottom:1px; }