/*
Theme Name:Christine Kane (ck-sepia-26)
Theme URI:http://christinekane.com/
Description:Custom design for Christine Kane by Natalie Jost - corrected and fully realized by Brent Garren
Version:1.0
Author:Natalie Jost (Editor:Brent Garren)
Author URI:http://nataliejost.com/ (Editor URI:http://abdstudios.com)
*/
/*# GENERIC, SHARED #*/
th, td {
	vertical-align:top;
	}
body {
	font-family:'Helvetica', 'Arial', 'Lucida Sans Unicode', sans-serif;
	font-size:80%;
	margin:8px 5% 100px 5%;
	}
.clr {
	clear:both;
	}
.clr:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
a {
	text-decoration:none;
	color:#178;
	}
a, img {
	border:0;
}
h1, h2, h3, h4, h5, h6 {
		margin-top:0;
		line-height:110%;
	}
.raquo {
	display:none;
	font-family:'Arial Black',sans-serif;
	font-weight:normal;
}
form {
	margin:0;
	padding:0;
}
/* WP 2.6 ADDITIONS */
img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}
img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}
/*-----[  FOR BLOG ONLY  ]-----*/
body {
		background:#fff;

		}
/*-----[  RANDOM PHOTOS  ]-----*/
#photos {
		width:400px;
		height:213px;
		background:transparent url(img/random/blog/random.php) no-repeat;
		}

/*-----[  HEADER  ]-----*/
#header {
		display:block;
		float:right;
		width:494px;
		height:55px;
		text-indent:-99999px;
		background-image:url(img/name_blog.png);
		background-repeat:no-repeat;
		}
#header:hover {
		/*background:url(img/name_h.png) no-repeat;*/
		}
#description {
		float:right;
		clear:right;
		width:400px;
		font-size:1em;
		/* font-weight:bold; */
		letter-spacing:.2em;
		text-align:right;
		/*color:#766;*/color:#976;
		margin:-7px 32px 0 0;
		}

/*-----[  BURST  ]-----*/
#burst {
		display:none;
		width:177px;
		height:181px;
		background-image:url();
		background-image:url(img/burst.png);
		background-repeat:no-repeat;
		margin-top:20px;
		}


/*-----[  TOP LINKS  ]-----*/
#top_links {
		float:right;
		clear:right;
		width:340px;
		margin-top:25px;
		}
#top_links p {
		text-align:right;
		color:#178;
		margin:0 0 6px 0;/* compensates for generic p styles above*/
		}
#top_links p a {
		font-size:1.4em;
		text-transform:lowercase;
		color:#178;/*432*/
		}
#top_links p a:hover {
		color:#a63/*863*/;
		}
#top_on {
		font-size:2em;
		font-weight:normal;
		line-height:.9em;
		color:#068;
		}

/*-----[  REGULAR LINKS  ]-----*/
ul#links {
		/* float:left; */
		clear:both;
		width:100%;
		background-color:#322;
		border-width:1px 0 1px 0;
		border-style:solid;
		border-color:#000;
		margin:0;
		padding:0; 
		}
		ul#links li {
			float:left;
			list-style-type:none;
			margin:0;
			}
			ul#links li a {
				display:block;
				font-size:1.1em;
				text-transform:uppercase;
				color:#bead8f;
				margin:0;
				padding:3px 10px 3px 10px;
				}
				/*
				ul#links li.current_page_item a, ul#links li.current_page_item a:hover {
					font-size:1.1em;
					text-transform:uppercase;
					color:#322;
					background-color:#bead8f;
					padding:3px 10px 3px 10px;
					}
				*/
				ul#links li a:hover {
					color:#322;
					background-color:#bead8f;
					text-decoration:none;
					}
		ul#links li#search {
			float:right;
			margin-right:5px;
			}


/*-----[  WRAPPER  ]-----*/

	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* holy grail 3 column settings */
	.holygrail {
//	    background:#d8c8b1;    	/* Right column background colour */
	    background:#fff;    	/* Right column background colour */
	}
    .holygrail .colmid {
        float:left;
        width:200%;
        margin-left:-250px; 	/* Width of right column */
        position:relative;
        right:100%;
        background:#fff;    	/* Centre column background colour */
    }
    .holygrail .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:440px;         	/* Left column width + right column width */
