/*
 * VERSION 10.6
 */

body {
padding: 0px;
margin: 5px;
width: 1200px;
color: #999999;
font: normal 101% Arial, Helvetica, sans-serif;
background: #000000 url(../images/background.png) repeat-x;
}

h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
font-weight: lighter;
text-transform: uppercase;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: #BBB;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
text-decoration: none;
}

a {
color: #FFFFFF;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

img {
border: 0;
}

p {
margin: 0;
padding: 0;
font-size: 75%;
line-height: 1.5em;
margin-bottom: 1em;
}

q {
font-style: italic;
}

ul, ol {
margin: 0;
font-size: 75%;
display: table;
margin-bottom: 1em;
}

ul li, ol li {
margin: 0.3em 0 0.3em 0;
}

ul li p, ol li p {
font-size: 100%;
}

ul ul, ul ol, ol ol, ol ul {
font-size: 100%;
}

code {
font: monospace;
font-size: 120%;
}

pre code {
color: #000000;
overflow: auto;
display: block;
max-height: 20em;
font: 100% courier;
padding: 15px 25px;
margin-bottom: 1em;
background: #FFFFFF;
border: 10px solid #333333;
}

pre code a {
color: #000000;
}

blockquote p {
font-size: 100%;
}

table {
width: 100%;
background: #000000;
margin-bottom: 0.5em;
border: 1px solid #000000;
}

table tr td {
padding: 10px;
font-size: 75%;
color: #000000;
background: #FFFFFF;
}

table tr td a {
color: #000000;
border-bottom: 1px dotted #000000;
}

table thead tr td {
color: #FFFFFF;
background: #000000;
font-weight: bolder;
text-transform: uppercase;
}

/*
 * PRIMITIVES
 */

.message {
color: #000000;
display: block;
padding: 15px 25px;
margin-bottom: 1em;
background: #EED2EE;
border: 4px solid #CD96CD;
}

.message a {
color: #000000;
font-weight: bolder;
text-decoration: none;
}

.message a:hover {
text-decoration: underline;
}

.message p {
margin: 0;
padding: 0;
margin-bottom: 1em;
}

.warning {
color:#000000;
display: block;
padding: 15px 25px;
margin-bottom: 1em;
background: #FFDFFF;
border: 4px solid #FF4848;
}

.warning a {
color: #000000;
font-weight: bolder;
text-decoration: none;
}

.warning a:hover {
text-decoration: underline;
}

.warning p {
margin: 0;
padding: 0;
margin-bottom: 1em;
}

.stress {
font-size: 110%;
font-style: italic;
font-weight: lighter;
margin-bottom: 0.5em;
text-transform: uppercase;
padding: 20px;
}

.pane {
margin: 0;
padding: 0;
width: 100%;
height: 300px;
color: #FFFFFF;
background: #000000;
border: 1px solid #333333;
}

.preview {
margin: 0;
padding: 0;
width: 100%;
height: 300px;
color: #FFFFFF;
margin-top: 0.5em;
background: #000000;
margin-bottom: 0.5em;
border: 1px solid #BBB;
}

.section {
clear: both;
display: block;
border-top: 1px solid #333333;
}

.box {
padding: 2em;
background: #000000;
border: 5px solid #BBB;
}

.scaffold {
padding: 10px;
display: block;
margin-bottom: 1em;
border: #333333 1px solid;
}

.mount {
padding: 10px;
display: block;
margin-bottom: 1em;
}

.initial-capital {
float: left;
clear: left;
padding: 5px;
margin-top: 0.3em;
margin-right: 10px;
margin-bottom: 5px;
border: 10px solid #333333;
}

.tooltip {
width: 33%;
font-size: 80%;
overflow: auto;
}

.tooltip h3 {
font-weight: lighter;
text-transform: none;
}

.menu {
margin: 0;
padding: 0;
width: 100%;
height: 1.5em;
font-size: 90%;
background: #333333;
list-style-type: none;
}

.menu li {
float: left;
}

.menu li:hover ul {
display: block;
}

.menu li a {
display: block;
color: #777777;
line-height: 2em;
padding-right: 3em;
padding-left: 0.5em;
background: #000000;
text-decoration: none;
}

.menu li a:hover {
color: #000000;
background: #777777;
}

.menu li ul {
margin: 0;
padding: 0;
display: none;
position: absolute;
list-style-type: none;
}

.menu li ul li {
float: none;
}

.menu li ul li a {
font-size: 120%;
}

/*
 * FORM
 * --------------------------------------------------
 */

form p {
font-size: 100%;
}

label {
font-size: 70%;
}

select {
padding: 0;
margin: 5px 0;
border: none;
}

select option {
padding: 1em;
}

textarea, input {
border: none;
margin: 5px 0;
padding: 2px;
background: #FFFFFF;
}

input[type=text], input[type=password] {
border: 1px solid #FFFFFF;
}

input[type=checkbox] {
margin: 0;
padding: 0;
background: none;
}

input[type=checkbox] + label {
margin: 0;
padding: 0;
padding-left: 5px;
}

fieldset {
border: 1px solid #333333;
}

/*
 * THE CLEARED PRIMITIVE
 * --------------------------------------------------
 */

.cleared:after {
height: 0;
clear: both;
content: ".";
line-height: 0;
display: block;
visibility: hidden;
}

.cleared {
display: inline-block;
}

html[xmlns] .cleared {
display: block;
}

* html .cleared {
height: 1%;
}

/*
 * GENERIC PRIMITIVES
 * --------------------------------------------------
 */

.h-centered {
width: 100%;
margin: 0 auto;
}

.left-floated {
float: left ! important;
}

.right-floated {
float: right ! important;
}

/*
 * SPECIFIC PRIMITIVES
 * --------------------------------------------------
 */

ul.bar {
margin: 0;
padding: 0;
width: 100%;
overflow: hidden; 
}

ul.bar li {
float: left;
margin-right: 10px;
padding-left: 10px;
list-style-type: none;
border-left: 1px dotted #666666;
}

ul.bar li:first-child {
border: 0;
}

ul.bar li img {
display: block;
}

ul.grid {
margin:0;
padding: 0;
width: 150px;
}

ul.grid li {
float: left;
width: 50px;
height: 50px;
list-style-type: none;
}

div.frame {
width: auto; 
clear: both;
display: block;
overflow: hidden;
position: relative;
margin-bottom: 10px;
border: 10px solid #333333;
}

div.screen {
width: auto; 
clear: both;
display: block;
overflow: hidden;
position: relative;
margin-bottom: 10px;
border: 10px solid #333333;
background: #000000 url(../images/background.png) repeat-x;
}

div.screen img, div.screen object, div.screen > embed, div.screen iframe, div.screen form {
float: left;
margin: 10px;
display: inline;
background: #000000;
border: 10px solid #000000;
}

/*
 * COLS
 * --------------------------------------------------
 */

.col {
width: 100%;
float: left;
display: block;
margin-right: 2%;
}

.col2 {
width: 48%;
float: left;
display: block;
margin-right: 2%;
}

.col3 {
float: left;
width: 31.3%;
display: block;
margin-right: 2%;
}

/*
 * LISTS
 * --------------------------------------------------
 */

ul.list, ol.list, ul.list2, ol.list2, ul.list3, ol.list3, ul.list4, ol.list4 {
margin: 0;
padding: 0;
display: block;
padding-right: 10px;
list-style-type: none;
}

ul.list2, ol.list2, ul.list3, ol.list3, ul.list4, ol.list4 {
width: 100%;
}

ul.list2 li, ol.list2 li, ul.list3 li, ol.list3 li, ul.list4 li, ol.list4 li {
float: left;
display: block;
margin-right: 2%;
}

ul.list2 li, ol.list2 li {
width: 48%;
}

ul.list3 li, ol.list3 li {
width: 31.3%;
}

ul.list4 li, ol.list4 li {
width: 23%;
}

ul.list li a, ol.list li a, ul.list2 li a, ol.list2 li a, ul.list3 li a, ol.list3 li a, ul.list4 li a, ol.list4 li a {
padding: 2px;
color: #999999;
display: block;
overflow: hidden;
white-space:nowrap;
text-overflow: ellipsis;
border-top: 1px solid #333333;
}

ul.list li a:hover, ol.list li a:hover, ul.list2 li a:hover, ol.list2 li a:hover, ul.list3 li a:hover, ol.list3 li a:hover, ul.list4 li a:hover, ol.list4 li a:hover {
background: #000000;
text-decoration: none;
}

/*
 * HEADER
 * --------------------------------------------------
 */

div#header h1 {
margin: 0;
padding: 0;
font-size: 3em;
font-weight: lighter;
text-transform: uppercase;
}

