/*   
Theme Name: Tremware CMS
Description: A custom theme for the Tremware CMS.  A child theme of the Thematic framework.
Author: Corey Downie
Template: thematic
Version: 1.0
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

body, input, textarea{font-family:arial, sans-serif;}
.entry-content{font-family: Georgia, serif; }
body{border-top:6px solid #007C84; color:#555;}
ul{list-style-type: square;}

#branding{padding:0; float:left; width:330px;}
#blog-description{ position:absolute; left:-9000px;}
#blog-title a{display:block; text-indent:-9000px; height:50px; width: 350px; background: url(img/logo_slim_2_small.png) no-repeat left 10px;}

#access{border:0; width:560px;float:left;}
.menu{width:560px;}

.sf-menu{float:right; background:#d3d3d3; border:0; -moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px; -webkit-border-bottom-left-radius:8px; -webkit-border-bottom-right-radius:8px; padding:0;}
.sf-menu li{background:transparent; }
.sf-menu li a{border:0;}
.sf-menu li.current_page_item a{background:#007C84; color:#fff; -moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px; -webkit-border-bottom-left-radius:8px; -webkit-border-bottom-right-radius:8px;}
.sf-menu li.current_page_item ul li a{color:#666; background:transparent; }
.sf-menu li ul li.current_page_item a{-moz-border-radius:0; -webkit-border-radius:0;}
.sf-menu li ul li a{color:#666; background:transparent; }
.sf-menu li ul li a:hover{color:#fff; }

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active{ background:transparent; color:#fff; }
.sf-menu li ul li:hover, .sf-menu li ul li.sfHover, .sf-menu ul li a:focus, .sf-menu ul li a:hover, .sf-menu ul li a:active{ background:transparent; color:#fff; }

.sf-menu ul{border:1px solid #eee; background:#d3d3d3; margin:0;}
.sf-menu ul li{background:transparent;}


a#demo, a#contact{background:url(img/button_sprites.png) no-repeat; color:#444; font-family:verdana;font-size:1.6em;display:block; padding:25px 30px; text-decoration:none;}
a#demo{ background-position:0 -140px; color:#fff; }
a#demo:hover{ background-position:0 -210px; }
a#contact:hover{background-position:0 -70px;}

#wrapper{width:900px; margin:auto;}
#main{padding:0; clear:both; width:900px;}
#fp-sidebar{float:left; margin-left:30px; width:250px;}
#container{}
#primary{background:#d6d6d6; -moz-border-radius-bottomright:8px; -moz-border-radius-topleft:8px; -webkit-border-top-left-radius:8px; -webkit-border-bottom-right-radius:8px; border:0; padding:5px 0 0;}
.main-aside{width:260px;}
.main-aside h3{border-bottom:2px solid #007C84; color:#007C84; font-size:1.3em; font-style:normal;}
.main-aside ul ul{list-style:square; margin:0 10px;}
.frontpage.main-aside{width:230px; margin-top:15px;}
.widgetcontainer{margin-bottom:15px;}
#header{height:70px;}
#footer{border-color:#007C84;}
#subsidiary{padding:18px 0 0; width:900px;}
#subsidiary .aside{width: 285px;}
#subsidiary .aside h3{margin-bottom:8px;}

#siteinfo{width:900px; text-align:right; color: #111; }


.slider{height:280px; background:#B0C4DE; }
.sidebar-news{height:300px; background:#B0C4DE; -moz-border-radius:8px; border:1px solid #4682B4;}
h1.front-page{font-size:1.8em; color:#007C84; margin:10px 30px 20px; font-weight:bold;}

body.blog #container{width:900px;}
body.blog #content{width:900px;}

/* for the tour page */
#slider {
    width: 700px;
    margin: 0 auto;
    position: relative;
}

.scroll {
    height: 350px;
    width: 700px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background: #eee url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
}

.scrollContainer div.panel {
    padding: 20px;
    height: 210px;
    width: 660px;
}

#shade {
    background: #EDEDEC url(images/shade.jpg) no-repeat 0 0;
    height: 50px;
}

ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
}

ul.navigation li {
    display: inline;
    margin-right: 10px;
}

ul.navigation a {
    padding: 10px;
    color: #000;
    text-decoration: none;
	font-style:normal; 
}

ul.navigation a:hover {
    background-color: #f1f1f1;
}

ul.navigation a.selected {
    background-color: #eee;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -40px;
}

.scrollButtons.right {
    right: -40px;
}

.hide {
    display: none;
}
/* */