/*  
Theme Name: Biltmore by CareOfHaus (1.03)
Theme URI: http://wordpress.org/
Description: Theme for biltmore.se design by <a href="http://www.careofhaus.se">CareOfHaus</a>
Version: 1.03
Author: Implemented by Johan Linderoth &amp; Adam Killander
Author URI: 

Info about the original WordPress Default Theme
-Theme Name: WordPress Default
-Theme URI: http://wordpress.org/
-Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
-Version: 1.6
-Author: Michael Heilemann
-Author URI: http://binarybonsai.com/

    Kubrick v1.5
     http://binarybonsai.com/kubrick/

    This theme was designed and built by Michael Heilemann,
    whose blog you will find at http://binarybonsai.com/

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


*/



/* Begin Typography & Colors */
html, body {
    padding: 0px;
    margin: 0px;
    height: 100%;
}

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


#page {
    margin: 0 auto;
    text-align: left;
    width: 100%;
}

#firstpage, #subpage {
    display: block;
    width: 880px;
    margin: 0 auto;
}

#page #content { /*applies to "news" page*/
}

#firstpage #content {
    width: 490px;
    float: left;
}

#subpage #content {
}

#content {  /* firstpage and subpage rules */
    padding-bottom: 50px;
    -NOborder: 1px solid lightblue;
}

#content h1 {
    letter-spacing: 1px;
    text-transform: uppercase;
}

#content p {
    color: #999;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 100%;
    letter-spacing: 1px;
    line-height: 16px;
}



/* header and top menu*/
#header {
    background-image: url(images/header-bg.png);
    background-repeat: repeat-x;
    height: 358px;
    width: 100%;
}

#header-container {
    margin: 0 auto;
    padding-top: 39px;
    width: 880px;
}

#header-logo-container  { 
    font-size: 72px; /*for the alt text if the logo is gone...*/
    height: 89px; 
    margin: 0 auto;
    padding-bottom: 1px;
}

#header-logo-container img {
    margin-bottom: 8px;
}

/* content between logo and menu */

#hidden-header-content {
    display: none;
}

#header-content-bg {
    background: url(images/header-light.png);
    height: 190px;
    margin: 0 auto;
    padding: 0;
    -NOborder: 1px solid orange;
}

#header-content {
    -NOborder: 1px solid green;
    color: #837c6c; /* paragraphs*/
    font-size: 14px;
    font-weight: bold;
    padding: 4px 15px;
    text-transform: uppercase;
}

#header-content h1 {
    color: #333;
    font-family: Arial;
    font-size: 32px;
    font-weight: bold;
    letter-spacing: 1px;
    padding-top: 32px;
    text-transform: uppercase;
}

#header-content img.alignleft {
    padding-top: 10px;
}

#header-content p {
    color: #837c6c;
    font-size: 15px;
    line-height: 25px;
    margin: 0;
    text-transform: uppercase;
}

/* end content between logo and menu */

/* Main menu */

#mainmenu {
    display: block;
    height: 39px;
    margin: 0 auto;
    -NOborder: 1px solid orange;
}

#mainmenu ul, #mainmenu ul li {
    list-style-type: none; 
    margin: 0px;
    padding: 0px;
}

#mainmenu ul {
    margin-left: 0;
}

#mainmenu ul li {
    float: left;
    margin-right: 8px; /*distance between menu items*/
    text-align: center;
    -NOborder: 1px solid green;
}

#mainmenu ul li a {
    color: #c0c0c0;  /* text color for not current menu item */
    float: left;
    font-size: 110%;
    font-weight: normal;
    letter-spacing: 1px;
    margin-right: 12px;
    margin-top: 8px;
    padding-top: 6px;
    text-decoration:none;
    text-transform: uppercase;
}

#mainmenu ul li a:hover {
    border-top: 4px solid #a49c87;
    padding-top: 2px;
}

#mainmenu ul li a.no-border-top-on-hover:hover {
    border-top: 4px solid #2f2f2f;
    padding-top: 2px;
}

/*page numbers on multi page posts and pages */
.page-no {
}

.page-no-link {
    border: solid 1px gray;
    padding: 1px 5px 1px 5px;
}

