@media screen, projection, tv {
* { 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:0;
left:37em;
}

h2 { 
font-size:105%;
line-height:1.4em;
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,
#personal.default .main {
width:auto;
}

#professional.portfolio .main {
/*padding-top:13em;*/
}


#professional.about .main {
width:39.25em;
}


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

.main a {
letter-spacing:1px;
color:#EA4518;
}
.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;
margin-bottom:0.5em;
}
.main .article_image + p {
font-style:italic;
}


.main h2 { margin-bottom:1.5em; }

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

.main ul { 
margin:1em 0 1em 0; 
}
.about .main ul {
margin-left:1em;
margin-bottom:3em;
}
.about .main ul h3,
.about .main ul p {
margin-bottom:0.5em;
}

.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:116.75%;
}
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 4em 5%;
width:30%;
float:left;
position:relative;
top:0;
left:0;
}

#professional ul#desc_article_list li:nth-child(3n+1),
/*#personal ul#desc_article_list li:nth-child(2n+1) {*/
#personal ul#desc_article_list li:nth-child(3n+1) {
margin-left:0;
clear:both;
}

/*
ul#desc_article_list li:nth-child(19),
ul#desc_article_list li:nth-child(20),
ul#desc_article_list li:nth-child(21) {
margin-bottom:0;
}
*/

/*
#personal ul#desc_article_list li {
width:46%;
margin-left:8%;
}
*/

ul#desc_article_list h2 {
margin-left:80px;
height:3.5em;
}

#personal ul#desc_article_list h2 {
height:5em;
}

ul#desc_article_list p {
margin-bottom:1em;
}

ul#desc_article_list li a {

}

ul#desc_article_list li img {
position:absolute;
top:0;
left: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:10px;
}
.main ol#comments_list h3.c_userinfo {
margin:0 0 5px 0;
}

.main ol#comments_list h3.c_userinfo a.timestamp {
font-size:90%;
}
.main ol#comments_list h3 img {
vertical-align:top;
margin-right:0.25em;
}

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%;
}
#aside {
float:right;
width:20em;
}

.portfolio #aside {
width:100%;
}
.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:1.1em;
}
.portfolio #content .entry-summary li {
margin-bottom:1em;
}




#cv #content h2 { 
margin-top:3em;
margin-bottom:1em;
}
#cv #content h3 { 
text-transform:uppercase;
letter-spacing:1px;
margin-bottom:0.25em;
}
#cv #content h4 {
margin:0 0 0.5em 0;
}
#cv #content ul.vcalendar > li { margin:0 0 2em 0; }
#cv #content li.education,
#cv #content li.experience { margin:0 0 1em 0; }
#cv #content ul li li { margin-bottom:1em; }

#cv #content ul {
margin:1em 0 1em 1.1em;
}
#cv #content ul ul {
margin:0 0 1em 0;
}
#cv #content ul li {
list-style-type:disc;
}
#cv #content p {
margin-bottom:1em;
}

#cv #content .adr {
display:block;
}
#cv #content .adr span,
#cv #content .adr abbr {
margin-right:0.75em;
}


.skill_set li { display:inline; }
.skill_set li:before {
content:", ";
}
.skill_set li:first-child:before {
content:"";
}
.skill_set sup a {
text-decoration:none;
}
#skill_level-legend dt,
#skill_level-legend dd {
display:inline;
}
#skill_level-legend dt {
margin-right:0.25em;
}
#skill_level-legend dd {
margin-right:2em;
margin-left:0;
}


#library .main {
width:100%;
}
#library table { border-collapse:collapse; }
#library td,
#library th {
border-bottom:1px solid #ddd;
padding:0.25em 2em 0.25em 0;
}
#library thead th {
text-align:left;
}
#library thead th:nth-child(3) {
width:45%;
}
#library tbody tr:hover { background:#eee; }
#library caption {
font-weight:bold;
font-size:2em;
text-align:left;
margin-bottom:1em;
}
#library tbody .cover img {
vertical-align:middle;
}



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




.aside {
float:left;
width:100%;
margin:0 0 0.75em 0;
}

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


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

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


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

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

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



.portfolio .aside.portfolio_thumbnails ul li:nth-child(even) {
margin-right:0;
}
.aside.portfolio_thumbnails ul li.child_6 {
margin-right:0;
}

.aside.portfolio_thumbnails ul li:first-child {

}



ul#archive_article_list ul {
margin-left:1.15em;
}


#professional .more,
#personal .more {
clear:both;
margin-bottom:0;
}


.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;
}

.aside h2,
.aside h3 {
font-style:italic;
letter-spacing:0;
}
/*
.aside li a img {
margin-right:0.5em;
}
*/

.hlisting .fn {
font-style:italic;
}


/*#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;
}

#professional #nav_creative,
#personal #nav_creative {
margin-bottom:3em;
}

#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 {
position:absolute;
left:2.75em;
bottom:-8em;
clear:both;
padding-bottom:2.7em;
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;
}

/*
dl.adr {
margin-bottom:0;
}
dl.adr dd {
display:inline;
margin:0 0.5em 0 0;
}
dl.adr .geo,
dl.adr .street-address,
dl.adr .extended-address,
dl.adr .postal-code,
dl.adr .tel,
dl.adr dt { 
display:none;
}

.geo,
.street-address,
.extended-address,
.postal-code,
.tel { 
display:none;
}

*/



#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%;
}
}/*end of @media screen, projection, tv*/



@media print {
#nav-site, #feeds, #search-site, .aside, #commentWrite, #sitemap { display:none; }
#footer address a { display:block; }
a { background-color:#fff; }
a:not([href^="#"]):after { content:" ( "attr(href)" ) "; }
a:not([href^="http:"]):after { content: " ( http://brigitteschuster.com/"attr(href)" ) "; }
a[href^="irc:"]:after, *[href^="ftp:"]:after { content:" ( "attr(href)" ) "; }
blockquote[cite]:after {
  content: "Quoted from: " attr(cite);
  display: block;
}
}/*end of @media print*/