/*
Theme Name: Emma's Theme
Theme URI: 
Description: Emma's Theme
Version: 1.0
Author: Leon Amarant
Author URI: http://www.leonamarant.com/
Tags: Leon Amarant, theme, Fixed Width, 900px, Custom
*/

body{
	background-color: #333333;
	font-size: 85%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-align:center;
	}

#review{background-color: #ffffff;}
#review h1{padding:10px;border-top:dotted 1px #cccccc;border-bottom:dotted 1px #cccccc;text-align:center;}

a,
a:hover,
a:link,
a:visited
	{color: #0000FF;}

img{behavior: url(/wp-content/themes/emmas/js/iepngfix.htc)}

ul {margin:0;padding:0;margin-left: 1em; font-size:.9em;}
li {padding-bottom: .5em; padding-right: .5em;}

p {line-height: 1.5em;}

.imgBorder{
	padding: 2px;
	border: solid 1px #666666;
	}

#MainTable{
	width: 800px;
	background-color: #999999;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	text-align:left;
	}
	

#Wrapper{
    background-color: #c8c096;
    }
    
#Header{
    height:139px;
    width: 100%;
	background-image: url(images/HeaderBG.gif);
    background-repeat: no-repeat;
    background-position: top left;
    }

#LinkedLogo{
	position: relative;
	float: left;
	left: 50px;
	top: 30px;
	height: 100px;
	width: 320px;
	}

#MainContactInfo{
    position: relative;
	float: left;
    width: 130px;
    left: 265px;
    top: 25px;
    }
#MainContactInfo a,
#MainContactInfo a:visited,
#MainContactInfo a:hover,
#MainContactInfo a:link
	{ color: #986a23; }

#MainContactInfo .Phone{
    font-family: Georgia;
    font-size: 18px;
    font-weight: bold;
    color: #986a23;
    }
#MainContactInfo .Address {
    margin-top: 8px;
    line-height: 16px;
    font-size: 11px;
    font-family: Verdana;
    }
#MainContactInfo .Directions {
    font-size: 10px;
    text-align: left;
    margin-top: 10px;
	padding-left: 1px;
    }

#ContentContainer{
    width:741px;
	margin-left: 43px;
    }

#MenuWrapper{
    width:100%;
	background-color: #b79765;
    }

#ContentWrapper{
    width:100%;
	background-color: #669999;
	padding: 0;
	margin: 0;
    }
	
#Footer{
    margin-left: 16px;
    text-align: right;
    font-size: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
	color: #986a23;
    }

	
/* **** MENU STYLES **** */
    #Menu{
        width:100%;
		margin-left: 16px;
        background-color: #986a23;
        background-image: url(images/PaddleBottom.gif);
        background-position: 517px top;
        background-repeat: no-repeat;    
        vertical-align: middle;
        font-size: 18px;
        font-family: Georgia;
        padding-top: 7px;
        padding-bottom: 7px;
        }

    #Menu a,
    #Menu a:active,
    #Menu a:link,
    #Menu a:visited{
        color: #cccc99;
        text-decoration: none;
    }
    #Menu a:hover{
        color: #ffffff;
    }

    #Menu ul{
        margin: 0;
        padding: 0;
    }
    #Menu ul li{
        display: inline;
        padding-left: 15px;
    }

    #Menu ul li.current_page_item a,
	#Menu ul li.current_page_item a:active,
    #Menu ul li.current_page_item a:link,
    #Menu ul li.current_page_item a:visited{
        color: #ffffff;
    }

/* **** Home **** */    	
	#Home #ContentWrapper{background-color: #669999;}
	#ContentHome{
		margin: 0;
	    padding: 0;
	    margin-left: 16px;
	    background-color: #cccccc; 
	 	background-image: url(images/ajax-loader.gif);
	    background-repeat: no-repeat;
	    background-position: 270px center;
	    }

