* { margin:0; padding:0; border:0; }
a { outline: none; color:#000; }

html {
background:#FFF url(../images/illu_monogram.png) repeat;
}
html.s-0 {
background:#FFF url(../images/illu_monogram.png) repeat;
}
html.s-1 {
background:#FFF url(../images/kite-01.jpg) repeat;
}
html.s-2 {
background:#FFF url(../images/illu_pattern-01.png) repeat;
}


html[class^="s-"] body:before {
transform:rotate(90deg);
-moz-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-o-transform:rotate(90deg);
position:fixed;
top:260px;
left:825px;
z-index:9;
width:400px;
color:#000;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

html.s-0 body:before {
content:"Style: Monogram BS";
color:#999;
}
html.s-1 body:before {
content:"Style: Navigating a kite at Kijkduin beach, Den Haag, NL";
color:#FFF200;
}
html.s-2 body:before {
content:"Style: Reproduction of Japanese washi paper pattern";
color:#999;
}

html.s-0 body:before,
html.s-0 #footer {
}
html.s-1 body:before,
html.s-1 #footer {
}

html.s-2 p#brigitteschustercom,
html.s-2 p#brigitteschustercom a,
html.s-2 #footer,
html.s-2 #footer a {
color:#FFF;
}


body {
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:85%;
line-height:1.5;
color:#000;
position:relative;
width:63.5em;
margin:5em 0 5em 5em;
padding:2.75em;
min-height:100%;
background-color:#FFF;
float:left;
}


kbd { margin:0 0.5em; font-size:130%; color:#654B26; }
code { font-size:120%; }
.fright { float:right; }
.fleft { float:left; }
.urlfragment { font-size:85%; color:#000; }
.backwards { unicode-bidi:bidi-override; direction: rtl; }
.highlight { padding:2px 5px; background:#eef5e7; border:1px solid #eee; }

.dn { display:none; }

blockquote {
padding:1em;
background:#f5f5f5;
border-left:1px dotted #647819;
border-right:1px dotted #647819;
}
blockquote.pullquote { 
width:14em;
margin:1em 0;
padding:0.5em 0;
border:0;
background:inherit;
border-top:1px solid #9A1926;
border-bottom:1px solid #9A1926;
font-size:110%;
}
blockquote.fleft { margin-right:1em; }
blockquote.fright { margin-left:1em; }
blockquote.pullquote p {
color:#BA6D15;
font-weight:bold;
margin:0;
letter-spacing:1px;
text-indent:0;
}
pre {
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
margin:1em 0;
padding:1em 0;
word-wrap:break-word;
white-space:-moz-pre-wrap;
white-space: -o-pre-wrap;
white-space: pre-wrap;
}

h1, h2, h3, h4 {
letter-spacing:1px;
margin:0 0 1em 0; 
}

h1 { 
font-size:115%;
}

.portfolio h1 {
position:absolute;
top:11em;
left:37em;
}

h2 { 
font-size:105%;
line-height:1.3em;
margin:0 0 0.25em 0;
}
h3 { 
font-size:105%;
margin:1em 0 1.25em 0;
}

p#brigitteschustercom {
position:absolute;
top:-2em;
left:2.75em;
color:#000;
z-index:1;
}


.main {
float:left;
clear:left;
width:39.25em;
font-size:90%;
margin:0 0 0.75em 0;
position:relative;
}
#professional .main {
padding-top:13em;
}

#content.main .article {
float:left;
width:45.5%;
margin:0 1em 2em 0em;
}

.main a {
letter-spacing:1px;
color:#000;
}
.main a:hover {
background-color:#000;
color:#fff;
text-decoration:none;
}

.main p {
margin:0 0 1.75em 0;
line-height:1.7em;
}
.main .article_image {
text-indent:0;
text-align:center;
}
.main h2 { margin-bottom:1.5em; }

.main h2.update { background:#F3F7EF; }

.main ul { 
margin:1em 0 1em 0; 
}
.main ul li {
list-style-type:none;
}
.main p.continuereading { text-align:right; }
.main p.continuereading:first-letter, #content p.keycom:first-letter {
font-weight:normal;
color:inherit;
}
.main p.keycom {
font-size:90%;
text-indent:0;
color:#000;
}

