/* Arul John's CSS - Created 2003 - Modified Feb 2007 */
/* Hyperlinks */
a:hover { 
	color:orange; 
	text-decoration:none 
}
a:visited { 
	color: blue 
}
*::-moz-selection {
	background-color:#EE7733;
	color:white;
}
*::selection {
	background-color:#EE7733;
	color:white;
}

#main-box {
	min-height:600px;
    height:auto !important;
    height:600px;
	padding: 2em 0em 2em 1em;
	background: #ffffff;
	border: 1px solid black;
	margin: 1 2 1 2;
}
#content-box {
    min-height:680px;
    height:auto !important;
    height:680px;
    background: #ffffff;
}
#content-box a[href^="http://"] {
	background:transparent url("/images/link.gif") 100% 50% no-repeat;
	padding-right:10px;
}
#content-box a {
	background:none;
	padding-right:0px;
}
/* added on 18 May 2008 */
#main {
min-height:200px;
height:auto !important;
height:200px;
}
#navigation {
	width:14em;
	float:left;
	margin:0 0 0 0;
	padding-top:0.5em;
}
#navigation .n-section {
	margin:0 0 1em 0;
	padding:0 0 0.5em 0;
	border:1px solid #888888;
	background:#efefef;
}
#navigation .n-heading {
	margin-bottom:3px;
	padding: 3px 5px 3px 15px;
	text-transform:uppercase;
	border-bottom:1px solid #888888;
	color:#eeeeee;
	background:#5757aa;
	font-size:90%;
	font-weight:bold;
}
#navigation .n-heading a {
	border-bottom: none;
	color:#eeeeee;
	text-decoration: none;
}
#navigation .n-item {
	padding-left:15px;
	font-size: 11px;
}
#navigation .n-item a {
	text-decoration:none;
}
#navigation .n-item a:hover {
	color:#ff9900;
}
body {
	background: #cfcfcd;
	color: black;
	font-family:verdana,arial,helvetica,sans-serif;
        font-size:12px;
	margin:5px;
}
label {
	color:#444444;
	font:bold 14px "trebuchet ms";
	font-variant:small-caps;
}
select, textarea {
	font:12px verdana;
}
input.box {
	border:2px solid #555555;
	padding:2px;
	color:black;
	background-color:white;
	font-family:'trebuchet ms',arial,helvetica,sans-serif;
    font-weight:bold;
    font-size:1.25em;
}
input.boxon {
	border:2px solid #555555;
	padding:2px;
	color:black;
	background-color:lemonchiffon;
	font-family:'trebuchet ms',arial,helvetica,sans-serif;
    font-weight:bold;
    font-size:1.25em;
}

h1 {
	border-bottom:1px solid #222299;
	color:#222299;
	font-size: 20px;
	margin-top: 0em;
	padding-bottom:3px;
}
h2 {
	margin-bottom:2px;
	color:navy;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
}
h3 {
	font-size:12pt;
	color: #ff9922;
	margin: 0em;
}
h3 a,h3 a:visited{color:#ff9922;}
h3 a:hover{color:green}
img {
	border: none;
	vertical-align: middle
}
ul {
	list-style-position: outside
}
li {
	line-height:150%;
}

/* Spans for code */
code {
	border:1px solid black;
	margin:1px;
	padding:0px 2px;
	font:12px verdana;
	color:black;
	background-color:#FFFF33;
}
pre {
line-height:100%;
font-family:'courier new',monospace;
font-size:1em;
color:black;
}
.error {
	color: red;
}
.desc {
	font: 11px verdana, arial;
	color: green
}
.comment {
	font:11px verdana, arial;
	color:gray
}
.note {
	font-size:11px;
	font-style:italic;
	color:#999
}
.new {
	background:yellow;
	padding-right:2px;
	padding-left:2px;
}
.linkbox {
	border:1px dotted gray;
	width:300px;
}

/* Key */
.key {
	border-top:1px solid gray;
	border-left:1px solid gray;
	border-right:2px solid gray;
	border-bottom:2px solid gray;
	padding:1px 3px;
	font:11px verdana;
	background:#dddddd;
}

#content-main {
	border-left: 1px solid #ccc;
	margin: 0 14em 0 15em;
	padding: 0.1em 1em 0 2em;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size: 12px;
	min-height: 2ex;
	line-height:175%;
}
#content-main h1 {
    font-family:trebuchet MS, arial, helvetica;
}
#content-main .content-table {
	border-collapse: collapse;
	vertical-align:top;
}
#content-main .content-table th {
	border: 1px solid #99978b;
	padding: 4px;
	background: #e3e3de;
	color: black;
	font-size:12px;
}
#content-main .content-table td {
	border: 1px solid #99978B;
	padding: 4px;
	font-size:12px;
	vertical-align:top;
}
#content-main .content-table td.title {
	text-align:right;
}
/* Regular table */
td, p {
	font-family:verdana,arial,helvetica,sans-serif;
        font-size:12px;
	line-height:150%;
	text-align:justify;
	vertical-align:top;
}
td.left { margin-left:0px }
td.right { padding:0px 5px }

