/*   
Theme Name: Janney Sound
Theme URI: 
Description: Janney sound template
Author: Ian Stewart
Author URI: http://themeshaper.com/
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* 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 {background: #000033;}
#bg {
background:url(images/bgoverlay.jpg) no-repeat fixed center top transparent;
float:left;
width:100%;
}
body, input, textarea {color: white;}

#nav li ul li, .post, .wp-pagenavi .current, .wp-pagenavi a:link, .wp-pagenavi a:visited, 
.box, #searchform #s, #comments li, #commentform input.txt,.widgetcontainer,
 #commentform textarea, #commentform #submit {
-moz-border-radius:7px 7px 7px 7px;
}
#nav .current_page_item a, #nav a:hover, #main, .post, .Nav a:link, .Nav a:visited, .box, 
.wooTabs li a:hover, .wooTabs a.selected, .widgetcontainer, #searchform #s, #comments li, #commentform input.txt, 
#commentform textarea, #wp-calendar td, table#wp-calendar th {
background:none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
}
p {color: white;font-family:Verdana,Helvetica,Arial,sans-serif;}
h1, h2, h3, h4, h5, h6 {
color: white;
}
a:visited {color: red;}
h1 {font-size: 1.6em; margin-bottom: 10px; margin-top:10px; border-bottom: thin solid #46628d; padding-bottom: 5px; left:0px;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.2em;}

#siteinfo a.noshow, #siteinfo a.noshow:hover, #siteinfo a.noshow:visited {
color:#000033;
cursor:default;
}

#video {margin: 5px 0px;}
strong {}

      .skip-link {
       position:absolute;
       left:-9000px;
      }  
      .menu ul {
       list-style: none;
       margin: 0;
      } 
      .menu ul ul {
       display: none;
      }
      .menu li {
       display: inline;
      }
      .menu a {
       display: block;
       float: left;
      }
	  


a:link {color: red;}

input {background: white; color: blue; border: thin solid darkblue;}
.storycontent {color: white;}

/*------------
Content
------------*/
#myContent {
text-align:center;
margin: 0px auto;
}
#nav, #nav ul {
float:left;
line-height:1;
list-style:none outside none;
margin:0;
padding:0;
z-index:100;
}	  
#branding {
padding:255px 0;
}
#access {
border: none;
width: 960px;
position: relative;
margin: 10px auto;
min-height: 50px;
z-index: 0;
}
#main {
padding: 15px 0px;
text-align: left;
}
.main-aside {
width: 300px;
padding: 10px;
}
.aside h3 {
font-style:italic;
line-height:22px;
}
#container {
width: 580px;
}
#content {
width: 580px;
}
#primary {
border: none;
}
#footer {
border: none;
text-align: left;
}
.eventbox {
float: left;
width: 250px;
display: inline;
margin-right: 40px;
text-align: center;
}
.eventbox2 {
float: right;
width: 250px;
display: inline;
margin-right: 0px;
text-align: center;
}
img {margin: 5px;}

/*------------
Sidebar stuff
------------*/


.textwidget {
margin-top: 5px;
padding: 5px;
}
.textwidget p {
color: gray;
}
.widgetcontainer {
padding: 5px;
}
ul.social-links {
float:left;
margin:5px 0px;
display: inline;
}
ul.social-links li {
list-style-type: none;
float: left;
display: inline;
margin-right: 10px;
}
li a.twitter {
background: url(images/twitter.png) no-repeat;
font-size: 16px;
line-height: 32px;
list-style-type:none;
float: left;
display: inline;
width: 32px;
height: 32px;
}
li a.facebook {
background: url(images/facebook.png) no-repeat;
font-size: 16px;
line-height: 32px;
list-style-type:none;
float: left;
display: inline;
width: 32px;
height: 32px;
}
li a.youtube {
background: url(images/youtube.png) no-repeat;
font-size: 16px;
line-height: 32px;
list-style-type:none;
float: left;
display: inline;
width: 32px;
height: 32px;
}

/*-------------------
Posts and Blog entries
---------------------*/
#blog-title {
background: url(images/chrislogo.png) no-repeat;
text-indent: -9999px;
line-height: 45px;
}

#blog-description {
text-indent: -9999px;
border: none;
}
h2.entry-title, h2.entry-title a {
color: white;
font-size: 20px;
}

.entry-title {
font-weight: normal;
}
.entry-content img {
margin: 5px;
}
/*------------
Pages Menu
------------*/

#page_menu{
	float:right;
	margin-left:-10px;
	min-width:300px;
	overflow:hidden;
	height:25px;
	border:1px solid #b6d19d;
	border-top:none;
	background:#503f3f;
}
#page_menu ul{
	list-style:none;
	padding:3px 0 0 0;
	margin:0;
}
#page_menu ul li{
	float:left;
	margin:0 10px;
}
#page_menu ul li ul{
	display:none;
}
#page_menu a{
	float:left;
	color:#9c8383;
	text-decoration:none;
	font-family:Verdana, Arial, sans-serif;	
}
#page_menu a:hover{
	color:#fff;
}


/* =PageNavi
-------------------------------------------------------------- */

/* Using !important to override PageNavi CSS */

.wp-pagenavi {
    margin:0 0 0 0.5em;
    padding:0.5em 0;
}
.wp-pagenavi a, .wp-pagenavi a:link {
	background:url(images/pagenavi_bg.gif) top left repeat-x #fff !important;
    border:1px solid #bbbbbb !important;
    color:#c40000!important;
    font-style:normal;
    margin:0 .175em !important;
    padding:3px 4px !important;
	line-height:10px;
}
.wp-pagenavi a:visited {
    border:1px solid #bbbbbb !important;
    color:#c40000 !important;
}
.wp-pagenavi a:hover {
    border:1px solid #bbbbbb !important;
    color:#c40000 !important;
}
.wp-pagenavi a:active {
    border:1px solid #bbbbbb !important;
    color:#c40000 !important;
}
.wp-pagenavi span.pages {
    border:none !important;
    color:#404040 !important;
	font-weight: bold !important;
    margin:0 !important;
    padding:0 10px 0 0 !important;
}
.wp-pagenavi span.current {
	background:url(images/pagenavi_bg.gif) top left repeat-x #fff !important;
    border:1px solid #bbbbbb !important;
    color:#0b8000!important;
    font-style:normal;
    margin:0 .175em !important;
    padding:3px 4px !important;
}
.wp-pagenavi span.extend {
	background:url(images/pagenavi_bg.gif) top left repeat-x #fff !important;
    border:1px solid #bbbbbb !important;
    color:#c40000!important;
    font-style:normal;
    margin:0 .175em !important;
    padding:3px 4px !important;
}
#respond {
background: none;
}

    .clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

    .clearfix {display: inline-block;}

    /* Hides from IE-mac \*/
    * html .clearfix {height: 1%;}
    .clearfix {display: block;}
    /* End hide from IE-mac */

    <div id="container" class="clearfix">
        <div id="rail" style="float: left;"></div>
        <div id="content" style="float: left;"></div>
    </div>