/* 
Theme Name: Black-LetterHead D
Theme URI: http://ulyssesonline.com
Description: Black Letterhead is a two-column minimalistic theme with a black background.   
Author: Ulysses Ronquillo
Author URI: http://ulyssesonline.com
Version: 1.3

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/
/* Begin Typography & Colors */
body {
font-size:62.5%;
/* Resets 1em to 10px */
font-family:Verdana, Arial, Sans-Serif;
background-color:#333;
color:#B0B0B0;
text-align:center
}

#page {
background-color:#000;
border:1px solid #959596;
text-align:left
}

#header {
background-color:#000;
border-bottom:1px solid #959596
}

#content {
font-size:1.4em
}

.widecolumn .entry p {
font-size:1.05em
}

.narrowcolumn .entry,.widecolumn .entry {
line-height:1.4em
}

.widecolumn {
line-height:1.6em
}

.widecolumn2 {
line-height:1.6em
}

.narrowcolumn .postmetadata {
text-align:left
}

.alt {
background-color:#000;
/* border-top: 1px dashed #555; */
border-bottom:1px solid #555
}

small {
font-family:Verdana, Arial, Helvetica, Sans-Serif;
font-size:.9em;
line-height:1.5em;
display: block;
clear: both
}

strong {
color:#E4D3A6
}

h1 {
font-family:Garamond, Serif;
font-weight:700
}

h2,h3 {
font-family:Palatino Linotype, Serif
}

h1 {
font-size:3.4em;
text-align:center;
text-transform:uppercase;
letter-spacing:12px
}

.description {
font-size:1.2em;
text-align:center;
letter-spacing:.6em
}

h2 {
font-size:1.7em
}

h2.pagetitle {
font-size:1.7em
}

#sidebar {
border-bottom:1px solid #555
}

#sidebar h2 {
font-family:Verdana, Arial, Sans-Serif;
font-size:1.4em
}

h3 {
font-size:1.7em
}

h1,h1 a,h1 a:hover,h1 a:visited,.description {
text-decoration:none;
color:#FD5A1E
}

h2,h2 a,h2 a:visited,h3,h3 a,h3 a:visited {
color:#E4D3A6
}

h2,h2 a,h2 a:hover,h2 a:visited,h3,h3 a,h3 a:hover,h3 a:visited,#sidebar h2,#wp-calendar caption,cite {
text-decoration:none
}

.entry p a:visited {
color:#FD5A1E
}

.commentlist li,#commentform input,#commentform textarea {
font:1.1em Verdana, Arial, Sans-Serif
}

.commentlist li {
font-weight:700
}

.commentlist cite,.commentlist cite a {
font-weight:700;
font-style:normal;
font-size:1.1em
}

.commentlist p {
font-weight:400;
line-height:1.5em;
text-transform:none
}

#commentform p {
font-family:Verdana, Arial, Sans-Serif
}

.commentmetadata {
font-weight:400
}

#sidebar {
font-family:Verdana, Arial, Sans-Serif
}

small,#sidebar ul ul li,#sidebar ul ol li,.nocomments,.postmetadata,blockquote,strike {
color:#989898
}

code {
font:1.1em 'Courier New', Courier, Fixed
}

acronym,abbr,span.caps {
font-size:.9em;
letter-spacing:.07em
}

a,h2 a:hover,h3 a:hover {
color:#FD5A1E;
text-decoration:none
}

a:hover {
color:#707070;
text-decoration:underline
}

#wp-calendar #prev a {
font-size:9pt
}

#wp-calendar a {
text-decoration:none
}

#wp-calendar caption {
font:bold 1.3em Verdana, Arial, Sans-Serif;
text-align:center
}

#wp-calendar th {
font-style:normal;
text-transform:capitalize
}

/* End Typography & Colors */
/* Begin Structure */
body {
margin:0;
padding:0 0 20px
}

#page {
margin:20px auto;
padding:0;
width:760px
}

#header {
padding:0;
margin:0 auto;
height:200px;
width:100%
}

.narrowcolumn {
float:left;
padding:0 0 20px 45px;
margin:0;
width:450px
}

.widecolumn {
padding:10px 0 20px;
margin:5px 0 0 150px;
width:450px
}

.widecolumn2 {
padding:10px 0 20px;
margin:5px 0 0 50px;
width:450px
}

