/* -------------------------------------------------
    (c)2007    Damn Simple CMS - DSCMS
    Created:   11.11.2007
    Author:    ELITE MEDIA COMPANY LLC
    Website:   www.elitemediacompany.com
------------------------------------------------- */

@import url("master.css");
@import url("lang_flags.css");
@import url("navigation.css");
@import url("gallery.css");
@import url("forms.css");
@import url("admin.css");

/* -------------- COLOR SCHEME ---------------------

Grey dark: 		#6d6d6d
Grey medium: 	#d6d6d6
Grey light: 	#efefef
Pink: 			#d2516d

*/

/* -------------- GLOBAL STYLES -------------- */

body {
    background: #54381e url(../images/bg.png) repeat-x left top;
    font: 62.5%/1.4 "Times New Roman", Times, serif;
    color: #a57d59;
    text-align: center;
}

a:link, a:visited { color: #c89616; }
a:hover { text-decoration: underline; }

h1 { font-size: 1.4em; }

h2 {
    font: normal small-caps 1.8em "Times New Roman", Times, serif;
    border-bottom: 1px solid #55391f;
    background: url(../images/title-ornament.gif) no-repeat left 3px;
    padding: 0 0 3px 42px;
    margin-bottom: 15px;
    color: #ffffff;
}

h3 {
    font: normal 1.4em "Times New Roman", Times, serif;
    margin: 1em 0 .2em 0;
    color: #af9977;
}

h4 { font-size: 1.4em; }
h5 { font-size: 1.4em; }
h6 { font-size: 1.4em; }

/* -------------- LAYOUT -------------- */

#wrapper {
	width: 960px;
    margin: 0 auto;
    text-align: left;
    font-size: 1.4em;
}

#header {
    background: url(../images/header-trans.png) no-repeat center top;
	height: 323px;
    text-align: center;
}

    #header .logo {
    	width: 450px;
        height: 238px;
        margin: 0 auto;
        text-indent: -5000px;
        overflow: hidden;  
    }
    
        #header .logo a {
            height: 100%;
            display: block;
            margin-top: 50px;
        }
    
#page_content {
    background: #694829 url(../images/deco/layout-image_01.jpg) no-repeat right top;
    border: 1px solid #543519;
}

    #page_content p {
        margin-bottom: 1em;
    }
    
    #page_content ul {
        margin: 1em;
        padding-left: 2em;
        list-style: square;
    }
    
    #page_content li {
        margin-bottom: .1em;
    }
    
.bsides {
    padding: 0 7px;
    background: #694829 url(../images/bsides.gif) repeat-y center center;       
}
    
.btop {
    padding-top: 7px;
    background: #694829 url(../images/btop.gif) repeat-x left top;       
}
    
    .bbottom {
        padding-top: 7px;
        background: #694829 url(../images/bbottom.gif) repeat-x left bottom;      
    }
    
    
#col_left {
    width: 470px;
    min-height: 500px;
    padding: 30px;
    background: url(../images/bg-content-trans.png) repeat-y;
}    

#footer {
    text-align: left;
    font-size: .95em;
    margin: 0 auto;
    padding: 5px 0;
}
 
 	#footermenu {
        overflow: hidden;
        font: .9em Arial, Helvetica, sans-serif;
        padding: 0 0 0 0;
        width: 500px;
        float: left;
	}
     
     #footermenu li {
     	display: inline;
	}
         
         #footermenu a {
             float: left;
             border-left: solid 1px #7f5f3f;
             padding: 0 .7em 0;
             margin: 0 1px 0 -1px;
         }

    #infos {
        font: 10px Arial, Helvetica, sans-serif;
        clear: both;
        padding: 7px 0 10px 10px;
    }
         
    #designedby {
        font: 10px Arial, Helvetica, sans-serif;
        width: 450px;
        text-align: right;
        float: left;
        padding-right: 10px;
    }
    
/* -------------- ELEMENTS -------------- */

#wrapper #html_links {
    margin: 0;
    padding: 0;
    list-style: none;
}

    #wrapper  #html_links li {
        display: block;
        margin: 1em 0;    
    }
    
#flashMsg {

}

    #flashMsg p {
        margin: 1em 0;
        text-align: left;
        padding: .5em;
        font-size: 1.2em;
        color: #ffffff;
        -moz-border-radius: .3em;
    }
    
    #flashMsg .valid {
        background: #3d501e;
    }
    
    #flashMsg .warning {
        background: #1a2c51;
    }
    
    #flashMsg .error {
        background: #620000;
    }