/* @override http://localhost:5050/css/custom.css */



/* Written by Jacobus van Niekerk for Pylons HQ - LexMachina - 15 July 2008 - azapi.com - version 1.2 */



body { background:#0f0f0f url(images/body-bg.jpg) repeat-x 0 0; margin:0; padding:0;}

#doc4 { position:relative; }

#hd { height:185px; position:relative;}

#bd { background:#fff;padding:20px;}

.home #bd { background:#fff url(images/content-bg.jpg) repeat-x 0 100%;padding:20px;}



/* LOGO */

#logo {position: absolute; top: 60px; left: 0;overflow:hidden;}

#logo, #logo span {height:68px; width:315px; color: #000; background: transparent url(images/pylons-logo.gif) no-repeat 0 0;}

h1#logo {color: #000;font-size:0; cursor: pointer;}

#logo span {background-color: transparent;}

#logo a {text-decoration: none;}



/* nav */

#nav { color:#ffd630; position:absolute; top:25px; right:0;}

#nav * { margin:0; padding:0;}

#nav ul { margin-left:0!important; width:549px;}

#nav ul li{ list-style:none; float:left; width:100px; display:inline; position:relative; }

#nav ul a{ color:#ffd630; height:43px; line-height:37px; display:block; text-align:center;}

#nav ul li a { font-size:123.1%; font-weight:700;}

#nav ul li.selected a { color:#000;}

#nav ul li a:hover { text-decoration:underline;}



#nav ul ul { position:absolute; top:45px; left:0; width:auto;}

#nav ul ul li { display:block; position:relative; width:auto; float:none; margin-bottom:4px; *margin-bottom:3px;}

#nav ul ul li a{ text-decoration:none; font-weight:300; font-size:84.65%; padding:0 0 0 20px; color:#ffd630!important; background:none!important; text-align:left; height:auto; *height:1%;line-height:1.2;}

#nav ul ul li.selected a { background: transparent url(images/nav-sub-select.gif) no-repeat 5px 50%!important; text-decoration:underline;}



#nav ul li#nav-1 { width:88px;}

#nav ul li#nav-1.selected a {background: transparent url(images/nav-main-selected.gif) no-repeat 10px 0;}

#nav ul li#nav-2 { width:155px;}

#nav ul li#nav-2.selected a {background: transparent url(images/nav-main-selected.gif) no-repeat 10px -53px;}

#nav ul li#nav-3 { width:130px;}

#nav ul li#nav-3.selected a {background: transparent url(images/nav-main-selected.gif) no-repeat 10px -106px;}

#nav ul li#nav-4 { width:88px;}

#nav ul li#nav-4.selected a {background: transparent url(images/nav-main-selected.gif) no-repeat 10px 0;}

#nav ul li#nav-5 { width:88px;}

#nav ul li#nav-5.selected a {background: transparent url(images/nav-main-selected.gif) no-repeat 10px 0;}





/* content */

#bd { color:#2b2b2b; line-height:1.5;}

#bd a { color:#6f4706; text-decoration: none;}

.home #bd a:hover { text-decoration:underline; color:#f60}

.home #bd h3, .home #bd h4 { color:#6f4706; font-size:184.6%;font-family:Georgia, "Times New Roman", Times, serif; font-weight:300; margin-bottom:10px;}

#sidebar .home #bd ul, #sidebar .home #bd ol { margin-left:20px; padding-left:0;}

home #bd ul,.home #bd ol { margin-left:0px; padding-left:0;}





.home #bd ul li { font-size:84.65%; margin-bottom:10px; margin-left:0px;}

.home #bd ul li a{ font-size:118.25%;}

.home #bd ol li { list-style:none; background: transparent url(images/tickmark.gif) no-repeat 0 3px; margin-bottom:10px; padding-left:25px; margin-left:20px;}



#intro { padding:20px; position:relative; height:85px; background: #e88f00 url(images/intro-bg.gif) no-repeat 0 0; margin-bottom:20px; width:893px;}

#intro h2 { margin:0; padding:0; font-family:Georgia, "Times New Roman", Times, serif; font-size:215.4%; font-weight:300; color:#fff; }

#intro #download { width:240px; color:#fff; height:55px; position:absolute; top:20px; right:20px; padding: 10px 10px 8px 20px;}

#intro #download a { display:block; font-size:165%; font-weight:700; color:#fff;}



#bottom-content { padding-top:10px; border-top:1px dotted #f4f4f4;}



/* side content */

#search { background:transparent url(images/search-bg.gif) no-repeat 0 0; padding:20px; width:259px;}

#search-input { margin-right:5px; width:175px; padding:3px}





#sidebar h3, #bottom-content-sidebar h3 { color:#201e1e; font-family:Arial, Helvetica, sans-serif; background:#f1db88; padding:10px 20px; width:259px; margin:0;}

#sidebar ul, #sidebar ol{padding-left:0; margin-left:20px; padding-bottom:20px;}

#sidebar li { list-style:none; background: transparent url(images/side-arrow.gif) no-repeat 0 2px; padding-left:25px; margin-left:0!important;}

#sidebar p { padding:5px 20px 20px 20px;}

#sidebar .side-section{ background:#f0eeee url(images/sidebar-bg.gif) repeat-x 0 100%; width:299px;}



#sidebar #news h3 { background: transparent url(images/sidebar-h3.gif) no-repeat 0 0;}

#sidebar #usefull h3 { background: transparent url(images/sidebar-h3.gif) no-repeat 0 -61px;}



#bottom-content-sidebar form{ padding:20px;}

#bottom-content-sidebar form label { color:#000; display:block; font-size:138.5%;}

#bottom-content-sidebar #join h3 { background: transparent url(images/sidebar-h3.gif) no-repeat 0 -125px;}

#bottom-content-sidebar .input { width:245px; padding:3px;}

#bottom-content-sidebar .side-section{ background:#fcea99 url(images/bottom-sidebar-bg.gif) repeat-x 0 100%;}





/* Footer */

#ft { color:#f4f4f4; text-align:center; font-size:84.65%; padding:20px;}

#ft p { line-height:1.7;}

#ft a {color:#f6c058}

#ft a:hover { text-decoration:none; color:#f60}





/* helping styles */

.spacer {	clear:both;	font-size:0;}

.hide, hr, span#pageTitle {

	display:none;

	height: 0;

	width: 0;

	overflow: hidden;

	position: absolute;

}





/* Global clear float fix */

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



/* Global IR code IR (Image Replacement )*/

.replace{      position:relative;      margin:0; padding:0;      /* \*/      overflow: hidden;      /* */}

.replace span{      display:block !important;      position:absolute !important;      top:0;      left:0;      z-index:1;}

*>html .clearfix {height: auto;}



/* Hides from IE-mac \*/

* html #container, * html .clearfix {height: 1%;} 

/* End hide from IE5/mac */