/*
Theme Name: Where Worlds Collide Smugmug-Compatible
Theme URI: http://www.kalyr.co.uk/
Description: Based on Twenty-Ten, designed for compatibility with Smugmug
Version: 0.1
Template: twentyten
Author: Tim Hall
Author URI: http://www.kalyr.co.uk/
Tags: two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
*/

@import url("../twentyten/style.css");

/* The main theme structure */

#wrapper {
      background-image: url(images/body_bg.jpg);
      background-repeat: repeat-x repeat-y;
      }
        
#main {
      background-color: #ffffee;
      padding-top: 20px;
      margin-top: 20px;
      padding-bottom: 20px;
      width: 940px;
      }

/* Header */

#header {
	padding: 0;
	margin-top: 0;
	background-color: #000000;
}

body.category-music #header,
body.page-id-6507 #header,
body.category-live-reviews #header,
body.category-record-reviews #header,
body.category-music-opinion #header,
body.category-music-listen #header,
body.category-music-news #header {
	background-color: #880088;
}

body.category-rants #header {
        background-color: #FDBB30;
}
body.category-transport #header,
body.category-railway-photography #header,
body.category-modelling-projects #header,
body.category-modelling-news #header,
body.category-railways #header {
        background-color: #008888;
}
#site-title {
	float: left;
	font-size: 36px; 
	line-height: 42px;
	margin: 5px;
	padding: 5px;
	width: 400px;
}
#site-title a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
#site-description {
	clear: right;
	text-align: right;
	float: right;
	color: #dddddd;
	font-style: italic;
	margin: 14px 14px 18px 0; 
	width: 400px;
}

#headerimg {
        background-image: url(images/banner-generic.jpg);
        background-repeat: repeat-x;
        height: 198px;
        clear: both;
        }
        
body.category-music #headerimg,
body.page-id-6507 #headerimg,
body.category-live-reviews #headerimg,
body.category-record-reviews #headerimg,
body.category-music-opinion #headerimg,
body.category-music-listen #headerimg,
body.category-music-news #headerimg {
	background-image: url(images/banner-music.jpg);
        background-repeat: repeat-x;
        height: 198px;
        clear: both;
        }

body.category-transport #headerimg,
body.category-railway-photography #headerimg,
body.category-modelling-projects #headerimg,
body.category-modelling-news #headerimg,
body.category-railways #headerimg {
	background-image: url(images/banner-railways.jpg);
        background-repeat: repeat-x;
        height: 198px;
        clear: both;
        }

body.category-games #headerimg,
body.category-gaming-and-sf #headerimg,
body.category-kalyr-rpg #headerimg,
body.category-sf #headerimg {
	background-image: url(images/banner-rpg.jpg);
        background-repeat: repeat-x;
        height: 198px;
        clear: both;
        }
        
body.page-id-7804 #headerimg,
body.category-testing #headerimg {
	background-image: url(images/banner-testing.jpg);
        background-repeat: repeat-x;
        height: 198px;
        clear: both;
        }

body.category-rants #headerimg {
	background-image: url(images/banner-rants.jpg);
        background-repeat: repeat-x;
        height: 198px;
        clear: both;
        }


body.home #headerimg {
        background-image: url(images/banner-generic.jpg);
        background-repeat: repeat-x;
        height: 198px;
        clear: both;
        }


/* Menu */


#access,
#access .menu-header,
div.menu {
	width: 100%;
}


/* Content */

.hentry {
	margin-bottom: 20px;
	}

#content {
      margin-right: 260px;
         }

.widget-container {
      background-color: #dddddd;
      padding: 10px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      border: 0;
}

.widget-container ul {
	list-style: none;
	}

#front-page-text {
      font-family: Arial;
      font-size: 12pt;
      margin-left: 10px;
      margin-right: 10px;
      }
		
.entry-content {
      font-family: Arial;
      font-size: 12pt;
      background-color: #ffffee;
      padding: 10px;
      margin-top: 10px;
      border: 0;
      }
      
.comment-body {
      font-family: Arial;
      font-size: 11pt;
      }

.widget-container {
      font-family: Arial;
      }

h3#comments-title {
	padding: 0;
	}

