/*  
Theme Name: SD
Theme URI: http://safedelhi.jagori.org
Description: Safe Delhi main poster with three menu roll outs from left
Version: 0.3
Author: Sujai Kumar 
Author URI: http://ylog.org/sujai
*/

/* ------------------ General Styles -----------------------*/

* {
    padding:0;
    margin:0;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    line-height:135%;
    text-decoration:none;
    font-size:9pt;
    color: #000000;
}

ul,li {
    list-style:none;
}

img {
    border:none;
}

strong, b {
    font-weight:bold;
}

a {
    font-weight: bold;
    color: #6c7a1f;
}

/* --------------- Jagori drop-down (not any more) top navigation bar -----------------*/

#drop-down {
    width: 100%;
    background: #6C7A1F;
    font-weight: bold;
    height:30px;
}

#drop-down ul {
    float:none;
    clear:both;
}

#drop-down ul li {
    padding: 5px 10px;
    display: block;
    float: left;
    background: #6C7A1F;
}

#drop-down ul li.drop-down-head {
    border-left: 1px solid #ebffaa;
}

#drop-down ul li.home-link {
    width:160px;
}

#drop-down ul li.last {
}

/* Styles for Menu Items */
#drop-down ul li a {
    font-family: verdana, arial narrow, sans-serif;
    text-decoration: none;
    font-weight: bold;
    font-size: 90%;
    color: #faf5a1;
}

#drop-down ul li:hover   { background: #faf5a1;}
#drop-down ul li:hover a { color: #6c7a1f;}

#drop-down ul li.over    { background: #faf5a1;}
#drop-down ul li.over a  { color: #6c7a1f;}

/* --------------- Sidebar ------------- */

#left-col {
    float: left;
    clear: left;
    width: 180px;
}

#sidebar {
    width: 180px;
    height: 280px;
    background: #F5EC21;
}

#sidebar a {
    font-weight: bold;
}

#sidebar ul {
    margin-left:10px;
}

#sidebar ul li {
    width:160px;
    position: relative;
    /* background-image: url(images/bullet-arrow.gif); */
}

#sidebar ul li a {
    width:160px;
    vertical-align: top;
    font-weight: bold;
    text-decoration: none;
    display: block;
    padding-bottom:5px;
    margin-bottom:5px;
    border-bottom: 1px dotted black;
    color: black;
}

#sidebar ul li ul {
    margin:-5px 0 0 0;
    width: 220px;
    padding:  5px 0px 5px 5px;
    list-style: none;
    background-color: black;
    border: 1px solid #F5EC21;
}   

#sidebar ul li ul li {
    width: 190px;
    position: relative;
}   
    
#sidebar ul li ul li a {
    width: 200px;
    vertical-align: top;
    font-weight: bold;
    text-decoration: none;
    display: block;
    color: #F5EC21;
}   

#sidebar li ul {
    position: absolute;
    left: 159px; 
    top: 0px;
    display: none;
}

#sidebar li:hover ul { display: block; }

#sidebar li.over ul  { display: block; }

* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}

* html #sidebar-nav li { float: left; height: 1%; }
* html ul li a { height: 1%; }

.announcements {
    background: white;
    width: 180px;
}

.announcements p {
    padding: 10px;
    font-size:8pt;
}

/* --------------- Home -------------------*/

#right-column {
    margin-left: 180px;
    background: white;    
}

#right-column p {
    margin: 0;
    border: 0;
    padding: 0;
}

.home-column {
    width: 280px;
    float: left;
    margin-right:15px;
}

.home-column ul {
    font-size:8pt;
    margin-left:10px;
}

.home-column-entry {
    background: #FCFFEF;
    margin: 10px 0;
}

.home-column-title {
    color: black;
    padding:5px 10px 5px 10px;
    font-weight: bold;
    background: #F5EC21;
    text-align: left;
}

.home-column-title a {
    color: black;
}

.news-date { font-size:80%; }

/* --------------- Inside Content -------------------*/

#content {
    margin-left: 180px;
    padding: 10px 10px 0 10px;
    width: 565px;
    background: white;    
}

#content .breadcrumb {
    text-align:right;
    width: 565px;
    height: 2.5em;
}

#content .post {
    background: #FCFFEF;
    margin-bottom: 20px;
}
#content p {
    text-align: justify;
    margin: 5px;
}

#content h1 {
    font-size: 140%;
}

#content h1 a {
    font-size: 120%;
}

#content h2 {
    font-size: 120%;
    margin-top: 10px;
    border-bottom: 1px solid #ff6;
}

#content ul {
    margin-left: 1em;
}    

#content ul li {
    margin: .5em 0 .5em .3em;
    list-style: disc outside;
}

#content ol {
    margin-left: 1.5em;
}    

#content ol li {
    margin: .5em 0 .5em .1em;
    list-style: decimal outside;
}

#content form textarea {
    width: 90%;
    height: 70px;
}

#content form input.question-email, #content form textarea {
    padding: 5px;
    margin: 5px 0;
    background: #ebefd1;
}

#content .box {
    width: 30%;
    border: 1px solid #eee;
    background: #ebefd1;
    clear: none;
    float: right;
    position: relative;
    top: 0;
    padding: 2px;
    margin: 2px;
}

#content td {
    border-bottom: 1px solid #6c7a1f;
}

/* --------------- Footer -----------------*/

#footer {
    clear: both;
    float: none;
    text-align: left;
    width: 100%;
    color: #444;
    margin-top:5px;
    padding-top:5px;
    padding-left:190px;
    border-top: 1px solid #999;
}

#footer p, #footer a {
    font-size: 8pt;
}