@charset "utf-8";
/*------------------------------------------------------------------
Project:	Massive Attack Website
Version:	0.18
Last change:	29/12/09
Author:   Target
Corporate:   EAE
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Table of contents]

0. Body
1. Colors / Typography
2. Globals
	2.1. Desires
	2.2. Btns
	2.3.
	2.4. Errors
	2.5. Tooltip
3. Header
	3.1. Logo
	3.2. Nav
		3.2.1. Nav_Media
		3.2.2. Nav_Login
		3.2.3. Nav_Logged
		3.2.4. Menu
		3.2.5. Nav_Links
	3.3. Lang
4. Content
	4.1. Feature
	4.2. Homepage
		4.2.1. Homepage_Column
		4.2.2. Homepage_Live
	4.3. Left
		4.3.1. Widget
	4.4. Middle
	4.5. Right
6. Footer
10.Google Maps

-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[0. Body]
*/

html, body, div, span, applet, object, iframe, input,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: 'Arial', Helvetica, sans-serif;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	font-size: 12px;
}
small{font-size: 9px;}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
input, textarea{
	border: 1px solid #eaeaea;
	font-family: Arial, sans-serif;
	font-size: 11px;
}
input[type="submit"]{cursor:pointer; margin: 0; padding: 0; }
a{cursor:pointer; text-decoration: none; border: 0;}
/**/

* {  margin: 0;}
html, body { height: 100%;}
body{
	background: #000 url(../images/bg.jpg) repeat-x 0 0;
	margin: 0 auto;
}
/*------------------------------------------------------------------
[2. Globals]
*/
.wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -4em;
  width: 960px;
}

