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

	# Gomuproject - July 2008 (for Joomla 1.5)

	# Copyright (C) 2007-2008 Gavick.com. All Rights Reserved.

	# License: Copyrighted Commercial Software

	# Website: http://www.gavick.com

	# Support: support@gavick.com 

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

	

/* ||| universal set of reset styles |||*/

html, body, div, span, applet, object, iframe, caption, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	vertical-align: baseline;
	font-size: 100%;
	outline: 0;
	padding: 0px;
	margin: 0;
	border: 0;

}

/* remember to define focus styles! */

:focus {

	outline: 0;

}



 {

	background: white;

	line-height: 1;

	color: black;

}

ol, ul {

	list-style: none;

}

/* tables still need cellspacing="0" in the markup */

table {

	border-collapse: separate;

	border-spacing: 0;

}

caption, th, td {

	font-weight: normal;

	text-align: left;

}

/* remove possible quote marks (") from <q> & <blockquote> */

blockquote:before, blockquote:after, q:before, q:after {

	content: "";

}

blockquote, q {

	quotes: "" "";

}

/* ||| the end |||*/

/* ||| set of clearing floats |||*/	

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;

}

.clearfix {

	display: inline-block;

}

/* Hides from IE-mac \*/

* html .clearfix {

	height: 1%;

}

.clearfix {

	display: block;

}

.clear {

	clear: both;

}

/* End hide from IE-mac */

/* ||| the end |||*/

html {

	height: 100%;

	margin-bottom: 1px;

}

body {

	margin: 0;

	padding: 0;

	font-size:100%;

}

#bg {
	line-height:1.6;
	color: #ffffff;
	background-color: #000;
	background-image: url(../images/positivebg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-attachment: fixed;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

a {

	outline: none;

	cursor: pointer;

}

img {

	border: none;

	text-decoration: none;

}

a:link, a:visited, a:active {

	text-decoration: none;

}

a:hover {

	text-decoration: underline;

}

ul {

	padding: 0 0 0 2px;

	margin: 0;

	margin-left: 1px;

	list-style: none;

}

ul li {

	background: url('../images/arrow.png') no-repeat 0 5px;

	padding-left: 14px;

	line-height: 170%;

}

ul li a {

	text-decoration: none!important;

}

ul li a:hover {

	text-decoration: underline!important;

}

ol li {

	line-height: 170%;

}

fieldset {

	border: 0;

	padding: 5px 0;

}

h1 {

	font-size: 200%;

}

h2 {

	font-size: 210%;

	font-weight: normal;

	margin:2px 0 15px 0;

}

h3 {

	font-size: 145%;

}

h4 {

	font-size: 100%;

}

h5 {

	font-size: 120%;

}

h6 {

	font-size: 110%;

}

th {

	padding: 4px;

	text-align: left;

}

fieldset {

	border: none;

}

fieldset a {

	font-weight: bold;

}

input, select, button {

	font: normal 11px Tahoma, Arial, Verdana, sans-serif;

}

hr {

	border-right: 0;

	border-left: 0;

	border-bottom: 0;

	height: 1px;

	color: #eee;

	background-color: #eee;

}

.clearfix {

	clear: both;

}

.lf {

	float: left;

}

.rf {

	float: right;

}

/* Here you can change width or height of your logo*/

a#logo {

	background: transparent url('../images/c9movement-logo.png') no-repeat 0 0;

	width: 500px;

	height: 73px;

	display: block;

	float: left;

}

/*end*/



