/* 

Theme Name: Black-LetterHead

Theme URI: http://ulyssesonline.com

Description: Black Letterhead is a 2-column minimalistic theme with a black background.

Author: Ulysses Ronquillo

Author URI: http://ulyssesonline.com

Version: 1.5

Tags: two columns, fixed width, black, orange, widgets, minimalist, right sidebar, dark, graphics free, 



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:'Trebuchet MS',Trebuchet,Verdana,Sans-serif;

    background-color: #333;

    color: #B0B0B0;

    text-align: center;

}



#page {

    /*background-color: #000;*/

    /*border: 2px solid #959596;*/

    text-align: left;

}



#header{

    border : 1px solid #B3B3B3;

    margin : 0px 45px;

}



#header-content {

    /*background-color: #000;*/

    background: url('images/header-1.jpg') no-repeat center center;

    border : 1px solid #B3B3B3;

    margin : 5px;

}



#header h1{

    padding-top : 20px;

}



#header h1 a{

    color: #41485E;

    font-size : 0.8em;

    font-weight:bold;

    letter-spacing:0.2em;

}



#header .description{

    color:#41485E;

    font-family:Trebuchet MS;

    font-size:1.2em;

    font-weight:bold;

    letter-spacing:0.2em;

    margin:0 100px 120px;

    text-transform:uppercase;

}



#content {

    font-size: 1.2em

}



.widecolumn .entry p {

    font-size: 1.05em;

}



.narrowcolumn .entry, .widecolumn .entry {

    line-height: 1.4em;

}



.widecolumn {

    line-height: 1.4em;

}



.narrowcolumn .postmetadata {

    text-align: left;

}



.alt {

    background-color: #000;

    border-top: 1px dashed #555;

    border-bottom: 1px dashed #555;

}



small {

    font-size: 0.9em;

    line-height: 1.5em;

}



strong {

    color: #E4D3A6;

}



h1 {

    font-weight: bold;

}



h2, h3 {

}



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-top: 1px dashed #555;

    border-bottom: 1px dashed #555;*/

}



#sidebar h2 {

    font-size: 1.2em;

}



h3 {

    font-size: 1.4em;

}



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: 0.9em Verdana, Arial, Sans-Serif;

}



.commentlist li {

    font-weight: bold;

}



.commentlist cite, .commentlist cite a {

    font-weight: bold;

    font-style: normal;

    font-size: 1.1em;

}



.commentlist p {

    font-weight: normal;

    line-height: 1.5em;

    text-transform: none;

}



#commentform p {

}



.commentmetadata {

    font-weight: normal;

}



#sidebar {

    font: 1em;

}



small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {

    color: #666;

}



code {

    font: 1.1em 'Courier New', Courier, Fixed;

}



acronym, abbr, span.caps

{

    font-size: 0.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;

    text-align: center;

}



#wp-calendar th {

    font-style: normal;

    text-transform: capitalize;

}



/* End Typography & Colors */





/* Begin Structure */



body {

    margin: 0;

    padding: 0 0 20px 0;

}



#page {

    margin: 20px auto;

    padding: 0;

    width: 977px;

}



.narrowcolumn {

    float: left;

    padding: 0 0 20px 45px;

    margin: 0px 0 0;

    width: 680px;

}



.widecolumn {

    padding: 10px 0 20px 0;

    margin: 5px 0 0 150px;

    width: 450px;

}



.pagepost {

    margin: 0 0 40px;

    border-top: 1px dashed #555;

}



.post {

    margin: 0 0 40px;

    text-align: left;

    border-bottom: 1px dotted #B3B3B3;

}



.widecolumn .post {

    margin: 0;

}



.narrowcolumn .postmetadata {

    padding-top: 5px;

}



.widecolumn .postmetadata {

    margin: 30px 0;

}