.fleft{ float: left;}
.fright{ float: right;}
.clear { clear:both;}
.error {
	color: #514721;
	background-color: #FFF6BF;
	border: 1px solid #FFD324;
	padding: 4px 6px;
}
.error_bg{ background-color: #fff6bF;}
	/*------------------------------------------------------------------
	[2.1. Desires]
	*/
	.desires a{
		background-color: #333;
		color: #fff;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		padding: 1px 2px;
		font-size: 11px;
		font-weight: normal;
		text-decoration: none;
	}
	.desires a:Visited{color: #fff;}
	.desires a:Hover{
		background-color: #eaeaea;
		color: #333;
		text-decoration: none;
	}
	.desire_wrapper{
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		padding: 2px;
		margin: 2px 2px 0 0;
		display: block;
		float: left;
	}
	.desire_wrapper .close{ float: left;padding: 0;margin:2px 1px 0 0;}
	.desire_wrapper .close img{
		margin:0;
		float: left;
	}
	.desire_wrapper .close:Hover{
		background-color:  #333;
	}
	#desires_tag_cloud{ margin: 10px 0 0 0;}
	#desires_tag_cloud .desires a{
		margin: 2px;
		float: left;
	}
	/*------------------------------------------------------------------
	[2.2. Issues]
	*/
	
	.issues{
		margin: 10px 0;
	}
	#middle .issues a,
	.issues a{
		background-color: #fff;
		color: #333;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		padding: 1px 2px;
		margin: 2px;
		font-size: 11px;
		font-weight: normal;
		text-decoration: none;
		float: left;
	}
	.issues a:Visited{color: #333;}
	#middle .issues a:Hover,
	.issues a:Hover{
		background-color: #333;
		color: #fff;
		text-decoration: none;
	}
	
	.middle_issue_balloon_wrapper{
		width: 420px;
		margin:5px 0 20px 0;
		float: left;
	}
	.widget_issue_balloon_wrapper{
		width: 150px;
		margin:5px 0 20px 0;
		float: left;
	}
	.issue_avatar,
	.issue_img{
		margin: 0 5px 0 0;
		float: left;
	}
	.issue_arrow{
		border-bottom:5px solid transparent;
		border-right:5px solid #000;
		border-top:5px solid transparent;
		float:left;
		height:0;
		left:0;
		line-height:0;
		z-index: 4;
		position:relative;
		top:5px;
		width:0;
	}
	.issue_balloon{
		padding: 5px;
		background-color: #000;
		color: #999;
		float: left;
	}
	.issue_balloon h3{
		color: #fff;
		margin-bottom: 5px;
		float: left;
	}
	.issue_balloon h3 a{
		color: #fff;}
	.issue_balloon p{
		font-size: 12px;
		font-weight: normal;
		float: left; 
	}
	.issue_type{
		color: #fff;
		font-size: 11px;
	}
	/*------------------------------------------------------------------
	[2.. Events]
	*/
	.event{
		width: 472px;
		color: #666;
		background-color: #000;
		padding: 4px;
		margin: 0 0 10px 0;
		float: left;
	}
	.event h2{
		color: #fff;
		margin-bottom: 5px;
		float: left;
	}
	.event h2 a{
		color: #fff;
	}
	.btn_event{	
		background-color: #fff;
		color: #333;
		font-size: 11px;
		padding: 4px;
		float: right;
	}
	.event_date{ 
		font-size: 11px;
		padding: 0 20px 0 0;
		float: left;}
	.event_location{
		font-size: 11px;
		float: left;
	}
	.event_img{
		margin: 0 5px 0 0;
		float: left;
	}
	.event_desc{
		color: #666;
		padding: 5px 0;
		float: left;
	}
	.event_small{
		font-size: 10px;
		float: right;
	}
	.event .event_content{
		width: 300px;
		float: left;
	}
	.event .btn_event{
		background-color: #666;
		color: #fff;
		padding: 4px;
		float: right;
	}
	.event .btn_event:Hover{ background-color: #fff; color: #333;}
	/*------------------------------------------------------------------
	[2.2. Btns]
	*/
	input.btn{
		color: #333;
		background-color: #eaeaea;
		font-size: 11px;
		padding: 2px 4px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		margin-left: 2px;
		border: 0;
	}
	.btn{
		color: #333;
		background-color: #eaeaea;
		font-size: 11px;
		padding: 4px 6px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		margin-left: 2px;
		border: 0;
	}
	.btn:Visited{color:#333;}
	.btn a,.btn a:Visited{color: #333;}
	.btn a:Hover{color: #fff;}
	.btn:Hover{color: #fff;}
	.btn:Hover a{color: #fff;}
	input.btn:Hover,.btn:Hover{
		color: #eaeaea;
		background-color: #333;
	}
	a.btn_green{
		background-color:#60A339;
		color: #fff;
		font-size: 11px;
		padding: 4px 6px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		margin-left: 2px;
		border: 0;
	}
	
	input.btn_green{
		background-color:#60A339;
		color: #fff;
		font-size: 11px;
		padding: 2px 4px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		margin-left: 2px;
		border: 0;
	}
	a.btn_green:Hover, input.btn_green:Hover{background-color: #3a5f25;}
	.btn_red{
		background-color:#eaeaea;
		color: #333;
		font-size: 11px;
		padding: 4px 6px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		margin-left: 2px;
		border: 0;
	}
	.btn_red:Hover{
		color: #fff;
		background-color:#c80202;
		text-decoration: none;
	}
	.btn_back{
		color: #333;
		background-color: #eaeaea;
		font-size: 11px;
		padding: 4px 6px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		margin:0 0 20px 0;
		border: 0;
	}
	.btn_back:Hover{
		color: #fff;
		background-color: #333;
	}
	/*------------------------------------------------------------------
	[2.3. Mailbox]
	*/
	table.mailbox{
		margin: 0 0 10px 0;
	}
	table.mailbox tr th{
		background-color: #eaeaea;
		border-bottom: 1px solid #dfdfdf;
		padding:4px 2px;
	}
	table.mailbox tr{
	}
	table.mailbox tr:Hover{	background-color:  #dfdfdf;}
	table.mailbox tr:Hover .btn,table.mailbox tr:Hover .btn_red{background-color:  #fff;}
	table.mailbox tr:Hover .btn:Hover{background-color:  #333;}
	table.mailbox tr:Hover .btn_red:Hover{background-color:  #c80202;}
	table.mailbox tr.unread{}
	table.mailbox tr td{
		padding:6px 2px;
		border-bottom: 1px solid #dfdfdf;
	}
	table.mailbox tr td a{
		color: #333;
	}
	table.mailbox tr td.mailbox_icon{
	width: 20px}
	table.mailbox tr td.mailbox_name a{
		color: #285CE2;
	}
	table.mailbox tr td.mailbox_msg{}
	table.mailbox tr td.mailbox_date{width: 60px}
	table.mailbox tr td.mailbox_action{width: 55px}
	
	
	table tr.mailbox_unread{background-color:#eaeaea;}
	table tr.mailbox_unread td{
		border-bottom: 1px solid #dfdfdf;
		font-weight: bold;
	}
	
	/*------------------------------------------------------------------
	[2.4. Errors]
	*/
	.fieldWithErrors input{	background-color: #FFFFCC;}
	
	.flash_notice{
		margin:8px 0;
		padding:6px;
		font-size:12px;
		font-weight:bold;
		color: #4C4C4C;
		background-color: #FFFFCC;
		border: 1px solid #DDDB54;

	}
	
	/*------------------------------------------------------------------
	[2.5. ToolTip]
	*/
			#theToolTip{
				position: absolute;
				left: -300px;
				/* width: 200px; */
				border: 1px solid #A4A4A4;
				padding: 6px 6px 6px 6px;
				background-color: #fff;
				visibility: hidden;
				text-align:left;
				
				-moz-box-shadow:0 2px 3px #000000;
				-webkit-box-shadow:0 2px 3px #000000;
				z-index: 100;
				/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
				/* filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,strength=4); */
			}

			#ToolTipPointer{
				position:absolute;
				left: -300px;
				z-index: 101;
				visibility: hidden;
			}

			#theToolTip p{
				font-size: 1.1em;
				color: #333333;
				line-height:1.4em;
				margin-right:10px;
				margin-top:0;
			}

			#ToolTipTextWrap {
				font-weight:bold;
				font-size: 1.2em;
				color: #592C16;
				margin-right:10px;
			}
			/*------------------------------------------------------------------
			[2.6. Search]
			*/
			#left .widget .search,
			#middle .middle_header .search{
				width: 80px;
				padding: 2px;
				float: right;
			}
			/*------------------------------------------------------------------
			[2.7. live_events]
			*/
			.widget ul.live_events{ margin: 5px 0;}
			.widget ul.live_events li{
				padding: 2px;
				border-bottom: 1px solid #eaeaea;
			}
			.widget ul.live_events li:Hover{
				background-color: #eaeaea;
			}
			#left .widget ul.live_events a{
				float: right; 
				color: #333;
			}
			.widget_content .live_events_tab{
				margin: 2px 0;
				float: right;
			}
			.widget_content .live_events_tab a{
				color: #666;
				padding:2px 4px;
				-moz-border-radius: 2px;
				-webkit-border-radius: 2px;
				}
			.widget_content .live_events_tab a.active{
				background-color: #eaeaea;
				color: #333;
			}
			.widget_content .live_events .ticket{
				color: #999;
				font-size: 11px;
				padding: 2px 0;
				float: right;
			}
			/*------------------------------------------------------------------
			[2.8. Middle Block]
			*/
			.middle_block{
				border-bottom: 1px solid #eaeaea;
				width: 470px;
				padding: 5px;
				margin: 0 0 10px 0;
				font-size: 12px;
				color: #333;
				float: left;
			}
			.middle_block:Hover{
				border-bottom: 1px solid #333;
			}

			.middle_block .small_wrapper{
				width: 300px;
				margin:2px 0 0 0;
				float: left;
			}
			.middle_block .large_wrapper{
				width: 415px;
				margin:2px 0 0 0;
				float: left;
			}
			.middle_block .large_wrapper .small{
				font-size: 9px;
				color: #666;
				padding: 3px 0 0 0;
				display: none;
				float: right;
			}
			.middle_block .location a{
				font-size: 10px;
				color: #285CE2;
			}
			.middle_block:Hover .large_wrapper .small,
			.middle_block:Hover .small_wrapper .small{ display: block;}
			
			.middle_block .date{ 
				display: none;
				font-size: 9px;
				text-align: right;
				color: #666;
			}
			.middle_block:Hover .date{ display: block;}
			
			.middle_block .large_wrapper a{ color: #333;}
			.middle_block .large_wrapper .desires a{ color: #fff;}
			.middle_block .large_wrapper .desires a:Hover{ color: #333;}
			.middle_block .btn_wrapper{ 
				margin: 5px 0 5px 0;
				float: right;
			}
			.middle_block .btn_wrapper .btn_green{
				margin-bottom: 5px;
			}
			.middle_block .user a{
				color: #333;
				font-weight: bold;
			}
			.middle_block .user{ margin-bottom: 5px;}
			.middle_block .avatar{
				margin-right: 5px;
				float: left;
			}
			.middle_block .large_wrapper .desires{
				line-height: 16px;
			}
			.middle_block .info{
				margin-top: 5px;
				font-size: 11px;
				color: #666;
			}
			.middle_block .additional{
				margin-bottom: 5px;
				font-size: 12px;
				color: #333;
			}
			.middle_block .additional a{
				color: #333;
				font-weight: bold;
			}
			.middle_block .additional img{float: left; margin-right: 5px;}
			.middle_block .additional span{ font-size: 11px; color: #666; float: left; padding: 2px 10px 0 0;}
			
			.middle_block .author,
			.middle_block .author:Visited{ color: #333;}
			.middle_block .small{
				font-size: 9px;
				color: #666;
			}
			
			/*------------------------------------------------------------------
			[2.9. Waiting Tabs]
			*/
			.tabs ul li span.waiting_start{
			background:transparent url(../images/inbox_start-trans.png) no-repeat scroll 0 0;
			display:inline-block;
			height:14px;
			color: #fff;
			padding:0 0 0 6px;
			margin:-5px 0 0 4px;
			float: left;
			}
			.tabs ul li span.waiting_end{
				background:transparent url(../images/inbox_end-trans.png) no-repeat scroll 0 0;
				display:inline-block;
				height:14px;
				padding:0 1px 0 6px;
				margin:-5px 0 0 0;
				float: left;
			}
			
			/*------------------------------------------------------------------
			[2.10. Explore Fulfilled]
			*/
			.fulfilled{
				height:95px;
				overflow:hidden;
			}

			.fulfilled li a{
				color: #333;
				white-space: nowrap;
				font-size: 11px;
			}
			.fulfilled li p{
				padding: 2px 0 0 6px;
				float: left;
			}
			/*------------------------------------------------------------------
			[2.11. Entries]
			*/
			.entry_box{
				width: 478px;
				border: 1px solid #eaeaea;
				margin-bottom: 1px;
				float: left;
			}
			.entry_box a{ color: #000000; }
			.entry_box .date{ font-size: 9px; color: #666;}
			.entry_header{
				width: 470px;
				padding: 5px;
				float: left;
			}
			.entry_header:Hover{background-color: #eaeaea;}
			.entry_header:Hover .btn_entry_toggle{
				display: block;
			}
			.entry_header .pic{
				margin:0 5px 0 0;
				float: left;
			}
			.entry_header .author{ margin-bottom: 5px;width:310px;}
			.entry_header .author a{font-weight: bold;}
			.entry_header .desires{}
			.entry_header .date{ padding: 2px 0;}
			.entry_header .location{padding: 2px 0;}
			.entry_header .location a{
				font-size: 10px;
				color: #285CE2;
				}
			.entry_header .rating{}
			.entry_header .btn_entry{
				width: 100px;
				height: 25px;
			}
			.entry_header .btn_entry_toggle{
				background-color: #fff;
				padding: 2px;
				display: none;
				-moz-border-radius:4px;
				-webkit-border-radius: 4px;
				border: 1px solid #dfdfdf;
				float: right;
			}
			.entry_content{
				width: 470px;
				margin:0 5px 5px 5px;
				padding: 5px 0 0 0;
				border-top: 1px solid #eaeaea;
				float: left;
			}
			
			.entry_content .tags{
				width: 470px;
				font-size: 10px;
				font-weight: normal;
				border-top: 1px dashed #eaeaea;
				margin-top: 10px;
				padding-top: 3px;
				float: left;
			}
			.entry_content .tags p b{ color: #666;}
			.comments_wrapper{
				width: 468px;
				margin:0 5px 10px 5px;
				padding: 5px 0 0 0;
				border-top: 1px dashed #eaeaea;
				float: left;
			}
			.entry_content .comments_header{border-top: 1px solid #eaeaea;}
			.entry_content .comments_box{ 
				width: 468px;
				margin: 1px 0;
				float: left;
			}
			.entry_content .comments_box .comment{width: 365px; float: left;}
			.entry_content .comments_box .comment span{
				padding: 3px;
				font-size: 11px;
				line-height: 14px;
				background-color: #eaeaea;
				float: left;
			}
			.entry_content .comments_box:Hover .comment span{background-color: #dfdfdf;}
			.entry_content .comments_box .date{display: none;}
			.entry_content .comments_box:Hover .date{display: block;} 
			.entry_box .comment_textarea{
				background-color: #eaeaea;
				border: 1px solid #dfdfdf;
				padding:4px;
				margin: 5px 0;
				width:459px;
				height: 40px;
			}
			.entry_box .comment_textarea:Hover{ background-color: #fff;}
			.entry_content .comments_wrapper .new_comment{}
			.entry_comments{
				border-top: 1px dashed #eaeaea;
				margin-top: 10px;
				padding-top: 3px;
			}
			.entry_comments h3{
				font-size: 14px;
				font-weight: bold;
				padding: 0 0 5px 0;
			}
			
			.entry_options{
				width: 478px;
				background-color: #eaeaea;
				border-top: 1px solid #dfdfdf;
				float: left;
			}
			.entry_options a{
				color: #333;
				padding: 3px 4px;
				font-size: 11px;
				float: right;
			}
			.entry_options a{color: #fff; background-color: #333; margin-left: 2px;}
			.entry_options a:Hover{ color: #333; background-color: #fff;}
			.entry_options a.btn_red{color:#fff;background-color:#c80202;}
			.entry_options a.btn_red:Hover{	color: #fff;background-color: #c80202;}
			.entry_options a.btn_green{ color: #fff; background-color: #60A339;}
			.entry_options a.btn_green:Hover{ background-color: #3a5f25;}
			.entry_options a.btn_red,.entry_options a.btn_green,.entry_options a.btn{
				-moz-border-radius: 0px;
				-webkit-border-radius: 0px;
			}
			
			.entry_share_wrapper{
				width: 470px;
				margin:0 5px 10px 5px;
				padding: 5px 0 0 0;
				border-top: 1px solid #eaeaea;
				float: left;
			}
			.report_wrapper{
				width: 470px;
				margin:0 5px 10px 5px;
				padding: 5px 0 0 0;
				border-top: 1px solid #eaeaea;
				float: left;
			}

			.entry_form_box,
			.entry_form_box_small{
				margin-top: 2px;
				padding: 2px;
				float: left;
			}
			.entry_form_box{width: 465px;}
			.entry_form_box_small{width: 230px;}
			
			.entry_form_box textarea{ 
				width: 456px;
				padding: 4px;
				float: left;
			}
			.entry_form_box_small input[type="text"],
			.entry_form_box input[type="text"]{
				padding: 4px;
			}
			.entry_form_box input[type="text"]{
				width: 456px;
			}
			.entry_form_box .btn_add{
				width: 220px;
				color: #fff;
				background-color: #333;
				border: 1px solid #444;
				-moz-border-radius: 2px;
				-webkit-border-radius: 2px;
				padding: 4px;
			}
			.entry_form_box .btn_add:Hover{
				background-color: #fff;
				color: #333;
				border: 1px solid #dfdfdf;
				}
			.entry_form_box .mrgl5{margin-left: 5px;}
			.entry_form_box .btn_add img,
			.entry_form_box .btn_add div{float: left;}
			.entry_form_box .btn_add img{ margin-right: 5px;}
			.entry_form_box .btn_add div{font-size: 11px; padding: 3px 0 0 0;}
			.entry_form_box_small input[type="text"]{ width: 222px;}
			.entry_form_box .btn{background-color: #fff;}
			.entry_form_box .btn:Hover{
				color: #fff;
				background-color: #333;
			}
			.entry_form_box .btn_add_disabled{
				width: 220px;
				color: #999;
				background-color: #eaeaea;
				border: 1px solid #dfdfdf;
				-moz-border-radius: 2px;
				-webkit-border-radius: 2px;
				padding: 4px;
			}
			.entry_form_box .btn_add_disabled img,
			.entry_form_box .btn_add_disabled div{float: left;}
			.entry_form_box .btn_add_disabled img{ margin-right: 5px;
			filter:alpha(opacity=50);
			-moz-opacity:0.5;
			-khtml-opacity: 0.5;
			opacity: 0.5;}
			.entry_form_box .btn_add_disabled div{font-size: 11px; padding: 3px 0 0 0;}
			
			.entry_form_box_small .moods{
				padding: 2px;
				-moz-border-radius: 2px;
				-webkit-border-radius: 2px;
				margin: 0 5px 0 0;
				float: left;
			}
			.entry_form_box_small .moods:Hover{ background-color: #333; color: #fff;}
			.entry_form_box_small .mood_arrow{
				border-bottom:5px solid transparent;
				border-right:5px solid #333;
				border-top:5px solid transparent;
				float:left;
				height:0;
				left:0;
				line-height:0;
				z-index: 4;
				position:relative;
				top:3px;
				width:0;
			}
			
			.entry_form_box_small .moods_txt{
				margin: 3px 5px 0 0;
				float: left;
			}
			.entry_form_box_small .moods_icon{
				float: left;
			}
			.entry_form_box_small .moods_expand{
				width: 133px;
				padding: 2px;
				background-color: #333;
				float: left;
			}
			.entry_form_box_small .moods_expand .close{
				margin: 2px;
				color: #fff;
				float: right;
			}
			.entry_form_box_small .private{
				padding: 2px;
				-moz-border-radius: 2px;
				-webkit-border-radius: 2px;
				float: left;
			}
			.entry_form_box_small .private:Hover{ background-color: #333;}
			.entry_form_box_small .private_icon{
				margin: 0 5px 0 0;
				float: left;
			}
			.entry_form_box_small .private_check{
				margin: 2px 2px 0 0;
				float: left;
			}
			.entry_form_box_small .private_txt{
				margin: 5px 0 0 5px;
				float: left;
			}
			
			/*------------------------------------------------------------------
			[2.12. New Entry]
			*/
			.edit_entry,
			.new_entry{
				background-color: #eaeaea;
				border: 1px solid #dfdfdf;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				-moz-box-shadow:0 2px 3px #dfdfdf;
				-webkit-box-shadow:0 2px 3px #dfdfdf;
				padding:5px;
				margin-bottom: 20px;
				width:468px;
				float: left;
			}
			#new_entry .new_entry_area .desires{ margin-bottom: 25px;}
			.new_entry_input {
				width:290px;
				margin-bottom:2px;
				float:left;
			}
			#middle #new_entry .middle_footer{
				width: 464px;
				margin: 10px 0 0 0;
			}
			.entry_add_pictures_wrapper_img{
				padding-top:4px;
				float:right;
			}
		
			/*------------------------------------------------------------------
			[2.12. Ratings]
			*/
			.star-rating,  
			.star-rating a:hover,  
			.star-rating a:active,  
			.star-rating a:focus,  
			.star-rating .current-rating{  
				background: url('/images/star_rating.png') left -1000px repeat-x;  
			}  
			.star-rating{  
				position: relative;  
				width: 100px;  
				height: 19px;  
				overflow: hidden;  
				list-style: none;  
				margin: 0;  
				padding: 0;  
				background-position: top left;  
			}  
			.star-rating li{  
				display: inline;  
			}  
			.star-rating a,  
			.star-rating .current-rating{  
				position: absolute;  
				top: 0;  
				left: 0;  
				text-indent: -1000em;  
				height: 19px;  
				line-height: 19px;  
				outline: none;  
				overflow: hidden;  
				border: none;  
			}  
			.star-rating a:hover,  
			.star-rating a:active,  
			.star-rating a:focus{  
				background-position: center left;  
			}  
			.star-rating a.one-stars{  
				width: 20%;  
				z-index: 6;  
			}  
			.star-rating a.two-stars{  
				width: 40%;  
				z-index: 5;  
			}  
			.star-rating a.three-stars{  
				width: 60%;  
				z-index: 4;  
			}  
			.star-rating a.four-stars{  
				width: 80%;  
				z-index: 3;  
			}  
			.star-rating a.five-stars{  
				width: 100%;  
				z-index: 2;  
			}  
			.star-rating .current-rating{  
				z-index: 1;  
				background-position: bottom left;  
			}  
			.star-ratings-block {  
				font-size: .75em;  
				text-align: center;  
				width: 100px;  
				float:right;
				
			}
			/*------------------------------------------------------------------
			[3. Beam Box]
			*/
			#beamed_mekwa_box{			
				width: 240px;	
				height:330px;
				margin:0;
				overflow:hidden;
				padding:4px 2px 0 2px;
				margin: 5px 0 0 0;
				float: left;
			}
			.beamed_mekwa_item_area{
				height: 58px;
			}
			.beamed_mekwa_item_area p{
				width: 140px;
				padding: 2px;
				font-size: 11px;
				font-weight:normal;
				float: left;
			}
			.beamed_mekwa_item_area_pictures{
				margin:5px 0;											
			}
			/*------------------------------------------------------------------
			[3. Show all]
			*/
			.show_all {
				width:50px;
				padding:4px;
				text-align:right;
				float:right;
				font-size:10px;
			}
			.show_all a{
				color:#666;
				text-decoration:none;
			}
			.show_all a:hover{
				text-decoration:underline;
			}
			.show_all_sort {
				width:150px;
				color: #666;
				background-color: #eaeaea;
				border-top: 1px solid #dfdfdf;
				padding:4px 2px;
				text-align:right;
				float:right;
				font-size:10px;
			}
			.show_all_sort a{
				color: #666;
				padding: 2px;
				text-decoration: none;
				-moz-border-radius: 2px;
				-webkit-border-radius: 2px;
			}
			.show_all_sort a:Hover{
				color: #333;
				text-decoration: underline;
			}
			
			
			
			.spinner{padding:3px 2px 0 2px;}
			
			
			.mekwa_portrait{
				float:left;
				margin:10px 10px 10px 0;
			}
			.mekwa_portrait_footer{
				background-color: #eaeaea;
				border-top:1px solid #dfdfdf;
				font-size: 10px;
				margin-top: 5px;
				padding: 2px;
			}
			/*------------------------------------------------------------------
			[ Pagination]
			*/
			.pagination{
				width:475px;
				text-align:center;
				font-size:11px;
				margin:0;
				float:left;
			}
			.pagination a, .pagination a:link, .pagination a:active {
				padding: 2px 4px;
				margin: 2px;
				font-size:11px;
				text-decoration: none;
				color:#4C4C4C;
			}
			.pagination a:hover {	
				color: #333;
				background-color: #eaeaea;
			}
			.pagination span.pages {
				padding: 2px 4px 2px 4px; 
				margin: 2px 2px 2px 2px;
				color: #333;
				background-color: #FFFFFF;
			}
			.pagination span.current {
				padding: 2px 4px; 
				margin: 2px;
				font-weight: bold;
				border: 1px solid #333;
				color: #fff;
				background-color: #333;
			}
			.pagination span.extend {
				padding: 2px 4px 2px 4px; 
				margin: 2px;	
				color: #333;
				background-color: #FFFFFF;
			}
			.disabled{
				color: #fff;
			}	
/*------------------------------------------------------------------
[3. Header]
*/
#header{
	width: 960px;
	height: 35px;
	position: relative;
	z-index: 102;
	top:0;
}
	/*------------------------------------------------------------------
	[3.1. Logo]
	*/
	.logo{
		width: 30px;
		height: 30px;
		margin: 5px 15px 0 15px;
		float: left;
	}
	/*------------------------------------------------------------------
	[3.2. Nav]
	*/
	#nav{
		width: 820px;
		color: #fff;
		background-color: #000;
		height: 40px;
		float: left;
		-moz-box-shadow:0 3px 6px #000;
		-webkit-box-shadow:0 3px 6px #000;
	}

		/*------------------------------------------------------------------
		[3.2.1 Nav_Media]
		*/
		#nav_media{	float: left;}
		#nav_media{ padding: 16px 8px 0 8px;}
		#nav_media p{ padding: 4px 4px 0 0;float: left;}
		#nav_media a{
			color: #fff;
			text-decoration: none;
		}
		#nav_media a:Hover{ color: #fff;}
		#nav_media .icon{
			width:20px;
			height:18px;
			background: transparent url(../images/icon_media.png) 0 0 no-repeat;
			display: block;
			float: left;
		}
		#nav_media a:Hover .icon,
		#nav_media .icon:Hover{
			background-position: 0 -18px;
		}
		#nav_media_player{
			width: 200px;
			height: 300px;
			color: #fff;
			background-color: #000;
			-moz-box-shadow:0 3px 2px #000000;
			-webkit-box-shadow:0 3px 2px #000000;
			position: absolute;
			margin: 10px 0 0 40px;
		}
		/*------------------------------------------------------------------
		[3.2.2 Nav_Login]
		*/
		#nav_login{ width: 200px; margin: 0 5px 0 0; float: right;}
		#nav_login .recover_input,
		#nav_login .login_input{
			background-color: #868686;
			width: 150px;
			margin:4px 2px 2px 2px; 
			padding: 2px;
			border: 0;
			float: left;
		}
		#nav_login .recover_input{ width: 250px;}
		#nav_login #recover_password h5{
			color:#5c5c5c;
			margin: 2px 0 0 2px;
		}
		#nav_login .recover_input:Focus,
		#nav_login .recover_input:Hover,
		#nav_login .login_input:Focus,
		#nav_login .login_input:Hover{ background-color: #fff;}
		#nav_login p a{ 
			color: #fff;
			text-decoration: none;
			display: block;
		}
		#nav_login p:Hover{ 
			background-color: #868686;
			border-left:1px solid #3f3f3f;
			border-right:1px solid #3f3f3f;
		}

		#nav_login span.arrow_signup{
			border-bottom:10px solid #000;
			border-right:10px solid transparent;
			border-left:10px solid transparent;
			float:left;
			height:0;
			left:165px;
			line-height:0;
			z-index: 4;
			position:relative;
			top:1px;
			width:0;
		}
		#nav_login span.arrow_login{
			border-bottom:10px solid #000;
			border-right:10px solid transparent;
			border-left:10px solid transparent;
			float:left;
			height:0;
			left:115px;
			line-height:0;
			z-index: 4;
			position:relative;
			top:1px;
			width:0;
		}
		#nav_login .error_login{text-align: center;}
		#nav_login p.error{
			color: #514721;
			background-color: #FFF6BF;
			border: 1px solid #FFD324;
			padding: 4px 6px;
		}
		#nav_login div.error{
			color: #514721;
			background-color: #FFF6BF;
			border: 1px solid #FFD324;
			margin: 0 0 10px 0;
			padding: 4px 6px;
			-moz-box-shadow:0 1px 2px #333;
			-webkit-box-shadow:0 1px 2px #333;
			float: left;
		}
		#nav_login #signup div.error p,
		#nav_login #signup div.error ul li{	padding: 2px 0;}
		#nav_login #signup div.error p:Hover,
		#nav_login #signup div.error ul li:Hover{
			color: #514721;
			background-color: #FFF6BF;
			border: 0;
			}
		
		#nav_login p.error:Hover{ 
			color: #514721;
			background-color: #FFF6BF;
			border: 1px solid #FFD324;
		}

		#nav_login .btn_login{
			background-color: #000;
			color: #fff;
			font-size: 13px;
			padding:15px 2px 8px 2px;
			border-left:1px solid #000;
			border-right:1px solid #000;
			line-height: 13px;
			border-top:none;
			border-bottom: none;
			margin: 0;
			float: left;
		}
		#nav_login .btn_back{
			background-color: #000;
			color: #fff;
			font-size: 13px;
			padding:7px 5px;
			border-left:1px solid #000;
			border-right:1px solid #000;
			line-height: 13px;
			border-top:none;
			border-bottom: none;
			margin: 0;
			float: left;
		}
		#nav_login a.btn_login{
			padding:18px 5px 10px 5px;
			line-height: 12px;
		}
		#nav_login .btn_back:Hover,
		#nav_login .btn_login:Hover{ 
			background-color: #333;
			border-left:1px solid #3f3f3f;
			border-right:1px solid #3f3f3f;
			cursor: pointer;
		}
		#nav_login .btn_signup{
			background-color: #000;
			color: #ff0000;
			text-decoration: none;
			padding:19px 5px 9px 5px;
			border-left:1px solid #000;
			border-right:1px solid #000;
			margin: 0;
			float: left;
		}
		#nav_login .btn_signup:Hover{ 
			color: #fff;
			background: #ff0000 url(../images/bg_signup.png) repeat-x;
			border-left:1px solid #88000e;
			border-right:1px solid #88000e;
		}
		#nav_login #home_remember{ margin: 5px 0 0 0;}
		#nav_login #home_remember p,
		#nav_login #home_remember p:Hover{
			background-color: #000;
			font-size: 10px;
			color: #868686;
			padding: 3px 0 0 4px;
			border: none;
		}
		#nav_login #home_remember p a{
			margin: 1px 0 0 19px;
			text-decoration: none;
			color: #868686;
		}
		#nav_login #home_remember p a:Hover{ color: #fff;}
		#nav_login #remember_me {border: none;}
		#nav_login #signup{
			width: 345px;
			background-color: #000;
			color: #fff;
			top:50px;
			right: 80px;
			margin: 0 0 0 80px;
			z-index: 3;
			position: absolute;
			-moz-box-shadow:0 3px 3px #000000;
			-webkit-box-shadow:0 3px 3px #000000;
			float: left;
		}
		#nav_login #signup h3{
			padding: 0 0 20px;
			line-height: 18px;
		}
		#nav_login #signup ul li{
			margin: 0;
			padding: 0;
			border: none;
		}
		#nav_login .login_wrapper{
			margin: 10px 0;
		}
		#nav_login label{
			color: #999;
			padding: 5px 0 0 0;
			width: 104px;
			float: left;
		}
		#nav_login #signup .signup_input{
			width: 200px;
			padding: 4px;
			border: 1px solid #000;
		}
		#nav_login #signup .btn_signup{
			background: #eb0008 url(../images/bg_signup.png) repeat-x 0 -8px;
			color: #fff;
			text-decoration: none;
			padding:10px 5px 10px 5px;
			border-left:1px solid #000;
			border-right:1px solid #000;
			margin: 0;
			float: left;
		}
		#nav_login #signup .btn_signup_2{
			background: #eb0008 url(../images/bg_signup.png) repeat-x 0 -8px;
			color: #fff;
			text-decoration: none;
			padding:7px 5px;
			border: none;
		}
		#nav_login #signup .btn_signup_2:Hover,
		#nav_login #signup .btn_signup:Hover{ 
			color: #ff0000;
			background-image: none;
			background-color: #fff;
		}
		#nav_login #signup .signup_terms_of_service{ color: #666; line-height: 14px; float: left;}
		#nav_login #signup .signup_terms_of_service a{ text-decoration: underline; color: #fff;}
		#nav_login #signup #simple_captcha{
			width: 305px;
			background-color: #f7f7f7;
			border: 0;
			border-top:1px solid #333;
			border-bottom:1px solid #333;
		}
		#nav_login #signup #simple_captcha .simple_captcha_image{ float: left;}
		#nav_login #signup #simple_captcha .simple_captcha_image img{ background-color: #ddd;}
		#nav_login #signup #simple_captcha .simple_captcha_field input{ padding: 8px; width: 165px;}
		#nav_login #signup #simple_captcha .simple_captcha_label{color: #000;}
		
		#nav_login #signup .btn_close{
			width: 16px;
			height: 16px;
			background:  #000 url(../images/btn_close.png) no-repeat 0 -0;
			float: right;
		}
		#nav_login #signup .btn_close:Hover{ background-position: 0 -16px;}
		
		#nav_login .log_wrapper{
			margin: 15px;
			float: left;
		}
		
		#nav .nav_links li.active{
			background: #eb0008 url(../images/bg_signup.png) repeat-x 0 0;
			color: #fff;
			text-decoration: none;
			padding:19px 5px 8px 5px;
			border-left:1px solid #000;
			border-right:1px solid #000;
			margin: 0;
			line-height: 12px;
			float: left;
		}

		/*------------------------------------------------------------------
		[3.2.3. Nav_Logged]
		*/
		
		#nav_logged{
			width: 430px;
			margin: 0 25px 0 0;
			float: right;
		}
		#nav_logged span.inbox_start{
			color: #000;
			font-size: 11px;
			font-weight: bold;
			background:transparent url(../images/inbox_other_start.png) no-repeat scroll 0 0;
			display:inline-block;
			height:14px;
			padding:2px 0 0 6px;
			margin:10px 0 0 4px;
			float: left;
		}
		#nav_logged span.inbox_end{
			background:transparent url(../images/inbox_other_end.png) no-repeat scroll 0 0;
			display:inline-block;
			height:14px;
			padding:2px 1px 0 6px;
			margin:10px 0 0 0;
			float: left;
		}


		#nav_logged input{ margin: 13px 0 0 5px;}
		
		#nav_logged #search .input_search{ 
			width: 150px;
			padding: 3px;
		}
		
		
		
		/*------------------------------------------------------------------
		[3.2.4. Menu]
		*/
		.menu {width:173px; position:relative; font-size:11px; z-index:100; float: right;}
		.menu ul li a, .menu ul li a:visited { 
			padding:21px 7px 8px 7px;
			display:block;
			text-decoration:none;
			background: #ff0000 url(../images/bg_signup.png) repeat-x;
			color:#000;
			text-align:center;
			color:#fff;
			font-size:11px;
			overflow:hidden;
			border: 0;
		}
		.menu ul {padding:0; margin:0; list-style: none;}
		.menu ul li {float:left; position:relative;border-right: 1px solid #000;}
		.menu ul li ul {display: none;}
		.menu ul li ul li{ 
			padding:0;
			text-align:left;
			border-top: 1px solid #000;
			border-bottom: 1px solid #000;
		}
		.menu ul li ul li:Hover{ 
			border-bottom: 1px solid #222;
		}
		.menu ul li:hover a {color:#fff; background:#333;}
		.menu ul li:hover ul {display:block; position:absolute; top:40px; left:0; width:100px;}
		.menu ul li:hover ul li a.hide {background:#ff0000; color:#fff;}
		.menu ul li:hover ul li:hover a {background:#333; color:#fff;}
		.menu ul li:hover ul li:hover a.hide {background:#333; color:#fff;}
		.menu ul li:hover ul li ul {display: none;}
		.menu ul li:hover ul li a {display:block; width: 100px; background:#000; color:#fff; padding: 7px; text-align: left;}
		.menu ul li:hover ul li a:hover {background:#333; color:#fff;}
		.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:100px; top:0;}
		.menu ul li:hover ul li:hover ul.left {left:-100px;}
		.menu_mailbox{
			position: absolute;
			top: -3px;
			margin-left: 220px;
			z-index: 101;
			}
		
		
		/*------------------------------------------------------------------
		[3.2.5. Nav_Links]
		*/
		.nav_links{
			margin: 0 4px 0 0;
		}
		.nav_right{ width: 175px;}
		.nav_links li{
			display: inline;
			padding:20px 7px 7px 7px;
			border-left:1px solid #000;
			border-right:1px solid #000;
			float: left;
		}
		.nav_links li a{
			color: #fff;
			text-decoration: none;
			display: block;
			line-height: 12px;
		}
		.nav_links li:Hover{ 
			color: #fff;
			background-color: #333;
			border-left:1px solid #3f3f3f;
			border-right:1px solid #3f3f3f;
		}
		.nav_links li:Hover a{ 
			color: #fff;
		}
		
		
	/*------------------------------------------------------------------
	[3.3. Lang]
	*/
	.lang{	float: right;}
	
	
	

/*------------------------------------------------------------------
[4. Content]
*/
#content{
	color: #fff;
}
#content_logged{
	width: 960px;
	background-color: #fff;
	margin: 0 0 20px 0;
	color: #333;
	text-align: left;
	 padding: 25px 0 25px 0;
}

#content_logged #left{
	border-right: 1px solid #dfdfdf;
}

/*------------------------------------------------------------------
[4.1. Feature]
*/
.wiki_slideshow,
.small_slideshow{
	width: 100%;
	position:relative;
}
.wiki_slideshow img,
.small_slideshow img{
	position:absolute;
	left:0;
	top:10px;
}
.big_screen{
	width: 100%;
	position:relative;
}
.big_screen img{
	position:absolute;
	top:0;
}
.split{
	width: 50px;
	height: 10px;
	background-color: #000;
	position: relative;
	margin: -5px auto;
	-moz-box-shadow:0 3px 2px #000000;
	-webkit-box-shadow:0 3px 2px #000000;
	z-index: 2;
}

/*------------------------------------------------------------------
[4.2. Homepage]
*/
/*------------------------------------------------------------------
[4.2.1. Homepage_Column]
*/
#content .homepage_column{width: 310px;  margin: 15px 0 15px 0;/* background-color: #2a2a2a; */ float: left;}
#content .homepage_column a.ticket{
	background-color: #fff;
	color: #000;
	text-decoration: none;
	padding: 2px;
	float: right;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
#content .homepage_column a.sold_out{
	color: #ff0000;
	text-decoration: none;
	padding: 2px;
	float: right;
}
#content .homepage_column a.ticket:Hover{ background-color: #fff; }
#content .homepage_column ul li:Hover a.ticket{ background-color: #fff; color: #ff0000; }
#content .homepage_column ul li:Hover a.ticket:Hover{ background-color: #ff0000; color: #000; }
#content .mrgr15{margin-right: 15px;}
#content .mrgt15{margin-top: 15px;}
.homepage_column_header{width:310px;background-color: #1c1c1c; float: left;}
.homepage_column_header h2{ background-color: #2a2a2a; padding: 2px 4px; margin-right: 25px; float: left;}
.homepage_column_header .more{ color:#5c5c5c; padding: 2px 4px; margin: 3px 0 0 0; float: right;}
.homepage_column_header .most{ color:#5c5c5c; padding: 2px 4px; margin: 3px 0 0 0; float: left;}
.homepage_column_header .most:Hover{ color:#fff;}
.homepage_column_header .most_selected{
	background-color: #2a2a2a;
	color:#fff;
	padding: 2px 4px;
	margin: 3px 0 0 0;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	float: left;
	}

.homepage_column #live_events ul{ margin: 0 0 4px 0; float: left;}
.homepage_column #live_events ul li{ width: 306px; background-color: black; border-bottom: 1px solid #222; padding:4px 2px; float: left;}
.homepage_column #live_events ul li:Hover{ background-color: #222; border-bottom: 1px solid #000;}

.homepage_column #live_events ul li ul li{ width: 302px; color: #000; background-color: #fff; border-bottom: none;float: left;}
.homepage_column #live_events ul li:Hover ul li{ background-color: #fff; border-bottom:none;}
.homepage_column #live_events ul li ul li img{ width: 302px; margin: 2px 0;}


.homepage_column #live_events ul li a.close{
	color: #000;
	font-size: 10px;
	background-color: #fff; 
	text-decoration: none;
	padding: 2px 6px;
	margin: 2px 0 0 0;
	float: right;
}
.homepage_column #live_events ul li a.close:Hover{
	color: #fff;
	background-color: #ff0000; 
}

.homepage_column #blog_posts{background-color: #2a2a2a;}
.homepage_column .post a .header{ width: 310px; float: left;}
.homepage_column h3 { background-color: #000; padding: 2px; margin: 4px 0; float: left; text-align: left;}
.homepage_column a h3{ text-decoration: none; color: #fff;}
.homepage_column a:Visited h3{color: #fff;}
.homepage_column h3:Hover,.homepage_column h3:Hover a{ background-color: #fff; color: #000;}
.homepage_column .header:Hover h3{ background-color: #fff; color: #000;}
.homepage_column .post{ margin: 0; border-bottom: 1px solid #333;}
.homepage_column .post p {padding:4px; line-height: 15px; text-align: left;}
.homepage_column .post img{	width: 310px;}
.homepage_column .post .more {font-size: 9px; text-decoration: none; color: #000; float: right;}


.homepage_column .post .icon{
	width:20px;
	height: 16px;
	margin: 4px 4px 0 0;
	display: none;
	background: transparent url(../images/icon_popup.png) no-repeat 0 0;
	float: right;
}
.homepage_column .post .share_wrapper{
	width: 80px;
	height: 13px;
	margin-right: 4px;
	float: right;
}
.homepage_column .post .share{ 
	display: none;
	float: right;
}
.homepage_column .post:Hover .share{ display: block; color: #fff;}
.homepage_column .post .share:Hover{ color: #fff;}
.homepage_column .post .share_list{
	width: 290px;
	padding: 4px 10px;
	background-color: #000;
	float: left;
}
.homepage_column .post .share_list li{
	width: 92px;
	padding: 2px;
	font-size: 10px;
	float: left;
}
.homepage_column .post .share_list li img{	width: 16px;}
.homepage_column .post .share_list li a{color: #666;}
.homepage_column .post .share_list li a:Hover{color: #fff;}
.homepage_column .header:Hover .icon{
	background-position: 0 -16px;
	display: block;
}


.homepage_column_header p.more{ padding: 4px 4px 0 0;float: right;}
.homepage_column_header a{
	color: #fff;
	text-decoration: none;
}
.homepage_column_header a:Hover p{ color: #fd6f00;}
.homepage_column_header .rss{
	width:14px;
	height:14px;
	margin: 5px 4px 0 0;
	background: transparent url(../images/rss-trans.png) 0 0 no-repeat;
	display: block;
	float: right;
}
.homepage_column_header a:Hover .rss,
.homepage_column_header .rss:Hover{
	background-position: 0 -14px;
}

.homepage_column li.more{
	padding: 5px;
	text-align: center;
	color: #333;
	background-color: #fff;
}
.homepage_column li.more:Hover{
	background-color: #333;
}
.homepage_column li.archive{
	padding: 5px;
	text-align: center;
	color: #fff;
	background-color: #000;
}
.homepage_column li.archive:Hover{
	background-color: #333;
}
.homepage_column li.more a{
	color: #333;
	text-decoration: none;
}
.homepage_column li.more:Hover a{
	color: #fff;
}
.homepage_column li.archive a{
	color: #fff;
	text-decoration: none;
}
.homepage_column li.archive:Hover a{
	color: #fff;
}
/*------------------------------------------------------------------
[4.2.2. Homepage_Live]
*/
.homepage_live li small{ 
	color: #666;
	margin: 1px 10px 0 3px;
	float: left;
}
.homepage_live p.subject{
	width: 165px;
	float: left;
}
.homepage_live p.subject a{
	color: #fff;
	text-decoration: none;
	text-align: left;
	display: block;
}
.homepage_live_expand a{
	color: #333;
}



/*------------------------------------------------------------------
[4.2.2. Homepage_Live]
*/
.homepage_column #community{
	width: 310px;
	background-color: #2A2A2A;
	float: left;
}
.homepage_column #community .community_wrapper{
	width: 298px;
	padding:0;
	margin: 5px;
	border: 1px solid #1c1c1c;
	background: transparent url(../images/bg_community.png) no-repeat 0 0;
	float: left;
}


#community .community_block{
	margin: 4px 0 4px 4px;
	float: left;
}
#community .community_block img{ 
	margin-right: 4px;
	float:left;
	}
#community .community_block .balloon_wrapper{
	width:175px;
	float:left;
}
#community .community_block .balloon{
	padding: 5px;
	background-color: #000;
	text-align: left;
	line-height:15px;
	color: #999;
	float: left;
}
#community .community_block .arrow{
	border-bottom:5px solid transparent;
	border-right:5px solid #000;
	border-top:5px solid transparent;
	float:left;
	height:0;
	left:0;
	line-height:0;
	z-index: 4;
	position:relative;
	top:5px;
	width:0;
}
#community .community_block .balloon_artist{
	padding: 5px;
	background-color: #fff;
	line-height:15px;
	color: #333;
	float: left;
}
#community .community_block .arrow_artist{
	border-bottom:5px solid transparent;
	border-right:5px solid #fff;
	border-top:5px solid transparent;
	float:left;
	height:0;
	left:0;
	line-height:0;
	z-index: 4;
	position:relative;
	top:5px;
	width:0;
}





#left{
	width:250px;
	margin:0 10px 10px 10px;
	float:left;
}
		
#right{
	width:170px;
	margin:0 10px 10px 0;
	float:right;
}
/*------------------------------------------------------------------
[4.3.1. Widget]
*/
	.widget{
		margin-bottom: 20px;
	}
	.widget_header{
		width: 242px;
		border-top: 1px solid #dfdfdf;
		background-color:#EAEAEA;
		padding: 4px;
		float: left;
	}
	.widget_header h2{
		font-size: 12px;
		font-weight: bold;
		float: left;
	}
	.widget_header h2 a{
		color: #333;
	}
	.widget_header a{
		float: right;
	}
	.widget_content{
		padding: 4px;
	}
	.widget_content p{
		padding: 2px 0;
		font-size: 11px;
	}
	.widget_actions{
		margin:10px 10px 10px 0;
	}
	.widget_actions ul li{
		padding:2px;
		border-bottom: 1px solid #dfdfdf;
	}
	.widget ul li{padding:2px;}
	.widget_actions ul li a{color: #333;}
	.widget_actions ul li:Hover{
		background-color: #eaeaea;
	}
	.widget_actions ul li.active{
		background-color: #eaeaea;
	}
	.widget_actions ul li.active a{
		color: #333;
	}
	.widget_actions ul li img{ margin-right: 2px; }
	.widget_actions ul li span{ font-size: 11px;}
	.widget_content .textarea_share{
		border: 1px solid #dfdfdf;
		width: 230px;
		height: 30px;
	}
	.widget_content .textarea_share:focus{
		border: 1px solid #666;
	}
	.widget_mekwa{
		width: 235px;
	}

	.widget_mekwa_header{
		width: 227px;
		background: #eee url(../images/widget_mekwa_htop.png) no-repeat 0 0;
		padding: 4px;
		float: left;
	}
	.widget_mekwa_header h1{
		font-size: 16px;
		font-weight: bold;
		color: #333;
		
		float: left;
	}
	.widget_mekwa_header a{
		float: right;
	}
	.widget_mekwa_content{
		width: 227px;
		background-color: #eee;
		padding: 4px;
	}
	
	.widget_mekwa_content p{
		font-size: 11px;
		font-weight: normal;
		color: #999;
		padding: 2px 0;
	}
	.widget_mekwa_content .add_desire{
		background-color: #000;
		padding: 4px;
		margin: 0 0 10px 0;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
	}
	.widget_mekwa_content .add_desire input.input_add_desire{
		width:145px;
		color: #fff;
		background-color: #000;
		border: 1px solid #000;
		padding: 6px;
		margin: 0 4px 0 0;
		font-weight:normal;
		font-size:16px;
		float:left;
	}
	.widget_mekwa_content .add_desire .btn_black{
		background-color:#000;
		color: #fff;
		font-size: 11px;
		padding: 8px 6px;
		margin: 2px 0;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		margin-left: 2px;
		border: 0;
	}
	.widget_mekwa_content .add_desire .btn_black:Hover{
		background-color:#fff;
		color: #333;
	}
	.widget_mekwa_content .add_desire:Hover .btn_black{
		background-color:#fff;
		color: #333;
	}
	.widget_mekwa_content .btn{
		color: #333;
		background-color: #eaeaea;
		padding: 1px;
	}
	.widget_mekwa_content .btn:Hover{
		color: #fff;
		background-color: #333;
	}
	ul.widget_content_links li img{ margin-right: 2px; }
	ul.widget_content_links li span a{ color: #333;}
	
	.widget_content .left_search_input{
		width:200px;
		height:16px;
		padding:2px;
		border:1px solid #ccc;
		border-width:1px;
		font-size:12px;
		float:left;
	}
	.widget_content .left_search_btn{
		width:26px;
		height:21px;
		background:#000 url(../images/search.jpg) no-repeat center top;
		border:none;
		cursor: pointer; 
		float:left;
	}
	.widget_content select{
		width:207px;
		height:22px;
		border:1px solid #ccc;
		border-width:1px;
		float:left;
	}
	.widget_content input[type="image"]{ border: none;}
/*------------------------------------------------------------------
[4.4. Middle]
*/

.middle_header{
	border-top:1px solid #dfdfdf;
	padding: 2px 0 20px 0;
	margin: 25px 0 0 0;
}
.middle_header_top{
	border-top:none; 
	padding: 2px 0 20px 0;
	margin: 0;
}
.middle_header_top_smaller{
	padding: 2px 0 0 0;
}
.middle_header h1,
.middle_header_top h1{
	font-size: 16px;
	color: #333;
	font-weight: bold;
}
.middle_header_top h1 a{ color: #666; text-decoration: underline;}
.middle_header_top h1 a:Hover{ color: #333; text-decoration: none;}
.middle_header h1 a{ color: #333;}
#middle .middle_header .search{
	padding: 2px;
	float: right;
}
#middle h4{
	font-size: 12px;
	color: #666;
	margin: 10px 0;
}
#middle h5{
	color: #666;
	margin: 5px 0;
}

#middle p, #middle ul li {
	line-height: 15px;
}
#middle .middle_content{
	margin-bottom: 10px;
	width: 480px;
	float: left;
}
/*#middle .middle_content a{
	color: #333;
	text-decoration: underline;
}*/
#middle .middle_content_simple a{
	color: #333;
	text-decoration: none;
}
#middle .middle_content_simple a:Hover{
	color: #000;
	text-decoration: underline;
}
#middle .middle_footer{
	width: 476px;
	font-size: 10px;
	background-color: #eaeaea;
	border-top: 1px solid #dfdfdf;
	margin: 10px 0;
	padding: 2px;
	float: left;
}
#middle .middle_footer p{
	padding:1px 4px;
	font-size: 10px;
	font-weight: normal;
	float: right;
}
#middle .middle_footer .more{
	font-size: 11px;
	padding: 2px;
	color: #666;
	float: right;
}

#middle .tabs{
	background-color: #eaeaea;
	border-top: 1px solid #dfdfdf;
}
#middle .tabs ul{
	height: 17px;
	margin: 4px;
	padding: 4px 0 0 4px; 
}
#middle .tabs ul li{
	display: inline;
}
#middle .tabs ul li a{
	color: #666;
	font-size: 11px;
	font-weight: bold;
	margin: -3px 2px 3px 2px;
	padding: 4px 8px;
	float: left;
}
#middle .tabs ul li.menu_favorites_menu_active a,
#middle .tabs ul li.active a{
	color: #333;
	background-color: #fff;
}

