@import url("css/reset.css");

/*-----------------------------------------------------
	 gifts by marissa
	Version 0.1
	Design: 416studios.com
	04 Sept 2008
---------------------------------------------------------	*/

/* ------------------- =colors ----------------------------------
	green #889028
	yellow #d7a02a
	red #a92d28
	
-------------------------------------------------------------------*/

/*----------------------- =typography and colours  --------------------*/

body {
	text-align:center;
	font-size:62.5%;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	
	
	}
	
	h1 {
		font-weight:normal;
		font-size:2.4em;
		}
		
	h2 {
		font-size:2.4em;
		font-weight:normal;
		}
		
	h3 {
		font-size:1.4em;
		text-transform:uppercase;
		}
		
		#content h3 {
			color:#5a472c;
			text-align:center;
			}
			
		#slider h3 {
			text-align:left;
			}
		
	p {
		font-size:1.4em;
		}
		
#header {
	color:#5a472c;
	}
		
#page {
	text-align:left;
	}

#navigation {
	font-size:1.8em;
	text-transform:capitalize;
	text-align:center;
	}	

#navigation a:link, #navigation a:visited, #navigation a:hover {
	color:#000;
	}
	
#footer {
	font-size:1.2em;
	text-align:left;
	}
	
.item_meta {
	font-size:1.3em;
	line-height:1.2em;
	}
	
.tag_help a{
	color:#000;
	
	}
/*-------------------- =layout ----------------------------------------*/

body {
	background: #889028 url(images/body_bg.gif) ;
		}

h3 {
	padding:10px 0;
	}
	
#page {
	width:950px;
	margin:20px auto;
	}
	
#header {
	background:#d7a02a url("images/header_top.gif") no-repeat top;
	text-align:center;
	color:#d7a02a;
	}
	
	#header h1 {
		padding:0px 0px 0 40px;
		font-size:1em;
		}
	
	#header h2 {
		font-size:1em;
		background:#d7a02a url("images/header_bottom.gif") no-repeat bottom;
		}
	
	#header img {
		background:#d7a02a url("images/header_bottom.gif") no-repeat bottom;
		}

#navigation {
	margin-top:20px;
	padding-top:20px;
	background:#a92d28 url("images/nav_top.gif") no-repeat top;
		}
	
	#navigation ul {
		padding-bottom:20px;
		background:#a92d28 url("images/nav_bottom.gif") no-repeat bottom;
		}
		
	#navigation ul li {
		display:inline;
		
		}	
		
#navigation ul li a {
	background:#a92d28;
	padding:17px 10px;
	text-decoration:none;
	}
	
	#navigation ul li a:hover {
	background:#a92d28 url(' ') repeat-x;
	padding:18px 10px;
	color:#d7a02a;
	}
	
#content {
	background: #e4e3e3 url("images/content_top.gif") no-repeat top;
	margin-top:20px;
	padding-top:20px;
	}

	#content p {
		padding:0 50px 20px 50px;
		}
					
.item_meta {
	width:320px;
	float:right;
	background:#e4e3e3 url(images/meta_bg.gif) no-repeat top left;
	padding:20px;
	height:310px;
	}
	
.item_meta label {
	width:100px;
	}
					
.item_meta ul{
	width:260px;
	}
	.tag_help a {
		padding-right:20px;
		background:#fbfbfb url('images/tag_help.gif') no-repeat right;
		
		}

#footer {
	padding:20px 10px;
	
	}
	
	
.submenu {
		display:none;
	}
	
.alignLeft {
	float:left;
	padding-right:10px;
	}
	
.alignRight {
	float:right;
	padding-left:10px;
	}
	
.alignCenter {
	text-align:center;
	}

#content p.fancy  {
	background:#e4e3e3 url("images/separator.gif") no-repeat bottom center;
	padding-bottom:40px;
	margin-bottom:10px;
	}
	
#content p.curve  {	
	background: #e4e3e3 url("images/content_bottom.gif") no-repeat bottom ;
	padding: 0 0 15px 0;
	}
	

/*------------- =coda slider -----------------*/

ul.navigation {	
	
	text-align:center;
	}

ul.navigation li {	
	display:inline;
	padding-bottom:20px;
	}
	
.navigation li a.selected {	
	border-bottom:#d7a02a solid 2px;
	padding-bottom:10px;
	}

#slider {
  width: 700px;
  margin: 0 auto;
  position: relative;
}

.scroll {
	width:680px; /*seperate for ie6 */
  height: 350px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  background: #e4e3e3 ;
}

.scrollContainer div.panel {
  padding: 20px;
  height: 210px;
  width: 680px; /* change to 560px if not using JS to remove rh.scroll */
}

.scrollButtons {
  position: absolute;
  top: 170px;
  cursor: pointer;
}

.scrollButtons.left {
  left: -20px;
}

.scrollButtons.right {
  right: -20px;
}

.option0 {
	padding:10px 0;
	}