/*---------------
	gFEED - User
---------------*/
body#user div#head, 
body#edit div#head, 
body#editimage div#head
{
	background:		url("../imgs/head-user.png") top right no-repeat;
	height:			164px;
	}
div#head h2
{
	font-size:		3em;
	}
div#content
{
	width:			570px;
	}
body#user div#content div.frame, 
body#edit div#content div.frame, 
body#editimage div#content div.frame
{
	width:			530px;
	min-height:		470px;
	height:			auto !important;
	height:			470px;
	}
div#content h2
{
	float:			left;
	width:			530px;
	}
/* Promote Event Form */
form.default
{
	float:			left;
	position:		relative;
	width:			530px;
	margin:			10px 0 0;
	padding:		15px 0 5px;
	text-align:		center;
	border-top: 	1px solid #c3c3c3;
	border-bottom: 	1px solid #c3c3c3;
	}
body#edit form.default
{
	border:			none;
	}
form.default fieldset
{
	width:			530px;
	margin:			0 auto;
	text-algin:		left;
	}
form.default ol
{
	float:			left;
	width:			530px;
	}
form.default li
{
	float:			left;
	width:			530px;
	margin:			0 0 10px;
	}
form.default label
{
	float:			left;
	clear:			left;
	width:			110px;
	text-align:		right;
	margin:			0 10px 0 0;
	padding:		7px 0 0;
	font-size:		1.2em;
	color:			#000;
	}
form.default li.warning label, form.default li label.warning
{
	padding:		0;
	color:			#990000;
	}
form.default li.long label
{
	padding:		0;
	}
form.default input
{
	float:			left;
	border:			1px solid #858585;
	padding:		4px;
	font-size:		1.2em;
	color:			#717171;
	font-weight:	normal;
	width:			318px;
	}
form#fb input
{
	width:			280px;
	}
form.default select
{
	float:			left;
	width:			148px;
	padding:		2px;
	font-size:		1.2em;
	}
form.default li.multiple select
{
	height:			80px;
	}
form.default textarea
{
	float:			left;
	width:			318px;
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		1.3em;
	color:			#717171;
	font-weight:	normal;
	padding:		4px;
	}
form.default textarea:focus, form.default input:focus
{
	border:			1px solid #333;
	}
form.default dl.inputgroup
{
	float:			left;
	}
form.default dl.inputgroup dt
{
	float:			left;
	clear:			left;
	width:			115px;
	}
form#fb dl.inputgroup dt
{
	width:			200px;
	}
form.default dl.inputgroup dt label
{
	padding:		4px 0 0;
	}
form#fb label
{
	width:			180px;
	}
div#content dl.inputgroup dd
{
	float:			left;
	width:			300px;
	}
form#fb dl.inputgroup dd
{
	width:			90px;
	}
form.default li.warning input, form.default li.warning select, form.default li.warning textarea
{
	border:			1px solid #990000;
	}
form.default li.short
{
	width:			260px;
	}
form.default li.short input
{
	width:			128px;
	}
form.default li.small
{
	width:			158px;
	}
form.default li.small select
{
	float:			left;
	width:			158px;
	}
form.default li.date
{
	width:			79px;
	}
form.default li.date select
{
	float:			left;
	width:			79px;
	}
form.default li.tiny
{
	width:			20px;
	}
form.default li.tiny p
{
	margin:			11px 0 0;
	font-size:		1.2em;
	color:			#000;
	width:			20px;
	}
form.default button
{
	float:			left;
	height:			25px;
	text-indent:	-9999px;
	border:			none;
	cursor:			pointer;
	margin:			10px 0 5px 120px;
	}
form.default button#addEvent
{
	background:		url("../imgs/promote-event.png") 0 0 no-repeat;
	width:			135px;
	}
form.default button#addEvent:hover
{
	background-position:0 -25px;
	}	
form.default span.helper
{
	float:			left;
	margin:			5px 0 0 120px;
	color:			#333;
	width:			390px;
	text-align:		left;
	}
form#fb span.helper
{
	width:			290px;
	margin:			5px 0 0 190px;	
	}
form.default dl.inputgroup span.helper
{
	width:			350px;
	text-align:		left;
	margin:			0 0 0 4px;
	}
form.default p.toggle
{
	position:		absolute;
	top:			10px;
	right:			10px;
	}