#middle .middle_content_home ul li{
	list-style: disc;
	margin-left: 15px;
	padding: 2px 0;
}
#middle .middle_content_home ul li a{ color: #333; text-decoration: underline; font-weight: bold;}

.header_help{ margin: 1px 2px 0 5px; float: left;}
.header_help a{
	font-size: 10px;
	background-color: #dfdfdf;
	color: #666;
	padding: 2px 5px;
	font-weight: bold;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	}
.header_help a:Hover{
	background-color: #333;
	color: #fff;
}
.widget .header_help a{
	background-color: #fff;
	color: #999;
}
.widget .header_help{ margin: -2px 2px 0 5px; float: right;}
.widget .header_help a:Hover{
	background-color: #333;
	color: #fff;
}
/*------------------------------------------------------------------
[4.4.1. Form_Box]
*/
.form_box{
	margin: 10px 0;
}
.form_box h3{
	width: 170px;
	display: block;
	padding: 4px;
	color: #666;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	float: left;
}
.form_box input[type="text"]{ 
	width: 280px;
	padding: 4px;
	font-weight: normal;
	float: right;
}


.form_box select{
	width: 290px;
	float: right;
}
.form_box p.inserted{
	padding: 3px 3px 3px 18px;
	float: left;
}
.form_box textarea{
	width: 280px;
	padding: 4px;
	float: right;
}
.form_box input[type="text"]:focus,
.form_box input[type="password"]:focus,
.form_box textarea:focus{ 
	border: 1px solid #666;
}
/*------------------------------------------------------------------
[4.4.2. Auto Complete Function]
*/
div.auto_complete {
	position: absolute;
	z-index: 240;
}