.main fieldset {
padding:10px;
border:1px solid #000;
}
.main legend { font-weight:bold; }
.main label {
color:#000;
display:block;
}

abbr.published,
abbr.updated {
text-decoration:none;
font-size:90%;
color:#000;
}
.main ol.conversation { margin:0; }

.main ol.conversation li {
list-style-type:none;
margin:1.5em 0;
}

.main ol.conversation li cite {
background:#E8E8E8;
padding:0.46em 0.75em;
font-weight:bold;
border-right:1px solid #bbb;
border-bottom:1px solid #bbb;
}
.main ol.conversation li blockquote {
border:0;
padding-top:0.1em;
padding-bottom:0.1em;
}
.main cite.interviewer + blockquote { background:#E8E8E8; }
.main cite.interviewee + blockquote { background:#F8F8F8; }

input, 
textarea, 
select {
border:1px solid #000;
}

dl {
margin:0 0 1.75em 0;
line-height:1.7em;
}
dt {
font-weight:bold;
font-style:italic;
font-size:105%;
}
dl dd { 
list-style-type:none;  
margin:0.5em 0 0.75em 1em;
}
dl dd a:hover { 
background: #fff; 
text-decoration: none;
}
dl a img {
padding:5px;
border: 1px solid #aaa;
}

#comments { margin:0 0 0 0%; }

.main form#comment_write #comment_submit {
background:#000;
color:#fff;
border:0;
}
.main form#comment_write ul {
margin:0;
}
.main form#comment_write li {
margin:0 0 0.5em 0;
list-style-type:none;
}
.main form#comment_write textarea {
width:90%;
}


.main ol { margin:1em 0 1em 2em; }

ul#desc_article_list { 
list-style-type:none;
margin:0;
}
ul#desc_article_list li { margin:0 0 2em 0; }

.main ol#comments_list {
list-style-type:none;
margin:0;
}
.main ol#comments_list li.hentry {
border:1px solid #8A2607;
margin:0 0 1.5em 0;
padding:5px;
}
.main ol#comments_list h3.c_userinfo {
background:#D28833;
padding:5px;
margin:0 0 5px 0;
color:#654B26;
}

.main ol#comments_list h3.c_userinfo a.timestamp {
color:#654B26;
font-size:90%;
}
.main ol#comments_list li.c_cs { background:#F3F7EF; }
.main ol#comments_list li.c_cs h3.c_userinfo { background:#fff; }

body div.img_cap {
margin: 1em;
border:1px solid #ccc;
padding:5px;
background:#fff;
text-align:center;
}
body div.img_cap.left { margin-left:0; }
body div.img_cap.right { margin-right:0; }
body div.img_cap img { margin:0 auto 0 auto; }
body #content div.img_cap p.image_caption {
background:#f3f3f3;
margin:0 auto;
padding:5px;
text-indent:0;
font-size:90%;
}
#supplemental {
float:right;
width:25.5em;
}

.portfolio #supplemental {

}
.portfolio #content {
width:100%;
}
.portfolio #content .entry-content {
float:left;
margin-left:-70.5em;
width:39.25em;
}
.portfolio #content .entry-summary {
float:left;
margin-left:42.5em;
width:28em;
padding-top:5em;
}
.portfolio #content .entry-summary ul {
margin-top:0;
margin-left:0;
}
.portfolio #content .entry-summary li {
list-style-type:none;
margin-bottom:1em;
}

#content li:before,
.portfolio #content .entry-summary li:before {
content: "_";
}


.portfolio .main .entry-author,
.portfolio .main .datetimestamp {
display:none;
}


#desc_article_list li:before,
#content .article_labels li:before {
content: '';
}

.supplemental {
float:left;
width:100%;
border-top:2px solid #000;
margin:0 0 0.75em 0;
}

#recent_articles {
clear:both;
padding-bottom:0.75em;
}
#recent_articles p {
clear:both;
font-size:90%;
}
##recent_articles p a {
color:#000;
}


.supplemental p { margin:0; }
.supplemental p#read_archives a {
color:#000;
font-size:90%;
}

.supplemental a {
color:#000;
text-decoration:none;
}
.supplemental a:hover {
color:#000;
}


.supplemental ul {
text-align:left;
font-size:90%;
margin:0.5em 0;
float:left;
}