/* **** Menus **** */
	#MenuPage #ContentWrapper{background-color: #ded9c1;}
	#ContentMenus{
	    width:100%;
		margin: 0;
	    padding: 0;
	    margin-left: 16px;
	    background-color: #d0c9a6;
		/*
		background-color: #97adc2; 
	    background-image: url(images/bgMenus.jpg);
	    background-repeat: no-repeat;
	    background-position: top left;
		*/
	    min-height: 320px;
	    height: auto !Important;
	    height: 320px;
		overflow: visible;
		padding-bottom: 2em;
	    }

	#ContentMenus .TopContent{
	    min-height: 290px;
	    height: auto !Important;
	    height: 290px;
	    padding: 1em;
	    padding-left: 0;
	    padding-top: 2em;
		overflow: visible;
	    }

	#ContentMenus .TopContent .MainLeft{
	    float: left;
	    width: 40%
	    }

	#ContentMenus .TopContent .MainLeft .MenuSection{
	    background-image: url(images/paddleSmall.gif);
		behavior: url(/wp-content/themes/emmas/js/iepngfix.htc);
	    background-repeat: no-repeat;
	    background-position: top left;
	    padding-left: 60px;
	    min-height: 48px;
	    height: auto !Important;
	    height: 48px;
	    margin-bottom: 2em;
	    }
	#ContentMenus .TopContent .MainLeft .MenuSection .Header{
	    font-size: 1.2em;
	    font-weight: bold;
	    color: #986a23;
	    margin-bottom: .5em;
	    }
	#ContentMenus .TopContent .MainLeft .MenuSection a,
	#ContentMenus .TopContent .MainLeft .MenuSection a:link,
	#ContentMenus .TopContent .MainLeft .MenuSection a:visited,
	#ContentMenus .TopContent .MainLeft .MenuSection a:hover {
	    font-size: 1em;
	    text-decoration:underline;
	    line-height: 1.6em;
	    }

	#ContentMenus .TopContent .MainRight{
	    float: left;
	    width: 60%;
	    text-align: right;
	    }

	#ContentMenus .TopContent .MainRight img {
	    padding: 4px;
	    }

	#ContentMenus .Menu{
		clear:both;
		background-color: #669999;
	    min-height: 200px;
	    height: auto !Important;
	    height: 200px;
	    margin-left: 18px;
	    margin-right: 18px;
		padding: 20px;
		color: #ffffff;
	    }
	
	#ContentMenus .Menu .PizzaHeader{
		width: 40em;
		min-height:100px;
		height: auto !Important;
		height: 100px;
		border: dotted 1px #ffffff;
		margin-left: auto;
		margin-right: auto;
		margin-top: 15px;
		background-color: #b5c6d7;
		padding-bottom: 20px;
		color: #333333;
	}
	#ContentMenus .Menu .PizzaHeader .Tbl{display:table;width:100%;}
	#ContentMenus .Menu .PizzaHeader .Tbl .TblRow{}
	#ContentMenus .Menu .PizzaHeader .Tbl .TblRow .Left
		{display:table-cell;width:23em;padding-left:20px;vertical-align:middle;padding-top:10px;}
	#ContentMenus .Menu .PizzaHeader .Tbl .TblRow .Middle,
	#ContentMenus .Menu .PizzaHeader .Tbl .TblRow .Right
		{display:table-cell;width:7.5em;text-align:center;vertical-align:middle;padding-top:10px;}		
	
	#ContentMenus .Menu .SectionHeader{
		text-align: left;
		color: #FFFFFF; 
		font-size: 2.5em;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: lighter;
	}
	#ContentMenus .Menu p{padding:0;margin:0;}
	#ContentMenus .Menu .Italic{margin-top: 10px; font-style: italic;}
	#ContentMenus .Menu .table{display:table;width:100%;padding-bottom:10px;}
	#ContentMenus .Menu .Section{
		display:table;		
		color: #333333;
		margin: 20px;
		margin-bottom: 30px;
		width:95%;
	}
	#ContentMenus .Menu .Section .SubHead{
		padding-bottom:15px;
		font-size:1.5em;
		font-weight:lighter;
	}
	#ContentMenus .Menu .Section .SubHead .right{
		float:right;
		font-size: .5em;
		padding-top: .5em;
	}
	#ContentMenus .Menu .Section .SubHead .right a,
	#ContentMenus .Menu .Section .SubHead .right a:visited,
	#ContentMenus .Menu .Section .SubHead .right a:hover,
	#ContentMenus .Menu .Section .SubHead .right a:link
		{color:#d7d7d7;}
		
	#ContentMenus .Menu .Section .SubText{color: #ffffff;}
	#ContentMenus .Menu .HighLight{
		width: 90%;
		border: solid 1px #cccccc;
		margin-left: auto;
		margin-right: auto;
		padding: 10px;
		font-style: italic;
		font-size: .9em;
		color: #ded9c1;
	}
	
	#ContentMenus .Menu .Section .SubText .ThirdOfColumn{
		float: left;
		width: 33%;
	}
	
	#ContentMenus .Menu .Section .SubText .PizzaRow{
		display:table;
		padding-bottom: 15px;
		margin-bottom: 15px;
		width:100%;
		border-bottom: dotted 1px #ffffff;
	}
	#ContentMenus .Menu .Section .SubText .PizzaRow .Num{float:left;width:5%;font-weight:bold;}
	#ContentMenus .Menu .Section .SubText .PizzaRow .Pizza{float:left;width:75%;}
	#ContentMenus .Menu .Section .SubText .PizzaRow .SM{float:left;width:10%;}
	#ContentMenus .Menu .Section .SubText .PizzaRow .LG{float:left;width:10%;}
	
	#ContentMenus .Menu .Section .SubText .ItemRow{
		display:table;
		padding-bottom: 15px;
		margin-bottom: 15px;
		width:100%;
		border-bottom: dotted 1px #ffffff;
	}
	#ContentMenus .Menu .Section .SubText .ItemRow .Item{float:left;width:90%;}
	#ContentMenus .Menu .Section .SubText .ItemRow .Price{float:left;width:10%;}
	
	
