* {
margin:0;
padding:0;

}

body {
  background: #F9A415 url(http://www.easy-birthday-party-ideas.com/images/contentmiddle.jpg) center repeat-y;
	font-family: Verdana, "Trebuchet MS", Arial, sans serif;
	font-size: 80%;
	color: #76583A;
}
#container {
	width: 750px;
	margin: 0 auto;
	_padding-left: -6px; 
	background: transparent url(http://www.easy-birthday-party-ideas.com/images/sidebar.gif) no-repeat;
	_background-position: 2px 0px;	
		
}
#header {
	width: 750px; 
  margin-left: -3px;
  _margin-left: 0px;
  background: transparent url(http://www.easy-birthday-party-ideas.com/images/header.gif) top left no-repeat;
  height: 209px; 
  position: relative; 
  padding: 0
	
}

#newsletter {
width: 500px;
margin: 0 auto;
padding-left: 15px;
}

#content {
	width: 550px;
	float: right;
	margin: 0px;
	padding-left: 5px;
		
}

p {
  background: #ffffff;
	margin-left: 10px;
	margin-right: 10px;
	padding: 15px 15px 5px 0px;
	}

p.alignleft {
float: left;
}
p.alignright {
float: right;
}

.keyword {
  font-family: Verdana;
  font-size: 75%;
  font-weight: normal;
  color: #F48B2F;
  text-transform: lowercase;
  margin: 0px 5px 10px 10px;
  padding: 0px;
  }   

#footer {
	background-color: #1DABD3;
	clear: both;
	margin-bottom: 0px;
	padding: 10px 0px;
	_padding-top: 5px;
	color: #fff;
	
}	

/* -------------------left navbar------------------------------ */
#navigation {
	width: 185px;
	float: left;
	text-align: right;
	padding-top: 70px;
	_padding-top: 75px;	
}

#navlist {
    font-family:AvantGarde Bk BT;
    font-size:100%;
    font-weight:normal;
    list-style:none;
    margin-right: 3px;
    _margin-right: -3px;
    margin-left: 0px;
    padding-left: 0px;
   
}

#navlist a {
    display:block;
    color:#562D0D;
    text-decoration:none;
    margin-right: 10px;
    padding-top: 10px;
    _padding: 0px;
    _margin-top: 5px;
    _margin-bottom: 5px;
    margin-left: 0px;
    
}

#navlist a:hover { 
    
    color: #fff;
    
}

#navlist a:active {
    
    color:#fff;
}

/* end navbar */

/* --------------top navbar------------------------ */


#navbar {
    font-family:"Love LetterTW";
    font-size:150%;
    font-weight:bold;
    height:24px;
    text-align: center;
}
#navbar li {
    list-style:none;
    display:inline;
}
#navbar a {
    width:125px;
    color:#fff;
    text-decoration:none;
    background:url("http://www.easy-birthday-party-ideas.com/images/topnav.jpg") no-repeat;
    float:left;
    padding:0px 19px;
    margin:5px -9px 0px -8px;
}
#navbar a:hover { 
    background-position:5px -24px;
    color:#fff;
}
#navbar a:active {
    background-position:5px -48px;
    color:#fff;
}

#homelink {
    position: absolute;
    left: 189px;
    _left: 188px;
    top: 55px;
    }
    
    
/* ------------------------------------------------------------------------------------- */

/* ----------------gallery--------------------------------------------------------------- */

#gallery li {
  display: inline;
  list-style-type: none;
  text-align: center;
  margin-left: 5px;
  padding-left: 10px;
  
}
/* ------------------------------------------------------------------------------------- */

#search2 {
  width: 50%;
  border: 5px ridge #ffffff;
  margin-top: 0px;
  text-align: center;
     
}
/* -------------------------------------------rss-------------------------------- */    
#rss {
  width: 80%;
  font-size:100%;
  background-color: #fff; 
  border: 3px ridge #fff;
  padding: 8px 0;
  text-align: center;
  margin: 5px auto;
}