/* Event List */
div#event-list
{
	float:			left;
	width:			530px;
	margin:			20px 0 0;
	}
div#event-list ol
{
	float:			left;
	width:			530px;
	margin:			10px 0 0;
	border-top:		1px solid #c3c3c3;
	}
div#event-list ol li
{
	float:			left;
	width:			530px;
	position:		relative;
	border-bottom:	1px solid #c3c3c3;
	padding:		10px 0;
	}
div#event-list img
{
	float:			left;
	margin:			4px 0 0;
	}
div#event-list img.rating
{
	margin:			0;
	}
div.info
{
	float:			left;
	display:		inline;
	width:			470px;
	margin:			5px 0 0 10px;
	}
div#event-list h5
{
	font-size:		1.4em;
	font-weight:	normal;
	width:			470px;
	}
div#event-list p
{
	float:			left;
	width:			470px;
	font-size:		1.2em;
	margin:			5px 0 0;
	}
div#event-list p.tagline
{
	margin:			10px 0 0;
	color:			#333;
	}
div#event-list a.edit
{
	position:		absolute;
	top:			10px;
	right:			10px;
	}
/* Sub Foot */
body#user div#sub-foot, 
body#edit div#sub-foot, 
body#editimage div#sub-foot
{
	float:			left;
	width:			570px;
	height:			18px;
	background:		url("../imgs/sub-foot-gfeed-empty.png") no-repeat;
	}
/* Side bar */
div#sidebar
{
	float:			right;
	width:			310px;
	margin:			0 0 0 0;
	background:		#252525;
	}
div#sidebar h3
{
	float:			left;
	font-size:		2em;
	}
div#sidebar ul
{
	float:			left;
	width:			270px;
	margin:			10px 0 0;
	}
div#sidebar ul li
{
	float:			left;
	width:			270px;
	margin:			0 0 7px;
	font-size:		1.2em;
	color:			#8f8f8f;
	}
div#sidebar strong
{
	color:			#ddd;
	}
div#sidebar h3.splitter
{
	float:			left;
	width:			270px;
	border-top:		1px solid #8f8f8f;
	}
div#sidebar div.element
{
	float:			left;
	width:			270px;
	margin:			0 20px;
	}
div#sidebar div.splitter
{
	margin:			20px 20px 0;
	padding:		20px 0 0;
	border-top:		1px solid #8f8f8f;
	}
div#sidebar p
{
	float:			left;
	width:			270px;
	margin:			0 0 10px;
	color:			#8f8f8f;
	}
div#sidebar p.emph
{
	margin:			10px 0 20px;
	color:			#ddd;
	line-height:	22px;
	}
div#sidebar div.foot
{
	float:			left;
	width:			310px;
	height:			22px;
	background:		url("../imgs/sidebar-foot.png") no-repeat;
	}
/* Event Detail */
body#user h4, body#edit h4
{
	float:			left;
	width:			530px;
	margin:			5px 0 0;
	}
img.rating-large
{
	float:			left;
	margin:			5px 0;
	}
dl.details
{
	float:			left;
	width:			530px;
	font-size:		1.2em;
	margin:			15px 0 0;
	}
dl.details dt
{
	float:			left;
	width:			90px;
	margin:			0 0 5px;
	color:			#1d1d1d;
	font-weight:	bold;
	}
dl.details dd
{
	float:			left;
	width:			440px;
	margin:			0 0 5px;
	}
div.di
{
	float:			left;
	width:			530px;
	margin:			20px 0;
	}
div.di p
{
	margin:			0 0 10px;
	font-size:		1.2em;
	}
div.di p.emph
{
	line-height:	22px;
	}
div.tab h4, div.tab p
{	
	float:			left;
	}
body#edit h4.margin, h4.margin
{
	margin:			20px 0 0;
	}
ul.pending
{
	float:			left;
	width:			530px;
	margin:			20px 0 0;
	border-top:		1px solid #c3c3c3;
	}
ul.pending li
{
	float:			left;
	width:			530px;
	w\idth:			510px;
	padding:		10px;
	border-bottom:	1px solid #c3c3c3;
	position:		relative;
	}
ul.pending img
{
	float:			left;
	}
ul.pending a.approve
{
	position:		absolute;
	top:			50%;
	right:			100px;
	margin:			-12px 150px 0 0;
	}