/* first the rule for non active menu items */
#mainmenu .page_item a {
}

/* then rule for current menu item */
#mainmenu .current_page_item a, #mainmenu .current_page_parent a {
    color: #eeeeee; /* */
}

#mainmenu .page_item:hover a {
}

#mainmenu .current_page_item a:hover, #mainmenu .current_page_parent a:hover  {
}

/* end header and top menu */


#content {
    font-size: 1.2em;
}

.news-listing-container {
    float: right;
    width: 346px;
    margin-top: 40px;
}

.news-header {
    background: url(images/sidebar-header-bg.png);
    background-repeat: repeat-x;
    height: 34px;
    font-size: 1.4em;
    font-weight: bold;
}

.news-header .header, .news-header .link {
    padding-top: 9px;
}

.news-header .header {
    color: #a49c87;
    float: left;
    padding-left: 10px;
}

.news-header .link a {
    color: #2f2f2f;
    float: right;
    padding-right: 10px;
}

.news-header .link a:hover {
    color: #a49c87;
}

.dark-box {
    background-color: #2f2f2f;
    border: solid 1px #4b4b4b;
    color: #808080;
    padding: 10px;
}

.news-listing-table-container {
    -NObackground-color: #2f2f2f;
    -NOborder: solid 1px #4b4b4b;
    padding-top: expression(4);
    padding-left: expression(8);
    padding-bottom: expression(12);
}

#news-listing-table {
    border-top: none;
    width: 100%;
    -NOmargin-top: 16px;
    -NOmargin-left: 8px;
}

.news-list-item p.description {
    font-size: 1.1em;
    letter-spacing: 1px;
    line-height: normal;
    color: #808080;
    margin-top: expression(6);
}

.news-list-item .news-list-item-header {
    margin-top: expression(12);
}

.news-list-item .news-date {
    color: #a49c87;
    font-size: 1.4em;
    font-weight: bold;
}

.news-list-item .news-link {
    color: #c0c0c0;
    font-size: 1.4em;
    font-weight: bold;
}

.news-list-item .news-link:hover {
    color: #a49c87;
}

/*end news listing*/

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

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

.widecolumn {
    line-height: 1.6em;
}

div#content .postmetadata {
    text-align: left;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 90%;
}

.alt {
    background-color: #f8f8f8;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

small {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 0.9em;
    line-height: 1.5em;
}

h1, h2, h3 {
    font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
    font-weight: normal;
}

h1 {
    font-size: 1.55em;
}

h2 {
    font-size: 1.6em;
}

h2.pagetitle {
    font-size: 1.6em;
}

#sidebarpage.php  h2 {
    font-family: 'Lucida Grande', Verdana, Sans-Serif;
    font-size: 1.2em;
}

h3 {
    font-size: 1.3em;
}


h1, h1 a, h1 a:visited, h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
    color: #ccc;
}

h1, h1 a, h1 a:hover, h1 a:visited, 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: #b85b5a;
}*/

.commentlist li, #commentform input, #commentform textarea {
    font: 0.9em 'Lucida Grande', 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 {
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentmetadata {
    font-weight: normal;
}

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

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: #a49c87;
    text-decoration: none;
}

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

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

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

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

#wp-calendar th {
    font-style: normal;
    text-transform: capitalize;
}
/* End Typography & Colors */



/* Begin Structure */
.narrowcolumn {
    float: left;
    margin: 40px 0 0 0;
}


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

.post {
    clear: both;
}

.post hr {
    display: block;
}

.widecolumn .post {
    margin: 0;
}

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

.widecolumn .postmetadata {
    margin: 30px 0;
}

.widecolumn .smallattachment {
    text-align: center;
    float: left;
    width: 128px;
    margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
    text-align: center;
    margin: 5px 0px;
}

.postmetadata {
    clear: left;
}

#footer {
    background-image: url(images/footer-bg2.png);
    background-repeat: repeat-x;
    height: 35px;
    width: 100%;
    clear: left;
    position: fixed;
    bottom: 0px;
}


#footer-content {
    width: 880px;
    margin: 0 auto;
}

