/*  --------------------
	erinchocolates.com -- 2006
	Jordan Arentsen
	
	Includes
	--------
	- 
	--------------------
*/

/* Globals */


*{ font-size: 100.01%; line-height: 1em; margin: 0; padding: 0;} /* Global Reset */

html {
	font-size: 62.5%;
    font-family: Arial, sans-serif; }

body {
    background-color: #7E5A3F;
    text-align: center; 
    padding-top: 4em; }
    
ul {
    list-style-type: none }

img {
    border: none;
}



.box {
	position: relative;
	float: left;
	width: 16.4em;
	padding: 10px;
	background: url(../images/box_mid.gif) repeat-y;
    margin: 0 0 0 0; }
    
    .box p, .box ul {        
        padding: 0 0 0 0em; }
    
    .box p, .box ul li {
        font-size: 1.1em;
        line-height: 1.1em;
        color: #f3f3f3; }
    
    .box ul li {
		float: left;
        margin-bottom: .9em; }
        
    .box a {
		float: right;
		position: absolute;
		right: 10px;
		bottom: 10px;
    }
    
    .box a, a:link, a:visited, a:active {
		font-size: 1.1em;
		color: white;
		}
    .box a:hover {
		background: #522900; }
		

	.box .top {
		height: 7px;
		background: url(../images/box_top.gif) top left;}
		

    

#container{
    text-align: left;
    margin: 0 auto;
    width: 612px;}

    #container #navigation {
		padding: 0;
		margin-bottom: 10px;
        height: 36px;
        background: url(../images/navbg.gif) no-repeat;}
        
        #container #navigation ul { 
            /*height: 25px;*/
	        padding: 10px 0 0 10px; }
        
            #container #navigation ul li {     
				font-size: 11px;
                display: inline;}
            
            #navigation ul li a {
                text-decoration: none;
                color: #551200;
                padding: 2px 5px; }

            #navigation ul li a:hover {
                background-color: #552B00;
                text-decoration: none;
                color: white; }
                
    #container #content {
        width: 612px;
        margin-top: 0em;
		margin-bottom: 10px;
        float: left;}
        
		
        #content #main {
            width: 412px;
            float: left; }  

			#content #main h2, #content #products-main{
				font-size: 2em;
				color: white;
				margin-bottom: 10px;
				margin-left: 10px; }
				
			#content #main img.inset {
				border: 2px solid #522900;
				float: right;
				margin: 10px;
				margin-top: 0;}
				
			#content #main p {
				font-size: 1.2em;
				line-height: 1.3em;
				color: #f5f5f5;
				padding-left: 10px;
				margin-bottom: 10px;}
		
		#content #products-main {
			width:  612px;}
            
        #content #sidebar {
            width: 190px;
            padding-top: .5em;
            float: right; }
            
            #sidebar h2 {
                font-family: Verdana;
                font-size: 1.5em;
                font-weight: lighter;
                margin-bottom: .1em;
				margin-left: .3em;
                color: #F3F3F3; }
                
            #sidebar #sidebar-events {
                /*height: 19.5em;*/
				padding-bottom: 10px;
                 } 
				 
				 #sidebar #sidebar-events .box {
					 height: 130px; }
                 
                 #sidebar-events .date {
                    margin-top: 3px;
                    margin-right: 3px;
                    text-align: center;
                    width: 3em;
                    font-size: 1em;
                    font-weight: 500;
                    float: left;}
                    
                    #sidebar-events .date b {
                        font-size: 1.9em}
						
				#sidebar-events p {
					font-size: 1.0em;
					line-height: 1.3em;
					width: 11em;
                    float: right;}
            
            #sidebar #sidebar-contact {
                /*height: 11em;*/ }    
				 
				 #sidebar #sidebar-contact .box{
				 	height: 65px}
					
				 #sidebar-contact p {
					 padding: 7px;
					 padding-top: 0px;
					 line-height: 1.3em;
				 }
                 
                
    #container #footer{
		padding: 15px 0 0 10px;
		font-size: .9em;
		height: 35px;
		color: #CBC0B8;
		text-align: center;
		background: url(../images/footerbg.png) top left no-repeat;
        clear: both; }
		
		
	/* ********
	CONTACT
	******** */

	#contact {
		margin-left: 10px; }

		#contact td {
			vertical-align: top; }
			
			#contact td input, #contact td textarea {
				padding: 3px;
				color: #552B00;
				border: 1px solid #552B00;
				font-size: 10pt; }
				
			#message {
				font-family: verdana;}

		#contact .label	{
			color: white;
			font-size: 10pt;
			padding-top: 5px;
			padding-right: 20px;
			padding-bottom: 20px;
			vertical-align: middle;
			text-align: right; }

		#contact .submit td {
			padding-top: 15px;
			text-align: right; }

		#contact .submit td input {
			background-color: #552B00;
			color: white;
			border: 2px solid #886144; }

	#submitted {
		visibility: hidden; 
		color: white;
		margin-left: 10px;}

	#errors {
		padding: 5px;
		visibility: hidden;
		font-size: 10pt;
		color: Maroon;
		font-weight: bold;
		margin-bottom: 10px;
		background: #F3E1BE; }