@import url('list.css');
@import url('profile.css');
@import url('homepage.css');


/* Default styles */

html * { padding:0; margin:0; }
body * {
    padding: 10px 10px;
    font-size: 14px;
}
body * * { padding:0; }
body { 
    font-family: Arial, Helvetica, Tahoma, sans-serif;
}
body>div { border-bottom:0px solid #ddd; }
h1 { font-weight:bold; font-size: 20px; }
h2 { margin-bottom:0em; }
h2 span { font-size:80%; color:#666; font-weight:normal; }
h3 { margin:1em 0 .5em 0; }
h4 { margin:0 0 .5em 0; font-weight: normal; }
fieldset { border:1px solid #ccc;}
table { border:1px solid #ccc; border-collapse: collapse; width:100%; }
tbody td, tbody th { vertical-align:top; padding: 4px; }
thead th { padding:1px 6px 1px 3px; background:#fefefe; text-align:left; font-weight:normal; font-size:11px; border:1px solid #ddd; }
tbody th { width:12em; text-align:left; color:BLACK; padding-right:.5em; font-weight: normal; }

ul { margin-left: 2em; margin-top: 0em; }
ol { margin-left: 2em; margin-top: 0em; }

hr {
    margin: 4px 0 4px 0;
    color: #999; background-color: #999; height:1px; border:none;    
}

a { color: BLUE; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: 0px solid BLACK; }

div.body {
    /*width: 974px;*/
    padding: 0px;
    margin: 0px;
}

/* Header-related styles */
#header {
    background: #99CCFF;
    margin: 0 0 0 0;
    padding: 4px 4px 0 4px;
    border-bottom: 1px solid #999;
}

div#banner {
    float: left;
}
a#sitelink {
    font-weight: bold;
    font-size: 30px;
    color: BLACK;
    text-decoration: none;
}
#banner_beta {
    font-weight: bold;
    font-size: 100%;
    color: RED;
    position:relative;
    bottom:18px;
}
#banner_text {
    font-weight: bold;
    font-size: 12px;
    color: #333;
}

div#banner_rightpane {
    font-size: 12px;
    float: right;
}
div#search {
    font-size: 12px;
    text-align: right;
}
div#mainlinks {
    font-size: 13px;
    text-align: right;
    margin: 0 0 0 0;
}

div#mainlinks a {
    font-size: 13px;
}

/* contents styles */
#contents {
    background: WHITE;
    padding: 1px 0px 1px 0px;
    width: 100%;
}

div.contents {
    margin: 10px;
}

/* right pane styles */

#rightpane {
    /*background: #e0ebff;*/
    padding: 4px 10px 0px 10px;
    margin: 0 0 0 0;
    overflow: hidden;
}

hr.line {
    color:#999; background-color:#999; height:1px; border:none;    
}

span#lists {
    font-weight: bold;
}
span#listers {
    font-weight: bold;
}
span#listboards {
    font-weight: bold;
}
span#tags {
    font-weight: bold;
}

span.list_count {
    font-size: 80%;
}

a.list_add {
    font-size: 80%;
}

div.tagcloud {
    text-align: left;
}
a.tagcloud {
    text-align: left;
    padding: 0px 2px 2px 2px;
    text-decoration:none;
}
a:hover.tagcloud {
    color: WHITE;
    background-color: #6666ff;
}


/* left pane styles */
#leftpane {
    float: right;
    background: #99ccff;
    width: 200px;
    padding: 10px 10px 10px 10px;
}


div#adsense {
    font-size: 12px;
    width: 570px;
    background: #e0ebff;
    text-align: left;
    font-weight: bold;
    margin: 4px 0 4px 10px;
    padding: 0px 4px 4px 4px;
}
span#adsense {
    font-size: 12px;
    font-weight: normal;
}
a.adsense {
    color: #3333cc;
    margin: 0 0 0 30px;
    font-size: 12px;
    text-decoration: underline;
}


/* Bottom section */
.footer {
    background:#99ccff;
    font-size: 12px;
    padding: 4px 4px 4px 4px;
    margin: 0 0 0 0;
    border-top: 1px solid #999;
}
.footer span {
    font-size: 12px;
}
.footer a {
    font-size: 12px;
}

/* Generic styles */
.clearboth { clear: both; height: 0px; }
.help_text {
    font-size: 11px;
    color: GRAY;
}
ul.errorlist {
    margin: 0;
    padding: 0;
}
.errorlist li {
    background-color: #FF9999;
    color: #333;
    font-size: 11px;
    display: inline;
    padding: 2px;
}
span.errorlist input {
    border-color: RED;
    border-style: solid;
}
.module {
    padding: 4px 10px 10px 10px;
}

.submit_aligned_right {
    width: 100%;
    text-align: right;
    margin: 4px 0 4px 0;
}
.submit_aligned_left {
    width: 100%;
    text-align: left;
    margin: 4px 0 4px 0;
}

ul.messagelist {
    border-top: 1px solid #ccc;
    margin: 0;
}

ul.messagelist li {
    font-size: 12px;
    display: block;
    padding: 4px 5px 4px 25px;
    margin: 0 0 0 0;
    border-bottom: 1px solid #ccc;
    color: #000;
    background: #FFC url(../images/bulb.png) 5px .3em no-repeat;
}

#contact {
    margin: 10px;
}
#contact p {
    padding-top: 10px;
}

/**/
/*References:*/
/*    http://webdesign.about.com/od/beginningcss/a/style_hr_tag.htm*/