/*
    basic layout and typography for LA CREOLE
*/
@import "undo.css";	/* reset all element margin, padding, etc. */
/* outer containers */
	body,
	html {
		color: black;
		background: #484F25;
	}
	body {
		min-width: 934px;
	}
	#wrap {
	margin: 16px auto;
	width: 918px;
	background-color: #4F3525;
	padding-top: 16px;
	padding-left: 16px;


	}
    
/* mainbar styles */
	#mainbar {
		width: 724px;
        overflow: hidden;
		float: left; 
        clear: left;
        font: 12px/26px Verdana, Arial, sans-serif;
		text-align: left;
	}
    #mainbar div    {
        margin-bottom: 16px;
    }
    /* nav styles */
        #mainbar #nav   {
            background: #AEBC7F;
            padding: 7px;
            font: bold 13px Verdana, sans-serif;
        }
        #nav ul {
            text-align: center;
        }
        #nav li {
            display: inline;
            margin-right: 0px;
        }
        #nav a  {
            padding: 0 3px;
        }
        #nav a:link,
        #nav a:visited  {
            color: #503524;
        }
        #nav a:hover    {
            background-color: #D8D161;
        }
		
		#nav #menu		{
	height: 180px
			width;
	background-color: #0033FF;
	cursor: crosshair;
	filter: Light;
: 120px;
			background: #AEBC7F;
            font: bold 11px Verdana, sans-serif;
						}
		#menu li {
        display: inline;
        
    }
    	#menu a:link,
    	#menu a:visited  {
        color: #FFE382;
    }
    	#menu a:hover    {
        text-decoration: underline;
		}
    /* main content area styles */
        #content    {
            background: white; 
            padding: 28px;
            padding-bottom: 12px; 
            text-align: justify;
        }
        #content a:link,    {
            color: blue;
        }
        #content a:visited  {
            color: #9E4100;
        }
        #content a:hover    {
            background-color: #CDE3F2;
        }
        #content h1 {
            font: bold 22px/26px Georgia, serif;
            margin-bottom: 6px;
        }
        #content img    {
            float: right;
            margin-left: 16px;
            margin-bottom: 52px;
        }
        #content .kicker    {
            font-style: bold;
            font-size: 14px;
            word-spacing: -1px
        }
        #content p  {
            margin-bottom: 13px; /* paragraph spacing */
        }
        #content blockquote {
            margin-left: 26px;
            margin-right: 26px;
        }
        #content ul {
            list-style-type: disc;
            list-style-position: inside;
            margin-bottom: 13px;
        }
        
    /* utility styles */
        #content .float-right    {
            float: right;
            margin-left: 16px;
            margin-bottom: 52px;
        }
        #content .float-left    {
            float: left;
            margin-right: 16px;
            margin-bottom: 52px;
        }
/* sidebar styles */
	#sidebar	{
        width: 194px;  
        overflow: hidden; 
		float: right; 
		font: 12px/26px Verdana, Arial, sans-serif;
        color: #503524;
	}
    /* sidebar modules */
        #sidebar div    {
            width: 129px;
            padding: 16px;
            margin-left: 16px;
            margin-bottom: 16px;
        }
        #sidebar .sidebar-text-input    {
            border: 1px solid #8A9091;
            width: 128px;
        }
        #sidebar h2 {
            font-size: 12px;
            line-height: 12px;
            margin-bottom: 12px;
        }
        #sidebar h3 {
            font-size: 10px;
            line-height: 12px;
            margin-bottom: 6px;
        }
        
        /* sidebar logo -- override padding to allow logo image to spill into gutters */
            #sidebar #logo  {
                width: 180px;
                padding: 0;
                margin-left: 7px;
                height: 468px;
            }
            #sidebar #logo img  {
            }
        /* quicklinks */
            #sidebar #quicklinks    {
                clear: both;
                background: #FFE382;
            }
            #quicklinks a:link,
            #quicklinks a:visited  {
                color: #503524;
            }
            #quicklinks a:hover    {
                text-decoration: underline;
            }
        /* search */
            #sidebar #search    {
                background: #AEBC7F;
            }
            #sidebar #search .submit    {
                background-color: transparent;
                border: 0; 
                padding: 0;
                font: bold 12px/26px Verdana;
                color: #503524;
            }
            #sidebar #search .submit:hover    {
                background-color: #D8D161;
                color: #503524;
            }
        /* shop */
            #sidebar #shop  {
                background: #ABDAF4;
            }
            #sidebar #shop p {
                font-size: 10px;
                line-height: 14px;
                color: black;
            }
/* footer styles */
    #footer {
        clear: both;
        color: #FFE382;
        font: 10px/12px Verdana;
        padding-bottom: 16px;
    }
    #footer li {
        display: inline;
        
    }
    #footer a:link,
    #footer a:visited  {
        color: #FFE382;
    }
    #footer a:hover    {
        text-decoration: underline;
    }