#footer {

    padding: 50px 0 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: 0px;

    padding: 30px 0 0 0;

    border-top: 1px dashed #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, .entrytext ul, .pagepost ul {

    margin-left: 0px;

    padding: 0 0 0 30px;

    list-style: none;

    padding-left: 10px;

    text-indent: -10px;

} 



html>body .entry li, .entrytext li, .pagepost li {

    margin: 5px 0 5px 10px;

}



.entry ul li:before, .entrytext ul li:before, #sidebar ul ul li:before, .pagepost 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 {

    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 3px;

    text-align: center;

}



#sidebar #searchform #s {

    width: 100px;

    padding: 2px;

    background-color: #333333;

    color: #B0B0B0;

}



#sidebar #searchsubmit {

    padding: 1px;

    background-color: #333333;

    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: #333333;

    border: 1px ridge #ccc;

}



#commentform textarea {

    width: 100%;

    padding: 2px;

    background-color: #333333;

    border: 1px ridge #ccc;

    color: #B0B0B0;

}



#commentform #submit {

    margin: 0;

    float: right;

    border: 1px ridge #ccc;

}



input {

    padding: 2px;

    margin: 5px 5px 1px 0;

    color: #B0B0B0;

    background-color: #333333;

    border: 1px ridge #ccc;	}



/* End Form Elements */





/* Begin Comments*/



.alt {

    margin: 0px;

    padding: 0px;

}



.commentlist ol {

    padding: 0px;

    text-align: left;

}



.commentlist li {

    margin-left: -40px;

    padding: 10px;

    list-style: none;

}



.commentlist p {

    margin: 10px 5px;

}



#commentform p {

    margin: 5px;

}



.nocomments {

    text-align: center;

    margin: 0;

    padding: 0;

}



.commentmetadata {

    margin: 0;

    display: block;

}



/* End Comments */





/* Begin Sidebar */



#sidebar

{

    padding: 32px 0 10px 0;

    margin-left: 742px;

    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 dashed #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;

}



.aligncenter, div.aligncenter {

    display: block;

    margin-left: auto;

    margin-right: auto;

}



.alignleft {

    text-align: left;

    float: left;

}



.alignright {

    text-align: right;

    float: right;

}



.entry img, .entrytext img {

    margin: 7px;

}



.gravatar img {

    float:right;

    margin-top:-15px;

}



.wp-caption {

    border: 1px solid #ddd;

    text-align: center;

    background-color: #f3f3f3;

    padding-top: 4px;

    margin: 10px;

}



.wp-caption img {

    margin: 0;

    padding: 0;

    border: 0 none;

}



.wp-caption p.wp-caption-text {

    font-size: 11px;

    line-height: 17px;

    padding: 0 4px 5px;

    margin: 0;

}



/* End Various Tags & Classes*/



h2{

    margin: 0 0;

}



h2 a{

        color:#80FF00;

    font-weight:bold;

}



h2 a:hover{

    color:#fff;

}



.post_legend{

    margin:1.5em 0 0.5em;

    color:#CAF99B;

    letter-spacing:0.2em;

    text-transform:uppercase;

    font-size:0.8em;

    font-weight:bold;

}



.entry p,

.entrytext p{

    font-size : 1.1em;

    color : #fff;

}



.commentlist .alt{

    background-color:transparent;

}



#sidebar h2{

    color:#CAF99B;

    text-transform:uppercase;

}



#sidebar a{

    color: #fff;

    font-size:110%

}



#sidebar p{

    color: #fff;

    font-size:120%;

    text-align:justify;

}



#sidebar ul ul{

    margin:0;

}



#sidebar #searchform #s{

    width:137px;

}



.post img{

    border:1px solid #B3B3B3;

 padding:0;

margin:0px;

}



.post h2,

.post h2 a{

    color: #80FF00;

}

.wp-caption p.wp-caption-text{
    color : #585858;
    padding:0px;
}

.wp-caption{
    padding : 4px;
}