body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
	fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
	fieldset, img, abbr, acronym { border: 0; }

body {
	background-color: #fff;
	font: small/1.75em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, sans-serif;
	padding: 10px 0;
	text-align: center;
}

code { 
	background-color: #DCE2E1;
	padding:10px; 
	border:1px solid #c0c0c0; 
	display:block;
}


#container {
	position: relative;
	margin: 0 auto;
	width: 960px;
	text-align: left; 
}

#header { 
	height:120px; 
	background:url(/images/uploads/dd_header.jpg) top left no-repeat;
	text-align:right;
}

#header404 { 
	height:240px; 
	background:url(/images/uploads/dd_oops.jpg) top left no-repeat;
	text-align:right;
}

#header form{

display:block;
float:right;
width:300px;
padding-top:30px;
padding-right:20px;

}

#header form input {border:0px solid #ffffff; color:#000000; margin:2px; padding:2px;}

#content404 {text-align:center;}

#content_main {
	float: left;
	width: 600px; 
}

#content_side {
	float: right;
	width: 320px; 
}


#foot {
	clear: both;
	margin: 0;
	padding-top: 20px;
	font-size: 90%;
	color: #777;
	background-color: #DCE2E1;
	padding:10px; 
}

div.example {
	margin-bottom: 60px;
	border-top: 2px solid #000;
}

a:link, a:visited { color: #2686d0; }

a:hover { 
	color: #fff; 
	background-color: #2686d0;
	text-decoration: none;
}

h1 { 
	margin-bottom: 15px;
	font-size: 220%;
	color: #000;
}

h1 a:link, h1 a:visited {
	color: #000;
	text-decoration: none;
}

h1 a:hover {
	color: #2686d0;
	text-decoration: none;
	background-color: transparent;
}

h2 {
	margin-bottom: 10px;
	padding-top: 10px;
	font-size: 170%; 
}

h3 {
	margin-bottom: 10px;
	font-size: 150%; 
}

h4 {
	margin-bottom: 10px;
	font-size: 130%; 
}

h5, h6 {
	margin-bottom: 5px;
	font-size: 110%; 
}

p, pre { margin-bottom: 20px; }

#foot p { margin-bottom: 0; }

#content ul { margin: 0 0 25px 20px; }

/* nav + sub nav
----------------------------------------------------- */

#nav {
	background-color: #3E5852;
	font-weight: bold;
	list-style: none;
	margin: 0 0 30px 0;
}

#nav li {
	float: left;
	margin: 0;
}

#nav li a {
	display: block;
	padding: 10px 15px;
}

#nav li a:link, #nav li a:visited {
	color: #fff;
	text-decoration: none;
}

#nav li a:hover {
	background-color: transparent;
	color: #C97827;
	text-decoration: none;
}

#nav li.here a:link, #nav li.here a:visited, #nav li.here a:hover {
	background-color: #C97827;
	color: #fff;
	text-decoration: none;
}

#nav_sub {
	float: right;
	margin: 0;
	width: 300px;
}

#nav_sub li.here { font-weight: bold; }

#nav_sub li.here a:link, #nav_sub li.here a:visited, #nav_sub li.here a:hover { color: #000; text-decoration: none; }

/* items
----------------------------------------------------- */

div.item {
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 2px solid #ccc;
}

.examples div.item {

	border-bottom: 0px solid #ccc;
}

div.item h3 { margin-bottom: 0; }

p.date {
	color: #999;
	margin-bottom: 0;
}

p.source {
	color: #999;
	margin-bottom: 0;
}

p.source strong { 
	color: #000; 
}

a.cs_wide {
	display: block;
	width: 600px;
	height: 150px;
	text-decoration: none;
}

a.cs_wide span {
	display: block;
	width: 500px;
	float:right;
	margin-top: 90px;
	color: #ffffff; 
	font-size: 14px;
	background: #C97827;
	padding: 5px;

	cursor:pointer;
}


a.cs_sidebar {
	display: block;
	width: 320px;
	height: 150px;
	text-decoration: none;
}

a.cs_sidebar span {
	display: block;
	width: 280px;
	float:right;
	margin-top: 60px;
	color: #ffffff; 
	font-size: 14px;
	background: #C97827;
	padding: 5px;

	cursor:pointer;
}



a.dl_sidebar {
	display: block;
	width: 320px; 
        height:130px;
        overflow:hidden;
	text-decoration: none;
	background: url(/images/assets/blog/fade_orange.gif) bottom left repeat-x #C97827; 
}


a.dl_sidebar img{
	display: block; 
	border: 1px solid #000000;
        float:left;
        margin:5px;
}

a.dl_sidebar span {  
	display: block;
        width:240px;
        float:right;
	color: #ffffff; 
	font-size: 12px;
	cursor:pointer; 
        height:130px;
        overflow:hidden;
}


 

/* self-clearing floats
----------------------------------------------------- */

#container:after,
#nav:after,
#content:after,
div.item:after,
div.item_details:after ,
div.sub_item:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* trigger hasLayout for ie6 */
* html #container,
* html #nav,
* html #content,
* html div.item,
* html div.item_details,
* html div.sub_item {
	height: 1%;
}
/* trigger hasLayout for ie7 */
*:first-child+html #user_nav_notes,
*:first-child+html #container,
*:first-child+html #nav,
*:first-child+html #content,
*:first-child+html div.item,
*:first-child+html div.item_details,
*:first-child+html div.sub_item {
	min-height: 1px;
}