div#header h1 {
color: #FFFFFF;
}

div#header h1 a {
color: #FFFFFF;
text-decoration: none;
}

div#header h1 a:hover {
text-decoration: none;
}

div#header p {
color: #FFFFFF;
margin-bottom: 0.5em;
margin: 0 ! important;
padding: 0 ! important;
}

/*
 * NAVIGATION
 * --------------------------------------------------
 */

div#navigation {
margin-top: 0.5em;
margin-bottom: 0.5em;
}

div#navigation h2 {
display: none;
}

div#navigation ul {
margin-bottom: 1em;
list-style-type: none;
margin: 0 ! important;
padding: 0 ! important;
}

div#navigation ul li {
display: inline;
margin-right: 1em;
}

div#navigation ul li a {
color: #777777;
}

/*
 * CONTENT
 * --------------------------------------------------
 */

div#content {
padding: 5px;
background: #050505 url(../images/background-content.png) repeat-x;
}

/*
 * FOOTER
 * --------------------------------------------------
 */

div#footer {
clear: both;
font-size: 0.6em;
padding-top: 2em;
text-align: center;
padding-bottom: 1em;
text-transform: uppercase;
}

div#footer p {
font-size: 100%;
}

/*
 * PRESENTATION
 * --------------------------------------------------
 */

