/* {{{ stucture */

body {
	background:#E1DFDF;		
	padding:0 0 20px 0;
	margin:0px;
	font-family:"trebuchet ms", "bitstream vera sans", "verdana";
}

body {
	font-size:16px;		
}

td.description ul {
	font-size:14px;
	list-style-type:none;
	padding:0px;	
}

#logo-floater {
	display:none;		
}

#container {
	width:920px;	
	margin:0 auto;
}


#header {
	background:#000 url(../images/epic_small.jpg) 10px 10px no-repeat;
	height:105px;
} 

#user {
	margin:20px 10px 25px 0px;
	color:#999;
	font-size:11px;
	background-color:#222;
	padding:2px 6px;
}

#user strong {
	color:#ccc;		
	padding-left:5px;
}

#user a {
	letter-spacing:1px;		
	text-decoration:none;
	color:turquoise;
}

a#logout {
	color:lightgreen;		
}

#user a:hover {
	text-decoration:underline;
}

#user, #navi {
	float:right;
    margin-top: 20px;
	width:450px;
}

#navi a {
	float:right;
	display:block;
	line-height:22px;
	padding:0px 12px;
	font-size:16px;
	color:#999;
	text-decoration:none;
	border:1px solid #000;
}

#navi a em {
	font-style:normal;
	color:lime;
}

#navi a:hover {
	color:#fff;	
	background:#101010;
	border:1px solid #101010;
}

#navi a.current {	
	background:#000;
	border:1px solid #202020;
	color:#fff;
	cursor:default;
}


#video {
	background:#171717;		
}

#page {
	background-color:#fff;
	padding:15px;
    padding-top:0px;
	min-height:400px;		
}	

#footer {
	background:url(../images/footer.gif) no-repeat; 
	font-size:13px;
	margin-bottom:30px;
	text-align:center;
	padding:6px;	
	font-size:10px;
	height:59px;
	color:#666;
	line-height:60px;
}


#footer a {
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;		
}

/*}}}*/


/*{{{ typography */

p, table, ul, ol, li {
	margin:10px 0px;		
}

p.more, div.more, div.skin  {
	background:#efefef url(../images/lightbg.jpg) -20px -20px;
	padding:15px;
	border:1px solid #ddd;
	font-style:italic;
}

div.skin  {
	background:#DEFFFA;
}

div.skin h2 {
	margin-top:0px;
	color:#333;		
}

div.more {
	margin:-15px -15px 0pt;		
}

div.more h3 {
	color:navy;		
}

li {
	margin-top:5px;
}
 
a {
	outline:none;
	color:#3991ff;	
}

h1, h2, h3, h4 {
	font-weight:normal;
	margin-top:5px;
	margin-bottom:-2px;
}
 
h1 {
	font-family:'trebuchet ms',arial,verdana,sans-serif;
	font-size:22px;
	margin-top:10px;
	letter-spacing:-1px;
	color:#333;
}

h1 em {	
	font-style:normal;
	color:#328100;	
}

h1.more {
	background:#34bdde url(../images/background-blue.png) repeat-x;
	padding:14px 15px;
	color:#cafafe;
	margin:-15px -15px 0px -15px;
	letter-spacing:-1px;	
	font-weight:normal;
	font-size:16px;
}

h1.more a {
	color:#fff; 	
	padding:13px 10px;	
	text-decoration:none;
}

h1.more a:hover {
	text-decoration:underline;
}

h1.more strong {
	border-right:1px solid #009391;
	border-left:1px solid #009391;
	padding:13px 10px;
	color:yellow;
	font-weight:normal;
	background:#34bdde;
}

h1.more span {
	margin-left:10px;		
}

h1.more em {
	color:yellow;
}


h2 {
	font-size:18px;
	margin:20px 0 5px 0;
	letter-spacing:-1px;
	color:#0d7b7a;
}

h2 em, h3 em {
	font-style:normal;
	color:#666;
}

h3 {
	font-size:14px;
	color:#328100;
}

h4, h5, h6 {
	font-size:15px;
	margin:10px 0 0px 0;
	font-weight:bold;
}

code, .code {
	font-family:"bitstream vera sans mono", "courier new";		
	color:navy;
}

code, .code, samp {
	color:blue;		
}

td.default {
	color:darkgreen;		
}

td.type {
	color:navy;		
}

pre, tt {
	border:1px dashed #666;
	background-color:#f1f1f1;
	padding:8px;
	font-family:'andale mono','monotype.com','lucida console','bitstream vera sans mono',monospace;
	font-size:14px;
	color:#333;
	white-space:pre;	
	line-height:1.5;
}

pre em {
	font-style:normal;
	color:green;
}

pre i {
	font-style:normal;
	color:blue;		
}

pre u {
	font-style:normal;
	color:navy;		
}


hr {
	border:0px;
	border-top:1px solid #ccc;
	color:#ccc;
	height:1px;
	margin:15px -10px;		
}

hr.more {
	border-top:1px solid #444;
}

hr.less {
	margin:0;
}

dt {
	font-variant:small-caps;
	font-weight:bold;
	color:#333;
}

dt a {
	color:#333;
}

dd {
	margin:0 0 15px 15px;	
	color:#555;	
}
/*}}}*/


/*{{{ box && col */

div.box { 
   background:#262626 url(../images/box-bottom.gif) 0 100% no-repeat;
   color:#ccc;
   width:160px;
   font-size:14px;
   padding-bottom:5px;
   margin-bottom:20px;
}