#header {
	margin: 0 0 0 0;
	padding: 8px 0 8px 15px;
	-moz-border-radius: 10px 10px 0 0;
	font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size:2em;
        text-shadow:0 3px 3px #000000;
	letter-spacing:2px;
	border:1px solid black;
	color:white;
	background-color:#555588;
}

#footer {
	margin: 0 0 0 0;
	padding: 8px 0 10px 8px;
	-moz-border-radius:0 0 10px 10px;
	font-family:verdana,arial,helvetica,sans-serif;
    font-size:12px;
	letter-spacing: 0.1em;
	border: 1px solid black;
	color:white;
	background-color:#555588;
}
#footer a {
color:#ff9900;
}
#footer a:visited {
color:#ff9900;
}
#ads {
	margin-left:1.5em;
	float: right;
}
/* start OLD CODE */
#fav {
	position:absolute;
	top:15px;
	right:20px;
	color:black;
}
#fav a {
	font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size:1.25em;
	color:white;
	text-decoration:none;
}
#fav a:visited {
	color:white;
}
#fav a:hover { 
	color:#ff9900;
}
/* end OLD CODE */
/* new CODE */
#header #fav {
margin:0 10px;
padding:5px;
float:right;
font-family:verdana;
font-weight:normal;
font-size:12px;
letter-spacing:1px;
}
#header #fav a,#fav a:visited{margin:0;padding:5px 0 5px 26px;color:yellow;text-decoration:none}
#fav a:hover{color:#ff9900}
#fav a#h{background:url('/i/home.png') no-repeat}
#fav a#i{background:url('/i/info.png') no-repeat}
#fav a#c{background:url('/i/code.gif') no-repeat}
#fav a#f{background:url('/i/fun.png') no-repeat}
#fav a#u{background:url('/i/util.png') no-repeat}
#fav a#e{background:url('/i/email.png') no-repeat}
#fav a#s{background:url('/i/sitemap.gif') no-repeat}
#fav a#d{background:url('/i/deals.png') no-repeat}
/* new CODE */
#me {
	display:none;
}

/* Tooltip */
#atooltip {
	position:absolute;
	border-top:1px solid black;
	border-right:1px solid black;
	border-bottom:1px solid black;
	border-left:1px inset black;
	padding:3px;
	left:-100px;
	font:11px verdana;
	color:black;
	background:greenyellow;
	visibility:hidden;
	z-index:50;
	filter:alpha(opacity=90); 
	-moz-opacity:0.90;
}
#atooltip h1 {
	margin-top:3px;
	font:16px arial;
	font-variant:small-caps;
	text-align:center;
}

div#verse {border:1px solid navy;width:200px;float:right}
#verse h4{margin:0;padding:3px;color:white;background:#5757aa;font-size:1em;text-align:center}
#verse #ver{padding:3px;font-size:0.9em}
#verse #ref{padding:0 5px 0 0;text-align:center}

hr { border-top:1px solid gray }

/* Bookmarks */
#bookmark {
    position:relative;
    margin:10px 0px;
}
#bookmark ul {
    list-style:none;
    margin:6px 0 4px 0;
    padding:0;
}
#bookmark ul li {
    display:inline;
    padding:0 4px 6px 0;
}
#bookmark a {
    padding:0 0 0 18px;
    margin:0 3px 0 0px;
    text-decoration:none;
}
#bookmark .digg { background:url("/images/bm/digg.gif") no-repeat 0 0 }
#bookmark .delicious { background:url("/images/bm/delicious.gif") no-repeat 0 0 }
#bookmark .furl { background:url("/images/bm/furl.gif") no-repeat 0 0 }
#bookmark .stumbleupon { background:url("/images/bm/stumbleupon.gif") no-repeat 0 0 }
#bookmark .facebook { background:url("/images/bm/facebook.gif") no-repeat 0 0 }
#bookmark .technorati { background:url("/images/bm/technorati.gif") no-repeat 0 0 }
#bookmark .reddit { background:url("/images/bm/reddit.gif") no-repeat 0 0 }
#bookmark .magnolia { background:url("/images/bm/magnolia.gif") no-repeat 0 0 }
#bookmark .stumbleupon { background:url("/images/bm/stumbleupon.gif") no-repeat 0 0 }
#bookmark legend { font-family:'trebuchet ms',verdana; font-size:1.25em; font-weight:bold }