/* This open source theme has been ported to the SchoolRack Django Templating system by Michael Whalen -- http:// whalesalad.com */

/* /// Calendar /// */
@import url(/themes/lib/calendar.css);

/* /// Photos /// */
@import url(/themes/lib/photos.css);

/* /// Discussion Board /// */
@import url(/themes/lib/discussion.css);

#upperBar .inner { width: 900px; }

#topBar, #controlSurface {
    background-color: #E1E1E1 !important;
}

* {
margin:0;
padding:0;
}

body {
background-color:#282C2F;
font-family:'Trebuchet MS','Lucida Grande', Arial, sans-serif;
text-align:left;
color:#D0E3E6;
font-size:small;
font-weight:400;
margin:0;
padding:0;
}

.themes {
background:#282C2F;
padding:25px;
}

hr {
color:#282C2F;
background-color:#282C2F;
border:0;
}

.nocomments {
display:none;
}

.highlight {
background-color:#FFC;
padding:2px;
}

html,ul {
color:#697C83;
list-style:none;
margin:0;
padding:0;
}

.utw {
text-transform:lowercase;
}

#wrap {
width:900px;
margin:0 auto;
padding:0;
}

#header {
background-color:#1C2023;
height:140px;
margin:0;
padding:0;
}

.entrybody ul li {
list-style:none;
border:0;
margin:0;
padding:0;
}

.adsense {
width:620px;
background-color:#282C2F;
padding:0;
}

#blogname {
margin-left:auto;
margin-right:auto;
width:900px;
padding-top:49px;
}

#blogname a {
color:#fff;
font-style:italic;
font-size:3em;
}

#blogname a:hover {
text-decoration:none;
}

.description {
font-size:110%;
color:#6cc;
font-style:italic;
font-weight:400;
}

#content {
width:610px;
float:left;
display:inline;
text-align:left;
font-size:120%;
margin:15px 0 0;
padding:15px 0;
}

#sidebar {
float:right;
width:270px;
display:inline;
font-size:110%;
background-color:#1C2023;
margin:0;
}

#footer {
clear:both;
font-size:120%;
text-align:center;
height:60px;
padding-top:25px;
padding-bottom:10px;
border-top:3px solid #202326;
margin:0 auto;
}

h1,h2,h3,h4 {
font-weight:400;
font-family:"Trebuchet MS", "Lucida Grande", verdana, helvetica, arial, sans-serif;
color:#6cc;
}

h2 {
font-size:130%;
}

ol#commentlist {
list-style:none;
margin:15px 0 0;
padding:0;
}

.commentname {
color:#fff;
}

.commenttext {
background:#3F464A url(/themes/blue_moon/img/comm.gif) top left no-repeat;
min-height:90px;
}

.commenttext .authorcomment {
border-right:15px solid #6cc;
padding-right:10px;
margin-top:3px;
min-height:90px;
}

* html .commenttext {
height:90px;
overflow:visible;
}

.commentp {
padding:20px 12px 10px 10px;
}

.commenttext p {
margin:0 0 15px;
padding:0;
}

#commentblock ol li {
margin-bottom:30px;
}

#commentblock {
margin-left:4px;
}

.gravatar {
float:left;
height:32px;
width:32px;
background:url(/themes/blue_moon/img/grav.png) no-repeat;
display:inline;
margin:23px 0 0 10px;
padding:8px;
}

#comments {
font-weight:400;
}

#commentsform p {
margin-top:5px;
margin-bottom:5px;
}

h3.entrytitle,h3 {
font-size:160%;
font-weight:400;
margin:0;
padding:0;
}

h3.entrytitle a,h3.entrytitle a:visited,h3 a {
color:#fff;
text-decoration:none;
}

h3.small {
    margin: 0 0 10px 0;
    font-size: 14px;
}

.entry {
margin-top:0;
padding-bottom:25px;
margin-bottom:25px;
}

.entrybody img {
border:1px solid #ddd;
}

.entrybody {
background:#1C2023 url(/themes/blue_moon/img/postbg.jpg) left top repeat-y;
margin:0;
padding:10px;
}

.entrybody p {
text-align:left;
margin-bottom:15px;
}