.middle_box{
	width: 472px;
	border-left: 3px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
	padding: 4px;
	float: left;
}
.middle_box:Hover{
	border-left: 3px solid #333;
}
.middle_box a.author{
	color: #333;
	font-size: 13px;
	font-weight: bold;
}




/*------------------------------------------------------------------
[4.4.3. Slideshow]
*/
	.hover{
		height:70px;
		font-size:14px;
		background-color:transparent;
		/*
position:relative;
		z-index:2;
*/
	}
	.arrow_l {
		height:70px;
		width:15px;
		margin-left:1px;
		float:left;
	}
	.arrow_r {
		height:70px;
		width:15px;
		margin-right:1px;
		float:right;
	}
	.arrow_l a{
		background-color:#eaeaea;
		margin-left:1px;
		float:left;
	}
	.arrow_r a{
		background-color:#eaeaea;
		margin-right:1px;
		float:right;
	}
	.arrow_l a:Hover,.arrow_r a:Hover{
		background-color:#fff;
	}
	.slideshow_h{
		height:70px;
	}
	
	.slideshow_h_area{
		margin:0 0 0 16px;
		width:217px;
		height:70px;
		position:relative;
		top:-70px;
		z-index:1;
		overflow:hidden;
		background-color:transparent;
	}
	
	.slideshow_h_picture{
		overflow:hidden;
		height:70px;
		width:70px;
		float:left;
		margin:1px;
	}
	.slideshow_h_picture a{
		z-index:10;
	}
	#personal_slideshow .btn{display: none;}
	#personal_slideshow:Hover .btn{ display: block;}
	
	
	/**/
	#shout_box .btn{display: none;}
	#shout_box:Hover .btn{display: block;}
	
	#info_user .btn{display: none;}
	#info_user:Hover .btn{display: block;}
	#shout_box .shout_twitter{
		background-color: #eaeaea;
		padding: 2px;
		margin: 0 0 10px 0;
		float: left;
	}
	#shout_box .shout_twitter img{ margin-right: 2px;}
	#shout_box .shout_twitter span{
		font-size: 9px;
		padding: 2px 0 0 0;
	}
	
	/*------------------------------------------------------------------
	[4.4.4. Beambox]
	*/
	
	.beambox{
		width:170px;
		height:57px;
		background-color:#EAEAEA;
		float:right;
	}
	.beambox img,
	.beambox a img{
		height:50px; 
		width:50px; 
		background-color:white; 
		margin:2px 5px 0 0;
		padding:0;
		float:right;
	}
	
	.iphone_beambox {
	background-color: #EAEAEA;
	float: left;
	}
	.iphone_beambox_header{
		width: 148px;
		margin: 7px;
		padding: 4px;
		background-color: #fff;
		float:left;
	}
	.iphone_beambox h2{
		font-size: 16px;
		float:left;
	}
	.iphone_beambox_bg{
		width: 170px;
		height: 270px;
		background: transparent url(../images/beambox.gif) top left no-repeat;
		float: left;	
	}
	
	.iphone_beambox_container{
		margin-left: 14px;
	}
	.iphone_beambox_container img{
		width: 60px;
		height: 60px;
		border: 0px solid none;
		background-color: #fff;
		margin: 5px;
		float: left;	
	}
	.iphone_text{
		background-color: #fff;
		padding: 0 0 10px 0;
	}
	.iphone_text p{
		font-size:12px;
		padding:10px 18px 0px 18px;
	}
	.iphone_text a{
		text-decoration:none;
	}

	