/* **** REVIEWS **** */
	#MenuReviews #ContentWrapper{background-color: #669999;}
	#ContentReviews{
		width:100%;
		margin: 0;
	    padding: 0;
	    margin-left: 16px;
	    background-color: #d0c9a6; 
	    min-height: 320px;
		height: auto !Important;
		height: 320px;
		overflow: visible;
		padding-bottom: 2em;
		}

	#ContentReviews .Review{
		width: 90%;
		min-height: 100px;
		height: auto !Important;
		height: 100px;
		margin: 15px;
		margin-left: auto;
		margin-right: auto;
		}
	
	#ContentReviews .Review .Logo{
		text-align: center;
		font-size: .8em;
		line-height: 1.5em;
		}
	
	#ContentReviews .Review  .strong,
	#ContentReviews .Review  strong{
		font-size: 1.2em;
		font-weight: bold;		
		}
	#ContentReviews .Review  .strong{text-align: right;}
		
	#ContentReviews .Review {
		min-height: 70px;
		height: auto !Important;
		height: 70px;
		font-size: 1.1em;
		line-height: 2em;
		color: #986a23;
		padding: 1em;
		padding-top: 1em;
		border: solid 0 #986a23;
		}
	
/* **** About **** */
	#About #ContentWrapper{background-color: #669999;}
	#ContentAbout{
	    width:100%;
		margin: 0;
	    padding: 0;
	    margin-left: 16px;
	    background-color: #BDB18E;
	    background-image: url(images/aboutbg.gif);
	    background-repeat: no-repeat;
	    background-position: top left;
	    min-height: 320px;
	    height: auto !Important;
	    height: 320px;
		overflow: visible;
		padding-bottom: 2em;
	    }
	
	#ContentAbout .GiftsLeft{float: left; margin-top: 2em;width:300px;}
	#ContentAbout .GiftsRight{float: left; width: 372px;margin-top: 2em; text-align:right;}		
	
	#ContentAbout .GiftsLeft .ItemHeader{
		background-image: url(images/paddleSmall.gif);
		behavior: url(/wp-content/themes/emmas/js/iepngfix.htc);
	    background-repeat: no-repeat;
	    background-position: top left;
	    padding-left: 60px;
	    min-height: 48px;
	    height: auto !Important;
	    height: 48px;
		padding-right:20px;
		}
	#ContentAbout .GiftsLeft .ItemHeader .Header{
	    font-size: 1.2em;
	    font-weight: bold;
	    color: #986a23;
	    margin-bottom: .5em;
	    }
	#ContentAbout .GiftsLeft .ItemHeader p {
	    margin: 0;
		padding: 0;
		margin-bottom: 1em;
	    font-size: .9em;
	    line-height: 1.6em;
	    }
	#ContentAbout .GiftsLeft {width: 48%;}
	#ContentAbout .GiftsRight img {padding-top: 8px;}
	