.widecolumn3 {
padding:10px 0 20px;
margin:5px 0 0 75px;
width:450px
}

.pagepost {
margin:0 0 40px;
border-bottom:1px solid #555
}

.pagepost1 {
margin:0 0 40px
}

.post {
margin:0 0 40px;
text-align:left;
border-bottom:1px solid #555
}

.widecolumn .post {
margin:0
}

.narrowcolumn .postmetadata {
padding-top:5px
}

.widecolumn .postmetadata {
margin:30px 0
}

#footer {
padding:50px 0 0;
margin:0 auto;
width:760px;
clear:both
}

#footer p {
margin:0;
padding:20px;
text-align:center
}

/* End Structure */
/*	Begin Headers */
h1 {
padding-top:40px;
margin:0
}

.description {
text-align:center
}

h2 {
margin:30px 0 0
}

h2.pagetitle {
margin:0;
padding:30px 0 0
/* border-bottom: 1px solid #555; */
}

#sidebar h2 {
margin:5px 0 0;
padding:0
}

h3 {
padding:0;
margin:30px 0 0
}

h3.comments {
padding:0;
margin:40px auto 20px
}

/* End Headers */
/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */
html>body .entry ul {
margin-left:0;
padding:0 0 0 30px;
list-style:none;
padding-left:10px;
text-indent:-10px
}

html>body .entry li {
margin:7px 0 8px 10px
}

.entry ul li:before,#sidebar ul ul li:before {
content:"\00BB \0020"
}

.entry ol {
padding:0 0 0 35px;
margin:0
}

.entry ol li {
margin:0;
padding:0
}

.postmetadata ul,.postmetadata li {
display:inline;
list-style-type:none;
list-style-image:none
}

#sidebar ul,#sidebar ul ol {
font-size:1.1em;
margin:0;
padding:0
}

#sidebar ul li {
list-style-type:none;
list-style-image:none;
margin-bottom:15px
}

#sidebar ul p,#sidebar ul select {
margin:5px 0 8px
}

#sidebar ul ul,#sidebar ul ol {
margin:5px 0 0 10px
}

#sidebar ul ul ul,#sidebar ul ol {
margin:0 0 0 10px
}

ol li,#sidebar ul ol li {
list-style:decimal outside
}

#sidebar ul ul li,#sidebar ul ol li {
margin:3px 0 0;
padding:0
}

/* End Entry Lists */
/* Begin Form Elements */
#searchform {
margin:10px auto;
padding:5px 0;
text-align:center
}

#sidebar #searchform #s {
width:100px;
padding:2px;
background-color:#333;
color:#B0B0B0
}

#sidebar #searchsubmit {
padding:1px;
background-color:#333;
color:#B0B0B0
}

.entry form {
/* This is mainly for password protected posts, makes them look better. */
text-align:center
}

select {
width:130px
}

#commentform input {
width:170px;
padding:2px;
margin:5px 5px 1px 0;
color:#B0B0B0;
background-color:#333;
border:1px ridge #ccc
}

#commentform textarea {
width:100%;
padding:2px;
background-color:#333;
border:1px ridge #ccc;
color:#B0B0B0
}

#commentform #submit {
margin:0;
float:right;
border:1px ridge #ccc
}

input,textarea {
color:#b0b0b0;
background-color:#333;
border:1px ridge #ccc
}

.narrowcolumn input,textarea {
color:#b0b0b0;
background-color:#333;
border:1px ridge #ccc;
margin:5px 0
}

/* End Form Elements */
/* Begin Comments*/
.alt {
margin:0;
padding:10px
}

.commentlist {
padding:0;
text-align:left
}

.commentlist li {
margin:15px 0 3px;
padding:5px 10px 3px;
list-style:none
}

.commentlist p {
margin:10px 5px 10px 0
}

#commentform p {
margin:5px 0
}

.nocomments {
text-align:center;
margin:0;
padding:0
}

.commentmetadata {
margin:0;
display:block
}

/* End Comments */
/* Begin Sidebar */
#sidebar {
padding:32px 0 10px;
margin-left:545px;
width:190px
}

#sidebar form {
margin:0
}

/* End Sidebar */
/* Begin Calendar */
#wp-calendar {
empty-cells:show;
margin:10px auto 0;
width:155px
}