/*------------------------------------------------------------------
[6. Footer]
*/
#footer {
	background: #383838 url(../images/bg_footer.png) repeat-x 0 0;
}
#footer p{
	font-size: 10px;
}
#footer #footer_wrapper{
  	width: 960px;
  	margin: 0 auto ;
  	color: #fff;
}
#footer ul{ 
	padding: 0;
	margin: 0;
	float: left;
}
#footer ul li{
	padding-right: 8px;
	float: left;
	list-style: none;
	}
#footer, .push {
    height: 4em;
}
#footer .menu ul {
	padding-top: 5px;
}
#footer .menu ul li a{ 
	font-size: 10px;
	text-decoration: none;
	color: #fff;
}
#footer .menu ul li a:Hover{ 
	text-decoration: underline;
	color: #fff;
}
#footer .links {
	margin: 10px 0 2px 0;
}
#footer .links li{ font-size: 10px;}
#footer .links li a{ color: #fff;}
#footer .links li a:Hover{ text-decoration: underline;}

#footer .social_media{ margin: 5px 0 0 0; float: right;}
#footer .social_media li{ margin-right: 4px;}
#footer .social_media li a{ display: block;}

#footer .social_media li.social1 a,
#footer .social_media li.social2 a,
#footer .social_media li.social3 a,
#footer .social_media li.social4 a,

