html {
height:100%
}

body {
font-family:arial,helvetica,sans-serif;
font-size:82%;
font-style:normal;
font-variant:normal;
font-weight:400;
line-height:1.3em;
margin:0;
padding:0
}

li span {
font-family:arial,helvetica,sans-serif;
font-size:100%
}

p {
margin:0 0 13px;
padding:0
}

a {
outline:none
}

ul,ul.shade,ul.shadeb {
font-size:100%;
line-height:1.3em;
list-style-type:none;
margin:0 0 12px 19px;
padding:0
}

ul.shadeb {
list-style-type:square;
margin:0 0 12px 25px
}

ul li {
margin:0;
padding:0 0 2px
}

h1 {
border-bottom:1px solid;
font-family:arial,helvetica,sans-serif;
font-size:115%;
font-weight:700;
letter-spacing:.1em;
margin:30px 0 4px;
padding:0;
text-transform:uppercase
}

img {
border: 0;
float:left;
height:60px;
margin:4px 15px 10px 0;
width:60px
}

.note_icon {
float:left;
height:22px;
margin:2px 8px 40px 0;
width:22px
}

#header,#footer {
height:16px;
line-height:1.3em;
margin-left:auto;
margin-right:auto;
padding:6px 21px 4px 19px;
text-transform:uppercase;
width:720px
}

#header {
font-size:90%;
font-weight:700;
letter-spacing:.2em;
text-align:left
}

#footer {
font-size:80%;
letter-spacing:.2em;
padding:8px 21px 4px 19px;
text-align:center
}

#logo {
height:100px;
margin-left:auto;
margin-right:auto;
width:760px
}

#menu {
font-size:90%;
font-weight:700;
height:27px;
letter-spacing:.08em;
line-height:1.3em;
margin:0;
padding:0;
text-transform:uppercase;
width:760px
}

#menu span,#sec_menu span {
font-family:arial,sans-serif;
font-weight:700
}

#menu li {
float:left;
margin:0;
padding:0
}

#menu li a {
border:0;
display:block;
float:left;
height:20px;
/* padding:6px 9px 0;  padding for facebook link */
padding:6px 19px 0;
text-decoration:none
}

#sec_menu {
height:27px
}

#sec_menu li a {
border:0;
display:block;
float:left;
height:20px;
padding:6px 14px 0 0;
text-decoration:none
}

#menu ul li,#sec_menu ul li {
list-style-type:none
}

#sec_menu li,#news2 {
float:right;
margin:0;
padding:0
}

#main {
margin-left:auto;
margin-right:auto;
padding:0;
width:780px
}

#foundation {
height:auto;
margin-left:auto;
margin-right:auto;
overflow:hidden;
padding:0;
width:760px
}

#content {
float:left;
margin:0;
padding:0 0 10px 14px;
width:726px
}

#top_content {
float:left;
margin:0;
padding:0 0 0 14px;
width:730px
}

#ul_top {
font-size:95%;
line-height:2.1em;
margin:5px 0 12px 25px
}

.o_text {
font-family:arial,helvetica,sans-serif;
font-size:115%;
margin:0;
padding:0 0 5px
}

.lmk {
margin:35px 0 0;
padding:0
}

#othertuts .middle_tuts {
float:left;
line-height:240%
}

#left_tuts {
margin-right:30px;
width:auto
}

#right_tuts {
width:auto
}

#middle_tuts {
float:right;
padding:16px 0 15px;
width:157px
}

#othertuts ul {
line-height:2.8em;
margin:0 0 0 20px
}

.code,.prompt,.prompt_install,.code_pre,.useful,span,.code_b, span.mcom {
font-family:monospace,"courier new",courier,serif,arial,helvetica,sans-serif;
font-size:100%
}

.code,.prompt,.code_b {
margin:0 0 14px 5px;
overflow:visible;
padding:4px 3px 3px 4px;
width:530px
}

.code_b {
margin:0 0 0 5px
}

.prompt {
margin:0 0 0 5px;
padding:5px 8px
}

.prompt_install {
font-size:110%;
overflow:auto;
margin:0;
padding:9px;
text-align:left
}

.prompt span,.prompt_install span {
font-weight:700
}

.note {
border-style:solid;
border-width:1px 1px 1px 4px;
margin:12px 0 0 4px;
padding:6px 8px
}

.mcom {
letter-spacing:1px;
padding:2px
}

.c_f {
margin:1px 0 20px 10px;
padding:0
}

.center {
margin:3px 0 3px 10px;
padding:0
}

.center_i {
margin:8px 0;
padding:0
}

.zero {
padding:2px 3px 2px 4px;
width:530px
}

.useful,.zero_u {
margin:0 0 20px 5px;
overflow:visible;
padding:3px 3px 3px 4px;
text-align:left;
width:325px
}

#content h1.sec {
border-bottom:1px dashed;
margin:8px 0 7px;
padding:0
}

#news {
float:right;
line-height:.9em;
margin:15px 0 0 14px;
overflow:auto;
padding:0;
text-align:left;
width:200px
}

#news a:link,#news a:visited {
background:transparent;
border:0;
display:block;
font-size:90%;
padding:0;
text-decoration:none
}

#news a:hover {
background:transparent;
border:0;
font-size:90%;
padding:0;
text-decoration:underline
}

.news_w,.news_d {
border-top:solid 1px;
padding:8px 7px 7px
}

.news_w_a,.news_d_a {
border-top:solid 1px;
padding:9px 4px 7px 8px
}

.news_w_b,.news_d_b {
border-top:solid 1px;
padding:11px 4px 8px 6px
}

#news h1 {
font-size:100%;
font-weight:700;
letter-spacing:.25em;
margin:0;
padding:9px;
text-align:center;
text-transform:uppercase
}

#news span {
font-family:verdana, arial, sans-serif;
font-size:70%;
margin:0;
padding:0
}

#news p {
line-height:110%;
margin-bottom:0;
text-align:justify
}

#news div.more {
border-top:1px;
border-left:1px;
float:right; 
padding:4px
}


.sh {
margin:0;
padding:10px;

}

.sh ul {
line-height:1.5em;
margin:0;
padding:0
}

ul.step {
line-height:1.3em;
list-style-type:square;
margin:0 0 12px 17px;
padding:0
}

a:hover,.note a:link,.note a:visited,.note a:hover {
padding:0 0 1px;
text-decoration:none
}

#menu ul,#sec_menu ul,.code_pre {
margin:0
}

.ar,.arr {
float:left;
height:13px;
margin:2px 5px 0 0;
padding:0;
width:13px
}

.arr {
margin:7px 5px 0 0
}

.o_text_s,.o_text_b {
font-family:arial,helvetica,sans-serif;
margin:0;
padding:0 0 5px
}