/* 
Style name: CincyPinkFest.com
Author: Hot Glue Media
Author URI: http://hotgluemedia.com
*/


/* CSS Reset  */
a, abbr, acronym, address, applet, b, big, blockquote, body, caption, center, cite, code, dd, del, dfn, dl, div, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var {
	background: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

blockquote, q {
	quotes: none;
}

body {
	line-height: 1;
}

del {
	text-decoration: line-through;
}

ins {
	text-decoration: none;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* General Styles */

a:link {
	color: #9e5c87;
	text-decoration: underline;
}

a:hover {
	color: #f392c5;
	text-decoration: underline;
}

body {
	margin: auto;
}

#container {
	background: url(img/bkg.jpg) repeat;
	margin: 0 auto;
	width: 800px;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.8em;
}

h3 {
	font-size: 1.6em;
}

h4 {
	font-size: 1.5em;
}

h5 {
	font-size: 1.4em;
}

h6 {
	font-size: 1.3em;
}

html {
	background: #fffafc;
	color: #000;
	font-family: Garamond, "Hoefler Text", "Times New Roman", Times, serif;
	font-size: 70%;
	text-align: left;
}

ol {
	list-style-type: decimal;
}

p {
	font-size: 1.3em;
}

span {
	display: none; 
}

ul {
	list-style-type: circle;
}


/* Header Styles */

#navlist {
	background: url(img/nav-bkg.jpg) no-repeat;
	float: left;
	height: 32px;
	line-height: 31px;
	list-style: none;
	margin-top: -4px;
	padding: 0;
	position: relative;
	width: 800px;
}

#navlist a {
	color: #faf6f2;
	text-decoration: none;
}

#navlist a:hover {
	color: #f392c5;
	text-decoration: none;
}

#navlist li {
	display: inline;
	float: left;
	height: 28px;
	margin-top: 2px;
	padding: 0;
	position: relative;
	width: 100px;
}

#navlist li a {
	display: inline;
	float: left;
	height: 28px;
	padding: 0;
	width: 100px;
}

#navlist span {
	display: none; 
}


/* Sprite Definitions for Header Navigation */

#navlist li a.about {
	background: url(img/sprite-about.png);
}

#navlist li a.contact {
	background: url(img/sprite-contact.png);
}

#navlist li a.home {
	background: url(img/sprite-home.png);
}

#navlist li a.do-raffle {
	background: url(img/sprite-raffle.png);
}

#navlist li a.sponsors {
	background: url(img/sprite-sponsors.png);
}

#navlist li a.thanks {
	background: url(img/sprite-thanks.png);
}

#navlist li a.vendors {
	background: url(img/sprite-vendors.png);
}

#navlist li:hover a {
	background-position: 0 28px;
	margin-top: 2px;
}

#navlist a:hover {
	background-position: 0 28px;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	white-space: normal;
	width: 100px;
}

#navlist li:hover {
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100px;	
}



/* Content Styles */

#content {
	float: left;
	margin: 15px 0 0 40px;
	overflow: hidden;
	width: 550px;
}

.annual {
	margin-bottom: 15px;
}

#body-copy {
	background: url(img/copy-bkg.png) repeat-y;
	margin: -2px 0 20px 0;
	width: 500px;
}

#body-copy h3, p {
	line-height: 125%;
	padding: 0 15px 15px 15px;
	text-align: justify;
}

#body-copy ul {
	font-size: 1.3em;
	line-height: 125%;
	margin: -10px 0 0 10px;
	padding: 0 15px 15px 20px;
	text-align: justify;
}

#body-copy li {
	margin-top: 10px;
}

.raffle {
	line-height: 55px;
	list-style-type: none;
	margin-left: 15px;
}

/* Sidebar Styles */

#sidebar {
	background: url(img/side-bkg.png) repeat-y;
	float: left;
	margin: 35px 0;
	width: 180px;
}

#sidenav {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	width: 180px;
}

#sidenav li {
	display: inline;
	float: left;
	height: 40px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 180px;
}

#sidenav li a {
	display: inline;
	float: left;
	height: 40px;
	margin: 0;
	padding: 0;
	width: 180px;
}

#sidenav span {
	display: none; 
}

/* Sprite Definitions for Sidebar Navigation */

#sidenav li a.awareness {
	background: url(img/sprite-awareness.png);
}

#sidenav li a.blog {
	background: url(img/sprite-blog.png);
}

#sidenav li a.facebook {
	background: url(img/sprite-facebook.png);
}

#sidenav li a.news {
	background: url(img/sprite-news.png);
}

#sidenav li a.pictures {
	background: url(img/sprite-pictures.png);
}

#sidenav li a.rss {
	background: url(img/sprite-rss.png);
}

#sidenav li a.twitter {
	background: url(img/sprite-twitter.png);
}

#sidenav li:hover a {
	background-position: 0 40px;
}

#sidenav a:hover {
	background-position: 0 40px;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	white-space: normal;
	width: 180px;
}

#sidenav li:hover {
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	width: 180px;	
}


/*Guestbook Styles */

#guestbook {
	background: url(img/copy-bkg.png) repeat-y;
	font-size: 1.1em;
	line-height: 125%;
	padding: 0 15px 15px 0;
	margin: -2px 0 20px 0;
	text-align: justify;
	width: 500px;
}

fieldset {
	margin-bottom: 15px;
	padding: 4px;
	width: 500px;
}

label {
	width: 125px;
	float: left;
	margin: 2px 0 2px 0;
	text-align: left;
	vertical-align: top;
}

.inputText, .inputTextArea {
	margin: 2px 0 2px 5px;
	vertical-align: top;
}

select {
	margin: 2px 0px 2px 5px;
}

input.submit {
	background: #eee;
	border: 2px outset #ccc;
	color: #000;
	margin-left: 150px;	
	width: 120px;
}

.errorMessage {
	color: #ff0000;
}

.entry {
	clear: both;
	font-size: 1.2em;
	margin-bottom: 5px;
	padding-bottom: 4px;
	width: 500px;
}

#lastEntry {
	border-bottom: none;
}

.entry .field, .timestamp {
	clear: both;
	margin: 0;
	padding: 2px 0 2px 0;
}

.entry .field .label {
	display: inline;
	float: left;
	font-weight: bold;
	margin: 0 6px 0 20px;
	padding: 0;
	text-align: left;
	width: 100px;
}

.entry .field .value {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	width: 300px;
}

.timestamp {
	clear: both;
	font-size: .9em;
	font-style: italic;
	margin: 0 0 4px 126px;
}

.navigation {
	width: 500px;
	margin: 15px 0 10px 0;
}

#previous {
	display: inline;
	margin-right: 30px;
}

#next {
	display: inline;
	margin-left: 30px;
}

.pageNumberContainer {
	display: inline;
	text-align: center;
}

.pageNumber {
	margin: 0 4px;
}

#currentPageNumber {
	color: #f00;
}

.thanks {
	font-weight: bold;
}

.credit {
	clear: both;
}


/* Footer Styles */

#footer {
	background: url(img/footer.jpg) no-repeat;
	clear: both;
	height: 20px;
	width: 800px;
}

#footer p {
	color: #fff;
	font-size: 1.2em;
	line-height: 20px;
	text-align: center;
}

#footer a {
	color: #faf6f2;
	text-decoration: none;
}

#footer a:hover, a:active, a:focus {
	color: #f392c5;
}
