@charset "utf-8";
/* CSS stylesheet for CtrlN Studio
Designed by Daisy Wu, Oct 7, 2009 */

body {
margin: 0;
padding: 0;
text-align: center; /*center page for IE6 */
font-family: Verdana, Geneva, sans-serif;
font-size: 80%; /* default */
color: #000; background: #333 url(images/bg.jpg);
}

/* general links */
a:link {
  color: #5E635C; background: #fff;
}
a:visited {
  color: #999; background: #fff;
}
a:hover {
  color: #069; background: #fff;
}
a:active {
  color: #5E635C; background: #fff;
}

/* general image styling */
img {
border: none;
}

#wrapper {
width: 760px;
margin: 0 auto; /* center page for browsers other than IE6 */
text-align: left;
color: #FFF; background: #FFF;
}

/* header, banner, logo etc. */
#header {
margin: 0;
padding: 0;
height: 160px; width: 760px;
color: #000; background: transparent url("images/banner.jpg") no-repeat;
}

#header h1 {
margin: 0;
padding: 60px;
font-size: 250%;
text-align: left;
color: #000; background: transparent;

}

/* general sub headings */
h2 {
font-size: 130%;
padding-left: 20px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
}

/* navigation menu */
#navcontainer {
width: 100%;
float: left; /* need it background color will appear in all browsers */
margin: 0;
padding: 0;
color: #000; background: #666;
}

#navcontainer ul {
margin: 0;
padding-left: 280px; /* adjust placement of navigation */
list-style-type: none;
}

#navcontainer ul li {
display: inline;
}

#navcontainer ul li a {
float: left; /* fixes the problem of vertical padding not added to "inline" elements */
text-decoration: none;
padding: 5px 20px;
color: #FFF; background: #666;
}

#navcontainer a:hover {
color: #FFF; background: #999;
}

#navcontainer li a#current {
color: #000; background: #FFF;
}

/* sidebar */
#sidebar {
clear: both; /* clear float in navigation */
float: left;
width: 200px;
padding-top: 20px;
padding-bottom: 21px;
color: #000; background: #FFF;
}

#sidebar h2 {
padding-left: 30px;
}

#sidebar ul {
list-style-type: none;
}

#sidebar ul li {
padding: 6px;
line-height: 100%;
} 

/* content display area */
#content {
float: right;
width: 560px;
padding-top: 20px;
padding-bottom: 80px;
color: #000; background: #FFF;
}

#content p {
padding-left: 20px;
padding-right: 50px;
}

/* footer credits etc. */
#footer {
clear: both;
margin: 0;
padding: 0;
color: #FFF; background: #666;
}

#footer p {
margin: 0;
padding: 0;
text-align: center;
line-height: 240%;
}