/* Set the major blocks

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



div#header_wrap, div#header_wrap_bottom, div#top_wrap, div#content_wrap, div#footer_wrap, div#bottom_wrap {

	width: 800px;

	margin: 0 auto;

	clear: both;

}

div#top_wrap {

	margin-top: 30px;

}

div#top_wrap div#menu {

	font: normal 10px Verdana, Arial, Helvetica, sans-serif;

	text-transform: uppercase;

}

div#header_wrap, div#header_wrap_bottom {

	font: normal 11px Verdana, Arial, Helvetica, sans-serif;

	color: #707070;

	width: 994px;

}

div#header_wrap_bottom {

	background: url('../images/bg_header_bottom.png') no-repeat 0 0;

	background-position: bottom;

	padding-bottom: 31px;

}

div#header_content {

	padding: 0 17px 0 17px;

	background: url('../images/bg_header.png') 0 0;

}

a#top_left {

	width: 403px;

	height: 72px;

	display: block;

	overflow: hidden;

	float: left;

}

div#top_right {
	width: 490px;
	float: right;
	text-align: right;
	line-height: 20px;

}

.search {

	float: right;

	margin: 0px 0 0 10px;

}

div#top_right a {

	margin-top: 31px;

	color: #ffffff;

	text-decoration: none;

	text-transform: uppercase;

	font-size: 10px;

}

div#top_right a.border-right {

	border-right: 1px solid #4E4E4E;

	padding: 0 6px 0 0;

	margin-right: 6px!important;

}

div#top_right a:hover {

	text-decoration: underline;

}

input#mod_search_searchword {

	background: url('../images/bg_input_search.png') no-repeat 0 0;

	margin: 28px 0 0;

	border: none;

	width: 144px!important;

	height: 17px;

	line-height: 17px;

	color: #ffffff;

	padding-left: 5px;

}

div#menu {

	background-color: #333;

	height: 15px;

	border: 2px dotted #1E1E1E;

	clear: both;

}

div#horiz-menu {

	float: right;

	width: auto;

}

span#datas {

	float: left;

	width: 200px;

	line-height: 32px;

	padding-left: 15px;

	color: #ffffff;

}

/* Members Area 

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

div#memberarea {

	background: #000;

	border-bottom: 1px solid #1F1F1F;

	z-index: 100;

	top: 0;

	left: 0;

	display: none;

	width: 100%;

}

div#memberarea .centered {

	width: 960px;

	margin: 0 auto;

	height: 28px;

}

div#memberarea a {

	color: #666;

}

ul.loginposition {

	padding: 0;

	margin: 0;

}

ul.loginposition li {

	float: left;

	background: none;

	padding: 0 14px 0 0;

	line-height: 27px;

}

form#form-login label {

	margin-right: 6px;

	color: #666;

}

#memberarea input.inputbox {

	background: #1F1F1F;

	color: #ccc;

	border: 1px solid #000;

	width: 115px;

	height: 14px;

	padding-left: 5px;

}

#memberarea input.button {

	background: url('../images/button_white.png') repeat-x;

	float: left;

	height: 16px;

	margin-top:6px;

	padding: 0 6px;

	text-decoration: none;

	text-transform:uppercase;

	font-size: 10px;

	font-weight: bold;

	border: none;

}

#memberarea input.button:hover {

	color: #000;

}

#memberarea .logout span {

	float: left;

	color: #fff;

	margin-right: 12px;

	line-height: 27px;

}

#memberarea .logout input.button {

	float: none!important;

	display: inline;

}

div.logout {

	float: left;

}

div.logout input.button {

	padding: 0;

}

/* Header modules */



div#header_content-left, div#header_content-right, div#header_content-center {

	width: 960px;

	float: left;

}

div#header_content-left {

	width: 717px;

}

div#header_content-right {

	width: 243px;

}

div#header_content-left .moduletable, div#header_content-center .moduletable {

	margin: 20px;

}

div#header_content-right .moduletable {

	margin: 20px 20px 20px 0;

}

/* Restricts */

div#header_content-left div.moduletable h3, div#header_content-right div.moduletable h3, div#header_content-center div.moduletable h3 {

	color: #f5f5f5;

}

div#header_content-left a, div#header_content-right a, div#header_content-center a {

	color: #ccc;

}

/* user positions */

div#bottom_wrap .users {

	background: url('../images/bg_moduletable_bottom.png') repeat-x;

	background-position: bottom;

	padding-bottom: 22px;

}

div#bottom_wrap .moduletable_add {

	background: url('../images/bg_moduletable.png') 0 0;

}

.users_wrap {

	clear: both;

}

/* set the width of user modules */

div#bottom_wrap .moduletable_add {

	padding: 10px;

}

.us_width-32b, .us_width-49b {

	overflow: hidden;

	float: left;

	margin-left: 2%;

}

.us_width-32b {

	width: 32%;

}

.us_width-49b {

	width: 49%;

}

div:first-child.us_width-32b, div:first-child.us_width-49b {

	margin-left: 0;

}

.us-stand {

	clear: both;

	width: 100%;

}

/* component */

div#component, div#component-3 {

	width: 100%;

}

/* component + right */

div#component-2 {

	float: left;

	width: 650px;

}

