/*
Theme Name: Fresh Celebrations
Theme URI: http://www.jazibullah.com/
Description: The Fresh celebration theme designed by <a href="http://jazibullah.com/">JazibUllah</a>.
Version: 1.0
Author: Jazib Ullah
Author URI: http://www.jazibullah.com/
Tags: fresh celebrations

*/



/* Begin Typography & Colors */


body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Verdana, Arial, Sans-Serif;
	background:#679AB5;
	color: #FFFFFF;
	text-align: center;
	margin:0px;
	padding:0px;
	border:0px;
	}

#page {
	background:#014979 url(images/bg.jpg) repeat-x bottom;
	text-align: left;
	margin: 0px auto;
	padding: 0;
	width: 100%;
	}

#header {
	background: #73a0c5 url('images/head.gif') no-repeat top center;
	margin: 0px auto;
	padding: 0;
	height: 310px;
	width: 1002px;
	}

#content {
	font-size: 1.2em
	}


.narrowcolumn {
	margin: 0px auto 20px auto;
	width: 980px;
	line-height:1.7em;
}

.narrowcolumn h3{
	font-size: 1em;
	font-weight:normal;
}

.clear {
	clear: both;
}

#footer {
	padding: 20px 0;
	margin: 0px auto;
	width: 1002px;
	clear: both;
	color:#FFFFFF;
	position:relative;
	bottom:0px;
	height:40px;
	text-align:center;
	}

/* End Structure */


a {
	color:#FFFFFF;
	text-decoration:none;
	}
	
a:hover {
	color:#00D8E9;
	text-decoration:none;
	}
	
hr,img,div,form {
	padding:0px;
	margin:0px;
	border:0px;
	}
	
hr {
	display:none;
	}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



#menu {
	background:url(images/menu_bg.jpg) center no-repeat;
	height:57px;
	padding:28px 0px 0px 0px;
	_height:47px;
	_padding:37px 0px 0px 0px;
	text-align:center;
	overflow:hidden;
	}
	
#menu a{
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	}
	
#menu ul{
	list-style:none;
	margin:10px auto;
	width:825px;
	padding:0px;
	}
	
#menu li{
	list-style:none;
	float:left;
	}
	
#menu a{
	margin:0px;
	display:block;
	padding:12px;
	}
	
#menu  a:hover{
	background:#6B9FB7;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	}