//        background:#FFD8B7;    	/* Left column background colour */
        background:#FFf;    	/* Left column background colour */
    }
    .holygrail .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:190px;        	/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	}
	.holygrail .col1 {
        margin:0 235px 0 178px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
	}
    .holygrail .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:160px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:15px;         	/* Width of the left-had side padding on the left column */
    }
    .holygrail .col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:220px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right: 35px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
    }




/*-----[  CONTENT  ]-----*/
#content {


	}

#content a {
		font-weight:bold;
		color:#178;
		}
#content a:hover {
		color:#000;
		text-decoration:underline;
		}

/*-----[  PREVIOUS-NEXT ]-----*/
.navigation {
		display: block;
		text-align: center;
		margin-bottom: 30px;
		}
		.navigation .alignleft {
				float:left;
				}
		.navigation .alignright {
				float:right;
				}
		.navigation .aquo {
				font-family:'Arial Black',sans-serif;
				font-size:1.4em;
				color:#a97;
				}
		.navigation a {
				text-decoration:underline;
				}

img.center {
		display: block;
		margin-left: auto;
		margin-right: auto;
		}
img.right {
		padding: 4px;
		margin: 0 0 2px 7px;
		display: inline;
		}
img.left {
		display: inline;
		float: left;
		padding: 4px;
		margin: 0 7px 2px 0;
		}

/*-----[  POST (several elements including title, byline, entry, at end of post stuff)  ]-----*/
.narrowcolumn {
		border-width:0 1px 0 1px;
		border-style:solid;
//		border-color:#acd;
		border-color:#ccc;
		padding: 10px 20px 0 20px;
		}
.widecolumn .post {
		margin:0;
		}
.post {
		line-height:1.6em;
		}
.post p {
		margin:20px 0 6px 0;
		}
.post h2 {
		font-size:1.8em;
		margin-bottom:4px;
		}
.post h2 a {
		color:#178;
		}
.post h4 {
		font-size:1em;
		color:#a97;
		border-bottom:3px double #ba8;
		}
.post-divider {
		border-top:6px dotted #322;
		height:120px;
		}

/*-----[  ENTRY  (the text/content of the post) ]-----*/
.post .entry p {
		font-family:Verdana, Arial, sans-serif;
		font-size:1.1em;
		font-weight:normal;
		line-height:1.5em;
		color:#333;
		}
.post .entry h3 {
		font-size:1.5em;
		text-transform:lowercase;
		color:#764;
		border-top:1px solid #764;
		margin:15px 0 0 0;
		}
.post .entry h4 {
		text-transform:lowercase;
		color:#a97;
		border-bottom:1px solid #ba8;
		margin:15px 0 0 0;
		}
.post .entry h6 {
		font-size: 1.5em;
		text-align: center;
		color:#ff3300;
		margin:15px 0 0 0;
		}
 .post .entry h8 {
		font-size: .8em;
		color:#333;
		line-height:1.1em;
		}
.post .entry blockquote {
		border-left:3px solid #178;
		padding-left:12px;
		color:#578;
		}
.post .entry blockquote p {
		font-family:'Verdana', sans-serif;
		font-size:1em;
		color:#578;
		}
.post .entry img {
		/*float: left;*/
		margin: 0 12px 5px 0;
		}

/*-----[  META  ]-----*/
.meta {
		width:100%;
		margin:0px auto 20px auto;
		padding-top:6px;
		border-top:3px double #ba8;
		}
.meta-top {
		width:100%;
		padding: 6px;
		border-top:3px double #ba8;
		}
.meta-prop {
		width:450px;
		}
.meta .meta-left {
		float:left;
		width:45%;
		}
.meta .meta-right {
		float:right;
		width:45%;
		}

/*-----[  COMMENTS  ]-----*/
h3#comments {
		color:#322;
		padding: 0;
		margin: 15px auto 20px auto;
		}
.alt {
		background-color:#f6f5f3 /*f8f8f8*/;
		border-width:1px 0 1px 0;
		border-style:solid;
		border-color:#d6d5d3;
		margin: 0;
		padding: 10px;
		}
.commentlist {
		padding: 0;
		text-align: justify;
		}
		.commentlist li, #commentform input, #commentform textarea, .commentlist cite, .commentlist cite a {
				/*font-size:0.9em;*/
				}
		.commentlist li p {
			font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
			font-size:0.9em;
		}
		.commentlist li {
				margin: 15px 0 3px;
				padding: 5px 10px 3px;
				list-style: none;
				}
		.commentlist cite, .commentlist cite a {
				font-size:1.3em;
				font-weight:bold;
				font-style: normal;
				text-transform:lowercase;
				text-decoration:none;
				color:#a97;
				}
		.commentlist cite a {
				font-size:1em
				}
		.commentlist p {
				font-weight: normal;
				line-height: 1.5em;
				text-transform: none;
				margin: 10px 5px 10px 0;
				}

		.nocomments {
				text-align: center;
				margin: 0;
				padding: 0;
				}
		.commentmetadata {
				font-weight: normal;
				margin: 0;
				display: block;
				}