code {
background-color:#eee;
border:1px solid #CCC;
padding:5px;
}

h2.archives {
margin-bottom:25px;
text-align:center;
font-style:italic;
color:#6A7C7F;
padding:5px;
}

.entrymeta {
margin-top:3px;
margin-bottom:3px;
color:#81969A;
}

.entrymeta-single {
color:#ADD248;
margin-top:3px;
margin-bottom:20px;
}

#sidebar ul#feed {
list-style:none;
padding:5px 10px 15px;
}

#sidebar ul#feed li a {
background:url(/themes/blue_moon/img/feed-icon-32x32.gif) no-repeat left 50%;
padding-left:25px;
border-style:none;
}

.entrybody ul,.entrybody ol {
margin-top:10px;
margin-bottom:10px;
margin-left:30px;
}

.entrybody li {
padding-top:1px;
padding-bottom:1px;
}

#sidebar h2 {
font-size:130%;
color:#6cc;
font-weight:700;
margin:0;
padding:10px 10px 0;
}

#sidebar p {
    padding: 0 10px;
}

.sidebarbg {
background-color:#eee;
padding:3px;
}

#scrobbler {
text-transform:capitalize;
}

.scrobblersmall {
font-size:11px;
color:#81969A;
font-style:italic;
}

#sidebar p {
margin-bottom:10px;
margin-top:10px;
}

#sidebar ul {
list-style:none;
border-bottom:1px solid #282C2F;
padding:10px 10px 15px;
}

#sidebar ul li a {
color:#fff;
text-decoration:none;
}

#sidebar ul li a:hover {
color:#fff;
text-decoration:underline;
}

a,a:visited {
color:#6cc;
text-decoration:none;
}

#searchdiv {
border-bottom:1px solid #282C2F;
padding:10px;
}

#searchdiv h2 {
padding-top:10px;
}

#searchdiv form input {
font-size:90%;
margin:0;
padding:0;
}

.adwrap,.adwrapwide,.adwrap-lu,.adwrapbutton {
background:#fff;
border-color:#d5d7d0;
border-style:solid;
border-width:1px 0;
margin:0 0 1em;
padding:4px 0;
}

.adwrap object {
width:336px;
height:280px;
}

.adwrapwide iframe,.adwrapwide object {
width:468px;
height:65px;
}

.adwrap-lu {
width:180px;
float:right;
margin:0 0 1em 1em;
}

.adwrap-lu object {
width:180px;
height:90px;
}

.adwrapbutton iframe,.adwrapbutton object {
width:180px;
height:150px;
}

table {
margin:10px;
}

td,th {
font-weight:400;
padding:3px;
}

.navigation {
height:30px;
font-size:110%;
}

.navwidth {
width:900px;
margin-left:auto;
margin-right:auto;
}

.navwidthbg {
background-color:#1C2023;
}

.navigation li {
line-height:29px;
list-style:none;
float:left;
margin:0;
}

.navigation a:link,.navigation a:visited {
height:29px;
background:#1C2023 url(/themes/blue_moon/img/active1.gif) left top repeat-x;
color:#6A7C7F;
background-color:#1E1F23;
text-decoration:none;
padding-left:15px;
margin-right:2px;
}

.navigation a:link,.navigation a:link span,.navigation a:visited,.navigation a:visited span {
cursor:pointer;
display:block;
float:left;
}

.navigation a:hover {
height:29px;
color:#C0E0E6;
text-decoration:none;
background:#1C2023 url(/themes/blue_moon/img/active1.gif) left top repeat-x;
padding-left:15px;
}

.current_page_item a:link,.current_page_item a:visited {
height:30px;
color:#6cc;
line-height:28px;
background:#1C2023 url(/themes/blue_moon/img/current1.gif) left top no-repeat;
text-decoration:none;
padding-left:15px;
margin-right:2px;
}

.current_page_item a:hover {
height:30px;
color:#6cc;
background:#1C2023 url(/themes/blue_moon/img/current1.gif) left top no-repeat;
text-decoration:none;
padding-left:15px;
margin-right:2px;
}

.navigation ul {
list-style:none;
margin:0;
padding:0;
}