.post {
      background-color: #ffffee;
      padding: 10px;
      border-top-style: solid;
      border-top-width: 2px;
      border-top-color: #888888
	}

#comments {
      background-color: #ffffee;
      padding: 10px;
      border: 0;
	}

h1.page-title {
      padding: 10px;
      margin: 10px;
      font-family: Arial;
      font-size: 24px;
      font-style: italic;
      color: #ff0000;
      }      

#content h1.category-blog-title {
      font-family: "Helvetica Neue",Arial,Helvetica,"Nimbus Sans L",sans-serif;
      font-size: 25pt;
      font-weight: bold;
      line-height: normal;
      margin: 0px;
      padding: 0px;
      color: #000000;
        }

.archive-meta p {
      padding: 10px;
      border: 0;
      font-family: Arial;
      font-size: 12pt;
      color: #000000;
	}

/* =Asides-------------------------------------------------------------- */

.home #content .category-asides p {      
        font-size: 12pt;
        line-height: 24px;
        margin-bottom: 10px;
        margin-top: 0;
        }

.home .hentry.category-asides {
        padding: 10px;
       }

.home #content .category-asides .entry-content 
       {    padding-top: 10px;}



/* Formatting the magazine-like front page */

#ThoughtOfTheDay {
      margin-left: 10px;
      margin-right: 10px;
        }

#ThoughtOfTheDay p {
      font-family: Arial;
      font-size: 12pt;
      font-style: italic;
      color: #888888;
      margin-top: 0px;
      margin-bottom: 8px;
	}	

.frontPageColumns {
	background-color: #ffffee;
        padding: 10px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	float: left;
	}

.frontPageColumns ul {
	list-style: none;
	padding-top: 12px;
	margin: 0;
	}

.frontPageColumns li {
	width: 193px;
	float: left;
	margin-left: 0x;
	margin-right: 20px;
	padding-bottom: 12px;
	list-style: none;
	position: relative;
	font-size: 10pt;
	font-family: Arial;
	line-height: normal;
	}
	
.frontPageColumns li h3 a {
	color: #880000;
	font-size: 11pt;
	font-family: Arial;
	font-weight: bold;
	text-decoration: none;
	}

.FeaturedPosts h1,
.FrontPageSidebar h1 {
        font-family: Arial;
        font-weight: Bold;
        color: #000000;
        border-top-style: solid;
        border-top-width: 2px;
        border-top-color: #888888;
        margin-top: 10px;
        margin-bottom: 15px;
        margin-left: 10px;
        margin-right: 10px;
        padding-top: 10px;
        }

.FeaturedPosts,
.FrontPageSidebar {
	background-color: #ffffee;
        width: 940px;
        float: right;
	position: relative;
	-moz-border-radius: 6px;
	border-radius: 6px;
        margin-top: 0px;
        }

.FeaturedPost,
.FrontPageSidebarItem {
        width: 165px;
        padding: 5px;
        margin-bottom: 10px;
        margin-left: 5px;
        margin-right: 5px;
	float: left;
	}

.FrontPageSidebarItem a h2 {
        font-family: Arial;
        font-weight: Bold;
        text-decoration: None;
        color: #000000;
        margin-bottom: 15px;
        }

.RelatedPosts h2,
.FeaturedPosts h2 a {
        font-family: Arial;
        font-weight: Bold;
        text-decoration: None;
        color: #000000;
        margin-top: 10px;
        margin-bottom: 10px;
        }

.FrontPageSidebarItem h3,
.FrontPageSidebarItem h3 a {
        font-family: Arial;
        font-weight: Bold;
        text-decoration: None;
        color: #000000;
        margin-top: 10px;
        margin-bottom: 10px;
        }

.FeaturedPost a:hover,
.FrontPageSidebarItem a:hover {
        color: #FF0000;
        }

.FrontPageSidebarItem ul {
	list-style: none;
        margin: 0px;
	}

.FrontPageSidebarItem li {
	margin-left: 0px;
	list-style: none;
	font-size: 10pt;
	font-family: Arial;
	line-height: normal;
	}

.FeaturedPost p {
	margin-left: 0px;
        margin-top: 10px;
        margin-bottom: 10px;
	list-style: none;
	font-size: 10pt;
	font-family: Arial;
	line-height: normal;
	}