/*

Theme Name: DTS 02
Description:  Designed for DataDot Technology Singapore.
Author: Various
*/

/* standard elements */

a {
	color: #000;
	text-decoration: none;
}

a:hover {
         color: #FF0000;
}

body {
	background: #FFF url(img/bg_wrap.gif) repeat-y ;
	color: #333;
	margin: 0px 0 0 0;
	text-align: center;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

/* main wrapper */
#wrapall {
	background: transparent;
	margin: 0 auto;
	text-align: left;
	width: 960px;
	padding-bottom: 0px;
}

#leftnav {
	width: 250px;
	float: left;
	background: url(img/leftlogo.gif) no-repeat;
	padding-top: 151px;
}

#leftnav ul
{
	margin-left: 20px;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: capitalize;
}

#leftnav a
{
	display: block;
	padding: 10px;
	width: 160px;
	background: transparent url(img/leftnav_arrow.gif) no-repeat right;
	border-bottom: 1px solid #eee;
}

#leftnav a:link, #leftnavlist a:visited
{
	color: #666666;
	text-decoration: none;
}

#leftnav a:hover
{
	background-color: #333333;
	color: #fff;
}


#rightwrap {
	width: 710px;
	float: right;
	background: url(img/bg_rightwrap.gif) no-repeat top;
	padding-top: 70px;
}

#about {
	background: #EEE;
	padding: 20px 40px;
	color: #666;
	border-bottom: 3px double #DDD;
	margin-bottom: 20px;
}

#about h1 {
	font-size: 18px;
	padding: 0px;
	margin: 0px;
}

#leftcol {
	width: 200px;
	float: left;
	color: #555;
	margin-top: 20px;
         font-size: 1em;
         line-height: 1.8em;
         letter-spacing: 0.1em;
}

#leftcol img {
	border: 1px solid #EEE;
	padding: 4px;
	background: White;
}

#leftcol h3 {
	font-size: 13px;
	padding-left: 12px;
}

#leftcol ul {
	border-top: 1px solid #FAFAFA;
	background: #FFF;
	margin: 0;
	padding: 0;
}

#leftcol li {
	border: 1px solid #EEE;
	border-top: none;
	list-style: none;
	margin: 0;
	padding: 5px;
}

#leftcol li a {
	color: #777;
	display: block;
	font-size: 1em;
	padding: 3px 6px 3px 14px;
	text-decoration: none;
}

#leftcol li li {
	color: #777;
	display: block;
	font-size: 1em;
	padding: 3px 6px 3px 20px;
	text-decoration: none;
	border-left: none;
	border-right: none;
}

#leftcol li a:hover {
	color: #CC0000;
}

#container {
	margin: 0px;
	background: Aqua;
}

/* content */
#content {
	float: right;
	width: 490px;
	border-top: 0px solid #E5E5E5;
	font-size: 12px;
         color: #666;
}

#content h3, #content h3 a:link, #content h3 a:visited  {
	margin: 10px 0px;
	font: bold 1.4em Arial, Helvetica, sans-serif;
	color: #666;
}

#content h4, #content h4 a:link  {
	margin: 10px 0px;
	font: bold 1.1em Arial, Helvetica, sans-serif;
	color: #999999;
}

#content h1 {
	margin: 10px 0px;
	font: bold 16 Arial, Helvetica, sans-serif;
	color: #999999;
}

#content h1 a:link {
         color: #999;  
}

#content h3 a:hover {
	color: #CC0000;
}

#content h1 a:hover {
	color: #CC0000;
}

#content h6, {
	margin: 0;
	font: bold 0.8em Arial, Helvetica, sans-serif;
	color: #777;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	padding: 4px 10px 3px 10px;
	border-bottom: 1px solid #EEE;		
}


/* #content ul {
	border-top: 0px solid #EEE;
	margin: 0 0 0px 0;
	padding: 0;
}*/

#content li {
	border-bottom: 0px dotted #CCC;
	border-top: none;
	list-style: square;
	margin: 0 0 6px 0;
         padding: 3px 0 3px 0;
}

/* #content li a {
	color: #006666;
	display: block;
	font-size: 1em;
	padding: 3px 0px 3px 0px;
	text-decoration: none;
}*/

#content li a:hover {
	color: #CC0000;
}

#content p {
	margin: 0 0 2em 0;
         line-height: 20px;         
}

#content a {
         font-weight: bold;
}


#content img {
         padding: 5px;
         border: 1px solid #EEE;
         margin: 10px;
}

#featured {
	margin-top: 20px;
	border-top: 6px solid #EBEBEB;
	padding-top: 10px;
}

/* sidebar */
#sidebar {
	width: 400px;
	float: right;
	background: transparent;
	border-left: 1px dotted #DDD;	
}

.leftside {
	width: 190px;
	background: transparent;
	float: left;
}

