/* CSS Document */
* { margin:0; padding:0;}
body { font: 100%/1.5em Arial, Helvetica, sans-serif; color: #555753; background: #000; /* url(../common/topLeftbg.jpg) no-repeat left top; */ margin: 0px;	padding: 0px;}
pre, code { font-family: monospace; font-size: 100%; white-space: nowrap; clear:none; float:none;}
p { font: 75%/1.8em Arial, Helvetica, sans-serif; margin-top: 0px; text-align: justify;}
h3 { font: bold 12pt "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing: 1px; margin:1.7em 0 0 0px; color: #C00;}
h4 { font: bold 10pt "Trebuchet MS", Arial, Helvetica, sans-serif; margin:.7em 0 0 0px; color: #333;}
a:link { text-decoration: none; color: #C00;}
a:visited { text-decoration: none; color: #900;}
a:hover, a:active { text-decoration: underline; color: #F00;}
	
/* specific divs */
#container { background: url(mainbg.jpg) no-repeat 0px 295px; padding: 0px 220px 125px 130px;  margin: 0px; position: absolute; top: 0px;	left: 0px; z-index:50; border:0px solid #c00;}
#about { position:absolute; top:62px; left:60px; width:500px; padding:5px; font: normal 60% "Trebuchet MS", Arial, Helvetica, sans-serif; color:#aeaeae; z-index:1000;}
#about h1 { color:#FC0; line-height:1em; font: normal 150% Arial, Helvetica, sans-serif; display:none;}
#intro { margin: 0 27px 0 0;}
#pageHeader h1 { position:absolute;	background: transparent url(h1.gif) no-repeat top left; margin: 0px 0px 0px -210px; width: 600px; 	height: 225px; float: left;}
#pageHeader h1 span { display:none;}
#content { position: relative; background-color:#666; padding: 0px 0 10px 0; margin: 110px 0 0 0; width: auto;}
#header { position:absolute; float:left; background: url(../common/cornerTL.gif) no-repeat left; margin:-10px 0 -8px 0; padding:0; height:15px; width:60%; border:0px solid #c00;}
#headerR { position: relative; float: right;background: url(../common/cornerTR.gif) no-repeat right; height:15px; width:60%; margin:-10px 0 -8px 0; padding:0; border:0px solid #c00;}
#content h1 { color:#CCCC99; padding:5px 0 0 10px; line-height:1em;}
#innerframe { background-color:#EDE8E2; padding: 5px 8px 10px 8px; margin: 10px 8px 10px 8px; min-height:450px;}	
.anchors a { font: bold 70%/2.5em "Trebuchet MS", Arial, Helvetica, sans-serif;	color:#c00;	text-decoration:none; border:1px solid #d3d3d3; background:#fff; padding:2px 4px 2px 4px; margin:10px 5px 0 0;}
.anchors a:link, a:active {color:#c00;}
.anchors a:hover { color:#fff; background:#c00;}
.articles { margin:1em .7em 1.5em .7em;	padding:0 0 1em 0; border-bottom:1px solid #C1C6AB;}
.articles img {	margin:3px 0 10px 10px;	padding:5px; border:1px solid #ccc;}
.articles img.jux { float:right; margin: 5px 0 10px 10px; position: relative;}
.articles img:hover { border:1px solid #c00;}
.articles li { font:85%/1.7em Arial, Helvetica, sans-serif; list-style-type:square;}
.articles ul, .articles ol { margin:0 0 1em 1em;}
.articles ol li { font:85%/1.5em Arial, Helvetica, sans-serif; list-style-type: decimal;}
.articles h3 { font: bold 120%/1.5em Arial, Helvetica, sans-serif; margin:1em 0 1em 0;}
.articles h4 { font: bold 85%/1.5em Arial, Helvetica, sans-serif;}
.articles h5 { font: bold 75%/1.5em Arial, Helvetica, sans-serif; margin:-.5em 0 1em 0;}
.articles p { margin-bottom:1em; font-size:85%; line-height:1.6em;}
p.quote { position:relative; width:80%; padding:10px 10px; border-left:5px solid #ccc; font: italic 107% Georgia, "Times New Roman", Times, serif; }
.ph { font: bold 90%/1.5em Arial, Helvetica, sans-serif; color:#333; margin:1.3em 0;}

#footer { margin:0 0 0 20px; text-align:center; width: 90%; font:bold 9pt/14pt "Trebuchet MS", Verdana, Arial, sans-serif; color:#CCC;
border:0px solid #c00; z-index:100;}	
#footer a:link, #footer a:visited { color: #CCC;}
#bottom { float:left; background: url(../common/cornerBL.gif) no-repeat left bottom; margin:0px -60% -50px 0; height:15px; width:60%; border:0px solid #c00;}
#bottomR { float:right; background: url(../common/cornerBR.gif) no-repeat right bottom; height:15px; width:60%;	border:0px solid #c00;}

#base1, #base2, #base3, #base4 { position:absolute;	left:0; bottom:0; width:352px; height:121px;}
#base1 { background: url(../common/bottom_dandelion.jpg) no-repeat left bottom;}
#base2 { background: url(../common/bottom_orchid.jpg) no-repeat left bottom;}
#base3 { background: url(../common/bottom_bloom.jpg) no-repeat left bottom;}
#base4 { background: url(../common/bottom_ladybyrd.jpg) no-repeat left bottom;}

.firefox { position:absolute; top:-50px; left:10px; border:0;}
.firefox img { border:0;}

#lweb, #lresource, #lcreative, #ltravel { margin: 300px 0 0 0; padding:10px 5px 0px 0px; position: absolute; top: 40px; right: 12px;	font: 75%/1.3em verdana, arial, sans-serif;	color:#fff;	width:180px; }	
#lweb h3, #lresource h3, #lcreative h3, #ltravel h3 { height:35px; width:190px; text-indent:-9999px; clear:both;}
#lweb h4, #lresource h4, #lcreative h4, #ltravel h4, #archives h4, #archives-index h4 { font:Bold 95%/1.3em verdana, arial, sans-serif; color: #FFCC00; clear:both; margin:1em 0 .5em 0;}	
#lweb p, #lresource p, #lcreative p, #ltravel p, #archives p, #archives-index p { font-size:110%; margin: 0 0 .3em 0;}
#lweb li, #lresource li, #lcreative li, #ltravel li, #archives li, #archives-index li, #bluedot li { list-style: none; padding:0 28px; background: url(../common/bulletweb.gif) no-repeat top left; }
#lweb a, #lresource a, #lcreative a, #ltravel a, #archives a, #archives-index a, #bluedot a { font: bold 80%/1.7em verdana, arial, sans-serif;	 color:#fff;}
#lweb a:visited, #lresource a:visited, #lcreative a:visited, #ltravel a:visited, #archives a:visited, #archives-index a:visited, #bluedot a:visited { color: #CC9900;}
#lweb a:hover, #lresource a:hover, #lcreative a:hover, #ltravel a:hover, #archives a:hover, #archives-index a:hover, #bluedot a:hover { color:#f90; }
#lweb h3 { background: url(../common/title_web.gif) no-repeat top left;}
#lresource h3 {	background: url(../common/title_resourcelinks.gif) no-repeat top left;}
#lcreative h3 {	background: url(../common/title_CreativeLinks.gif) no-repeat top left;}
#ltravel h3 { background: url(../common/title_travel.gif) no-repeat top left;}
#lgadgets, #ltools, #lventures { margin: 300px 10px 0 10px; padding:10px 5px 10px 0px; position: absolute; top: 40px; left: 0px; font: 75%/1.3em verdana, arial, sans-serif; color:#fff; width:160px;}	
#lgadgets h3, #ltools h3, #lventures h3 { height:60px; width:82px; text-indent:-9999px; clear:both;}
#lgadgets li, #ltools li, #lventures li { list-style: none; padding: 0; }
#lgadgets img, #ltools img, #lventures img { border:0; clear:both; margin:5px;}
#lgadgets h3 { background: url(../common/title_gadgets.gif) no-repeat top left;}
#ltools h3 { background: url(../common/title_tools.gif) no-repeat top left;	}
#lventures h3 { background: url(../common/title_coolventures.gif) no-repeat top left; width:86px;}
#archives, #chat { margin: 660px 0 0 0; padding:10px 5px 0px 0px; position: absolute; top: 40px; right: 12px; font: 75%/1.3em verdana, arial, sans-serif; color:#fff;	width:180px;}
#archives-index { margin: 300px 0 0 0; padding:10px 5px 0px 0px; position: absolute; top: 40px; right: 12px; font: 75%/1.3em verdana, arial, sans-serif; color:#fff;	width:180px;}
#archives h3, #archives-index h3, #bluedot h3 { font: normal 150% Arial, Helvetica, sans-serif; color:#FC0; line-height:1.5em; width:190px; clear:both;}	
#chat { display:none; margin-top:810px}
#technorati { position:absolute; top:160px; right:12px; width:170px;}
#bluedot { margin: 780px 0 0 0; padding:10px 5px 0px 0px; position: absolute; top: 40px; right: 15px; width:180px; border:none; font-size:75%; line-height:1em;}
#bluedot li { margin-bottom:1em; }
#linkedin { position:absolute; margin-top:290px; top:0px; right:30px; width:170px;}
#linkedin a { color:#fff; font-size:70%; font-weight:bold;}
#greader { margin: 1200px 0 0 0; padding:10px 5px 0px 0px; position: absolute; top: 40px; right: 15px; width:190px; border:none; font-size:75%; line-height:1.5em;}

#extraDiv1 { position:absolute;	top:0; right:0;	background: url(../common/topRightbg.jpg) no-repeat right top; height:490px; width:1770px;	}	
#extraDiv2 { position:absolute;	top:10px; left:8px; background: url(../common/logo_sprae.gif) no-repeat left top; height:100px; width:350px; z-index:100;}
#extraDiv3 { position:absolute; left:15px; top:290px; z-index:100;} 
#extraDiv3 img { border:0;} 
#extraDiv4 { position:absolute;	top:0; right:0; background: url(../common/topRightbg-03.jpg) no-repeat right top; height:490px;	width:1770px;}
#extraDiv5 {position:absolute; top:0; right:0; background: url(../common/topRightbg-05.jpg) no-repeat right top; height:490px;	width:1770px;}
#extraDiv6 { position:absolute; top:0; right:0;	background: url(../common/topRightbg-04.jpg) no-repeat right top; height:490px;	width:1770px; }

#contact { position:relative; margin:1em .7em 1.5em .7em; padding:0 0 1em 0;}
#contact form {	margin: 1em 0 0 0; padding:.5em; border:1px solid #ccc;}
#contact fieldset { position:relative; border:0px; padding:0 0 0 .5em;}
#contact label { font: bold 75%/1.5em Arial, Helvetica, sans-serif; color:#333; float:left; clear:both; margin:1em 0 .2em 0; width:80%;}
#contact input { font: 90%/1.5em Verdana, Helvetica, sans-serif; float:left; clear:left; padding:0;}
#contact textarea {	font: 90%/1.5em Verdana, Helvetica, sans-serif;	float:left;	clear:both;	margin:0 0 1em 0; padding:0; width:80%;}
#contact .button { font: bold 90% Arial, Helvetica, sans-serif; text-transform:uppercase; padding:2px; float:left; clear:both;}

/*-----Navigation Start-----*/
#mnav {	position:absolute; float:left; left:0; top:100px; z-index:100;}
#nav { margin: 0; padding: 0; list-style: none; width: 120px;}
#nav li { position: relative; background: url(../common/cornernavbot.gif) no-repeat bottom right; margin:0 0 2px 0; padding:0; clear:left;	height:100%; font:bold 12pt/13pt "Trebuchet MS", Arial, sans-serif; } 
#nav li ul {position: absolute;	left: 119px; top: 0; display: none; margin:0 0 0 0px; font:bold 10pt/12pt "Trebuchet MS", Arial, sans-serif;}
/* Styles for Menu Items */
#nav li a {	display: block;	text-decoration: none; color: #f93; padding: 5px;}
/* Fix IE. Hide from IE Mac \*/
* html #nav ul li { float: left; height: 1%; }
* html #nav ul li a { height: 1%; }
/* End */
#nav li a:hover, a.current { color: #fff; background: url(../common/cornernavbot_over.gif) no-repeat bottom right; } 
a.current { color: #fff !important; background: url(../common/cornernavbot_over.gif) no-repeat bottom right; }	
/*#nav li ul li a:link { background: url(../common/cornernavbot.gif) no-repeat bottom right; } 	
#nav li ul li a:hover { color: #fff; background:  url(../common/cornernavbot_over.gif) no-repeat bottom right; } 	
#nav li ul li a { padding: 2px 5px; } z
#nav li:hover ul, li.over ul { display: block; }
#nav li li {list-style-image:url(../common/spacer.gif);	margin: 0 0 2px 3px;}
li>ul { top: auto; left: auto;}*/
/*-----Navigation End-----*/

.g-ad1 { margin: 1080px 0 0 0; padding:10px 5px 0px 0px; position: absolute; top: 40px; right: 15px; width:180px; border:none;}
.g-ad2 { margin: 1160px 0 0 0; padding:10px 5px 0px 0px; position: absolute; top: 40px; right: 5px; width:180px; border:none;}
.g-ad3 { position:absolute; margin:-50px 7px;}
.g-ad4 { position:absolute; margin:250px 7px;}