/*
Theme Name:     Solid Color
Theme URI:      http://code2design.com/
Author:         David Pennington - Copyright 2007 Code2design.com
Description:    A light-weight, 3-column, easy-to-use, cross-browser compatible layout that is dynamically color-customizable. Tested in IE6, IE7, FF2 and Opera 9 (About 95% of all users).

Note:           Only the bare minimum of functions are defined in this theme.
                If you see that something is messing in this theme just copy 
                the code from the theme you see the function in.

Please leave a link back to http://code2design.com somewhere on the layout :)
*/
* { padding: 0; margin: 0; }

BODY {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 80%;
}

#wrap {
 width: 900px;
 margin: 0 auto;
 padding: 15px;
}


#header {
 border: 0px;
 margin: 0px;
 height: 100px;
 padding: 0px;
}

#title a{
 font-size: 50px;
 padding-left: 40px; 
 float: left;
 width: 858px;
 font-weight: normal;
}

#motto {
 font-size: 20px;
 float: right;
 font-style: italic;
 padding-right: 10px;
}

#maincolumn {
    border: 0px solid #ccc;
    float: left;
    padding: 0px;
    width: 550px;
    font-size: 100%;
    line-height: 18px;
}

.columnleft {
    margin: 0px 0px 15px 15px;
    width: 133px;
    float: left;
    padding: 0px;
    font-size: 90%;
}


.columnright {
    padding: 0px;
    float: left;
    margin: 0px 0px 15px 15px;
    width: 183px;
}

#footer {
    margin: 15px 0px 15px 0px;
    padding: 0px;
    float: left;
    width: 900px;
}


/*      TOP NAV BAR             */
#navbar {
 margin: 0px 0px 15px 0px;
 padding: 0px;
 height: 30px;
 border-left:1px solid #50c000;
 border-right:1px solid #50c000;
 background: #50c000 url(images/top_nav_green.gif) bottom center repeat-x;
}

#navbar ul {
float: left;
padding: 0px;
margin: 0px;
}

#navbar ul li{ display: inline; }

#navbar ul li a{
float: left;
color: #fff;
background: inherit;
line-height: 30px;
padding: 0px 6px 0px 6px;
font-size: 100%;
}

#navbar ul li a:hover, #navbar li.active{
color: #f8f8f8;
background: #50c000 url(images/nav_point.gif) bottom center no-repeat;
}
/*      END TOP NAV BAR         */





/* HEADERS */
h1 {
    font-family: Arial, Helvetica, sans-serif; 
    font-weight: normal; 
    font-size: 32px;
}

h2 {
    font-size: 16px; 
    font-family: Arial, Helvetica, sans-serif;
    padding:10px 0px 10px 0px;
    margin:0px;
}

h3 {
    font-size: 14px; 
    font-family: Arial, Helvetica, sans-serif;
    padding:10px 0px 10px 0px;
    margin:0px;
}

#maincolumn h2 {
    font-size: 16px; 
    font-family: Arial, Helvetica, sans-serif;
    padding:10px 0px 0px 0px;
    margin:0px;
}






/* COMMENT BOXES */
.comment1 { 
    padding-top: 5px;
    margin-top: 30px;
}
.comment1 .info_box { 
    font-size: 10px;
    padding: 5px 10px 5px 10px;
}

.comment0 { 
    padding-top: 5px;
    margin-top: 30px;
}
.comment0 .info_box { 
    font-size: 10px;
    padding: 5px 10px 5px 10px;
}







/* Text Stuff...*/
acronym, abbr, span.caps { font-size: 90%; letter-spacing: .07em; }
acronym, abbr { cursor: help; }
cite { font-size: 90%; font-style: normal; }






/* Classes used by the_meta() */
ul.post-meta {list-style: none; }
ul.post-meta span.post-meta-key { font-weight: bold; }
.credit {
    background: #90a090;
    border-top: double 3px #aba;
    color: #fff;
    font-size: 11px;
    margin: 10px 0 0 0;
    padding: 3px;
    text-align: center;
}
.credit a:link, .credit a:hover { color: #fff; background: inherit;}
.feedback { color: #ccc; text-align: right; clear: both; }
.meta { font-size: 75%; padding-bottom: 10px;}
.meta li, ul.post-meta li {display: inline; }
.meta, .meta a { color: #808080; font-weight: normal; letter-spacing: 0; }
.meta ul {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
}





/* COMMENT FORM  */
#commentform textarea { width: 100%; }
#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
    background: #fff;
    border: 1px solid #333;
    padding: .2em;
}
#commentlist li ul {
    border-left: 1px solid #ddd;
    font-size: 110%;
    list-style-type: none;
}







/* CALENDAR  */
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; text-decoration: none; }
#wp-calendar a:hover { background: #e0e6e0; color: #333; }
#wp-calendar caption { color: #999; font-size: 16px; text-align: left; }
#wp-calendar td { color: #ccc; padding: 2px 0; text-align: center; }
#wp-calendar td.pad:hover { background: #fff; }
#wp-calendar td:hover, #wp-calendar #today { background: #eee; color: #bbb; }
#wp-calendar th { font-style: normal; text-transform: capitalize; }
#wp-calendar {
    border: 1px solid #ddd;
    empty-cells: show;
    font-size: 14px;
    margin: 0;
    width: 90%;
}






/* OTHER STUFF */
.clear { clear: both; }
.rightpad { margin: 30px 5px; margin-top: 0; }
.leftpad { margin: 30px 2px; margin-top: 0; }
.leftpad ul, .leftpad ul li {
    margin: 0px 0px 0px 2px;
    padding: 3px 0px 3px 0px;
    list-style: none;
}
.rightpad ul, .rightpad ul li {
    margin: 0px 0px 0px 0px;
    padding: 3px 0px 3px 0px;
    list-style: none;
}

.info_box { 
    font-size: 10px;
    padding: 5px 10px 5px 10px;
}

.reply a {
    text-decoration: none;
    font-size: 10px;
    padding-left: 5px;
}
.reply h2 {
    font-size: 16px; 
    font-family: Arial, Helvetica, sans-serif;
    margin:0px;
}






/* I hate IE... */

/* kill the broken .png's */
* HTML .columnleft, 
* HTML .columnright, 
* HTML .comment0 .info_box,
* HTML .comment1 .info_box,
* HTML .comment0,
* HTML .comment1 { background-image: none; }
* HTML .columnleft, * HTML .columnright { border-bottom: 1px dashed; }

/* Fix the search form to show button and input on the same line */
#searchform input { padding: 2px 0px 2px 0px; margin: 0px 3px 0px 0px; font-size: 100%;}
* HTML #searchform input { padding: 2px 0px 2px 0px; margin: 0px 3px 0px 0px; font-size: 90%;}