#rss p {
padding:2px 2px 4px;
margin:0;
}

#rss img {
width:91px;
border:0;
padding:1px 0;
}

/* --------------------------------------end rss-------------------------------- */   

#ezine {
  width: 200px;
  border: 5px ridge #D3C18A;
  margin-top: 15px;
  margin-bottom: 10px; 
  }

#contact {
  width: 465px;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 10px;
  margin-left: 15px; 
  }


#bdaybox {
  width: 500px;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 10px;
  margin-left: 20px;
  _margin-left: auto;
  
  }
  
 
#blog {
  
  margin-top: 15px;
  margin-bottom: 10px;
  margin-left: 20px; 
  }
  

#ebay {
  width: 90%;
  border: 0px;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5px; 
  }

#invitation {
  width: 465px;
  border: 0px;
  margin-top: 15px;
  margin-bottom: 10px;
  margin-left: 20px;
    
  }
  
/* ----------------------------------Text Boxes------------------------------------------ */
.tb-border {
    border: 2px dotted #35ACC4;
    margin-left: 10px;
    padding: 10px;
    width: 85%;
}

.tb-gray  {
  background-color: #F3FBFD;
  border: 2px dotted #35ACC4;
  margin-left: 10px;
  margin-top: 10px;
  padding: 0px;
  width: 40%;
  } 

.tb-blue  {
  background-color: #F3FBFD;
  border: 2px dotted #35ACC4;
  margin-left: 10px;
  margin-top: 5px;
  padding: 7px;  
  width: 40%;
  } 
  
.tb-blue p {
  background-color: #F3FBFD;
  } 

.tb-wide  {
  background-color: #F3FBFD;
  border: 2px dotted #35ACC4;
  margin-left: 10px;
  margin-top: 5px;
  padding: 7px;  
  width: 75%;
  } 
  
.tb-wide p {
  background-color: #F3FBFD;
  }  
    
.tip {
  font-size: 86%;
  font-weight: bold;
  margin-left: 55px;
  margin-right: 45px;
  margin-top: 10px;
  margin-bottom: 5px;
  border: 2px solid #feb043;
  padding: 5px;
  }

.quote {
  font-size: 75%;
  background: yellow;
  font-weight: bold;
  text-align: left
  ;
  margin: 10px auto 5px auto;
  width: 97%;
      
  }

.note {
  font-size: 93%;
  font-weight: normal;
  margin: 0px 35px 5px 5px;
  padding: 5px;
}
  
.googleatf {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  }
  
 /* ------------------------------------Custom class for rules-------------------------------- */ 
 .dotted {
	border-bottom:1px dotted #1DABD3;
  border-top:hidden;
  border-left:hidden;
	width: 90%;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 15px;
	text-align: center;
}

.solid {
	border-bottom:2px solid #fff;
  border-top:hidden;
  border-left:hidden;
	width: 80%;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 15px;
}

.dashed {
	border-bottom:1px dashed #562D0D;
  border-top:hidden;
  border-left:hidden;
	width: 80%;
	margin: auto auto;
	
}
div.hr {
  border-bottom:1px dashed #562D0D;
  border-top:hidden;
  border-left:hidden;
	width: 95%;
	margin: auto auto;
  }

div.hrblue {
  border-bottom:1px dotted #1DABD3;
  _border-bottom:2px dotted #1DABD3;
  border-top:hidden;
  border-left:hidden;
	width: 95%;
	margin: 10px auto;
  }
  
div.hr hr {
  display: none;
}

div.hrblue hr {
  display: none;
}

/* end rules class */


  
h1 { 
  font-family: "Love LetterTW", AvantGarde Bk BT;
  font-size: 200%;
  font-weight: normal;
  letter-spacing: -1px; 
  color: #F48B2F;
  text-transform: lowercase;
  margin-left: -3px;
  margin-top: -10px;
  _margin-top: 0px;
  padding: 10px 10px 10px 10px;
  
  }

