/*----------------------------------------------------------------------------Customise Style SheetName: 			JJ ArioDate: 			13 September 2007Description: 	A dark Web 2.0 two-column template.Author: 		JoomlaJunkieURL: 			http://www.joomlajunkie.comStylesheet Index:	$1 - Structural CSS	$2 - Live Search CSSNOTE: Always make a backup of your stylesheets before editing!NB!! Use the search function to find a section, eg: search for $10 for Modules----------------------------------------------------------------------------*//* $1 - Info----------------------------------------------------------------------------*//*This calls the other css files!! */@import url(customise.css);@import url(menu.css);@import url(ref.css);/***This css file is usually used by Joomla,however we structure our templates a littledifferently for optimized use, we have seperatedout the structural css with the colors etc:This css file must not be edited unless you wantto change the structure of the template**For STRUCTURAL CSS, please edit this layout!(this contains the dimensions and main pagelayout, only to be edited if you want to changethe page structure)**For all graphical elements, typography, colors,fonts and main joomla styles, edit the customise.cssand or color.css (could be yellow.css if usingmultiple themes)***//*TIP**Use the (editor_css.css) css document to addstyles that will be used in the backend editor whenadding or editing content, this will help you maintaina consistent look and feel throughout your websitefor more information, please email info@joomlajunkie.comor read the readme file that came with your template*//* $1 - Structural CSS----------------------------------------------------------------------------*/body {    margin: 0;    padding: 0;	background: #f2f2f2;}body.fs1{	font-size: 10px;}body.fs2{	font-size: 11px;}body.fs3{	font-size: 12px;	margin: 0;	padding: 0;}body.fs4{	font-size: 13px;}body.fs5{	font-size: 14px;}body.fs6{	font-size: 15px;}a.mainlevel:link, a.mainlevel:visited {	display: block;	background: url(../img/bt-back.jpg) no-repeat;	background-position: 15px 6px;	background-color: #e2e2e4;	vertical-align: middle;	font-size: 11px;	font-weight: bold;	color: #cc0033;	text-align: center;	font-family:kroeger 0853;	padding-top: 12px;	padding-left: 5px;	height: 25px !important;	height: 22px;	width: 100%;	text-decoration: none;}a.mainlevel:hover {	background: url(../img/bt-back2.jpg) no-repeat;	background-position: 15px 6px;	background-color: #e2e2e4;	text-decoration: none;	color: #cc0033;}/*a.mainlevel:link, a.mainlevel:visited { display: block; background: url(../img/bt-back.jpg) no-repeat; background-position: 15px 10px; background-color: #e2e2e4; vertical-align: middle; font-size: 8px; font-weight: bold; color: #cc0033; text-align: center; font-family:kroeger 0853; padding-top: 14px; padding-left: 5px; height: 29px !important; height: 25px; width: 100%; text-decoration: none; }a.mainlevel:hover { background: url(../img/bt-back2.jpg) no-repeat; background-position: 15px 10px; background-color: #e2e2e4; text-decoration: none; color: #cc0033;}*/a.mainlevel#active_menu {	background: url(../img/bt-back2.jpg) no-repeat;	background-position: 15px 6px;	background-color: #e2e2e4;	color:#cc0033;	font-weight: bold;}a.mainlevel#active_menu:hover {	color: #cc0033;}a.sublevel:link, a.sublevel:visited {	padding-left: 1px;	vertical-align: middle;	font-size: 11px;	font-weight: bold;	color: #fff;	text-align: left;}a.sublevel:hover {	color: #900;	text-decoration: none;}a.sublevel#active_menu {	color: #333;}body.contentpane {	background-image:none;	background-color:white;}#top, #shadow {    width:766px;}#top {	height:68px;}#user3 {	width:216px;}#top h1, #top h1 a {	display:block;	padding:0;margin:0;	width:89px;	height:49px;	text-indent: -7998px;	cursor:pointer;}#top h1 {	background: transparent url(../img/logo.png) no-repeat;	float:left;	margin:15px 0 0 20px;}#toolbar {	text-align:right;	padding-top:33px;	padding-right:20px;}#shadow {	/**background: transparent url(../img/shadow-spacer.png) repeat-y;**/}#user3 {text-align:left;height:207px;float:left;background-color:#e2e2e4;	/*background: transparent url(../img/user3.png) top left no-repeat;*/}#rss {	position:absolute;	top:-193px;	left:895px;	text-align:right;    width:100px;}#header, #pathway, #btm-mods, #footer {	width:766px;}#header img {	display:block;}.header {	height:89px;	width:766px;	overflow:hidden;	background: transparent url(../img/header.jpg) top left no-repeat;}/*this removes an unwanted break in theJoomla header rotator and can be removed ifyou are not using it*/#header br {display: none;}#pathway {    height:35px;    text-align:left;    font:normal 12px/130% Arial ;    background:#222 url(../img/pathway.png) repeat-x;}#pathway_inner {    padding:11px 0 0 15px;}div.search {	float: right;	margin-top: -19px;	margin-right: 10px;}#mod_search_searchword {	width:150px;margin:0;}#left, #right, #content {	float:left;	display:inline;	margin-top:0px;	text-align:left;	overflow:hidden;}#left {	width:216px;}#menu{/*height:207px;*/float:left;}#right {	width:180px;	background-color:#FFFFFF;}#content {	width:360px;}#mainbody {	margin:0px;overflow:hidden;	position:relative;	width:360px;}.scheme_2 #content {	width:530px;}.scheme_2 #mainbody {	width:530px;}.scheme_1 #content {	width:530px;}.scheme_1 #mainbody {	width:auto;}.first-in-scheme {margin:0px 5px 0 0px;}.second-in-scheme {margin-right:5px;}.third-in-scheme {}#btm-mods {	background:#F8F8E1;	border-top:1px solid #E7D5B0;	padding-top:10px;	text-align:left;}#footer {color:#FFFFFF;padding-top:20px;background:url(../img/footer.gif) repeat-x;height:91px;}#footer a {	color:#fff;	font-family:Tahoma;	font-size:11px;	font-weight:bold;	letter-spacing:1px;	text-decoration:none;}#footer a:hover {	text-decoration:underline;}#footer a.copyright {	float:left;	display:inline;	background: url(../img/template-by.gif) 0 50% no-repeat;	padding-left:10px;	margin:9px 0 0 12px;}#footer a.w3c-valid {    float:right;    display:inline;    background: url(../img/tick.gif) 0 50% no-repeat;	padding-left:20px;	margin:9px 12px 0 0;}#footer div {text-align:center    }.clear {    clear: both;    display: block;    height: 0px;    font-size:1px;    overflow: hidden;    margin: 0;    padding: 0;}#advert1, #advert2 {	height:1%;	width:100%;	padding-bottom:5px;}div.moduletable.first, div.moduletable.middle,div.moduletable-ario.first, div.moduletable-ario.middle {	float:left;	display:inline;}div.moduletable.last,div.moduletable-ario.last {	float:right;	display:inline;}/* narrow mode */div.countin3 {width:161px;overflow:hidden;}div.countin2 {width:253px;overflow:hidden;}div.countin1 {width:532px;clear:both;overflow:hidden;}div.middle {margin-left:5px;width:160px}.scheme_3 div.first.countin2 {width:254px;}/* No Left or Right */.scheme_2 div.countin3 {width:227px;}.scheme_2 div.countin2 {width:353px;}.scheme_2 div.countin1 {width:731px;clear:both;}.scheme_2 div.middle {margin-left:5px;}/* No Left and Right */.scheme_1 div.countin3 {width:293px;}.scheme_1 div.countin2 {width:453px;}.scheme_1 div.countin1 {width:930px;clear:both;}.scheme_1 div.middle {margin-left:5px;width:294px;}#btm-mods div.countin3 {width:263px;}#btm-mods div.countin2 {width:420px;}#btm-mods div.countin1 {width:890px;}#btm-mods div.last {margin-left:0;margin-right:20px;}/* $3 - Display Options----------------------------------------------------------------------------*//* Generic Options Defaults */.menu,.menu li,.menu li a{	list-style-type:none;}.horizontal li,.horizontal li a{	/*display:block;*/	float:left;}/* Clear Fix */.clearfix:after {	content: "."; 	/*display: block; */	height: 0; 	clear: both; 	visibility: hidden;	overflow:hidden;}.clearfix {display: inline-table;}/* Hides From IE Mac \*/* html .clearfix {height: 1%;}.clearfix {display: block;}/* End Hide from IE Mac */#displayOptions li {		height:20px; 	overflow:hidden;	display:inline;	background: none;	margin: 0;	padding: 0 5px;}#displayOptions a {	padding-top:20px;	height:0;	overflow:hidden;	background-position: 0 0;	background-repeat:no-repeat;	font-size:10px;}#displayOptions li a:hover {	background-color:transparent;}#ja-headerwrap,#ja-subnavwrap,#ja-containerwrap,#ja-footerwrap {	text-align: center;	width: 100%;}#ja-headerwrap {	background: #FFFFFF;}#ja-header,#ja-subnav,#ja-container,#ja-footer {	margin: 0 auto;	width: 750px;	text-align: left;}.wide #ja-header,.wide #ja-subnav,.wide #ja-container,.wide #ja-footer {	width: 950px;}.auto #ja-header,.auto #ja-subnav,.auto #ja-container,.auto #ja-footer {	width: 95%;	min-width: 750px;	max-width: 1150px;}#ja-header {	text-align: left;	line-height: normal;}#ja-header h1 {	font-size: 2em;	height: 100px;}#ja-header h1 img {	float: left;}/* Clearfix */.clearfix:after {	clear: both;	display: block;	content: ".";	height: 0;	visibility: hidden;}* html > body .clearfix {	width: 100%;	display: block;}* html .clearfix {	height: 1%;}#ja-usertoolswrap {	padding: 0;	background: url(../img/usertools-left-bg.gif) no-repeat top left;	height: 25px;	float: right;	padding-left: 6px;}#ja-usertools {	padding: 0 10px 0 4px;	float: left;	display: block;	background: url(../img/usertools-right-bg.gif) no-repeat top right;	font-size: 11px;	height: 25px;}#ja-usertools span {	float: left;	margin-right: 30px;	display: block;}#ja-usertools img {	padding: 5px 2px 0;}#ja-usertools a {}#ja-usertools a:hover, #ja-usertools a:active, #ja-usertools a:focus {}#ja-usertools div.search {	padding-left: 20px;	background: url(../img/icon-search.gif) no-repeat center left;}#ja-usertools .inputbox {	border: none!important;	width: 100px;	background: none;	color: #918E7F;}#ja-usertools .inputbox:hover,#ja-usertools .inputbox:focus {}/************* OFF STATES *************//* Text Sizes */#toolbar li a#textMedium {background-image:url(../img/small.png); width:11px; outline: 0;}#toolbar li a#textLarge {background-image:url(../img/medium.png); width:11px; outline: 0;}#toolbar li a#textXLarge {background-image:url(../img/large.png); width:11px; outline: 0;}/************* HOVER STATES *************/#toolbar li a#textMedium:hover,#toolbar li a#textLarge:hover,#toolbar li a#textXLarge:hover {background-position: 0 -22px; }/************* ACTIVE STATES *************/#toolbar li a#textMedium.active-option,#toolbar li a#textLarge.active-option,#toolbar li a#textXLarge.active-option {background-position: 0 -22px; }