.leftside h1{
	margin: 0;
	font: bold 2em Arial, Helvetica, sans-serif;
	color: #666;
}

.leftside h6{
	margin: 0;
	font: bold 1em Arial, Helvetica, sans-serif;
	color: #333;
	text-transform: capitalize;
	background: #FFF;
	padding: 4px 10px 3px 10px;
	border-bottom: 1px solid #EBEBEB;	
}

.leftside h4 a:link{
	font-size: 10px;
	color: #999999;
}

.leftside h3{
	padding: 0px 10px;
	color: #CCCCCC;
}

.leftside ul {
	border-top: 1px solid #FAFAFA;
	background: #EEE;
	margin: 0;
	padding: 0;
}

.leftside li {
	border: 1px solid #FAFAFA;
	border-top: none;
	list-style: none;
	margin: 0;
}

.leftside li a {
	color: #777;
	display: block;
	font-size: 0.9em;
	padding: 0px 10px 0px 10px;
	text-decoration: none;
}

.leftside li a:hover {
	color: #111;
}

/* sidenav */
.sidenav h4,.sidenav ul {
	padding: 0 0 0 12px;
	background: #DDD;
}

.sidenav {
	background: transparent;
	border: 1px solid #E5E5E5;
	float: right;
	width: 200px;
}

.sidenav h4 {
	color: #666;
	font-size: 1.1em;
	padding: 4px 4px 4px 14px;
	margin: 0px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

.sidenav ul {
	border-top: 1px solid #FAFAFA;
	background: url('img/bgul.gif') repeat-x;
	margin: 0;
	padding: 0;
}

.sidenav li {
	border: 1px solid #FAFAFA;
	border-top: none;
	list-style: none;
	margin: 0;
}

.sidenav li a {
	color: #777;
	display: block;
	font-size: 0.9em;
	padding: 3px 6px 3px 14px;
	text-decoration: none;
}

.sidenav li a:hover {
	color: #111;
}

.item {
	background: transparent;
	padding: 10px
}

img {
	border: 0px;
}

blockquote {
	margin: 15px;
	padding: 10px;
	border: 3px double #cecece;
	font-style: italic;
         background: #FFFFCC;
	}

	
.descr {
	color: #CCCCCC;
	font-size: 8px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}	
	
/* footer */
.footer {
	border-bottom: 3px double #DDD;
	border-top: 3px double #DDD;
	padding: 10px 15px 20px 15px;
	background: #EEE;
	color: #666;
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
	margin-top: 100px;
} 


/*post stylng*/
.item{
	margin: 0 0 25px 0;
	border-bottom: 1px solid #DDD;
}

.item .info{
padding:2px 3px 3px 8px;
border:1px solid #e3e4e4;
background-color:#f5f5f5;
font-size:0.9em;
color:#505050;
}

.clr {
	clear: both;
}

.postbyline {
	padding: 0px;
	color: #99CCCC;
}

#feed {
	padding: 10px;
	background: Aqua;
	margin: 10px;
}

.boxed {
	float: right;
	margin: 10px 0px 10px 10px;
	padding: 10px;
	width: 200px;
	background: #CCFF33;
	border: 3px double #CCCC66;
}	


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/skeleton2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#nav, 
#nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font: 10px arial, verdana, sans-serif;
	background: url(transparent.gif);
	position: relative;
	z-index: 100;
}

#nav {
	height: 23px;
	width: 900px;
	padding: 0;
	background: #CC0000;
}

#nav table {border-collapse:collapse;}
#nav li {float:left;}
#nav li li {float:none;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}

#nav li a {
	display: block;
	float: left;
	color: #fff;
	height: 23px;
	padding: 0 20px 0 10px;
	line-height: 22px;
	text-decoration: none;
	white-space: nowrap;
	font-weight: bold;
	border-left: 1px solid #B90000;
}

#nav li li a {
	height: 21px;
	line-height: 20px;
	float: none;
	background: #CC0000;
	width: 100px;
}

#nav li:hover {position:relative; z-index:100;}
#nav a:hover {
	position: relative;
	z-index: 100;
	background: #CC0000;
	color: #FFF;
	border-left: 1px solid #333333;
}
#nav li:hover > a {
	border-left: 1px solid #990000;
	background: #CC0000;
	color: #FFCC00;
}

#nav :hover  ul {left:0; top:23px; border-left:1px solid #DDD; z-index:300;}
#nav a:hover ul {left:-1px;}

#nav ul {
	position: absolute;
	left: -9999px;
	top: -9999px;
}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:0; margin-left:100%; top:0;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover li:hover > a {
	background: #990000;
	color: #FFCC00;
	border-left: 1px solid #333;
}

#nav li a:hover ul li a:hover {
	background: #CC0000;
}

/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{
	left: 100%;
	top: 0;
}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}