/*
Theme Name: The Garage
Theme URI: http://freshH2O.net/
Description: The Garage theme for The Garage website @ CVille
Version: 2.2
Author: Justin Freshwater / edits by Kate Daughdrill
*/

/*
TABLE OF CONTENTS

	HTML Elements
	Page Structure
	Sidebar
	Navigation
	Headings
	Content
	Calendar
	Footer
*/

/* --------------- HTML Elements ---------------*/

body {		
	background-color:#ADB5C7;
	min-height:101%;
	font-size: 100%;
	font-size: small;
	color: #3B3B3B;
	font-family: "Verdana", serif;
	line-height: 1.2em;
}
	
* { 
	margin: 0;
	padding: 0;
}

.left, .alignleft {	
	float:left;
}

.right, .alignright {	
	float:right
}

/* ----- LINKS ----- */

a:link {
	color:#446;
	padding-bottom:2px;
	text-decoration:none;
}

a:visited {
	color: #5555AF;
	text-decoration: underline;
}

a:hover {
	color: #002280;
	text-decoration: none;
	border:none;
}
a:link img { 
	border:none; text-decoration:none; 
}

/* --------------- Page Structure ---------------*/

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

#pageWrap {
	margin: 0 auto;
	width: 1000px;
}

#header {
	background:transparent url(header.jpg) no-repeat center;
	height:59px;
	padding:0 37px;
}

#nav {
	float:right;
	margin-top:27px;
}

#pageContent {
	background:#CCC8B8 url(bg.jpg) repeat-y;
	margin:0 40px;
	min-height:440px;
}

#sidebarContainer {
	float:left;
	width:392px;
	background-color:#B2AFA2;
	margin-left:1px;
}

#sidebarHeader {
	background:transparent url(sidebar_header.jpg) no-repeat;
	height:298px;
}

#sidebarContent {
	min-height:48px;
	margin-left:63px;
	padding-left:12px;
	margin-top:-20px;
	color:#444;
	background:transparent url(sidebar_content.jpg) repeat-y;
}

/* ------------------- sidebar ------------------------ */
#sidebar * {list-style:none;}
#sidebar {position:relative; top:-50px; width:230px;}
#sidebar .widget {margin-bottom:25px;}

.widgettitle {
    font-size:1.4em;
    color:#036;
    border-bottom:none;
    background:none;
    letter-spacing: 1px;
    margin-left: 1px; 
}
#todays-events li, #upcoming-events li {
	margin:8px 0;
	line-height:1.5em;
}
#todays-events li li, #upcoming-events li li {
	margin:0;
}
/*
#upcoming-gigs .gig {
	margin:8px 0;
	margin-left:58px;
	text-indent:-43px;
	color:#36A;
}

.gig table td { padding-bottom: 4px; }
*/

#subscribe {
	padding:3px;
	margin: 4px 8px 8px 8px;
	text-align:center;
	color: #449;
	font-size: 12px;
	border: 1px solid #449; 
	background:none;
	font-family: "Verdana", serif;
	cursor:pointer;
}
#text-210586021 {
	margin: 2em 0 2em 3px;
	padding: 4px;
	padding-top: 9px;
	background-color: #ccb; 
	border: 1px solid #bba;
}
	
#search #s { width:170px; }

#sidebarFooter {
	height:35px;
	position:relative; top:-50px;
	background:transparent url(sidebar_footer.jpg) no-repeat;
}

#blogContent {
	width:517px;
	float:right;
	margin-right:5px;
	margin-top:5px;
}

.post {
    margin-top:12px;
    padding-bottom:10px;
}
.post h3 *, .post h2 * {color:#222 !important;}

.post small { display:block;}
.post small {
	margin: 0px 5px; 
	padding: 0px 12px 8px 12px; 
	background-color: #ddd;
}

.entry {background-color:#E5E5FF; padding:8px 12px; margin:5px; margin-bottom:8px;}
.entry p { margin-bottom:10px; }

#footer {
	background:transparent url(footer.jpg) no-repeat;
	text-align:center;
	color:#556580;
	height:136px;
	width:100%;
	padding:0 35px;
	padding-top:20px;
	margin-bottom:30px;
	clear:both;
}

/* --------------- Navigation ------------- */

#nav li {
	list-style:none;
	display:inline;
        height:100%;
	text-align:center;
	cursor:pointer;
	overflow:hidden;
	text-indent:-500px;
	background-repeat:no-repeat;
	float:left;
}

#nav li a {
    display:block;
    height:31px;
    text-decoration:none !important;
    border:none;
}

