/* Main */
html,
body {
    margin: 0;
    padding: 0;
}

body {
    width:100%;
    background: #f8f8f8 url('bkg-grunge.jpg') repeat-x 0 -15px;
    color: #333333;
    font-size: 62.5%;
    font-family: Helvetica, Arial, sans-serif;
}
    a {
        color: #333333;
        text-decoration: none;
        border-bottom: 1px dotted #f9f9f9;
    }
    p {
        color: #676767;
        line-height: 1.3em;
    }  
    h2 {
        font-weight: normal;
        font-family: Georgia, serif;
    }
    h3, h4, h5, h6 { color: #676767; font-family: Helvetica, Arial, sans-serif; }

/* Structure */

#container {
    width: 700px;
    padding: 0;
    margin-left: 40px;
}

#header {
    height: 120px;
    width: 100%;
}
    #header h1 {
        float: left;
    
        background: url('cyphon-transparent-small.png') no-repeat;
        text-indent: -3000px;
        font-size: 0;
        
        margin-top: 50px;
    }
        #header h1 a { display: block; height: 46px; width: 177px; text-decoration: none; border: none }

    
    #navigation {
        float: right;
	text-align: right;

        width: 550px;
        
        padding: 0;
        
        margin-top: 65px;
        margin-right: -50px
    }


#content {
    background: #fff;
    border: 1px solid #d9d9d9;
    
    width: 100%;

    padding: 0 22px 22px 22px;
}

#footer {
    width: 100%;
    height: 55px;			/* Height of the footer div */
    background: #2d2e2e;

    margin-left: 40px;
}

/* Content */

#content h2 { font-size: 3.4em; }
#content h3 { font-size: 2.2em; }
#content h4 { font-size: 1.8em; }
#content h5 { font-size: 1.6em; }
#content p, #content ul li { font-size: 1.34em; line-height: 1.45em }


/* Rail */

#rail h2 {
    font-weight: bold;
    margin-top: 0.5em;
    font-size: 2em;
    border-bottom: 1px dotted;
    padding-bottom: 0.4em;
}
    #rail h2.news {
        border: none;
    }
#rail h3 {
    font-size: 1.5em;
}
#rail p {
    font-size: 1.2em;
    line-height: 1.2em;
}

/* News */

div.news-item {
    border-top: 1px dotted #333333;
}

/* Footer */

#footer div.icon {
    background: url('cyphon-icon-50px.png') no-repeat;
    
    right: 0px;
    position: absolute;/home/karan/Dropbox/cyphon
    
    height: 50px;
    width: 37px;
}

#footer p {
    font-family: Georgia, serif;
    font-size: 1.5em;

    color: #ccc;
    padding: 16px 20px;
}

/* navigation */

#navigation ul {
    margin: 0;
    padding: 0;
}

#navigation ul li {
    font-family: Georgia, serif;
    font-size: 1.3em;
    
    margin-left: 10px;
    padding: 10px 0 20px 15px;
    list-style: none;
    display: inline;
}

#navigation ul li a {
    color: #fff;
    text-decoration: none;
    border: none;
    font-size: 1.2em;
    letter-spacing: 0.04em;
}

#navigation ul li a:hover {
    text-decoration: underline
}

#navigation ul li a.currentpage, #navigation ul li.activeparent a {
    font-weight: bold;
    background: #181818;
    padding: 0.6em 1em;
}
#navigation ul li a.currentpage:hover {
    text-decoration: none
}



/* sub navigation */

ul#sub-navigation {
    width: 340px;
    padding: 0;
    margin: 0;
    margin-right: -2em;
    border-bottom: 1px solid #ccc;
}

ul#sub-navigation li {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1.2em;
    letter-spacing: 0.15em;
    
    list-style: none;
    padding: 0.6em 0.25em;
    padding-right: 2em;
    border-top: 1px solid #ccc;
}
    ul#sub-navigation li.currentsubpage {
        background: #fff;
    }
    ul#sub-navigation li:hover { background: #fff; }

/* sub sub navigation */

ul#sub-navigation ul {
    font-size: 0.8em;
    
}
ul#sub-navigation ul li {
    background: #eee;
    padding: 0.3 0.25em;
}