#footer .social_media li.social1,
#footer .social_media li.social2,
#footer .social_media li.social3,
#footer .social_media li.social4{
	height: 30px;
}
#footer .social_media li.social1{background: transparent url(../images/social1-trans.png) no-repeat 0 0; width: 60px;}
#footer .social_media li.social2{background: transparent url(../images/social2-trans.png) no-repeat 0 0; width: 95px;}
#footer .social_media li.social3{background: transparent url(../images/social3-trans.png) no-repeat 0 0; width: 90px;}
#footer .social_media li.social4{background: transparent url(../images/social4-trans.png) no-repeat 0 0; width: 90px;}

#footer .social_media li:Hover{
	background-position: 0 -30px !important; 
}

/* TOP TABS*/
.top_tabs{
	margin-top:20px;
	height:17px;
	border-bottom:solid 1px #EAEAEA;
}
.top_tabs li{
	list-style:none;
	display:inline;	
	height:20px;	
}
.top_tabs li a{
	padding:2px 20px;
	margin:0 1px 0 0;
	color:#333333;
	background-color:#FAFAFA;
}
.top_tabs li.top_bar_selected a{
	background-color:#EAEAEA;		
}

/*------------------------------------------------------------------
[10. Google Maps]
*/

.explore_map{
	width:480px; 
	height:220px;
	margin:0 0 10px 0;
	padding:0;
	float:left;
}
			

