/*****************************************
 *              GENERAL 
 *****************************************/

* { margin: 0; padding: 0; }

body { background: #F6F6F6 url(../images/bg01.jpg) repeat-x; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #6B6B6B; }

a { color: #FF5A00; text-decoration: none; }
a:hover { text-decoration: underline; }

h3, h4, h5 { padding-bottom: 3px; border-bottom: 1px solid #F2F2F2; letter-spacing: -0.035em; font-weight: normal; color: #37404C; }
h3 { font-size: 28px; margin-bottom: 20px; }
h4 { font-size: 16px; margin-bottom: 10px; font-weight: bold; }
h5 { font-size: 14px; margin-bottom: 5px; font-weight: bold; }

img { border: none; }
img.left { float: left; margin: 0 10px 0 0; }
img.right { float: right; margin: 5px 0 0 20px; }

input, textarea { padding: 2px 5px; border: 1px solid #EBEBEB; font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #6B6B6B; }

em { font-style: normal; font-weight: bold; }

p, ul, ol { margin-bottom: 1.5em; text-align: justify; }

ul, ol { margin-left: 3em; }

li { margin-bottom: 10px; }

blockquote { margin-left: 3em; margin-right: 3em; }


/*****************************************
 *          LAYOUT
 *****************************************/

#page { width: 960px; margin: 0 auto; position: relative; background: url(../images/bg02.jpg) repeat-y; }
#wrapper { background: url(../images/bg07.jpg) no-repeat left bottom; }

#header { height: 140px; background: #087FE7 url(../images/bg03.jpg) no-repeat; }
#header #logo { color: #FFFFFF; }
#header #logo h1 { position: absolute; left: 78px; top: 30px; font-size: 15px; font-style: italic; }
#header #logo h2 { position: absolute; left: 148px; top: 85px; font-size: 38px; letter-spacing: -2px; }
#header #menu { float: right;  }
#header #menu ul { margin: 110px 78px 0 0; list-style: none; line-height: normal; }
#header #menu li { display: inline; }
#header #menu a { padding-left: 20px; font-size: 13px; font-weight: bold; color: #FFFFFF; }

#main { background: url(../images/bg04.jpg) no-repeat; }
#main #content { float: left; width: 555px; margin: 10px 0 0 76px; }
#main #sidebar { float: right; width: 186px; padding: 67px 76px 0 0; }
#main #sidebar #meebo { width: 190px; height:275px; }
#main #sidebar h4 { margin-top: 40px; }
#main #sidebar dl.downloads dd { margin: 0 0 10px 20px; }
#main #sidebar ul { margin: 0; padding: 0; list-style: none; }
#main #sidebar ul li { margin: 0; padding: 0; }
#main #widebar { margin: 0 50px; padding: 25px 28px 0 28px; background: #F2F2F2 url(../images/bg08.gif) repeat-x; }

#footer { height: 108px; background: url(../images/bg05.jpg) no-repeat; }
#footer p { padding-top: 45px; text-align: center; color: #aaaaaa; }
#footer a { color: #666666; }

#widebar #colA { float: left; width: 250px; }
#widebar #colB { float: left; width: 270px; margin-left: 5px; }
#widebar #colC { float: right; width: 240px; }
#widebar #colA dl { list-style: none; }
#widebar #colA dl dt { float: left; width: 70px; }
#widebar #colA dl dd { margin-bottom: 10px; }
#widebar #colA dl a { color: #666666; font-weight: bold;}
#widebar #colC ul { margin: 0; padding: 0; list-style: none; line-height: normal; }
#widebar #colC ul li { float: left; margin: 0 5px 10px 0; }

.post { padding-top: 20px; }
.post .title { background: url(../images/large_bullet.png) no-repeat; padding-left: 45px; }
.post .entry { }
.post .meta { height: 16px; margin: 0; padding: 10px; background: url(../images/bg06.jpg) repeat-x left bottom; line-height: normal; }
.post .meta .posted { display: block; float: left; }
.post .meta .permalink { display: block; float: right; padding-left: 17px; background: url(../images/link.gif) no-repeat left center; }
.post .meta .comments { display: block; float: right; padding: 0 30px 0 19px; background: url(../images/comment.gif) no-repeat left center; }


/*****************************************
 *          PAGE SPECIFICS
 *****************************************/

/* download page */
#downloads { margin-bottom: 10px; }
#downloads dd { margin: 0 0 20px 30px; }