/*  
Theme Name: Simbly
Theme URI: 
Description: Simple non blog site with mouse over menus using CSS
Version: 0.1
Author: Sujai Kumar
Author URI: 
*/

/* ##### Common Styles ##### */

* {
    border:none;
    padding:0;
    margin:0;
    font-family:verdana, arial, sans-serif;
}

body {
    background:white;
}

a {
    text-decoration:none;
    color:#040;
    font-weight:bold;
}

#content li a, p a {
    font-weight: normal;
    padding-bottom: 1pt;
    border-bottom: 1px solid #efffef;
}

#navigation ul li a:hover {
    background-color:#000;
    color:white;
}

a:hover {
    color:#090;
}

#home-container {
    width:700px;
    margin:15% auto;
    background:#fff;
    text-align: left;
}

#container {
    width:700px;
    margin:2em auto;
    background:#fff;
}

h2 {
    text-align:left;
    font-weight:bold;
    font-size:11pt;
    line-height:110%;
    padding:0.6em 0 .2em 0;
    color:#000;
}

h3 {
    text-align:left;
    font-size:85%;
    line-height:110%;
    padding:1em 0 .3em 0;
    color:#666;
}

p, li {
    text-align:left;
    padding:.5em 0 0 0;
    font-size:8pt;
    line-height:150%;
    font-family: verdana, serif;
    color:#666;
    text-align:justify;
}

.category-description {
    margin: 1em 0;
    background-color: #efffef;
    padding: .5em;
}

.post {
    margin-bottom:.7em;
    padding-bottom:.7em;
    border-bottom:1px solid #ccc;
}

.title a {
    font-weight:bold;
    font-size: 11pt;
}

/* ##### Footer ##### */

#footer {
    margin-top: 1em;
    clear:both;
}

#footer p {
    margin-left:0;
    text-align:left;
}

p.home-footer {
    margin-top:-2em;
}

/* ##### Masthead and Navigation ##### */

#masthead {
    width:700px;
    padding-bottom:1em;
    text-align:right;
    border-bottom:2px solid #666;
}

#masthead img {
    padding-bottom:1em;
}

#masthead .name {
    font-family:Georgia,Times,Serif;
    font-size:18pt;
    color:black;
}

#masthead .description {
    padding-left: 2em;
    padding-right: 2em;
    font-family:Georgia,Times,Serif;
    font-size:10pt;
    color:#999;
}

#masthead .home-description {
    padding: 0;
    font-family:Georgia,Times,Serif;
    font-size:12pt;
    color:#999;
}

#home-navigation ul li {
    width:240px;
    height:1.5em;
    float:left;
    
    list-style:none;
    text-align:left;
    padding:.5em 0 .2em 0em;
    font-size:70%;
    line-height:120%;
    font-family: verdana, serif;
    color:#999;
}

#navigation {
    width:160px;
    margin-left:0px;
    text-align:left;
    float:left;
    background-color:#fff;
    padding:8px;
}

#navigation ul li {
    list-style:none;
    text-align:left;
    padding:.5em 0 .2em 0em;
    font-size:8pt;
    line-height:160%;
    font-family: verdana, serif;
    color:#999;
}

#navigation ul ul {
    margin-top: .5em;
    padding: .1em .2em .2em 1em;
    border-left: 1px solid #ddd;
}

#drop-down {
    position:relative;
    float:left;
}

#drop-down ul {
    margin: 10px 5px 0 0px;
    padding:  0;
    list-style: none;
    width: 220px; /* Width of Menu Items */
    border-bottom: 1px solid #ccc;
    }

#drop-down ul ul {
    margin:0;
    }

#drop-down ul li {
    position: relative;
    }
    
#drop-down li ul {
    position: absolute;
    left: 219px; /* Set 1px less than menu width */
    top: 0;
    display: none;
    }

/* Styles for Menu Items */
#drop-down ul li a {
    display: block;
    text-decoration: none;
    color: #777;
    background: #fff; /* IE6 Bug */
    padding: 5px;
    border: 1px solid #ccc; /* IE6 Bug */
    border-bottom: 0;
    font-size:80%;
    font-family: verdana, serif;
    font-weight:normal;
    }
    
/* Holly Hack. IE Requirement \*/
* html #drop-down ul li { float: left; height: 1%; }
* html #drop-down ul li a { height: 1%; }
/* End */

#drop-down li:hover ul { display: block; }

#drop-down li.over ul { display: block; } /* The magic */

#content {
    width:452px;
    margin-left:245px;
}

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

#bct {
    text-align:right;
    margin:10px;
    font-size:80%;
}