div.box h1 {
   background:#191919 url(../images/box-top.gif) no-repeat;
   font-weight:normal;
   font-size:14px;
   border:0;
   padding:5px 10px;
	margin:0px;
}

div.box p {
	padding:0px 10px;	
	margin-bottom:10px;
}

div.box ul {
	margin:0px;
	padding:0px;
}

div.box li {
	list-style-type:none;
	margin:0;
}

div.box li a {
	display:block;
	padding:4px 10px;
	text-decoration:none;
	border-bottom:1px solid #ddd;
	color:#61618e;
}

div.box li.current a {
	color:#000;	
	border-bottom:1px solid #ccc;		
	background:url(../images/play.png) 15px 4px no-repeat;
}

div.box li.current a:hover {
	background-color:transparent;
	cursor:default;
}


div.box li a:hover {
	background-color:#efefed;
	color:#333;
}

div.narrow div.box { 
   background:#f2f5f5;
   color:#333;
	padding:0px;
	width:160px;
}

div.narrow li {
	border-bottom:2px solid #fff;
}

div.narrow div.box h1 {
	background:#efefef;		
	color:#444;
	border-top:1px solid #ddd;
	border-bottom:5px solid #fff;
}

img {
	border:0;		
}

div.col, div.col1, div.col2, div.col3 {
	float:left;
	width:235px;
	margin-left:15px;
	border-right:1px dashed #666;
	padding-right:15px;
}  

div.col {
	width:580px;
	border:0px;
}

div.col.wide {
	width:860px;
	border:0px;
}

div.col3 {
	border:0px;
	margin:0px;
	padding:0px;
}

div.col1.wide, div.col2.wide {
	width:365px;		
}

div.col2.wide {
	border:0px;
	margin:0px;
	padding:0px;			
}

div.col3.narrow {
	padding-top:15px;
	width:160px;	
}

div.col4 {
    float:left;
	padding-top:15px;
	width:120px;	
}

span.date {
	color:orange;
	margin-right:5px;
}

p.info {
	background:url(../images/info.gif) 0 0 no-repeat;
	padding:0 0 0 40px;
	color:#777;
}

div.col3 div.less {
	margin:10px 0 20px 10px;		
}

div.less p {
	border-bottom:1px solid #ddd;		
	width:150px;
}

div.less a {
	display:block;
	color:#666;
	text-decoration:none;
}

div.less a.current {
	font-weight:bold;
}

div.box li.more a {
	background-color:#f2f5e1;		
}

/*}}}*/



/* listing */
table.listing {
	border-right:1px solid #efefef;	
	border-collapse:collapse;
	width:600px;
}

div.col table.listing {
	width:570px;		
}

th, th a {
	font-weight:normal;
	font-size:14px;	
	color:#666;
	line-height:20px;
}

th {
	background:#efefef url(../images/header.png);
	text-align:left; 
	border-right:1px solid #fff;
	padding:0px 6px;
}

div.navheader th {
	background:#fff;
	font-weight:normal;
	font-family:'trebuchet ms',arial,verdana,sans-serif;
	font-size:18px;
	margin-top:10px;
	letter-spacing:-1px;
	text-align: center;
	color:#328100;
}

div.navheader td {
	font-size:16px;
}

table.listing td {
	border-bottom:1px solid #efefef;	
	border-left:1px solid #efefef;	
	padding:2px 6px;
	font-size:14px;
}

tr.even td {
	background-color:#f7f7f7;		
}

tr.highlight td {
	background-color:#efefef;		
	border-bottom:1px solid #ccc;
}

td.blank {
	background-color:#efefef;		
}
/* tabs */

div.tabContent {
	display:none;		
}

/* tabs */ 
ul.tabs { 
	margin:20px 0 0 0 ;
	padding:0px;
	border-bottom:1px solid #d2d2d2;
	height:1.7em;
}

ul.tabs li {
	background:url(../images/tab-left.gif) left top no-repeat;
	padding-left:4px;
	float:left;
	margin:0;
	list-style-type:none;
}

ul.tabs a {
	background:url(../images/tab-right.gif) right top no-repeat;
	padding:3px 12px;
	border-bottom:1px solid #D2D2D2;
	text-decoration:none;
	display:block;
	color:#333;
	font-size:14px;
}

ul.tabs li.current a, ul.tabs a:hover {
	background-position:100% -150px;
	border-bottom:1px solid #fff;
}

ul.tabs li.current {
	background-position:0 -150px;	
}

 
/* color picker */
#colorPicker {
	background-color:#171717;	
	color:#000;		
}

#colorPicker div.picker {
	width:19px;
	height:19px;
	float:left;
	margin-right:1px;
	cursor:pointer;
	background:transparent url(../images/color1.png) no-repeat;		
}

#colorPicker div.label {
	float:left;
	width:65px;	
	font-size:14px;
	color:#555;
}

.less {
	color:#666;
	font-size:14px;
}


h3.signature {
	margin-top:10px;
	color:#666;
	font-size:12px
}

	
td.download {
	width:180px;
	background:#efefef url(../images/lightbg.jpg) -20px -20px;
}

div.cse-branding-bottom {
	background-color:#000000;
	color:#FFFFFF;
	float:right;
	padding-top:10px;
	padding-right:10px;
	height:50px;
}

div.msg {
	border:1px dashed #666;
	padding: 0px;
	margin-top: 8px;
}

h1.threadtitle {
	margin-top: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}

pre.msghead {
	border: 0px solid black;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #328100;
}

pre.msgbody {
	border: 0px solid black;
	margin-top: 0px;
	margin-bottom: 0px;
}