/*
// possible site colours
// http://navflow.com/

http://designreviver.com/tips/trick-out-your-css-with-server-side-code/
	CSS Optimizer
	Clean CSS
	CSS Drive CSS Compressor
	Online YUI Compressor
	Style Neat
*/
a, input {outline:none /* remove link-box */}
a:hover {text-decoration:underline}
/*
.bd0  {border:0} 
.bd1  {border:solid 1px #efefef} 
.bdt {border-top:solid 1px #ddd}
.bgt	{background:transparent none} 
.bgw {background:#fff none}
*/
.bgww{background:#efefef none}
.bmp	{border:0; margin:0; padding:0}
.box 	{border:dotted 0px #f00}
.clb  {clear:both} .cll {clear:left} .clr {clear:right} 
.c00f {color:#00f} .c666 {color:#999} .cf00 {color:#f00}
.dib 	{display:block} .dil 	{display:inline}
.dot 	{border:solid 1px #eee}
.fs2	{font-size:2em} .fs16	{font-size:1.6em} .fs18	{font-size:0.8em} .fs08	{font-size:55%} 
.fll  {float:left;width:100%} .flr {float:right;width:100%} 
.hhh 	{display:none}
.lh2	{line-height:2.0em}
.ovh	{overflow:hidden}
.padl {padding-left:0.42em}
.red	{color:red}
.tac  {text-align:center}  .tal {text-align:left} .tar {text-align:right}
.w88	{width:88%; margin:0 auto; padding:6px}
.w02  {width:02em} .w04{width:04em} .w06{width:06em} .w08{width:08em} .w10{width:10em} .w00{width:0}
.w12  {width:12em} .w14{width:14em} .w16{width:16em} .w18{width:18em} .w20{width:20em} .w42{width:22em}
fieldset legend, dl dt {font-weight:700}
div,pre{overflow:inherit}
h1, h2, h3, h4, h5, h6 {font-family:arial, verdana, sans-serif}
h1	{margin:0 0 6px 0;	padding:0 6px 9px 6px;
		 font:normal normal bold 18px/21px arial, verdana, sans-serif;
		 color:#01527a; border-bottom:1px solid #e2e2e2}
hr	{width:42%; color:#eee}
body, 
div, 
p, 
ul, 
li {border:0;margin:0;padding:0}
body{div {background:#f00 url(background.gif) no-repeat fixed 0 0;}  }
div {width:100%;/* CONFLICT WITH SHADOWBOX height:100% */}
html, body {font:12px/21px Verdana, Arial, sans-serif; background:#eff1e1 none; color:#666}

#logo   {width:100%; height:88px; background:#000 url(/ci_skyhook/images/header.jpg)} 
#logo #t122	{clear:right; float:left; text-align:left; width:780px; height:50px; margin:0px; font-size:42px;line-height:42px}
#logo #t22  {clear:left; float:right; height:2em; color:#aaa; text-align:right}

#navigation {float:left;width:100%; height:33px; margin:0 auto; line-height:33px; overflow:hidden;
						 background:#000 none; color:#ff0;
						 border-top:1px solid #081e26; border-bottom:1px solid #081e26}
#navigation p {width:55%;margin:0 auto}
#navigation a	{float:left; display:block; width:8em; text-decoration:none; text-align:center}
#navigation a.on {color:#ffd}
#navigation a.off{color:#bbb}
#navigation a:hover {background:#000 none; color:#fff}

#container {clear:left;overflow:hidden; width:960px; height:100%; min-height:255px; margin:0 auto}
#container #left {float:left; width:220px;	height:100%; margin:0em 0 0 0; line-height:2em}
#container #left fieldset {width:200px;	margin:1em 0 0 0; background:#efefef none; color:#000}
#container #left fieldset input {width:110px;	margin:0em 0.22em 0 0}
#container #left fieldset a:link {color:#999}
#container #left fieldset a:hover {text-decoration:underline; color:#000}

#container #c_main 	{float:right; width:700px; min-height:420px; margin:18px 0 4.2em 0; 
	                   background:#fff none; color:#000}
#container #c_main fieldset {float:left; width:28.0%; margin:2em 0% 4.2em 2%; border:solid 1px #dee}
#container #c_main fieldset {background:#fff none}
#container #c_main #page_rename input {width:88%; background:#fee none;}
#container #c_main #page_rename p input {width:22%; background:#fee none;}
#container #c_main #profile{width:22em; margin:0 0 0.42em 8.8em; background:#fee none; line-height:2.42em}
#container #register {width:148px; margin:1.42em 4.2em; background:#eee none;padding:1em;border:solid 1px #ddd}

#container #summary {line-height:2em}
#container #summary b,
#container #summary i	{display:block; float:left}
#container #summary b {width:8em}
#container .myPictures{min-height:180px;background:#cfc}
#container .articles 	{padding:19px 19px 0 19px; width:88%; margin:0em auto 1em; border:2px solid #e7e7e7}
#container .bg_on 		{background:#eed none}
#container .bg_off		{background:#eeedee none}

#container #home_page fieldset{/* margin:6em 0 1em 2%; */border:dotted 1px #f00}

#footer	{overflow:hidden; clear:both; width:100%;	height:4.2em; 
									 background:#0a2a35; color:#aaa; border-top:2px solid #000}
#footer .copyright {float:left;	width:45%; margin:1em 0 0 4.2em}
#footer .credit 	 {float:right;	width:45%; margin:1em 4.2em 0 0; text-align:right}
#footer a:link, a:visited {color:#4b6e85;text-decoration:none}
#footer a:hover, a:active {text-decoration:underline; color:#fff}

#primary	{float:left; width:240px; margin:8px 0 0 0}
/*
.widget		{overflow:hidden; margin:0 0 21px 0; padding:19px 19px 0 19px; background:#fff;	border:1px solid #e7e7e7}
.widget-title,
.page-template-widgets #content .widget-title {
	margin:0 0 6px 0;	padding:0 6px 9px 6px;
	font:normal normal bold 18px/21px arial, verdana, sans-serif;
	color:#01527a; border-bottom:1px solid #e2e2e2}
.widget ul {list-style:none; margin:0 0 21px 0}
.widget li {margin:0 0 6px 0; padding:0 0 6px 15px;
						border-bottom:1px solid #e2e2e2;
          	background:url(/ci_skyhook/images/bullet.png) no-repeat 0 6px}
.widget ul {margin:6px 0 0 0}
.widget li {margin:0 0 3px 0; padding:0 0 3px 15px;
			border-bottom:none;
		background:#fff url(/ci_skyhook/images/bullet-alt.png) no-repeat 0 6px;}
.widget img {padding:0 !important; margin:0}
#primary #text-330321621 {padding-top:15px;	padding-bottom:15px}
#ads {overflow:hidden}
#primary #ads img.odd {float:left; width:125px;	height:125px;	padding:0 !important;
		margin:0 0 10px 0;background:transparent;	border:none}
#primary #ads img.even {float:right; width:125px;	height:125px;	padding:0 !important;
		margin:0 0 10px 0 !important; background:transparent;	border:none}
*/

/* Z-index of #mask must be lower than #boxes .window */
/*
#mask {position:absolute; z-index:9000; background-color:#000; display:none}
#boxes .window {position:absolute;width:440px;height:200px;display:none;z-index:9999;padding:20px}
*/

/* Customize your modal window here, you can add background image too */
/*
#boxes #dialog {width:375px; height:203px}
*/
/* John's Profiler */
#ci_profiler {background:transparent none; color:#00f; width:88%; margin:1em auto}
#ci_profiler fieldset {background:#eee}
#ci_profiler td	{border:solid 1px #eef}

div {border:dotted 0px}
.about {width:80%; margin:8.8%; border:solid 1px #01527a}
p,
div,
.rnd,
fieldset {-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px}

/* FONT */  
h1 {font:italic small-caps bold 1em/140% "Lucida Grande",sans-serif;}  
  
h1 {font-style:italic;  
    font-variant:small-caps;  
    font-weight:bold;  
    font-size:1.8em;  
    line-height:140%;  
    font-family:"Lucida Grande",sans-serif;  
}  

.transparent_class {  
	filter:alpha(opacity=50); /* ie  */
	-moz-opacity:0.5;    			/* old mozilla browser like netscape  */
	-khtml-opacity: 0.5;    	/* for really really old safari */  
	opacity: 0.5;    					/* css standard, currently it works in most modern browsers like firefox,  */
}