body {
 font-family:Georgia, serif;
 margin:0;
 background:white url(background.jpg) top right;
}

a {color:#b33;}

a:visited {color:#6D302F;}

a.rss { background:url(feed-icon-14x14.png) top left no-repeat; padding-left:18px; }

a.icon {
 padding:7px 22px;
 background:transparent left center no-repeat;
}

a.facebook { background-image: url(social_networking_iconpack/facebook_16.png); }
a.twitter { background-image: url(social_networking_iconpack/twitter_16.png); }
a.youtube { background-image: url(social_networking_iconpack/youtube_16.png); }


/* Main content */

div.content {
 background:white;
 margin-top:30px;
 padding:40px;
 float:left;
 padding-bottom:30%;
 min-width:610px;
}

h1 {
 color:#b33;
}
h2 {
 color:#666;
}

h1 {
 font-size:150%;
 margin-bottom:1.5em;
 width:23em;
}

h2 {
 margin-top:1.5em;
 font-size:115%;
}

blockquote {
 font-size:90%;
 line-height:140%;
}

div.content p {
 width:35em;
}

div.column {
 float:left;
 width:15em;
 margin-right:2em;
}

div.content p.introduction {
 font-style:italic;
 line-height:135%;
}

div.content p.photo {
 width:auto;
 margin-left:-40px;
 margin-right:0;
 margin-bottom:0;
}

p.photocaption {
 font-family:Arial, sans-serif;
 font-weight:bold;
 font-size:80%;
 margin-top:0;
}

p.photocaption a {
 color:black;
}

p.byline {
 margin-top: 2em;
 font-style: italic;
 font-size: 90%;
}

div.content a:hover, div.sidebar a:hover {
 background-color:#fffbcc;
}

img {
 margin-top:1em;
}

ul {
 list-style:square;
 padding-left:1.25em;
}

li {
 margin-bottom:1em;
}

ol {
 padding-left:1.35em;
}

hr {
 border:none;
 border-top:solid 1px #ccc;
 margin:3em 25% 2em;
}

p.local {color:#ccc;}
p.local strong {color:black;}

/* Sidebar */
div.sidebar {
 float:left;
 margin-top:94px;
 width:11.5em;
 border:dotted 1px #b33;
 background:#fffbcc;
 padding:1em;
 color:#555;
 position:relative;
 z-index:2;
 overflow:hidden;
}

div.sidebar h2 {
 color:#555;
 font-size:110%;
 margin:0;
}

div.sidebar p, div.sidebar ul {
 font-size:90%;
}
 
div.sidebar p {
}

div.sidebar ul#twitter_update_list {
 list-style:none;
 padding-left:0;
}

/* Feature box */
div.feature {
 width:24em;
 padding:0.5em 1em;
 background:#fffbcc;
 border:dotted 1px #b33;
 border:solid 1px #c08f8f;
 font-size:135%;
}
div.feature p {
 margin:0;
}

div.feature a {
 text-decoration:none;
 color:#b33;
}

div.feature a:hover {
 text-decoration:underline;
}

/* Logo */
div#logo {
 position:absolute;
 top:0;
 right:0;
 width:91px;
 height:640px;
 background:url(cg-logo.png) top right no-repeat;
 z-index:1;
}

/* Navigation */

ul#navigation {
 position:absolute;
 top:0;
 left:0;
 line-height:28px;
 background: #b33 url(navigation-background.png) bottom repeat-x;
 color:white;
 margin:0;
 padding:0 0 0 0.8em;
 width:100%;
 z-index:2;
 min-width:45em;
}

ul#navigation li:first-child {
 background:none;
}

ul#navigation li {
 list-style:none;
 display:inline;
 padding-left:1.9em;
 background:url(diamond.png) no-repeat 0.6em center;
 margin:0;
 color:#fffbcc;
 text-transform: uppercase;
 font-size:90%;
}

ul#navigation li.language {
 font-style:italic;
 text-transform:none;
 padding-left:3em;
}

ul#navigation a {
 text-decoration:none;
 color:white;
 font-weight:normal;
}

ul#navigation a:hover {
 color:#fffbcc;
 background:transparent;
 text-decoration:underline;
}

p.local {
 font-family:Arial, sans-serif;
 color:#ccc;
 text-transform:uppercase;
 letter-spacing:0.3em;
}
p.local strong, p.local a {
 font-size:80%;
}
p.local strong {
 color:black;
}
p#local {
 position:absolute;
 top:2em;
 left:40px;
}

/* Translations */

body.translation div.content { padding-right:0; }
body.translation table { border-collapse: collapse; width:40em; margin-top:2em; }
body.translation table.small { font-size:90%; width:44em; }
body.translation th { text-align:left; padding-bottom:1em; }
body.translation td { width:21em; padding:0 1em 1em 0; vertical-align:top; }
body.translation table.small td { width:23em; }
body.translation ol li { margin:0; }