/*
 * CSS Style for "omnium" Theme 
 * @author ZulloP
 * @url http://eshop.webrevolution.org
 * @email info(at)webrevolution(dot)org
 */
 

body{
	font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
}
#body_bg{
	background-color: #000000;
	margin: 0px;
}
div.clearfix{
	clear: both;
}



/* JOOMLA! DEFAULT STYLING
--------------------------------------------------------- */
a:link, a:visited {
	font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	color: #99ccf2;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
ul {
	margin: 0px;
	margin-left: 15px;
	padding: 0px;
}
ul a:link, ul a:visited{
	color: #99ccf2;
	text-decoration: none;
}
ul a:hover{
	text-decoration: underline;
}
.contentheading {
	font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
}
.contentheading a:link, .contentheading a:visited {
	font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
.contentheading a:hover {
	color: #99ccf2;
	text-decoration: none;
}
td{
	margin: 0px;
	font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}
.modifydate{
	font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;
	font-size: 10px;
	color: #555555;
	padding-top: 15px;
}
.small{
	font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;
	font-size: 10px;
	color: #555555;
}
.createdate{
	font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;
	font-size: 10px;
	color: #555555;
}
.readon{
	font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	color: #99ccf2;
}
a.readon:link, a.readon:visited {
	font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	color: #99ccf2;
	text-decoration: none;
}
a.readon:hover {
	text-decoration: underline;
}
td.buttonheading {
	width: 32px;
}
.sectiontableheader {
	background-color : #1d1d1d;
	background-repeat: repeat;
	padding: 2px;
	color : #FFFFFF;
	font-weight : bold;
	padding: 2px;
}
.mosimage_caption{
	font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;
	font-size: 10px;
	color: #838383;
	padding-top: 5px;
}
.componentheading {
	font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
}
.back_button {
	font-size: 10px;
	margin-top: 40px;
}
.back_button a:link, .back_button a:visited, .back_button a:hover{
	font-size: 10px;
}
a.back_button:link, a.back_button:visited, back_button:hover{
	font-size: 10px;
}
.pagenav {
	font-size: 10px;
	font-weight: bold;
}
a.pagenav:link, a.pagenav:visited, a.pagenav:hover{
	font-size: 10px;
}
.pagenavbar {
	margin-right: 10px;
	float: right;
}



/* CUSTOM STYLING
--------------------------------------------------------- */
div#wrapper{
	margin: 0px;
	padding: 0px;
	width: 960px;
}
div#separator{
	margin: 0px;
	padding: 0px;
	height: 10px;
}



/* LOGO AND TOPMENU
--------------------------------------------------------- */
div#top{
	margin: 0px;
	padding: 0px;
	height: 67px;
}

div#logo{
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	height: 67px;
	width: 450px;
	float: left;
}
div#topmenucont{
	padding-top: 40px;
	float: right;
}
div#topmenu {
	margin-top: 2px;
	text-align: left;
	padding: 0px;
}
div#topmenu a {
	border-right-width: 1px;
	border-right-style: outset;
	border-right-color: #555555;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
}
div#topmenu li {
	padding: 20;
	display: inline;
	background: none;
}
div#topmenu ul {
	margin: 0;
	padding: 0;
}
div#topmenu a:link, div#topmenu a:visited{
	font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	text-decoration: none;
}
div#topmenu a:hover{
	color: #99ccf2;
	text-decoration: none;
}



/* USER1, USER2, USER3
--------------------------------------------------------- */
div#user1block{
	background-image: url(../images/user1_bg.gif);
	background-repeat: repeat-x;
	height: 220px;
	border: 1px solid #666666;
	overflow: hidden;
}
div#user1 h3,
div#user2 h3,
div#user3 h3{
	margin: 0px;
	margin-bottom: 3px;
	font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
div#user1{
	padding: 10px;
	font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}

div#user2block{
	background-image: url(../images/user2_bg.gif);
	background-repeat: repeat-x;
	height: 220px;
	border: 1px solid #666666;
}
div#user2{
	padding: 10px;
	font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}

div#user3block{
	background-image: url(../images/user3_bg.gif);
	background-repeat: repeat-x;
	height: 220px;
	border: 1px solid #666666;
}
div#user3{
	padding: 10px;
	font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}



/* HEADER
--------------------------------------------------------- */
div#header{
	height: 220px;
	width: 958px;
	border: 1px solid #666666;
}


/* MAIN CONTENT
--------------------------------------------------------- */
div#content{
	background-color: #303030;
	border: 1px solid #666666;
	width: auto !important;
	width: 960px;
}
table.mainbody {
	width: 100%;
	padding: 0;
}
td.right{
	width: 249px;
}
div#mainbody{
	padding-top: 20px;
	padding-right: 25px;
	padding-bottom: 20px;
	padding-left: 25px;
	width: auto !important;
	width: 100%;
}
div#rightblock{
	width: 249px;
	padding-right: 24px;
	padding-top: 20px;
}
/* MODULES STYLING */
div.module h3 {
	margin: 0;
	font-weight: bold;
	font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 20px;
	color: #FFFFFF;
}
div.module {
	width: 249px;
	background: url(../images/mod_middle.gif) repeat-y;
	margin-bottom: 10px;
	margin-right: 15px;
}
div.module div {
	background: url(../images/mod_bottom.gif) bottom left no-repeat;
}
div.module div div {
	background: url(../images/mod_top.gif) top left no-repeat;
	padding: 7px 10px 15px 12px;
}
div.module div div div {
	background: none;
	padding: 0;
	width: auto !important;
	width: 100%; 
}

a.mainlevel {
	display: block;
	background: url(../images/mod_underline.gif) bottom left repeat-x;
	line-height: 20px;
	padding: 2px 0px;
	padding-left: 15px;
}
ul#mainlevel a.mainlevel {
	background: none;
	padding: 0 10px;
}

a.sublevel {
	padding: 4px !important;
	padding: 0px;
	font-size: 90%;
}

ul#mainlevel {
	margin: -11px -10px 0px -12px !important;
	list-style-type: none;
}

ul#mainlevel li {
	background: url(../images/mod_underline.gif) bottom left repeat-x;
	height: 30px;
	padding-left: 0px;
}

ul#mainlevel li a:link, ul#mainlevel li a:visited {
  display: block;
  font-size: 11px;
  line-height: 29px;
  padding-left: 10px;
  color: #999999;
}

ul#mainlevel li a:hover {
	background: #111111;
	color: #99ccf2;
	text-decoration: none;
}



/* BOTTOM USERS
--------------------------------------------------------- */
div#bottom_users{
	background-color: #242323;
	margin-top: 30px;
}
div.wrapper_b {
	margin: auto;
	position: relative;
}
table.footer {
	width: 100%;
	padding: 0;
}

.hdiv{
	background-image: url(../images/hdiv.gif);
	background-repeat: repeat-y;
}
.padding {
	padding: 10px 15px;
}
div#user4,
div#user5,
div#user6{
	padding: 10px;
	font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;
	font-size: 11px;
}
div#user4 h3,
div#user5 h3,
div#user6 h3{
	margin: 0px;
	margin-bottom: 4px;
	font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}



/* FOOTER
--------------------------------------------------------- */
div#footer{
	font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;
	font-size: 10px;
}
div#footer a:link, div#footer a:visited{
	font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
}
div#footer a:hover{
	text-decoration: underline;
}