@charset "utf-8";
/* CSS Document */

body {
background-color:#343e47;
background-image:url(images/page-bg.png);
background-position:top left;
background-repeat:repeat-x;
}

.fixer {
clear:both;
}

p.breadcrumb {
color:#ccc;
}
p.breadcrumb a {
color:#ccc;
text-decoration:none;
font-size:11px;
}
p.breadcrumb a:hover {
color:#eb8321;
text-decoration:none;
}

table.code-sample {
border:1px solid #eb8321;
font-size:12px;
margin-bottom:10px;
}
table.code-sample .code-bg {
background-color:#eb8321;
text-align:center;
color:#343e47;
font-weight:bold;
}

img.post-thumb {
width:75px;
height:75px;
border:4px solid #2b343b;
float:left;
margin-right:8px;
margin-top:5px;
}

h2 {
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:17px;
font-weight:500;
background-color:#2e373f;
border-bottom:1px solid #eb8321;
border-top:1px solid #eb8321;
padding:3px;
}

h2 a {
color:#fff;
text-decoration:none;
}

h2 a:hover {
color:#eb8321;
}

div#header {
width:755px;
height:100px;
margin:20px auto 0 auto;
background-image:url(images/header-bg.gif);
background-repeat:no-repeat;
}

div#header img {
margin:20px 0 0 10px;
border:0;
}

div#header h1 {
margin-bottom:0;
}

div#header h1 a {
font-size:24px;
color:#000;
text-decoration:none;
}

div#header p {
width:472px;
height:64px;
border:1px solid #f6dcc5;
float:right;
margin:16px 15px 0 0;
text-align:center;
}

div#footer {
width:755px;
height:74px;
margin:0 auto 15px auto;
background-image:url(images/footer-bg.gif);
background-repeat:no-repeat;
text-align:center;
}

div#footer p.ftlinks {
padding-top:9px;
padding-bottom:0;
margin-bottom:0;
font-size:14px;
}

div#footer p.ftlinks a {
color:#000;
text-decoration:none;
}
div#footer p.ftlinks a:hover {
color:#eb8321;
text-decoration:underline;
}

div#footer p.copy {
margin-top:2px;
margin-bottom:0;
font-size:12px;
}

div#footer p.copy a {
color:#000;
text-decoration:none;
}

div#footer p.valid {
margin-top:0;
font-size:10px;
}

div#footer p.valid a {
color:#000;
}

div#navigation {
width:730px;
margin:0 auto 0 auto;
}

ul.main_nav {
list-style-type:none;
margin:0 0 0 0;
padding:0 0 0 0;

}

ul.main_nav li{
display:inline;
font-size:14px;
font-weight:bold;
}

a.xhtml-intro {
margin:0 20px 0 0;
padding:0;
float:left;
text-decoration:none;
width:99px;
height:75px;
color:#fff;
background:url(images/nav-xhtml-intro-btn.gif) bottom no-repeat;
}

a.xhtml-intro:hover {
background:url(images/nav-xhtml-intro-btn.gif) top no-repeat;
}

a.css-intro {
margin:0 20px 0 0;
padding:0;
float:left;
text-decoration:none;
width:99px;
height:75px;
color:#fff;
background:url(images/nav-css-intro-btn.gif) bottom no-repeat;
}

a.css-intro:hover {
background:url(images/nav-css-intro-btn.gif) top no-repeat;
}

a.xhtml-tutorials {
margin:0 20px 0 0;
padding:0;
float:left;
text-decoration:none;
width:99px;
height:75px;
color:#fff;
background:url(images/nav-xhtml-tutorials-btn.gif) bottom no-repeat;
}

a.xhtml-tutorials:hover {
background:url(images/nav-xhtml-tutorials-btn.gif) top no-repeat;
}
 
a.css-tutorials {
margin:0 20px 0 0;
padding:0;
float:left;
text-decoration:none;
width:99px;
height:75px;
color:#fff;
background:url(images/nav-css-tutorials-btn.gif) bottom no-repeat;
}

a.css-tutorials:hover {
background:url(images/nav-css-tutorials-btn.gif) top no-repeat;
}

a.nav-tutorials {
margin:0 20px 0 0;
padding:0;
float:left;
text-decoration:none;
width:99px;
height:75px;
color:#fff;
background:url(images/nav-nav-tutorials-btn.gif) bottom no-repeat;
}

a.nav-tutorials:hover {
background:url(images/nav-nav-tutorials-btn.gif) top no-repeat;
}

div#content-container {
width:730px;
margin:15px auto 0 auto;
font-family: Tahoma, Arial, Helvetica, sans-serif;
color:#fff;
}

div#content-container h1 {
font-size:19px;
font-weight:500;
margin:2px auto 0 auto;
border-bottom:1px solid #7f4610;
}

div#content-container p {
margin-top:5px;
font-size:13px;
text-align:justify;
line-height:19px;
}

div#content-container div#left-col {
width:463px;
}

div#content-container div#left-col-sub {
width:546px;
}

div#content-container div#left-col p a, div#content-container div#left-col-sub p a {
font-weight:bold;
color:#eb8321;
text-decoration:none;
}

div#content-container div#left-col p a:hover, div#content-container div#left-col-sub p a:hover {
text-decoration:underline;
}

div#content-container div#left-col div.post-footer  {
width:463px;
background-color:#39444e;
border-bottom:1px solid #2e373f;
border-top:1px solid #2e373f;
margin-bottom:30px;
}

div#content-container div#left-col-sub div.post-footer {
width:546px;
background-color:#39444e;
border-bottom:1px solid #2e373f;
border-top:1px solid #2e373f;
margin-bottom:30px;
}

div#content-container div#left-col div.post-footer p, div#content-container div#left-col-sub div.post-footer p {
margin:0;
padding:0 5px 0 5px;
font-size:11px;
}

div#content-container div#right-col {
width:256px;
float:right;
}

div#content-container div#right-col-sub {
width:170px;
float:right;
}

div#content-container div#right-col p, div#content-container div#right-col-sub p {
text-align:center;
}