/*-----[  COMMENT FORM  ]-----*/
		#commentform p {
			font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
			margin: 5px 0;
			}
		#commentform input {
			width: 170px;
			padding: 2px;
			margin: 5px 5px 1px 0;
			}
		#commentform textarea {
			width: 100%;
			padding: 2px;
			}
		#commentform #submit {
			margin: 0;
			float: right;
			}
/* End Comments */
/*-----[  SIDEBAR LEFT  ]-----*/
#sidebar a, #sidebar-left a {
	color:#178;
}
#sidebar a:hover, #sidebar-left a:hover {
	color:#4ab;
}
#sidebar-left {


	}
/* ASSIGN #sidebar-left width IN EACH STYLESHEET */
#sidebar-left a {
		color:#178;
	}
#sidebar-left img {
		border:0;
	}
#sidebar-left a img.cd {
		float:left;
		width:60px;
		height:60px;
		border:1px solid #000;
		margin:0 10px 14px 0;
	}
#sidebar-left h2 {
			clear:left;
		}
#sidebar-left ul {
		margin:0;
		padding:0;
	}
#sidebar-left ul li {
		float:left;
		clear:left;
		width:100%;
		list-style-type:none;
		border-bottom:2px dotted #178;
		padding:0 0 3px 0;
	}
    
#sidebar-left li.last {
	border-bottom: none;
}
 
#sidebar-left li.otw {
	border-bottom: none;
    margin: 3px 0;
	font-size: 110%;
}


   
#sidebar-left li p {
		margin-top:6px;
	}
/*
#sidebar-left h2 -> mimics #sidebar h2 below
#sidebar-left li span -> mimics #sidebar span below
*/

/*-----[  SIDEBAR  ]-----*/
a#rssfeed, a#about {
		display:block;
		float:right;
		width:75px;
		height:120px;
		font-family:'Arial Black',sans-serif;
		text-align:center;
		color:#322;
        z-index: 0;
	}
a#rssfeed {
//	z-index: 0;
	}
a#about {
//	z-index: 0;
	}
#sidebar {


	}
	#sidebar h2, #sidebar-left h2 {
			font-size:1.3em;
			text-transform:lowercase;
			text-decoration:none;
			color:#a97;
			/* border-top:1px solid #a97;
//			border-top:3px double #a97;
		*/
			border-bottom: 2px dotted #a97;
			margin:0;
			padding-top:3px;
		}
        
	#sidebar h2.top, #sidebar-left h2.top {
    	margin-top: 3px;
		border-top: 0px;
    }


	#sidebar h2 {
			clear:right;
		}
		#sidebar h2 span, #sidebar-left li span {
			font-size:.75em;
			font-weight:normal;
			color:#322;
			margin:0;
		}
	#sidebar h2#blog-directories {
			text-align:center;
			padding-top:5px;
		}
	#sidebar h2#blog-directories img {
			margin:0 8px 4px 8px;
		}
	#sidebar ul {
			margin:2px 0 10px 0;
			padding:0;
			list-style-type:none;
		}
		#sidebar ul li {
				margin:0;
			}
		#sidebar ul li a {
				display:block;
				background:url(img/double-arrow.gif) no-repeat 2px 2px;
				padding-left:13px;
			}
		#sidebar ul li a:hover {
				background:url(img/double-arrow-hover.gif) no-repeat 0 2px;
			}
			#sidebar ul li.current-cat a {
					color:#322;
					background:url(img/double-arrow-on.gif) no-repeat 0 2px;
				}
#archives {
	width: 220px;
	padding-bottom:10px;
    border: 1px solid #178;
    border-radius: 5px;
	margin: 0;
}
#archivestitle {
		display:block;
		width:218px;
		height:40px;
        margin-left: 1px;
		text-align:center;
		text-indent:-99999px;
		background-image:url(img/archives-button-new.png);
		background-repeat:no-repeat;
		background-position:top center;
        border-bottom: 1px solid #ccc;
	}
    
