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



	# 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: 0;



	margin: 0;



	border: 0;



}



/* remember to define focus styles! */



:focus {



	outline: 0;



}



body {



	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 {



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



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



	line-height:1.6;



	color: #8a8a8a;



}



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/logo.png') no-repeat 0 0;



	width: 576px;



	height: 72px;



	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: 960px;



	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: 576px;



	height: 72px;



	display: block;



	overflow: hidden;



	float: left;



}



div#top_right {



	width: 384px;



	float: right;



	text-align: right;



	line-height: 72px;



}



.search {



	float: right;



	margin: 0px 0 0 10px;



}



div#top_right a {



	margin-top: 31px;



	color: #4E4E4E;



	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: #4E4E4E;



	padding-left: 5px;



}



div#menu {



	background: url('../images/bg_menu.png');



	height: 32px;



	border: 1px solid #1E1E1E;



	clear: both;



}



div#horiz-menu {



	float: right;



	width: auto;



}



span#datas {



	float: left;



	width: 200px;



	line-height: 32px;



	padding-left: 15px;



	color: #4E4E4E;



}



/* 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: 560px;



}



div#header_content-right {



	width: 375px;



}



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: #fff url('../images/bg_mainbody.png') repeat-x;



	margin-bottom: 22px;



	color: #333;



}



div#content_wrap .moduletable_add {



	padding: 20px;



}



#bg_content_wrap-2 {



	background: url('../images/bg_component_2.png') repeat-y 100% 0;



}



#mainbody {



	padding: 20px;



}



/* Footer */







#footer_wrap {



	clear: both;



	height: 40px;



	font-size: 10px;



	margin:0 0 20px;



	text-align: right;



	text-transform: uppercase;



	color: #4E4E4E;



}



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 20px 0!important;



}



.users_wrap {



	margin: 24px 0;



	padding: 0 10px 0 20px;



}



.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%;



}