/* **** Gifts **** */
	#GiftsPage #ContentWrapper{background-color: #669999;}
	#ContactPage #ContentWrapper{background-color: #ded9c1;}
	#ContentGifts{
	    width:100%;
		margin: 0;
	    padding: 0;
	    margin-left: 16px;
	    background-color: #D0C9A6;
	    min-height: 320px;
	    height: auto !Important;
	    height: 320px;
		overflow: visible;
		padding-bottom: 2em;
	    }
	
	#ContentGifts .GiftsLeft{float: left; width: 45%;margin-top: 2em;}
	#ContentGifts .GiftsRight{float: left; width: 55%;margin-top: 2em; text-align:center;}		
	#ContentGifts .GiftsRight img{behavior: url(/wp-content/themes/emmas/js/iepngfix.htc)}
	
	#ContentGifts .GiftsLeft .ItemHeader{
		background-image: url(images/paddleSmall.gif);
		behavior: url(/wp-content/themes/emmas/js/iepngfix.htc);
	    background-repeat: no-repeat;
	    background-position: top left;
	    padding-left: 60px;
	    min-height: 48px;
	    height: auto !Important;
	    height: 48px;
		}
	#ContentGifts .GiftsLeft .ItemHeader .Header{
	    font-size: 1.2em;
	    font-weight: bold;
	    color: #986a23;
	    margin-bottom: .5em;
	    }
	#ContentGifts .GiftsLeft .ItemHeader p {
	    margin: 0;
		padding: 0;
		margin-bottom: 1em;
	    font-size: .9em;
	    line-height: 1.6em;
	    }
		
	#ContentGifts #swatchRow{
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
		}
	#ContentGifts #swatchRow .swatch{
		height:40px;
		cursor: pointer;
		}
	#ContentGifts table td{border: solid 1px #666;}
	
/* **** Paddles **** */
	#PaddlesPage #ContentWrapper{background-color: #ded9c1; clear:both;}
	#ContentPaddles{
	    width:100%;
		margin: 0;
	    padding: 0;
	    margin-left: 16px;
		padding-top: 16px;
	    background-color: #D0C9A6;
	    min-height: 320px;
	    height: auto !Important;
	    height: 320px;
		overflow: visible;
		padding-bottom: 2em;
	    }
	
	#ContentPaddles table td{padding-bottom:2em;}
	
	#ContentPaddles .HeadSection{
	    background-image: url(images/paddleSmall.gif);
		behavior: url(/wp-content/themes/emmas/js/iepngfix.htc);
	    background-repeat: no-repeat;
	    background-position: top left;
	    padding-left: 60px;
	    min-height: 48px;
	    height: auto !Important;
	    height: 48px;
	    margin-bottom: 2em;
		color: #986a23;
		font-size: 1em;
	    }
	
	#ContentPaddles img{border: solid 1px #666666; padding:2px;}
	
	#ContentPaddles .PaddleRow{
		float:left;
		width:100%;
		min-height: 160px;
		height: auto !important;
		height: 160px;
		margin-bottom: 2em;
		}
	#ContentPaddles .PaddleCell{
		float:left;
		width:50%;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 2em;
		}
	#ContentPaddles .PaddleContainer{
		width: 80%;
		margin-left:auto;
		margin-right: auto;
		font-size:.9em;
		}
	
	#ContentPaddles .PaddleContainer .paddle{float:left;margin-bottom:1em;}
	#ContentPaddles .PaddleContainer .desc{float:left;padding-left:1em;font-size: .9em;width:150px;line-height:1.4em;}
	
	#ContentPaddles .PaddleContainer .desc .title{font-weight:bold;}
	#ContentPaddles .PaddleContainer .desc .byLine{}
	#ContentPaddles .PaddleContainer .desc .byTitle{font-style: italic;border-bottom: solid 1px #000000;margin-bottom: .5em;padding-bottom: .5em;}
	#ContentPaddles .PaddleContainer .desc .description{float:left;font-style: italic;font-size: .9em;}
		
/* ----------- SCROLLBAR CSS ------------------ */
    #scContainer {
        margin-left: 557px;
        width: 170px;
        height: 320px;
        background-color: #cccccc;
        background-repeat: no-repeat;
        background-position: top left;
        }
    #Scroller-1 { 
        position: absolute; 
        overflow: hidden;
        width: 150px;
        height: 310px;
        margin: 10px;
        margin-bottom: 0;
        }
		
	#Scroller-1  p{
		margin:0;
		padding:0;
		font-size: .8em;
		margin-bottom: .8em;
		}
    .Scroller-Container {
        position: absolute;
        top: 0px; left: 0px;
		color: #ffffff;
        }

	.Scroller-Container h1{		
		font-size: 1.2em;
		margin:0;
		padding:0;
		margin-bottom: 1em;
		}
	.Scroller-Container h2{
		text-decoration: underline;
		font-size: .8em;
		margin:0;
		padding:0;
		margin-bottom: .5em;
		}
		
    .Scrollbar-Track {
        width: 14px; height: 320px;
        position: relative;
        top: 0; left: 170px;
        background-color: #EEE;
        }
    .Scrollbar-Handle {
        position: absolute;
        top: 0px; left: 0;
        width: 12px; height: 40px;
        background-color: #cccccc;
        cursor: n-resize;
		border-right: groove 1px #333333;
		border-bottom: groove 1px #333333;
		border-top: solid 1px #ffffff;
		border-left: solid 1px #ffffff;
        }