#footer p {
    color: #999;
    font-size: 11px;
    letter-spacing: 1px;
    padding-top: 2px;
    padding-top: expression(10);
    text-align: left;
}

/* End Structure */



/*  Begin Headers */
h1 {
    margin: 0;
}

h2 {
    margin: 0;
}

h2.pagetitle {
    margin-top: 30px;
    text-align: left;
}


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

h3.comments {
    padding: 0;
    margin: 40px auto 20px ;
}
/* End Headers */



/* Begin Images */
#content img {
    max-width: 100%;
    border: solid 5px #2f2f2f;
}

#content img.noborder,
.dark-box img {
    border: none ;
}


img.centered, 
img.center, img.aligncenter 
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}


img.right, img.alignright 
{
    margin: 2px 0px 12px 12px;
    display: inline;
    float: right;
}

img.left, img.alignleft 
{
    margin: 2px 12px 12px 0px;
    display: inline;
    float: left;
}

/* End Images */



/* 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: 0px;
    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 {
    -NO-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 {
    font: 1.1em Verdana, Arial, Sans-Serif;
    -TEST-border: solid 1px #666666;
}

#sidebar h2 {
    color: #a49c87;
    text-transform: uppercase;
    padding-top: 10px;
    padding-left: 10px;
    font-size: 14px;
}

#sidebar ul li ul li {
    list-style-image: none;
    list-style-type: square;
    list-style-position: inside;
}

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

#sidebar ul li.widget {
    background-image: url(images/sidebar-header-bg.png);
    height: 34px;
    list-style-type: none;
    list-style-image: none;
    margin-top: 68px;
}

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

#sidebar ul ul, #sidebar ul ol {
    margin: 15px 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: 108px;
    padding: 2px;
}

#sidebar #searchsubmit {
    padding: 1px;
}

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

#commentform textarea {
    width: 100%;
    padding: 2px;
}

#commentform #submit {
    margin: 0;
    float: right;
}
/* End Form Elements */



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

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

.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 {
    float: left;
    margin-left: 60px;
    -NO-padding: 30px 0px 0px 40px;
}

#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: #fff; }
/* 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: 5px solid #ddd;
}

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

.center {
    text-align: center;
}

hr {
    display: none;
}

a img {
    border: none;
}

.navigation {
    display: block;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 60px;
}
/* End Various Tags & Classes*/

.narrowcolumn a {
    color:#ccc;
    text-decoration: none;
}

.narrowcolumn a:hover {
    text-decoration: none;
    -NO-border-bottom: solid 1px #a49c87;
}


/* teasers produces by plugin "list pages with descriptions" */

.teaser-listing {
    margin-left: -16px;
}

.teaser-list-item {
    vertical-align: top;
    width: 200px;
    padding: 15px;
}

#content .teaser-list-item a.header-link {
    background-image: url(images/teaser.gif);
    background-position: 0px 10px;
    background-repeat: no-repeat;

    text-transform: uppercase;
    font-weight: bold;
    font-size: 120%;
    color: #c0c0c0;
    padding-top: 28px;
    padding-bottom: 10px;
    padding-left: 45px;
}

#content .teaser-list-item a.header-link:hover {
    background-image: url(images/teaser-hover.gif);
    color: #a49c87;
    text-decoration: none;
}

#content .teaser-list-item p.description {
    font-size: 1em;
    letter-spacing: normal;
    line-height: normal;
    color: #808080;
}

#content .teaser-list-item a.readmore-link {
    font-size: 90%;
}

#content .teaser-list-item a.readmore-link:hover {
}

.postmetadata {
    display:none;
}


.clear-float {
    clear:both;
}

.news-list-item img {
    margin-top: 12px;
}

/*cforms tweaks*/
.linklove {
    display:none;
}

#content ol.cf-ol li {
    margin: 0 0!important;
}

.cform {
    width:440px;
}

.cform input, .cform textarea, .cform select {
    background: #bbb;
    font-weight: bold;
}

#content .news-list-item img {
    border: 2px solid #252525;
}

.news-box {
    background: #303030;
    padding: 10px 10px 5px;
}