h1.t2 { 
  font-size: 200%;
  font-weight: normal; 
  color: #F48B2F;
  text-transform: lowercase;
  text-align: left;
  margin-top: 0px;
  padding: 10px 10px 5px 10px;
  
  }  

h1.privacy { 
  font-size: 150%;
  font-weight: bold; 
  color: #F48B2F;
  text-transform: lowercase;
  margin-top: 0px;
  padding: 10px 10px 5px 10px;
  
  } 
  
h2 {
   font-family: "Love LetterTW", AvantGarde Bk BT;
   font-size: 150%;
   color: #F48B2F;
   text-transform: lowercase;
   margin: 0px;
   padding: 0px;
   
   }
   
h2.keyword {
  font-family: Verdana;
  font-size: 75%;
  font-weight: normal;
  color: #F48B2F;
  text-transform: lowercase;
  margin: 0px 5px 10px 10px;
  padding: 0px;
  }   

h2.recipe {
   font-size: 125%;
   font-weight: bold;
   color: #F48B2F;
   text-transform: lowercase;
   margin: 10px 0px 5px 35px;
   padding: 0px;
}
  
h2.box {
  font-size: 125%;
  color: #F48B2F;
  text-align: center;
  text-transform: lowercase;
  padding: 10px 10px 10px 30px;
  } 
      
h3 { 
  font-family: "Love LetterTW";
  font-size: 150%;  
  color: #F48B2F;
  text-transform: lowercase;
  margin-left: 10px;
  _margin-left: 5px;
  padding: 10px 10px 10px 0px;
  _padding-left: 5px;
  }

h3.box { 
  font-family: "Love LetterTW";
  font-size: 150%;  
  color: #F48B2F;
  text-align: center;
  text-transform: lowercase;
  margin-left: 5px;
  padding: 0px;
  }

h3.t2 { 
  font-family: "Love LetterTW";
  font-size: 150%;  
  color: #F48B2F;
  text-transform: lowercase;
  margin-left: 5px;
  padding: 10px 10px 10px 5px;
  }

h3.nav {
  font-size: 175%;
  color: #fff;
  test-transform: lowercase;
  text-align: right;
  font-family: "Love LetterTW";
  margin: 25px 10px 5px 0px;
  padding: 0px ;
  }  

h3.navc {
  font-size: 185%;
  color: #fff;
  test-transform: lowercase;
  text-align: center;
  font-family: "Love LetterTW";
  margin: 25px 0px 5px 0px;
  padding: 0px 10px;
  }  

h4 {
  font-family: "Love LetterTW";
  font-size: 100%;  
  color: #F48B2F;
  text-transform: lowercase;
  margin-left: 5px;
  padding: 10px 10px 10px 5px;
  
}
  
h5 {
  font-size: 86%;
  font-weight: normal;
  margin-top: 0px;
  margin-bottom: 10px;
  margin-left: 10px;
  text-align: left;
  } 
  
.numbers {
  font-family: "Love LetterTW";
  font-size: 150%;  
  color: #F48B2F;
  margin-right: 5px;
  }  
  
/* Custom classes for graphic bullets. */
ul.recipe {
  list-style-type: none;
  margin-top: 15px;
  margin-left: 10px;
  margin-right: 0px;
  margin-right: 10px;
  padding-left: 0px;
  padding-right: 15px;
  
} 

ul {
  list-style-type: none;
  margin-left: 10px;
  padding-left: 0px;
   
}

ul.main {
  list-style-type: none;
  margin-top: 15px;
  margin-left: 10px;
  margin-right: 0px;
  margin-right: 10px;
  padding-left: 0px;
  padding-right: 15px;
  
   
}