blockquote {
padding-left:8px;
border-left:2px solid #333;
color:#81969A;
font-size:90%;
font-style:italic;
margin:0 0 0 25px;
}

div .sociable {
background:#282C2F;
margin:5px 0 0;
padding:5px 5px 5px 8px;
}

span.sociable_tagline {
position:relative;
color:#C0E0E6;
}

span.sociable_tagline span {
display:none;
width:14em;
}

span.sociable_tagline:hover span {
position:absolute;
display:none;
top:-5em;
background:#ffe;
border:1px solid #ccc;
color:#000;
line-height:1.25em;
}

.sociable span {
display:block;
}

.sociable ul {
display:inline;
margin:0;
padding:0;
}

.sociable li {
background:none;
display:inline;
list-style-type:none;
margin:0;
padding:2px;
}

.adwrap {
border:0;
background:#282C2F;
margin:0 0 1em;
padding:7px 0;
}

h3,h4,#commentblock h2 {
font-size:140%;
}

a img,.sociable img {
border:0;
}

.entrybody a:link,.entrybody a:visited {
color:#6cc;
font-weight:400;
text-decoration:none;
}

.entrybody a:active,.entrybody a:hover {
color:#6cc;
font-weight:400;
text-decoration:underline;
}

.navigation a:link span,.navigation a:visited span,.navigation a:hover span {
height:29px;
background:#1C2023 url(/themes/blue_moon/img/active1.gif) left top repeat-x;
padding-right:15px;
}

.current_page_item a:link span,.current_page_item a:visited span,.current_page_item a:hover span {
height:30px;
background:url(/themes/blue_moon/img/current2.gif) right top no-repeat;
padding-right:15px;
}

.technorati ul li {
display:block;
text-align:center;
}

#linkcat-1,#sidebar ul li {
list-style:none;
}

h3.entrytitle a:hover,h3 a:hover,a:hover {
text-decoration:underline;
}

/* css for the file download listing */

ul.fileModule {
    width: 100% !important;
    margin: 20px 0 0 0 !important;
    padding: 0 !important;
    list-style-type: none !important;
    text-indent: 0!important;
}

ul.fileModule li {
    background: url(/img/fileBgBlueMoon.png) bottom left repeat-x;
    border-bottom: 1px solid #111;
    clear: both;
    height: 27px;
}

ul.fileModule li:before {
    content: "";
}

    ul.fileModule li.listHeader {
        font-size: 11px;
        font-weight: bold;
    }

        ul.fileModule li.listHeader span.icon {
            padding-bottom: 0;
        }

    ul.fileModule li span {
        display: block !important;
        float: left !important;
        position: relative !important;
        border-right: 1px solid #000;
        border-left: 1px solid #333;
        padding: 0 2% !important;
        margin-top: 5px;
    }

    ul.fileModule li span.icon {
        width: 6%;
        text-align: center;
        padding-bottom: 4px;
        border-left: 0;
    }

        ul.fileModule li span.icon img {
            padding: 0 !important;
            border: none !important;
            margin: 0 !important;
        }

    ul.fileModule li span.name {
        width: 35%;
        padding-left: 2%;
    }

    ul.fileModule li span.size {
        width: 14%;
        text-align: center;
    }

    ul.fileModule li span.created {
        width: 20%;
        border-right: none;
    }

        ul.fileModule li span.created div {
            float: left;
            display: block;
        }

        /* mailing lists */

        .entry-content ul.maillists {
            list-style-type: none;
        }

            .entry-content ul.maillists li {
                margin-bottom: 10px;
            }

            .entry-content ul.maillists li input {
                float: left;
                margin-top: 3px;
            }

            .entry-content ul.maillists li h3,
            .entry-content ul.maillists li p {
                margin-left: 30px !important;
            }

            .entry-content ul.maillists li h3 span {
                color: #999;
                font-weight: normal;
            }    

            .entry-content ul.maillists.single li h3,
            .entry-content ul.maillists.single li p {
                margin-left: 0;
            }    

        form#maillistform label {
            font: normal 11px "Lucida Grande",Tahoma,"Lucida Sans Unicode",Verdana,sans-serif;
            color: #666;
            display: block;
            margin-bottom: 3px;
        }

        form#maillistform input#name,
        form#maillistform input#email {
            margin-bottom: 5px;
            width: 200px;
            border: 1px solid #999;
            background: url(/img/formOffBg.gif) top left repeat-x;
            padding: 3px;
        }


            form#maillistform input#name:focus,    
            form#maillistform input#email:focus {
                border: 1px solid #4388d6;
                background: url(/img/formOnBg.png) top left repeat-x;
            }

