/**
 * @author Akinwale Ariwodola
 * @version 1.0
 * 
 * Copyright (c) 2008 Akinwale Ariwodola.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 * 
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 * 
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 */

* {
    margin: 0;
    padding: 0
}

body {
    background: #000;
    text-align: center;
    color: #fff
}

a:link, a:visited {
    color: #fd0;
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

a img {
    border: 1px solid #777
}

h3 {
    font-family: "Segoe UI", "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #bbff62;
    margin-bottom: 5px
}

div#comments {
    margin-bottom: 40px
}

div#comments h3, div#postcomment h3 {
    padding-left: 10px
}

div#comments div.firstBox {
    border-top: 1px dotted #bbff62
}

div#comments div.box {
    border-bottom: 1px dotted #bbff62
}

div#comments div.odd {
    background: #202020
}

div#comments div.even {
    background: #282828
}

div#header {
    width: 790px;
    margin: 0 auto 0 auto;
    text-align: left;
}

div#footer {
    width: 790px;
    margin: 0 auto 0 auto;
    text-align: left;
}

div#main {
    width: 790px;
    margin: 0 auto 0 auto;
    text-align: left;
    background: #333
}

div#pageNav {
	width: 790px;
	margin: 0 auto 0 auto;
	font-family: "Segoe UI", "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;	
}

div#maincontent {
    width: 540px;
    float: left;
    min-height: 400px;
    text-align: left;
    background: #333
}

/**
 * Posts on the home page
 */
div.post {
    margin-bottom: 40px
}

div.post div.title {
    background: #bbff62;
    color: #000;
    font-family: "Segoe UI", "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
    font-size: 20px;
    padding: 7px
}

div.post div.info {
    color: #aaa;
    font-family: "Segoe UI", "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
    padding: 4px;
    padding-left: 7px
}


/**
 * Floating divs
 */
div.clear {
    clear: both;
    height: 0px;
    font-size: 0px
}
 
div.left {
    float: left
}

div.right {
    float: right
}

/**
 * Font and content-related
 */
div span.content {
    display: block;
    padding: 10px;
    line-height: 20px;
    font-family: "Segoe UI", "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
}

div span.justify {
    text-align: justify
}

div span.content div.info {
    color: #999;
    font-style: italic
}

span.small {
    font-size: 11px
}

span.normal {
    font-size: 12px
}

span.large {
    font-size: 14px
}

/**
 * Sidebar-related
 */
div#sidebar {
    width: 250px;
    float: right;
    height: 100%;
    background: #151515
}

div#sidebar div.item {
	margin: 10px 0 15px 0	
}

div span.sbContent, div span.sbArchives {
    display: block;
    padding: 2px;
    line-height: 20px;
    font-family: "Segoe UI", "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
    text-align: left;
    margin-bottom: 20px
}

div span.sbContent a:link, div span.sbContent a:visited {
    display: block;
    padding: 3px 0 3px 0
}

div#sidebar a.archiveYearLink {
    font-weight: bold;
    text-decoration: none
}

div span.sbArchives a:link, div span.sbArchives a:visited {
    display: block;
    padding: 3px 0 3px 0
}

div#sidebar div.padding {
    padding: 5px 10px 0 10px
}

div#sidebar div.displayed {
    display: block
}

div#sidebar div.hidden {
    display: none
}

div#sidebar div.archiveMonthLinks {
    margin-left: 15px;
}

/**
 * Form-related
 */
div#postcommentform {
    padding-left: 10px;
    margin-bottom: 20px
}
 
div.input label {
    width: 90px;
    margin-right: 10px;
    display: block;
    float: left;
    font-family: "Segoe UI", "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
    font-size: 12px;
}

div#main div.input label {
    text-align: right
}

div.input {
    padding: 5px 0 5px 0;
    font-family: "Segoe UI", "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
    font-size: 12px;
}

div#main div.text input, div#main div.textarea textarea {
    font-family: "Segoe UI", "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
    font-size: 12px;
    width: 350px;
    padding: 2px
}

textarea.editor {
    height: 350px
}

div.captcha, div.captcha input {
    font-family: "Segoe UI", "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
    font-size: 12px;
    padding: 2px;
    text-align: center
}

div.submit {
    text-align: center
}

div.submit input {
    font-family: "Segoe UI", "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold
}

div.centre {
	text-align: center
}

img.captcha {
    border: 1px solid #fff;
    vertical-align: bottom
}

span.error {
    color: #f55;
    font-style: italic
}

div.post pre {
	font-family: monospace;
	font-size: 12px;
	border: 1px dashed #bbff62;
	background: #222;
	padding: 5px;
	margin-top: 10px	
}

div.imagelist img {
    display: block;
    margin: 0 auto 2px auto
}

/*
 * Admin Layout Styles
 */
div#admin_main {
    width: 790px;
    margin: 0 auto 0 auto;
    text-align: left;
    background: #333   
}

div#admin_main div.padding1 {
    padding: 10px
}

div#admin_main h2 {
    font-family: "Trebuchet MS", sans-serif;
    font-weight: normal;
    color: #bbff62
}

div#admin_main div.input {
    margin: 10px 0 10px 0
}

div#admin_main div.text input, div#admin_main div.password input {
    width: 150px;
    padding: 2px
}

div#authMessage {
    padding: 5px;
    border: 1px solid #a00;
    background: #300;
    font-family: "Segoe UI", "Trebuchet MS", sans-serif;
    color: #f00;
    font-size: 12px;
    font-style: italic;
    margin-top: 10px
}

div#topbar {
    background: #333;
    padding: 7px;
    border-bottom: 1px solid #777;
    font: 11px Tahoma, Verdana, sans-serif;
}

div#topbar div.tright {
    text-align: right;
}