#archives p {
    margin: 10px;
    line-height: 14px;
}

#archives h2 {
	border-bottom: 0;
}  
    
h2#abd-upcoming-header {
	border-bottom: 0;
}
    
ul#upcoming-events li {
	border-bottom:2px dotted #178;
	margin:0 0 5px 0;
	padding:0 0 5px 10px;
}
ul#upcoming-events a {
	font-weight:bold;
}

#upcoming-events h2 {
	border-bottom: 0;
}

/*-----[  SIDEBAR RIGHT  ]-----*/
#sidebar-right a {
	color:#178;
}
#sidebar-right a:hover {
	color:#4ab;
}
#sidebar-right {
		float:right;
		width:145px;
		border-left:1px solid #baa/*base=edd*/;
		margin:10px 15px 0 0;
		padding-left:20px;
        height: 100%;
	}
/* ASSIGN #sidebar-left width IN EACH STYLESHEET */
#sidebar-right a {
		color:#178;
	}
#sidebar-right img {
		border:0;
	}
#sidebar-right a img.cd {
		float:left;
		width:60px;
		height:60px;
		border:1px solid #000;
		margin:0 10px 14px 0;
	}
#sidebar-right h2 {
			clear:left;
		}
#sidebar-right ul {
		margin:0;
		padding:0;
	}
#sidebar-right ul li {
		float:left;
		clear:left;
		width:100%;
		list-style-type:none;
		border-bottom:2px dotted #178;
		padding:0 0 3px 0;
	}
#sidebar-right li p {
		margin-top:6px;
	}
/*
#sidebar-right h2 -> mimics #sidebar h2 below
#sidebar-right li span -> mimics #sidebar span below
*/

.scrolling-div, .blogrollmain {
		overflow: auto;
		height: 78px;
		border: 1px solid #a97;
		}
.scrolling-div p, .blogrollmain p {
		font-family: 'Trebuchet MS', sans-serif;
		font-size: 10px;
		font-weight: normal;
		line-height:14px;
		text-align:left;
		color: #ccc;
		background-color:#fff;
		margin:0;
		}

/* Triplepack styles */

#triplepack {
	margin: 10px 0 5px 0;
    width: 220px;
}

.callout-head-blue {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11pt;
	text-align: center;
	color: #006080;
	font-weight: bold;
}
.callout-head {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #574225;
}
.callout-text-sm {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10pt;
	color: #574225;
	font-weight: normal;
}
.callout-text-vsm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #574225;
    margin: 2px 5px 5px 5px;
}
#triplepack ol {
	list-style-position: inside;
	padding-left: 10px;
}
#triplepack li {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #574225;
	margin: 0 6px 3px 0px;
}

.callout-head2-blue {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10pt;
	color: #006080;
	font-weight: bold;
}
.table {
	border: thin solid #8F06C3;
	background-image: url(img/triplepack/gradient.gif);
	background-repeat: repeat-x;
	background-color: #EAD0F4;
}

#triplepack table {
	margin-left: 10px;
    }

/* STYLES FOR LEFT SIDEBAR */


/* Subscribe box */

#sidebar-left > #subscribe {
		margin: 5px 0;
        height: 130px;
        border-bottom: 1px solid #ccc;
        background: url('img/sub_bg.png') bottom right no-repeat;
}

#sidebar-left > #subscribe span {
	background-color: transparent;
	font-family: 'Trebuchet MS',sans-serif;
    font-weight: bold;
    font-size: 1em;
    opacity:.75;
    padding: 0;
    display: block;
    width: 75px;
    float: left;
    margin-top: 0px;
    z-index: 0;
}




/* About box */

#sidebar-left > #about {
		margin: 10px 0 5px 0;
        height: 80px;
        width: 160px;
}

#sidebar-left > #about a {
	color: #transparent;
	background:url('img/about-txt.png') no-repeat top left;
	height: 80px;
    width: 160px;
    display: block;
}

#sidebar-left > #about a>span{
	display:none;
}


/* CDs box */

#cds {
		margin: 5px 0;
		width: 100%;
}

#cds h2 {
	margin-bottom: 3px;
}



#sidebar-left > #otw {
		clear: all;
		width: 160px;
}


/* On The Web box */

#otw p {
	font-size: 100%;
    margin: 8px 0 3px 3px;
}

#otw ul {
	padding-bottom: 10px;
}

#otw ul li {
	border-bottom: none;
    font-size: 120%;
    margin-left: 12px;
}