li.red {
  background: url(http://www.easy-birthday-party-ideas.com/images/bulletred.gif) no-repeat;
  padding-left: 25px;
  margin-bottom: 10px;
  
 
 }

li.blue {
  background: url(http://www.easy-birthday-party-ideas.com/images/bulletbl.gif) no-repeat;
  padding-left: 25px;
  margin-bottom: 10px;
 }

li.green {
  background: url(http://www.easy-birthday-party-ideas.com/images/bulletgr.gif) no-repeat;
  padding-left: 25px;
  margin-bottom: 10px;
 }

li.orange {
  background: url(http://www.easy-birthday-party-ideas.com/images/bulletor.gif) no-repeat;
  padding-left: 25px;
  margin-bottom: 10px;
 }

li.brown {
  background: url(http://www.easy-birthday-party-ideas.com/images/bulletbr.gif) no-repeat;
  padding-left: 25px;
  margin-bottom: 10px;
 }

 
li.custom2 {
  font-size: 108%;
  font-weight: normal;
  letter-spacing: -1px;
  text-transform: lowercase;
  text-decoration: none;
  margin-bottom: 0px;
  padding-left: 10px;
   }
   
li.custom (
  background: url(http://www.easy-birthday-party-ideas.com/images/bulletor.gif) no-repeat;
  padding-left: 25px;
  margin-bottom: 10px;
  margin-right: 25px;
  )
 
/* Images */
.img-float-right {
	float: right;
  margin-right: 25px;
  margin-top: 20px;
	
}

.img-float-left {
	float: left;
	padding: 2px;
	margin-left: 15px;
	margin-top: 15px;
	border: 0px;
	position: relative;
	display: inline;
	}

.img-float-none {
	float: none;
	padding: 2px;
	margin-left: 20px;
	margin-top: 15px;
	border: 0px;
	position: relative;
}


.img-float-none-main {
	float: none;
	margin-left: 30px;
	margin-top: 15px;
	border: 0px;
	position: relative;
}

.img-float-nav {
	margin: 0px 0px 0px -8px;
	_margin-left: -7px;
	padding: 0px;
}

/* Link-text and headings. */

a { 
  font-size: 100%;
  color: #76583A; 
  text-decoration: underline;
  font-weight: bold;
}

a.footer { 
  font-size: 80%;
  color: #fff; 
  text-decoration: underline;
  margin-bottom: 10px;
  
}

a:hover.footer {
  font-size: 80%;
  color: #FEB043;
  text-decoration: none;
  margin-bottom: 10px;
  }

a:hover { 
  font-size: 100%;
  color: #FEB043;
  text-decoration: none;
  font-weight: bold;
 }

a.special{ 
  text-decoration: none;
  font-size: 108%;
  font-weight: normal; 
  color: #ffffff;
}

a:hover.special  {
  text-decoration: underline;
  text-transform: lowercase;
  font-size: 108%; 
  font-weight: normal;
  color: #ffffff;
}

a.h3 {
  font-size: 150%;  
  color: #F48B2F;
  text-transform: lowercase;
  text-decoration: none;
  margin-left: 15px;
  padding: 10px 10px 10px 20px;
}

a:hover.h3 {
  font-size: 150%;  
  color: #F48B2F;
  text-transform: lowercase;
  text-decoration: underline;
  margin-left: 15px;
  padding: 10px 10px 10px 20px; 
}

/* clear all*/

.clear {
	clear: both;
	width: 100%;
	height: 1px;
}
/* removes styling for jumplinks*/
a.jumplink{
  text-decoration: none;
  font-size: 100%; 
  background-color: transparent;
  color: #76583A;
}

a:hover.jumplink  {
  text-decoration: none;
  font-size: 100%; 
  background-color: transparent;
  color: #76583A;
}

.logo { 
  position: absolute; 
  left: 423px; 
  top: 99px; }
  
  .right {
  float: right;
  margin-right: 25px;
  margin-top: 20px;
  margin-left: 15px;
} 

 .rightslide {
  float: right;
  margin-right: 25px;
  margin-top: 20px;
  margin-left: 0px;
  padding: 0px;
} 