h3 {
    position: relative;
}

h3 span.years {
    position: absolute;
    top: 10px;
    right: 0;
    font-size: 14px;
    color: #CCC;
    font-weight: bold;
}

    h3 span.years a {
        color: #EEE !important;
        font-size: 14px !important;
        font-weight: bold !important;
    }

/* /// Calendar Color Specifics /// */
dl.calendarList dd span.day { color: #66CCCC; }

/* /// Discussion Board /// */

    ul.discussionBoard li.header {
        color: #000 !important;
        font: bold 11px Verdana, Tahoma, Sans-serif !important;
        background: #616a71;
        padding: 6px !important;
        font-size: 12px;
        border-bottom: 1px solid #CCC;
        border-right: 1px solid #CCC;
        margin-bottom: 5px;
    }

    ul.discussionBoard li > .title,
    ul.discussionBoard li > .replies,
    ul.discussionBoard li > .meta {
        display: block;
        float: left;
    }
    
    ul.discussionBoard li > .title {
        width: 44%;
    }
    
    ul.discussionBoard li h4 {
        font-size:1.1em;
        margin:0 0 6px 0 !important;
    }
    
    ul.discussionBoard li > .replies {
        width: 17%;
        margin-left: 4% !important;
        margin-right:2% !important;
    }
    
    ul.discussionBoard li > .replies h4 {
        color:inherit;
    }
    
    ul.discussionBoard li > .meta {
        width: 30%;
        margin-left: 3% !important;
    }
    
    ul.discussionBoard li > .meta span {
        display:block;
        margin-bottom:-3px !important;
    }

ul.discussionBoard li.topic {
    margin: 5px 0 5px 0 !important;
    padding: 10px 7px !important;
}

    ul.discussionBoard li.topic:hover {
        background: #1c2023;
    }

    ul.discussionBoard li.even {
        background: #3a3e42;
    }
    
    ul.discussionBoard li.topic.unapproved {
        background: #61211E;
        border: none;
        color: #D47B77;
    }
    
        ul.discussionBoard li.topic.unapproved a {
            color: #D47B77;
        }

    ul.discussionBoard li.topic div.meta {
        font-size: 10px !important;
    }
    
    ul.discussionBoard li.topic p.topicDescription {
        font-size: 11px !important;
        margin: 0 !important;
    }

/* /// Discussion Board - Topic View /// */

ul.discussionTopic {
    list-style-type: none;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
}
    
    h3.repliesCount { margin-bottom:.5em !important; }
    
    ul.discussionTopic li, ul.discussionTopic div { margin-top:0 !important; margin-bottom:0 !important; }

    ul.discussionTopic li {
        border: none !important;
        border-bottom: 1px solid #222;
        margin: 0 0 10px 0 !important;
        padding:0 !important;
        list-style-type:none !important;
        background: none!important;
    }
    
    ul.discussionTopic li .left {
        width: 100px;
        float: left;
        color: #FFF;
        padding: 5px 10px 10px 10px;
        font-size: 11px;
        text-align: right;
        background: none;
    }
        ul.discussionTopic li .left a {
            color: #FFF;
        }
    
        ul.discussionTopic li .left img {
            border: 1px solid #CCC;
            margin: 4px 0;
        }
        
        ul.discussionTopic li .left .replyOwner {
            margin-bottom: 5px;
        }
    
        ul.discussionTopic li .right .replyCreated {
            border-bottom: 1px solid #333;
            color: #5b5f63;
            font-size: 11px;
            margin-bottom: 5px;
            padding: 0 5px 4px 5px;
        }
        
        ul.discussionTopic li .right .replyMessage {
            padding: 5px 5px 0 5px;
        }
        
        ul.discussionTopic li .right p {
            margin: 0 0 1em 0;
        }