/*  happytweets.com main CSS. Created by Tim Sears on 12/20/2008  */


/* globals */
body, div, ul, ol, li, dl, dd, dt, blockquote, fieldset, legend, label, input, img {
    margin:0; padding:0; border:0;
}

body { font-family:'Lucida Grande',sans-serif;
font-size:0.75em;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.5;
text-align: left; }

html, body { height: 100%; }

#contentwrapper { min-height: 100%; background: #9ae4e8; position: relative;  }

#wrapper { width: 758px; margin: 0 auto; position: relative; padding-top: 100px; min-height: 900px; }

#innercontent { width: 520px; }

#rightcontent { width: 170px; position: absolute; right: 0; top: 0; padding: 0 6px; }

#rightcontent ol { margin: 0 18px; }

#logo { display: block; width: 291px; height: 58px; background: transparent url(../img/layout/logo.gif) no-repeat; position: absolute; left: 0; top: 40px; }

h2 { font-size: 1.6em; line-height: 1.1; font-weight: lighter; letter-spacing: -1px; }

#score strong { font-size: 40px; }

textarea { height: 2em; width: 508px; padding: 5px; font-family:'Lucida Grande',sans-serif; }

input[type="button"] {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background-color:#E6E6E6;
border:1px solid #CCCCCC;
color:#000000;
cursor:pointer;
font-size:x-small;
padding:4px 8px;
vertical-align:top;
display: block;
margin: 5px 0 0 450px;
width: 70px;
}

a span { display: none; }


/* common tags for rounded corners that can be used for many panels */
b.Rnd1{margin: 0 5px;}
b.Rnd2{margin: 0 3px;}
b.Rnd3{margin: 0 2px;}

/* container one */
div.ContainerOne {width: 758px; height:750px; background: #fff;} /* adjust the position, size and colour of the panel here */
div[class="ContainerOne"] {height:auto; min-height:750px;} /* adjust the minimum height of the panel here for mozilla only */
b.RndTopOne b, b.RndBottomOne b{display:block;height: 1px; overflow: hidden; background: #fff} /* adjust the colour of the panel top and bottom here */
b.RndTopOne, b.RndBottomOne{display:block;background: #9ae4e8;} /* adjust the background colour here */
div.RPanelContentOne {position:relative; top:0px; left:0px; display:block; margin: 0 auto; margin-top:10px; margin-bottom:10px; width:720px; height:750px; text-align:left; color:#333333;} /* adjust the content width (to be slightly less than the panel width to get a margin), height and text alignment of the content here */
div[class="RPanelContentOne"] {height:auto; min-height:750px;} /* adjust the minimum height of the panel here for mozilla only */
b.RndTopOne b.Rnd4, b.RndBottomOne b.Rnd4{margin: 0 1px; height:2px;}