body#presentation,
body.presentation {
margin-left: 20%;
margin-right: 20%;
text-align: center;
}

body#presentation #header h1,
body.presentation #header h1 {
padding-top: 30%;
}

body#presentation #header h1 a,
body.presentation #header h1 a {
margin-left: auto;
margin-right: auto;
}

body#presentation p,
body.presentation p {
line-height: 1.2em;
}

body#presentation #footer,
body.presentation #footer {
display: none;
}

/*
 * RECEPTION
 * --------------------------------------------------
 */

body#reception,
body.reception {
margin-left: 20%;
margin-right: 20%;
text-align: center;
}

body#reception #header h1 a,
body.reception #header h1 a {
margin-left: auto;
margin-right: auto;
}

body#reception #content,
body.reception #content {
padding: 15px;
text-align: left;
}

/*
 * CENTERED-PAGE
 * --------------------------------------------------
 */

body#centered-page,
body.centered-page {
margin-left: 20%;
margin-right: 20%;
text-align: center;
}

body#centered-page #header,
body.centered-page #header {
text-align: left;
}

body#centered-page #content,
body.centered-page #content {
padding: 15px;
text-align: left;
}

body#centered-page #header, body#centered-page #navigation, body#centered-page #content, body#centered-page #footer,
body.centered-page #header, body.centered-page #navigation, body.centered-page #content, body.centered-page #footer {
background: #050505;
}

body#centered-page #header h1 a, body#centered-page #header p, body#centered-page #navigation,
body.centered-page #header h1 a, body.centered-page #header p, body.centered-page #navigation {
margin: 0 ! important;
padding: 0 ! important;
}