ul.pending a.delete
{
	position:		absolute;
	top:			50%;
	right:			5px;
	margin:			-12px 5px 0 0;
	}
ul.images, ul.comments
{
	float:			left;
	width:			530px;
	border-top:		1px solid #c3c3c3;
	margin:			15px 0 0;
	padding:		5px 0;
	}
ul.comments
{
	padding:		20px 0 0;
	}
body#edit ul.comments
{
	border:			none;
	}
ul.images li
{
	float:			left;
	width:			60px;
	height:			110px;
	display:		table;
	#position:		relative;
	overflow:		hidden;
	margin:			0 15px 0 0;
	}
ul.images li.no-margin
{
	margin:			0;
	}
ul.images li a, ul.images li p
{
	#position:		absolute;
	#top:			50%;
	width:			62px;
	display:		table-cell;
	vertical-align:	middle;
	}
ul.images li p
{
	float:			none;
	margin:			0;
	}
ul.images li img
{
	#position:		relative;
	#top:			-50%;
	padding:		5px;
	border:			1px solid #c3c3c3;
	}
ul.images li img:hover
{
	border:			1px solid #333;
	}
ul.images li a.yes
{
	position:		absolute;
	}
ul.comments li
{
	float:			left;
	position:		relative;
	width:			530px;
	margin:			0 0 10px;
	}
ul.comments li.pending div.comm
{
	background:		#ddd;
	}
ul.comments li.pending a.approve
{
	position:		absolute;
	top:			10px;
	right:			90px;
	z-index:		1;
	}
ul.comments li.pending a.delete
{
	position:		absolute;
	top:			10px;
	right:			5px;
	z-index:		2;
	}
ul.comments li.pending img
{
	margin:			10px 0 0;
	}
div#ratings li div.comm img
{
	margin:			5px 0 0;
	}
ul.comments img
{
	float:			left;
	}
div.comm
{
	float:			left;
	display:		inline;
	width:			470px;
	w\idth:			450px;
	margin:			0 0 0 10px;
	padding:		10px;
	background:		#c3c3c3;
	}
div.comm h5
{
	float:			left;
	width:			450px;
	font-size:		1.2em;
	}
div.comm p
{
	float:			left;
	width:			450px !important;
	margin:			5px 0 0 !important;
	}
div.comm p.date
{
	float:			left;
	margin:			2px 0 0;
	padding:		0 0 5px;
	border-bottom:	1px solid #333;
	width:			450px;
	}
/* Edit Event */
body#edit div.frame
{
	padding:		0;
	}
div.tab a.cancel
{
	float:			right;
	}
div.img
{
	float:			left;
	position:		relative;
	width:			530px;
	text-align:		center;
	margin:			20px 0 0;
	}
div.img h5
{
	margin:			0 auto 5px;
	float:			none;
	display:		block;
	}
body#editimage div.img
{
	padding:		20px 0 0;
	border-top:		1px solid #c3c3c3;
	}
div.img img
{
	margin:			0 auto;
	float:			none;
	display:		block;
	}
div.img a.back
{
	position:		absolute;
	top:			20px;
	left:			0;
	z-index:		1;
	}
div.controls 
{
	margin:			20px auto 0;
	width:			220px;
	}
div.frame a.primary
{
	float:			left;
	}
div.frame a.delete
{
	float:			right;
	}
div.tab p
{
	float:			left;
	width:			530px;
	margin:			20px 0 0;
	}
div.tab p.helper
{
	margin:			5px 0 0;
	}
/*---------------
	Tabs
---------------*/
ul.horizontal-tabs
{
	float:			left;
	width:			530px;
	w\idth:			510px;
	margin:			20px 0 0;
	border-bottom:	1px solid #c3c3c3;
	padding:		0 10px;
	}
ul.horizontal-tabs li
{
	float:			left;
	margin:			0 10px 0 0;
	font-size:		1.2em;
	color:			#333;
	}
ul.horizontal-tabs li a
{
	float:			left;
	color:			#333;
	border-top:		1px solid #c3c3c3;
	border-right:	1px solid #c3c3c3;
	border-left:	1px solid #c3c3c3;
	padding:		10px;
	}
ul.horizontal-tabs li a:hover, ul.horizontal-tabs li a.selected
{
	background:		#c3c3c3;
	color:			#333;
	}