/* ********** [ GENERAL ] ********** */

* {
	margin: 0px;
	padding: 0px; }

div.clear {
	clear: both; }

body {
	margin: 5px 0px 0px 0px;
	padding: 0px;
	cursor: default;
	font: 11px arial, verdana, sans-serif;
	color: #222222;
	background: #f2f2f4; }


/* ********** [ PAGE ] ********** */

div#page_wrap { }

	div#page { }


/* ********** [ HEADER ] ********** */

div#header_wrap {
	margin: 0px auto;
	width: 800px;
	height: 60px; }

	div#header { }

		div#header h1 {
			padding-left: 780px;
			float: left;
			height: 60px;
			font: bold 24px/60px Trebuchet MS, tahoma, arial, sans-serif;
			color: #D52525;
			background: url('logo.gif') no-repeat 0px 50%; }

			div#header h1 span { }


/* ********** [ FOOTER ] ********** */

div#footer_wrap {
	margin: 0px auto;
	width: 780px;
	height: 38px;
	background: url('footer_bg.gif') repeat-x; }

	div#footer {
		font: 11px/38px arial, verdana, sans-serif;
		color: #555555;
		text-align: center; }

		div#footer a {
			font: 11px/38px arial, verdana, sans-serif;
			color: #555555;
			text-decoration: none; }

		div#footer a:hover {
			text-decoration: underline; }


/* ********** [ CONTAINER ] ********** */

div#container_wrap {
	margin: 0px auto;
	width: 780px; }

  	div#container { }


/* ********** [ CONTENT ] ********** */

#content_wrap {
  	padding-bottom: 10px; }

  	#content { }


/* ********** [ MAIN NAVIGATION ] ********** */

div#headernav_wrap {
	margin: 0px auto;
	width: 800px;
	height: 70px;
	background: url("navbar_bg.gif") repeat-x; }

	div#headernav {
		height: 51px;
		background: url("navbar_hearts.gif") no-repeat 100% 0px; }

		div#headernav ul {
			padding: 19px 0px 0px 30px;
			height: 32px;
			list-style-type: none;
            background: url('navbar_bullet.gif') no-repeat; }

			div#headernav ul li {
				float: left; }

				div#headernav ul li a {
					padding: 0px 10px;
					height: 25px;
					display: block;
					float: left;
					font: bold 12px/25px arial, verdana, sans-serif;
					color: #ffffff;
					text-decoration: none; }

					div#headernav ul li a:hover {
						text-decoration: underline; }


/* ********** [ USER NAVIGATION ] ********** */

div#usernav {
	height: 19px;
	background: url("navbar_hearts.gif") no-repeat 100% -51px; }

	div#usernav ul {
		padding-left: 10px;
		list-style: none; }

		div#usernav li {
			float: left; }

			div#usernav ul li a {
				padding: 0px 7px;
				height: 19px;
				float: left;
	    		display: block;
				font: 11px/19px arial, verdana, sans-serif;
				color: #565656;
				text-decoration: none; }

				div#usernav ul li a:hover {
					color: #D52525; }


/* ********** [ COMMON ITEMS ] ********** */

h2, h3, h4, h5, h6 {
	padding-bottom: 5px;
	font: bold 14px/16px arial, verdana, sans-serif;
	color: #0C4D9C; }

	h2 {
		margin-bottom: 5px;
		font: bold 14px/16px arial, verdana, sans-serif;
		border-bottom: 1px solid #d4d4d4; }

	h3 {
		font: bold 13px/16px arial, verdana, sans-serif; }

	h4 {
		font: bold 12px/16px arial, verdana, sans-serif; }

	h4 {
		font: bold 11px/16px arial, verdana, sans-serif; }

p {
	font: 11px/16px arial, verdana, sans-serif;
	color: #222222; }

	a {
		font: 11px arial, verdana, sans-serif;
		color: #D52525;
		text-decoration: none; }

		a:hover {
			text-decoration: underline; }