body#centered-page #header, body#centered-page #content, body#centered-page #footer,
body.centered-page #header, body.centered-page #content, body.centered-page #footer {
padding: 10px ! important;
}

body#centered-page #navigation,
body.centered-page #navigation {
padding: 0 10px 0 10px ! important;
}

/* -------------------- */

form, code, table {
clear: both;
}

/* -------------------- */

.post-meta {
margin: 0;
padding: 0;
display: block;
list-style-type: none;
}

.post-meta li {
display: inline;
margin-right: 5px;
}

.post-meta li:after {
content: ';';
}

.post-meta li:last-child:after {
content: '';
}

.related-links {
font-size: 80%;
}

.post-meta, .related-links {
clear: both;
padding: 10px;
color: #003333;
background: #E3FBE9;
margin-bottom: 0.5em;
border: 5px solid #59955C;
}

.post-meta a, .related-links a {
color: #000000;
font-weight: normal;
border-bottom: 1px dotted;
}

.post-meta .post-meta-key, .related-links {
font-weight: bolder;
}

/* -------------------- */

.message {
clear: both;
}

/* -------------------- */

.post-date {
font-size: 80%;
margin-top: 0.1em;
margin-bottom: 1em;
}

.post-links, .page-links {
clear: both;
font-size: 80%;
margin-bottom: 1em;
}

.post-trackbacks ul li {
margin: 0;
padding: 0;
display: inline;
}

.post-trackbacks ul li:after {
content: ' | ';
}

.post-trackbacks ul li:last-child:after {
content: '';
}

.page-navigation {
font-size: 150%;
margin-top: 1em;
margin-bottom: 1em;
}

/* -------------------- */

.comment {
padding: 5px;
margin-bottom: 5px;
border: 1px solid #333333;
}

.comment-meta {
margin-bottom: 0.5em;
}

.no-comments {
display: none;
}

.response-form {
padding: 10px;
margin-bottom: 1em;
border: #333333 1px solid;
}

/* -------------------- */

.gravatar {
float: left;
padding: 5px;
margin-right: 10px;
margin-bottom: 10px;
border: 1px solid #333333;
}

/* -------------------- */

.category-description, .author-bio {
padding: 1em;
font-size: 90%;
background: #000000;
margin-bottom: 0.5em;
}

/* -------------------- */

.partner-links {
font-weight: bolder;
margin-bottom: 1.0em;
}

.partner-links ul {
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

.partner-links ul li {
display: inline;
}

.partner-links ul li:after {
content: ' | ';
}

.partner-links ul li:last-child:after {
content: '';
}

/* -------------------- */

#header h1 a {
width: 498px;
height: 70px;
display: block;
background: url(../images/bsdlogo.png) no-repeat;
}

#header h1 a span {
display: none;
}

/* -------------------- */

#home .post, #category .post, #tag .post, #author .post {
padding-left: 10px;
padding-right: 10px;
}

#home .post .post-title, #category .post .post-title, #tag .post .post-title, #author .post .post-title {
margin-top: 10px;
margin-left: 10px;
}

#home .post .post-date, #category .post .post-date, #tag .post .post-date, #author .post .post-date {
margin-left: 10px;
}

#home .post .post-excerpt, #category .post .post-excerpt, #tag .post .post-excerpt, #author .post .post-excerpt {
margin-left: 10px;
}

#home .post .post-links, #category .post .post-links, #tag .post .post-links, #author .post .post-links {
margin-left: 10px;
}

#home .main-post {
margin: 0;
padding: 0;
}

#home .main-post .post-title {
margin: 0;
padding: 0;
display: none;
}

/* -------------------- */

#page .post-title, #archive .post-title, #member .post-title {
margin-bottom: 0.5em;
}

#member .comment {
padding-top: 30px;
padding-left: 50px;
padding-bottom: 30px;
}

#member .author-comment {
padding-top: 5px;
padding-left: 5px;
padding-bottom: 5px;
}