.supplemental ul li {
line-height:1.4em;
margin:0 0 0.5em 0;
list-style-type:none;
}

#related_articles ul li,
.supplemental.portfolio_thumbnails ul li {
display:block;
float:left;
margin-bottom:0.75em;
margin-right:1em;
}


.supplemental.portfolio_thumbnails ul li.odd {

}

.portfolio .supplemental.portfolio_thumbnails ul li.even {
margin-right:0;
}
.supplemental.portfolio_thumbnails ul li.child_6 {
margin-right:0;
}

.supplemental.portfolio_thumbnails ul li:first-child {

}


.external_urls ul li img {
margin-right:0.5em;
vertical-align:top;
}

#content .article_labels {
clear:left;
}

.article_labels ul li,
#article_labels ul li {
display:inline;
margin:0 0.5em 0 0;
}


.entry-author {
clear:both;
}

.supplemental h2,
.supplemental h3 { 
color:#000;
letter-spacing:1px;
text-transform:uppercase;
}
/*
.supplemental li a img {
margin-right:0.5em;
}
*/


#professional #related_articles,
.home .portfolio_thumbnails {
position:absolute;
top:8em;
left:2.75em;
border-top:0;
width:63.5em;
}
#professional #related_articles h2,
.home .portfolio_thumbnails h2 {
display:none;
}
#professional #related_articles li,
.home .portfolio_thumbnails li {
float:left;
margin:0 1em 1em 0;
}


ul#nav_site {
margin:0 0 1em 0;
float:left;
position:relative;
z-index:1;
}
ul#nav_site li {
list-style-type:none;
padding:0;
float:left;
margin-right:1.5em;
}


ul#nav_site li a {
text-decoration:none;
color:#000;
}

ul#nav_site li ul li {
padding:0;
background:none;
display:inline;
margin-right:1.5em;
margin-bottom:0;
}
ul#nav_site li ul li a {
font-size:100%;
border:0;
}
ul#nav_site li a span {
text-decoration:none;
padding:0 2px;
margin:0 2px 0 0;
background:#eee;
}


#nav_creative {
margin-bottom:1.5em;
float:left;
clear:both;
border-top:0;
width:63.5em;
}

#nav_creative li {
float:left;
margin-right:2em;
margin:0 1.5em 0 0;
list-style-type:none;
}
#nav_creative li a {
text-decoration:none;
text-transform:uppercase;
}


.nav .current a {
border-bottom:1px solid #EA4518;
}



#feeds {
float:left;
list-style-type:none;
}

#feeds li a {
color:#000;
text-decoration:none;
}


ul#footer {
float:left;
position:relative;
left:0;
bottom:-9em;
clear:both;
padding-bottom:1em;
letter-spacing:1px;
color:#000;
}
ul#footer li {
float:left;
list-style-type:none;
}
ul#footer img {
border:0;
margin:0 0 -3px 0;
display:none;
}
ul#footer a { color:#000; }
ul#footer a:hover { 
text-decoration:none;
}


#whoami {
margin-bottom:1.5em;
}

#license {
clear:both;
margin-right:1.5em;
}

address {
font-style:normal;
}

address img {
margin-left:1em;
}
address .fn {
margin-right:2em;
}


address a { text-decoration:none; color:#000; }

address span.email { margin-right: 2em; }
address span.adr { margin-right:2em; }
address span.adr span,
address span.adr abbr { 
margin-right:0.25em;
}
address span.nickname { display:none; }
address .get_vcard {
background:url(/media/images/icon_vcard.gif) 0 0 no-repeat;
text-indent:-9999px;
display:block;
float:left;
margin-right:0.5em;
    width:23px;
    height:16px;
}


#search_site {
color:#000;
z-index:9;
position:absolute;
top:1em;
left:51.25em;
}
#search_site fieldset { 
border:0 none #000; 
margin-bottom:0.5em;
}
#search_site label {
float:left;
margin:0 0.5em 0 0;
display:none;
}
#search_site legend { display:none; }
#search_site input {
display:block;
float:left;
}
#search_site input#keywords {
background-color:transparent;
text-align:center;
padding:0.25em 0;
border:1px solid #000;
}
#search_site input#search {
color:#000;
background-color:transparent;
border:0;
padding:0.25em;
font-weight:bold;
font-size:110%;
}