/*
Theme Name: Ali Gray
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/
Tags: blue, custom header, fixed width, two columns, widgets

	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

*/

body {
/*background: #c79769; */
background: #7F928E;
margin: 0;
padding: 0;
}

#comment {
width: 600px;
}

#content {
width: 790px;
background: #fff url(images/rounded-corners.jpg) no-repeat bottom;
margin: 15px 0 0 0;
padding: 0 0 15px 0;
}

#content h2 {
margin: 0 35px 25px 35px;
color: #555555;
font-size: 17px;
line-height: 21px;
font-style: italic;
}

#content h2 a {
color: #555555;
text-decoration: none;
}

#content h2 a:hover {
color: #555555;
text-decoration: none;
}

#content h3 {
margin: 0 35px 10px 35px;
color: #555555;
font-size: 16px;
line-height: 19px;
font-style: italic;
}

#content h3 a {
color: #555555;
text-decoration: none;
}

#content h3 a:hover {
color: #555555;
text-decoration: none;
}

#content img, #content p img {
margin: 0 0 6px 35px;
float: right;
clear: right;
}

#content img.top {
margin: 0;
*margin: -15px 0 0 0;
float: none;
}

#content p {
margin: 0 35px 10px 35px;
color: #555555;
font-size: 12px;
line-height: 16px;
}

#content p.divider {
height: 1px;
border-bottom: #555555 dashed 1px;
margin: 14px 35px 15px 35px;
clear: both;
}

#content p.small {
margin: -5px 50px 10px 35px;
color: #555555;
font-size: 10px;
line-height: 13px;
}

#content p a {
color: #555555;
text-decoration: underline;
}

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

#content table.newsletter {
margin: 10px 0 20px 35px;
color: #555555;
font-size: 12px;
line-height: 16px;
}

#footer {
width: 790px;
margin: 0 0 25px 0;
clear: both;
}

#footer p {
margin: 30px 0 0 0;
padding: 0;
color: #fff;
font-size: 12px;
line-height: 12px;
text-align: center;
}

#footer p.copyright {
font-size: 11px;
line-height: 14px;
}

#footer p a {
margin: 0 25px 0 0;
color: #333333;
text-decoration: underline;
}

#footer p a:hover {
color: #fff;
text-decoration: underline;
}

#homeregion {
width: 790px;
height: 570px;
background: url(images/home/home.jpg) no-repeat;
margin: 0;
padding: 0;
}

#homeregion #playercontainer {
padding: 460px 0 0 10px;
}

#musicmiddle {
width: 165px;
margin: 0 0 20px 10px;
padding: 0;
float: left;
}

#musicmiddle ol {
margin: 0;
}

#musicmiddle ol li {
margin: 0 0 10px 0;
color: #555555;
font-size: 12px;
line-height: 16px;
}

#musicmiddle ol li a {
color: #555555;
text-decoration: underline;
}

#musicmiddle ol li a:hover {
color: #333333;
text-decoration: underline;
}

#musicmiddle p {
margin: 0 0 10px 0;
}

#musicplayer {
width: 280px;
margin: 0 0 20px 35px;
_margin: 0 0 20px 17px;
padding: 0;
float: left;
}

#musicright {
width: 250px;
margin: 0 0 20px 20px;
padding: 0;
float: left;
}

#musicright p {
margin: 0 0 10px 0;
color: #555555;
font-size: 12px;
line-height: 16px;
}

#navregion {
width: 100%;
height: 25px;
background: #555555;
margin: 0 auto;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
}

#navbar {
width: 790px;
height: 19px;
background: #555555;
margin: 0 auto;
padding: 6px 0 0 0;
}

#navregion p {
margin: 0;
padding: 0;
color: #d5d5d5;
font-size: 12px;
line-height: 12px;
font-style: italic;
}

#navregion p a {
margin: 0 18px 0 0;
color: #d5d5d5;
text-decoration: none;
}

#navregion p a.final {
margin: 0;
}

#navregion p a.last {
margin: 0 95px 0 0;
}

#navregion p a:hover {
color: #fff;
text-decoration: none;
}

.navigation {
margin: 0 0 10px 0;
font-size: 11px;
}

.navigation a {
color: #555555;
text-decoration: underline;
}