#navBlog { width:42px; background-image:url(blog.jpg); margin-right:12px; }
#navAbout { width:58px; background-image:url(about.jpg); margin-right:12px; }
#navProjects { width:81px; background-image:url(projects.jpg); margin-right:12px; }
#navCalendar { width:91px; background-image:url(calendar.jpg); margin-right:12px; }
#navPhotos { width:69px; background-image:url(photos.jpg); margin-right:12px; }
#navLocation { width:100px; background-image:url(location.jpg); margin-right:7px; }

#nav li:hover {background:none;}

.navigation { text-align:right; font-size: 11px; }
.navigation div { display:inline; }

/* --------------- Headings --------------- */

h1 {	
	margin:10px 0 4px 0;
	letter-spacing:0.6em;
	line-height:1.3em;
	text-align:center;
	text-transform:uppercase;}

h2 {
	margin:10px 0 4px 0;
	font-size:2em;
	line-height:1.2em;
}

h2.pagetitle {
	font-family:"Courier New", sans-serif;
	font-size:20px;
	font-weight:normal;
	letter-spacing:3px;
	margin-bottom:20px;
	text-align:center;
	text-transform:uppercase;
}

h3 {		
	color:#222;
	margin:3px 0 1px 0;
}

.post h3,
.post h2 {
	background-color:#DDD;
	padding: .5em 1em .125em 12px;
	margin: 0px 5px;  
}

/* --------------- Content ---------------*/

#front .post {margin:0; padding:0;}
#front .post * {margin:0; padding:0;}
#front .entry {background:none;}
#front .ngg-singlepic {margin:0; padding:0;}
#front .post p {text-align:center;}

p {
	text-align:justify;
	line-height: 1.3em;
	text-indent: 0;
}

p.postmetadata { 
	margin-left: 20px; 
	font-size: 11px;
}

p.postmetadata a { color: #449; }

#commentform * {
	margin:3px;	
}

#comment {
	width:75%;
}

/* --------------- Calendar -------------*/
    .calnk a:hover {
         background-position:0 0;
         text-decoration:none;  
         color:#000000;
         border-bottom:1px dotted #000000;
         }
    .calnk a:visited {
         text-decoration:none;
         color:#000000;
         border-bottom:1px dotted #000000;
        }
    .calnk a {
        text-decoration:none; 
        color:#000000; 
        border-bottom:1px dotted #000000;
        }
    .calnk a span { 
        display:none; 
        }
    .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:100%;
     }
     .calendar-heading {
        height:25px;
        text-align:center;
        border:1px solid #D6DED5;
        background-color:#E4EBE3;
     }
     .calendar-next {
        width:25%;
        text-align:center;
     }
     .calendar-prev {
        width:25%;
        text-align:center;
     }
     .calendar-month {
        width:50%;
        text-align:center;
        font-weight:bold;
     }
     .normal-day-heading {
        text-align:center;
        width:25px;
        height:25px;
        font-size:0.8em;
        border:1px solid #DFE6DE;
        background-color:#EBF2EA;
     }
     .weekend-heading {
        text-align:center;
        width:25px;
        height:25px;
        font-size:0.8em;
        border:1px solid #DFE6DE;
        background-color:#EBF2EA;
     }
     .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 {
       
     }
     .current-day {
        vertical-align:text-top;
        text-align:left;
        width:60px;
        height:60px;
        border:1px solid #BFBFBF;
        background-color:#E4EBE3;
     }
     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:#000000;
     }
     .event-content-break {
        width:96%;
        margin-left:2%;
        margin-right:2%;
        margin-top:5px;
        margin-bottom:5px;
        text-align:center;
        height:1px;
        background-color:#000000;
     }
     .calendar-date-switcher {
        height:25px;
        text-align:center;
        border:1px solid #D6DED5;
        background-color:#E4EBE3;
     }
     .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;
     }

/* --------------- Footer ----------------*/

.colJL, .colJR {width:80px; text-align:center;}
.colLeft {text-align:left;}
.colCenter {text-align:center;}
.colRight {text-align:right;}
.colRight * {float:right;}
.colLeft, .colCenter, .col Right {width:20%;}
#footer img {border:none;}
#footer a:link {border:none !important;}

/* --------------- ADDITIONS - AUGUST 09 ----------------*/

.post h2 { font-size: 17px; }
.post h2 a { text-decoration: none; }

h3#respond { margin-left: 8px; font-size: 13px; font-weight: bold; color: #45525b;  }