div#right {

	background: url('../images/bg_right.png') repeat-x;

	float: right;

	width: 310px;

	padding-top: 20px;

}

div#content_wrap {
	background: #0e0e0e;
	margin-bottom: 22px;
	color: #FFFFFF;

}

div#content_wrap .moduletable_add {

	padding: 20px;

}

#bg_content_wrap-2 {

	background: #000000;

}

#mainbody {

	padding: 20px;

}

/* Footer */



#footer_wrap {

	clear: both;

	height: 30px;

	font-size: 10px;

	margin:0 0 20px;

	text-align: right;



	color: #ffffff;

}

div#footer_wrap a {

	text-decoration: none;

}

/* moduletable

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



div.moduletable, div.moduletable-header, div.moduletable_menu, div.moduletable_text {

	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;

	line-height:16px;

	margin:0 0 6px;

	padding-bottom: 3px;

}

div.moduletable-header {

	margin:0;

	padding: 0;

}

#header_content-right div.bottom {

	margin-bottom: -9px;

}

div.moduletable h3, div.moduletable-header h3, div.moduletable_menu h3, div.moduletable_text h3 {

	font: bold 11px Verdana, Arial, Helvetica, sans-serif;

	color: #999;

	line-height: 22px;

	text-transform: uppercase;

	padding: 0;

	margin: -8px 0 8px;

}

div.moduletable h3 span {

	color: #fff;

}

/* Suffixes */

.grey {

	background: #f1f1f1;

}

.dark {

	background: #121212;

	color: #999;

}

.dark .moduletable_add h3 {

	color: #999;

}

.dark .moduletable_add h3 span {

	color: #fff!important;

}

.dark a {

	color: #fff;

}

.bright {

}

.pattern {

	background: #000 url('../images/bg.png');

	color: #999;

}

.pattern .moduletable_add h3 {

	color: #999;

}

.pattern .moduletable_add h3 span {

	color: #fff!important;

}

.pattern a {

	color: #fff;

}

/* Restricts */



#content_wrap div.moduletable h3, #right div.moduletable_menu h3, #right div.moduletable_text h3 {

	color: #7b7b7b;

	background: transparent url('../images/dotted_line.png') repeat-x 0 100%;

}

#content_wrap div.moduletable h3 span, #right div.moduletable_menu h3 span, #right div.moduletable_text h3 span {

	color: #333;

}

.users_wrap div.moduletable_add {

	padding: 15px 10px 15px 0!important;

}

.users_wrap {
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 16px;
	background-color: #000000;

}

.usbottom {

	background: #f8f8f8;

	margin: 24px;

}

#bottom_wrap div.moduletable h3 {

	color: #999;

}

#bottom_wrap div.moduletable h3 span {

	color: #fff;

}

div#right div.moduletable, div#right div.moduletable_menu, div#right div.moduletable_text {

	margin: 0;

}

/*main menu*/

ul.menu li {

	padding: 3px 0;

	background: transparent url('../images/dotted_line.png') repeat-x 0 100%;

	font-weight: bold;

}

ul.menu li.current {

	background:none;

}

ul.menu ul {

	margin: 0;

}

ul.menu ul li a {

	margin-left: 6px;

	background: url('../images/arrow.png') no-repeat 0 50%;

	padding-left: 14px;

	font-weight: normal;

}

ul.menu ul li {

	padding: 3px 0;

	background: transparent url('../images/dotted_line.png') repeat-x 0 0;

}

/*Module Advertisement */

div.banneritem_text {

	padding: 5px 0;

	background: transparent url('../images/dotted_line.png') repeat-x 0 100%;

}

.bannerheader, .bannerfooter_text {

	padding: 3px;

	font-style:italic;

}

.bannerfooter_text {

	text-align: right;

}

/* Style switcher

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

#stylearea {

	float: right;

}

#st_icon-1, #st_icon-2, #st_icon-3 {

	width: 11px;

	height: 11px;

	display: block;

	float: left;

	padding:17px 0 0 6px;

}

#st_icon-1 {

	background: transparent url('../images/ic_1.png') no-repeat 100% 50%;

}

#st_icon-2 {

	background: transparent url('../images/ic_2.png') no-repeat 100% 50%;

}

#st_icon-3 {

	background: transparent url('../images/ic_3.png') no-repeat 100% 50%;

}