#wp-calendar #next a {
padding-right:10px;
text-align:right
}

#wp-calendar #prev a {
padding-left:10px;
text-align:left
}

#wp-calendar a {
display:block
}

#wp-calendar caption {
text-align:center;
width:100%
}

#wp-calendar td {
padding:3px 0;
text-align:center
}

#wp-calendar td.pad:hover {
/* Doesn't work in IE */
background-color:#000
}

/* End Calendar */
/* Begin Various Tags & Classes */
acronym,abbr,span.caps {
cursor:help
}

acronym,abbr {
border-bottom:1px solid #999
}

blockquote {
margin:15px 30px 0 10px;
padding-left:20px;
border-left:1px solid #333
}

blockquote cite {
margin:5px 0 0;
display:block
}

hr {
display:none
}

.center {
text-align:center
}

a img {
border:none
}

.navigation {
display:block;
text-align:center;
margin-top:10px;
margin-bottom:60px
}

.alignleft {
text-align:left;
float:left
}

.alignright {
text-align:right;
float:right
}

.entry img,.entrytext img {
margin:7px
}

/* End Various Tags & Classes*/
#werbung {
position:absolute;
top:0;
left:0
}

.galerie {
width:448px;
float:left;
color:#E4D3A6
}

.galerie dl {
margin:2px 5px;
padding:1px;
float:left;
width:94px
}

.galerie dd {
font-size:.7em;
margin:0;
padding:0;
color:#666;
text-align:center
}

.galerie dt img {
margin:2px
}

.galerie dl:hover {
background:#333
}
/**
 * for WordPress classes at images
 * 
 */
.alignleft,img.alignleft {
display:inline;
float:left;
margin:.4em 1em .4em 0}

.alignright,img.alignright {
display:inline;
float:right;
margin:.4em 0 .4em 1em}

.aligncenter,img.aligncenter {
clear:both;
display:block;
margin-left:auto;
margin-right:auto}

.wp-smiley {max-height:1em;margin:0!important}

.gallery dl {margin:0}
.gallery dt {width: 150px}
.gallery-caption {margin:-1.5em 0 0}

.aligncenter,div.aligncenter {
display:block;
margin-left:auto;
margin-right:auto}

.wp-caption {
border:1px solid #484846;
text-align:center;
background-color:#4c4c4c;
padding-top:5px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px}

.wp-caption:hover {background-color:#3A3A39;border-color: #3A3A39}
.wp-caption img {margin:0;padding:0;border:0 none}

.wp-caption p.wp-caption-text {
color:#F2F2F2;
font:.9em Arial;
line-height:1.1em;
padding:8px 6px;
margin:0}


/* Cleaner Gallery */

.gallery {
	display: block;
	clear: both;
	overflow: hidden;
	margin: 0 auto;
	}
.gallery .gallery-row {
	display: block;
	clear: both;
	overflow: hidden;
	margin: 0;
	}
.gallery .gallery-item {
	overflow: hidden;
	float: left;
	margin: 0;
	text-align: center;
	list-style: none;
	padding: 0;
	}
.gallery .gallery-item img, .gallery .gallery-item img.thumbnail {
	max-width: 89%;
	height: auto;
	padding: 2px;
	margin: 0 auto;
	border: 6px solid #474747;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px
	}
.gallery .gallery-item img:hover, .gallery .gallery-item img.thumbnail:hover {
	border: 6px solid #5B5B5B;
	}
.gallery-caption {
	margin-left: 0;
	}

/* Image sizes depending on the number of columns */
.col-0 { width: 100%; }
.col-1 { width: 100%; }
.col-2 { width: 50%; }
.col-3 { width: 33%; }
.col-4 { width: 25%; }
.col-5 { width: 20%; }
.col-6 { width: 16.5%; }
.col-7 { width: 14%; }
.col-8 { width: 12.4%; }
.col-9 { width: 11%; }
.col-10 { width: 10%; }
.col-11 { width: 9%; }
.col-12 { width: 8.33%; }
.col-13 { width: 7.6%; }
.col-14 { width: 7.1%; }
.col-15 { width: 6.66%; }
.col-16 { width: 6.25%; }
.col-17 { width: 5.83%; }
.col-18 { width: 5.55%; }
.col-19 { width: 5.25%; }
.col-20 { width: 4.95%; }