div.markerTooltip {
	color: black;
	font-weight: normal;
	font-size: 10px;
	background-color: white;
	margin: 0;
	padding: 2px 4px;
	border: 1px solid black;
	width: 120px;

}

div.markerDetail {
	background-color: #fff;
	border: 3px solid #eaeaea;
	margin: 0;
	text-align: left;
	font-size: 11px;
	width: 200px;
	padding: 0;
	-moz-box-shadow:0 0px 3px #333;
	-webkit-box-shadow:0 0px 3px #333;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	float: left;
}

div.markerDetail a{
	color: #333;
}
div.markerDetail a:Hover{text-decoration: underline;}
.map_balloon{
	position: relative;
	z-index: 40;
	float: left;
}
.map_balloon_header{
	width: 196px;
	background-color: #eaeaea;
	border-bottom: 1px solid #dfdfdf;
	padding: 2px;
	float: left;
}
.map_balloon_header h3{
	font-weight: bold;
	float: left;
}
.map_balloon_header span{
	color: #666;
	font-weight: normal;
	margin: 2px 0 0 5px;
	float: left;
}
.map_balloon_close{
	position: absolute;
	z-index: 50;
	top: 0;
	right: 15px;
	float: right;
}
.map_balloon_content{
	padding: 4px;
}
.map_balloon_content img{position: relative;}
.map_balloon_content img.twitter{ margin-right: 3px; float: left;}
.map_balloon_location{
	font-size: 10px;
	font-weight: normal;
	padding: 3px 0;
	color: #666;
	}