.navigation a:hover {
color: #333333;
text-decoration: underline;
}

.navigation .alignleft {
margin: 0 10px 0 35px;
}

.navigation .alignright {
margin: 0 35px 0 10px;
}

#site {
width: 790px;
margin: 0 auto;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
}

.slideshow {
margin: 10px 0 10px 0;
padding: 0;
}

.slideshow img {
margin: 0;
}

    .calnk a:hover {
         background-position:0 0;
         text-decoration:none;  
         color:#555555;
         /*border-bottom:1px dotted #555555;*/
         }
    .calnk a:visited {
         text-decoration:none;
         color:#555555;
         /*border-bottom:1px dotted #555555;*/
        }
    .calnk a {
        text-decoration:none; 
        color:#555555; 
        /*border-bottom:1px dotted #555555;*/
        }
    .calnk a span { 
        display:none;
		border: #000 solid 1px;
        }
    .calnk a:hover span {
        color:#333333; 
        background:#F6F79B; 
        display:block;
        position:absolute; 
        margin-top:1px; 
        padding:5px; 
        width:150px; 
        z-index:100;
        }
     .calendar-table {
        border:none;
        width: 730px;
		margin: 0 0 25px 35px;
		*margin: 0 0 25px 0;
		_margin: 0 0 25px -10px;
     }
	 
	 .calendar-table td {
	 	padding: 5px;			
	 }
	 
     .calendar-heading {
        height:35px;
        text-align:center;
        border:1px solid #D6DED5;
        background:#555555;
     }
     .calendar-next, .calendar-next a {
        width:25%;
        text-align:center;
		font-size: 12px;
		color: #fff;
		text-decoration: none;
     }
	 .calendar-prev, .calendar-prev a {
        width:25%;
        text-align:center;
		font-size: 12px;
		color: #fff;
		text-decoration: none;
     }
	 .calendar-next a:hover, .calendar-prev a:hover {
	 	color: #7f928e;
		text-decoration: none;
	 }
     .calendar-month {
        width:50%;
        text-align:center;
        font-weight:bold;
		color: #fff;
     }
     .normal-day-heading {
        text-align:center;
        width:25px;
        height:25px;
        font-size:0.8em;
        border:1px solid #DFE6DE;
        background: #7f928e;
		text-align: center;
		color: #555555;		
     }
     .weekend-heading {
        text-align:center;
        width:25px;
        height:25px;
        font-size:0.8em;
        border:1px solid #DFE6DE;
        background: #7f928e;
        color: #cbcbcb;
     }
     .day-with-date {
        vertical-align:text-top;
        text-align:left;
        width:60px;
        height:60px;
        border:1px solid #DFE6DE;
     }
     .no-events {

     }
     .day-without-date {
        width:60px;
        height:60px;
        border:1px solid #E9F0E8;
     }
     span.weekend {
        color: #cbcbcb;
     }
     .current-day {
        vertical-align:text-top;
        text-align:left;
        width:60px;
        height:60px;
        border:1px solid #BFBFBF;
        background-color:#7f928e;
     }
     span.event {
        font-size:0.75em;
     }
     .kjo-link {
        font-size:0.75em;
        text-align:center;
     }
     .event-title {
        text-align:center;
        font-weight:bold;
        font-size:1.2em;
     }
     .event-title-break {
        width:96%;
        margin-left:2%;
        margin-right:2%;
        margin-top:5px;
        margin-bottom:5px;
        text-align:center;
        height:1px;
        background-color:#555555;
     }
     .event-content-break {
        width:96%;
        margin-left:2%;
        margin-right:2%;
        margin-top:5px;
        margin-bottom:5px;
        text-align:center;
        height:1px;
        background-color:#555555;
     }
     .calendar-date-switcher {
        height:25px;
        text-align:center;
        border:1px solid #D6DED5;
        background-color:#7F928E;
     }
     .calendar-date-switcher form {
        margin:0;
        padding:0;
     }
     .calendar-date-switcher input {
        border:1px #D6DED5 solid;
     }
     .calendar-date-switcher select {
        border:1px #D6DED5 solid;
     }
     .cat-key {
        width:100%;
        margin-top:10px;
        padding:5px;
        border:1px solid #D6DED5;
		font-size: 11px;
     }