/* =Reset (Based on work by Eric Meyer)
------------------------------------------------------------------------------------------------------- */
html, body, div, span, object, iframe, em, strong, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code, ins, del, dfn, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ 
	margin: 0; 
	padding: 0; 
	border: 0; 
	font-weight: inherit; 
	font-style: inherit; 
	font-size: 100%; 
	font-family: inherit; 
	vertical-align: baseline; 
	outline: none; 
	text-decoration: none; 
}

/* =Typography
------------------------------------------------------------------------------------------------------- */
body, html { font: 12px/1.5 "Trebuchet MS", Arial, Helvetica, sans-serif; color: #1d1d1d; min-width: 800px; height: 100%; }

strong { font-weight: bold; }	
em { font-style: italic; }

a { text-decoration: none; color: #781e3f; }
a:hover { text-decoration: underline; }

p { padding: 5px 0; }

h1 
{ 
	background: url(gfx/header_left_bg_logo.png) no-repeat; 
	width: 571px; 
	height: 247px; 
	font-size: 1px; 
	color: #f6f4f4; 
	text-indent: -10000px; 
	float: left;
	margin-top: 5px;
	position: absolute;
}
	h1 a { width: 100%; height: 100%; display: block; }

.text-center { text-align: center; }

/* =Layout
------------------------------------------------------------------------------------------------------- */
#top_bar { background: url(gfx/top_bar.png) repeat-x; height: 34px; width: 100%; position: absolute; }
	#top_bar .pink { background: url(gfx/top_bar_pink.png) no-repeat; width: 492px; height: 5px; position: absolute; margin-left: 106px; }

#header { height: 298px; width: 100%; background: url(gfx/header_bg.png) repeat-x; }
	#header .right { float: right; background: url(gfx/header_right_bg.png) no-repeat; width: 578px; height: 295px; }
	
#skip { background: url(gfx/skip_bg.png) no-repeat; width: 210px; height: 16px; position: absolute; top: 220px; right: 0; margin-right: 20px; padding: 5px 0; text-align: center; color: #781e3f; }
	#skip a { color: #781e3f; }
	
#date { background: url(gfx/date_box.png) no-repeat; width: 524px; height: 24px; position: absolute; top: 220px; margin: 0 0 0 90px; color: #fcfcfc; text-align: center; padding-top: 14px; }
	
#navigation { background: url(gfx/navigation_bar.png) repeat-x; height: 54px; width: 100%; position: absolute; top: 298px; margin-top: -54px; text-align: center; }
	#navigation ul { background: url(gfx/nav_ul_bg.png) no-repeat; width: 492px; height: 30px; margin: 14px 0 0 106px; padding: 10px 0 0 0; list-style: none; }
	#navigation li { display: inline; background: url(gfx/nav_li.png) right no-repeat; padding: 0 15px 0 0; margin-left: 7px; }
	#navigation li:last-child { background: none; }
		#navigation li a { color: #7f3f56; text-decoration: none; font: 14px "Arial Rounded MT Bold", Arial, Helvetica, sans-serif; }
		
#content { width: 100%; background: url(gfx/content_bg.png) repeat; position:relative; text-align:left; overflow:hidden; }
#wrap { position:relative; width:100%; left:160px; }
.reset-box { position:relative; width:100%; left:100%; margin-left:-160px; } 
.right-box { position:relative; width:100%; margin-left:-160px; }
.content-box { position:relative; width:100%; margin-left:-100%; left:160px; }
* html #main { height:1%; margin:0; }
* html #left_sidebar { margin-right:-3px; }
* html #right_sidebar { margin-left:-3px; }
.clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
.heightfix:before { content:'.'; display:block; visibility:hidden; height:0; }
#left_sidebar { width: 150px; float: left; background: #fff; padding: 0 5px; }
#right_sidebar { width: 160px; float: right;  background: #fff; }
	#right_sidebar ul { list-style: none; margin: 5px 10px; }
	#right_sidebar li { padding: 2px 0; border-bottom: 1px dotted #a45672; }
	#left_sidebar h2, #right_sidebar h2 { background: #a45672; text-align: center; font: Arial, Helvetica, sans-serif; color: #fff; }
	#left_sidebar h2 { margin: 0 -5px; }
	#left_sidebar img.profile { margin: 0 -5px; }
	
#main { margin-left:160px; margin-right: 160px; }
	#main ul { list-style: none; }
	#main .body { font-size: 12px; color: #1d1d1d; margin: 0 20px 0; text-align:  center; }
	#main .meta .date { background: url(gfx/date_icon.png) center left no-repeat; padding-left: 20px; }
	#main .meta .city { background: url(gfx/city_icon.png) center left no-repeat; padding-left: 22px; margin-left: 5px; }
	#main h2, #main h2 a, #comments h3 { font: 36px "Times New Roman", Times, serif; color: #1d1d1d; text-align: center; border-bottom: 1px solid #1d1d1d; padding: 10px 0; margin: 0 0 10px; }
	#main h2 a { border-bottom: none; }
	#main .meta, #comments h2 { height: 35px; background: #1d1d1d; text-align: center; font: 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #fcfcfc; }
	#comments h2 { height: 20px; }
		#main .foot { background: #a45672; color: #fcfcfc; height: 26px; text-align: center; width: 100%; margin-top: 20px; padding: 3px 0 0; }
		#main .foot a { color: #fcfcfc; text-decoration: underline; }
		
#comments .comment-form { margin: 0 20px; }
#comments label { width: 20%; display: block; float: left; font-weight: bold; }
#comments input { width: 99.5%; border: 1px solid #666; background: #fcfcfc; padding: 2px; font-size: 16px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#comments .submit { border: none; background: #1d1d1d; color: #fff; width: 100%; }
#comments textarea { width: 99.5%; height: 80px; border: none; }
#comments .textarea { -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #666; padding: 2px; width: 99.5%; }
#comments .comments { margin: 0 20px; }
#comments li { padding: 5px 5px 20px; }
#comments li.odd { background: #E4E4E4; }
#comments li.even { background: #fff; }
#comments .author { background: #a45672; padding: 2px; color: #fcfcfc; margin: -5px -5px 0; }
#comments .author a { color: #fcfcfc; text-decoration: underline; }

#footer { height: 29px; text-align: center; background: #1d1d1d; margin: 0 auto; color: #fcfcfc; clear: both; margin-top: 20px; }
	#footer a { color: #fcfcfc; text-decoration: underline; }
	#footer .left { background: url(gfx/foot_left.png) no-repeat; width: 9px; float: left; height: 29px; }
	#footer .right { background: url(gfx/foot_right.png) no-repeat; width: 9px; float: right; height: 29px; }
		
/* =Widgets and modules
------------------------------------------------------------------------------------------------------- */	


/* =Misc
------------------------------------------------------------------------------------------------------- */