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

# JoomlAxe CSS

# ------------------------------------------------------------------------

# Author: Spy2furious@gmail.com

# Websites:  http://www.joomlaxe.com

# License:  Creative Commons Attribution 3.0 License

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





/* top elements */

* { padding: 0; margin: 0; }



body {

	margin: 0;

	padding: 0;

	font: .70em/1.5em  Verdana, Tahoma, Helvetica, sans-serif;

	color: #666666; 

	background: #A9BAC3 url(../images/bg.gif) repeat-x;

	text-align: center;

}



/* links */

a, a:link, a:visited{ 

	color: #4284B0;

	background-color: inherit;

	text-decoration: none;

}

a:hover {

	color: #9EC068;

	background-color: inherit;

}



/* headers */

h1, h2, h3 {

	font: bold 1em 'Trebuchet MS', Arial, Sans-serif;

	color: #333;	

}

h1 { font-size: 1.5em; color: #6297BC; } 

h2 { font-size: 1.4em; text-transform:uppercase;}

h3 { font-size: 1.3em; }



p, h1, h2, h3 {

	margin: 10px 15px;

}

ul, ol {

	margin: 5px 15px;

	padding: 0 15px;

}

ul span, ol span {

	color: #666666; 

}



/* images */

img {

	border: none;

}



fieldset {

	padding: 5px 5px;

	border: none;

}



fieldset a {

	font-weight: bold;

}



/***********************

	  LAYOUT

************************/

#wrap {

	background: #FFF;

	width: 820px; height: 100%;

	margin: 0 auto;	

	text-align: left;

}

#content-wrap {

	clear: both;

	margin: 0; padding: 0;	

	background: #FFF;

}



/* header */

#header {

	position: relative;

	height: 85px;	

	background: #000 url(../images/headerbg.gif) repeat-x 0% 100%;	

}

#header h1#logo {

	position: absolute;

	margin: 0; padding: 0;

	font: bolder 4.1em 'Trebuchet MS', Arial, Sans-serif;

	letter-spacing: -2px;

	text-transform: lowercase;

	top: 0; left: 5px;	

}

#header h2#slogan {

	position: absolute;	 

	top:37px; left: 95px;

	color: #666666;

	text-indent: 0px;

	font: bold 11px Tahoma, 'trebuchet MS', Sans-serif; 

	text-transform: none;	

}

#header form.searchform {

	position: absolute;

	top: 0; right: -12px;	

}



/* search */

#search{

	float: right;

	margin: 10px 0 0 0;



}



/* top menu */

#topmenu{

	float: right;

	margin: 10px 0 0 0;

}



/* main */

#main {

	float: left;

	margin-left: 10px;

	padding: 7px 0 0 0;

	width: 50%;

	overflow: hidden;

}



#main div{

	margin: 0 0 5px 0;

}



/* sidebar */

#sidebar {

	float: left;

	width: 22%;

	margin: 0;	padding: 7px 7px; 

	display: inline;

	overflow: hidden;	

	background: #EEE;

}



/* rightbar */

#rightbar {

	float: right;

	width: 23%;

	padding: 7px 7p; margin:0;

	overflow: hidden;

	

}



/* Footer */

#footer { 

	clear: both; 

	color: #FFF; 

	background: #A9BAC3; 

	border-top: 5px solid #568EB6;

	margin: 0; padding: 0; 

	height: 50px;	  

	font-size: 95%;		

}

#footer a { 

	text-decoration: none; 

	font-weight: bold;	

	color: #FFF;

}

#footer .footer-left{

	float: left;

	width: 100%;

}