#otw a {
	text-indent: 32px;
    height: 26px;
    line-height: 26px;
    display: block;
}

#otw a.yt {
	background: url('img/icons/youtube24.png') no-repeat left center;
}

#otw a.sq {
	background: url('img/icons/squidoo24.png') no-repeat left center;
}

#otw a.fb {
	background: url('img/icons/facebook24.png') no-repeat left center;
}

/* Twitter Styles */

li.twitter {
	border-bottom: 1px solid #ccc;
}

        
/*the overall wrapper - usually unadorned*/
#abd-events-wrap {
		}
		#abd-events-wrap * img {
				border:0;
				}

/*every <td> <th> inside events wrapper*/
#abd-events-wrap td, #abd-events-wrap th {
		vertical-align:top;
		padding:0;
		}
/* element 1 */
/*div that wraps [ Order By: <select> menu ] at the very top*/
#abd-events-wrap .options form {
		font-size:1.2em;
		font-weight:bold;
		color:#fff;
		background-color:#322;
		padding:3px 6px 3px 6px;
		}

/* element 2 */
/*the listings <table>*/
#abd-events-wrap #listings {
		/* width:100%; */
		}
		#abd-events-wrap #listings thead th {
				font-size:1.2em;
				text-align:left;
				color:#fff;
				background:#178;
				padding:3px 6px 3px 6px;
				}
		#abd-events-wrap #listings .month_year {
				font-size:1.2em;
				text-align:left;
				color:#722;
				border-top:4px solid #722;
				padding:4px 0 4px 4px;
				}
/*all below styles a row for each event
row1: <tr class='date_venue'><td>[ DATE]</td><td>[ LOCATION ]</td></tr>
row2: <tr class='info'><td colspan=2>[ INFO ]</td></tr>
row3: <tr><th colspan=2 class='rowspacer'>[ &nbsp; ]</td></tr>
*/
	/*sets bkg color for ALL <td> per event*/
	#abd-events-wrap #listings td {
			background-color:#fff8ee;
			}
	/*row1 - 3 columns wide*/
	#abd-events-wrap #listings .date_venue td {
			font-size:1.1em;
			border-top:1px solid #322;
			padding:6px 4px 2px 6px;
			}
	/*row2 - 1 column with colspan 3*/
	#abd-events-wrap #listings .details td {
			color:#652;/*feb*/
			padding:6px 32px 12px 32px;
			}
	#abd-events-wrap #listings .details td b {
			font-size:1.1em;
			color:#322;
			}
	#abd-events-wrap #listings .details td div.details-content {
			margin-left:20px;
			}
	/*row3 - 1 column - colspan 2 - creates empty space between events*/
	#abd-events-wrap #listings .rowspacer th {
			border-top:1px solid #322;
			padding:0;
			/*line-height:6px;*/
			}
#abd-events-wrap .city-state {
		font-weight:bold;
		}

/*anchor pad adds extra space at the bottom of the content so that #anchor links are more likely to appear right at the top of the browser window when clicked*/		
#abd-anchor-pad {
		height:200px;
		}
/*styles for the upcoming events list in the sidebar*/
h2#abd-upcoming-header {
		/*font-size:1em;
		color:#fff;
		background-color:#b02;
		margin-top:20px;
		padding:3px;*/
		}
ul#abd-upcoming-events {
		background-color:#def;
		border:1px solid #9ab;
		margin:10px 0 24px 0;
		padding:0 4px 4px 4px;
		}
		ul#abd-upcoming-events li {
				list-style-type:none;
				color:#178;
				border:1px solid #9ab;
				margin:4px 0 0 0;
				}
		#sidebar ul ul#abd-upcoming-events li:before {
				content: "";
				}
		ul#abd-upcoming-events li a {
				font-size:1.3em;
				font-weight:bold;
				text-transform:lowercase;
				background-image:url();
				background-color:#cde;
				padding-left:2px;
				}
		ul#abd-upcoming-events li a:hover {
				background-image:url();
				}
		ul#abd-upcoming-events li p {
				margin:0;
				padding:2px 2px 0 2px;
				}
				
p.abd-line-2 {
		font-weight:bold;
		background-color:#d1e2f3;
		}
p.abd-event-title {
		background-color:#d7e8f9;
		}
ul#abd-upcoming-events li p.abd-location {
		margin-bottom:4px;
		}

/* ----- designed by natalie jost - edited by Brent Garren ----- */