/*
THEME NAME: Sandbox Etikstudio
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: #999;
background: #FFFFFF;
font-family: Courier, "Courier New";
font-size:13px;
}

ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}

strong{font-weight:bold;color:#666666;
}
em{font-style:italic;}
.sep{
width:100%;
height:20px;
clear:both;
float: left}

/* GENERAL STRUCTURE *******************************************/
a, .dark {
color:#666666;
}
.wrapper {
width:960px;
margin: 0px auto;
}
.header {
width:100%;
height:60px;
background: url('img/header.gif') no-repeat 0px 0px;
}
.header ul{
width: 675px;
height:28px;
float:left;
margin: 27px 0px 0px 120px;
}
.header ul li ,
.header ul li a {
width:123px;
height:28px;
float:left;
display: block;
}
.header ul li a {
font-size: 14px;
padding: 8px 0px 0px 40px;
text-decoration: none;
color:#666;
}

.header ul li a:hover,
.header ul li a.current{
background: url('img/current.gif') no-repeat 0px 0px;
}



a#logo{
	float: left;
	width: 160px;
	height: 58px;
	display: block;
	background-image: url('img/Logo.jpg');
}

#sidebar {
float:left;
width:180px;
height:100%;
position: relative;
}
#container .address {
position: absolute;
bottom:15px;
left:-160px;
font-size: 11px;

}
#sidebar .info{
float:left;
width:160px;
font-size: 11px;
line-height: 14px;
margin: 20px 0px 0px 20px;
}

#container {
float:left;
width:765px;
background: url('img/contentbg.gif') repeat-y 50px 0px;
position: relative;
}


#container_header {
float:left;
width:100%;
height:78px;
background: url('img/contentheader.gif') no-repeat 50px 0px;
}
#container_footer {
float:left;
width:100%;
height:62px;
background: url('img/contentfooter.gif') no-repeat 50px 0px;
}
#sub_sidebar {
float:left;
width:150px;
display: block;
margin-top: 33px;
}
#content {
margin-top: 15px;
float:left;
width:555px;
position:relative;
}
#content p{
padding:0px 0px 15px 0px;
line-height: 16px;
text-align:justify;
}
#content h2{
font-weight: bold;
font-size:18px;
color:#666;
padding:0px 0px 15px 0px;
}
#content a {
font-weight:bold;color:#666666;
text-decoration: none;
}
#content h3 {
padding:0px 0px 15px 0px;
}

#content h3 a{
font-weight: normal;
font-size:18px;
color:#999;
padding:0px 0px 15px 0px;
}


#content a:hover {
color:#BD73B0;
}
#content .date{
float:right;
font-size:11px;
}

#content li {
display : list-item;
list-style-type:disc;	
padding:0px 0px 5px 0px;
line-height: 16px;
text-align:justify;
}
#content ul {
width: 535px;
margin-left: 20px;
}


#footer{
clear:both;
float:left;
width:100%;
height:40px;
background: url('img/footer.gif') no-repeat 0px 0px;
}


#sub_sidebar ul li{
width:104px;
height:27px;
float:left;
display: block;
clear:both;
margin-bottom: 10px;
}
#sub_sidebar ul li a {
width:97px;
height:22px;
float:left;
display: block;
font-size: 12px;
padding: 5px 0px 0px 7px;
text-decoration: none;
color:#000;
background: url('img/sidemenu.png') no-repeat 0px 0px;
}
#sub_sidebar ul li a:hover,
#sub_sidebar ul li a.current{
background: url('img/sidemenu.png') no-repeat 0px -27px;
}