.map_balloon_desires{
	background-color: #333;
	color: #fff;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding: 1px 2px;
	margin: 0 2px 2px 0;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
		float: left;
}
div.markerDetail .map_balloon_desires a{
	color: #fff;
}
/*------------------------------------------------------------------
[11. Static Pages]
*/
#static_page{
	width: 920px;
	background-color: #fff;
	padding: 20px;
	margin: 0 0 20px 0;
	color: #333;
	text-align: left;
}
#static_page p a{
	color: #ff0000;
}
#static_page h1{
	font-size: 30px;
	font-weight: bold;
	padding: 10px 0 20px 0;
}
#static_page h4{
	font-size: 16px;
	font-weight: bold;
	padding: 10px 0 5px 0;
}
#static_page p{
	line-height: 18px;
}
#static_page ul li{
	margin: 5px 0;
	padding: 2px 0;
	border-left: 5px solid #eaeaea;
}
#static_page ul li a{
	margin-left: 5px;
	color: #333;
	text-decoration: none;
}
#static_page ul li a:Hover{
	text-decoration: underline;
}
/*------------------------------------------------------------------
[12. Cropz]
*/
.cropz_wrapper{
	width:200px; 
	height:200px;
	position: relative;
	left: 0;
	margin:15px; 
}
.cropz_bg{ 
	z-index:10;
	float:left;
}
.cropz_img{
	position:absolute;
	left: 0px !important;
	z-index:90;
}
.cropz_img img{
	position:relative;
	left: 1px;
}