/* ------------------------------------------------------------------
---------- BASE LAYOUT ----------------------------------------------
------------------------------------------------------------------ */
body {
	text-align: center;  /* centering the page container, 
							text-align will be reset to left 
							inside the container */
	margin: 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
font-size: 0.8em;
color: #000000;
background: #EDEDED;	}

a:link, a:visited, a:active {
	color: #000000; 
	font-weight: bold; 
	text-decoration: none; 
	}
	
a:hover {
	color: #A0BF26;
	font-weight: bold; 
	text-decoration: none; 
	}
		
ul, ol, dl, p, h1, h2, h3, h4, h5, h6 {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 0;
	padding-bottom: 0;
	}

ul ul, ul ol, ol ul, ol ol {
	/* kill margins on sub-lists */
	margin-top: 0;
	margin-bottom: 0;
	}

h1 {font-size: 2.15em; font-weight: bold;}
h2 {font-size: 1.85em; font-weight: bold;}
h3 {font-size: 1.6em; font-weight: bold; }
h4 {font-size: 1.4em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1em;}


code, pre {
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
	}

pre {
	overflow: auto;
	word-wrap: normal;
	padding-bottom: 1.5em;
	overflow-y: hidden;
	width: 99%;
	}


abbr[title], acronym[title] {
	border-bottom: 1px dotted;
	}
	
hr {
	display: block;
	height: 2px;
	border: none;
	margin: 0.5em auto;
	color: #cccccc;
	background-color: #cccccc;
	}

table {
	font-size: 1em; /* use the body's font size in tables, too */
	}	


/* ------------------------------------------------------------------
---------- BREAK LONG STRINGS ---------------------------------------
------------------------------------------------------------------ */

.post, ul.commentlist li, ol.commentlist li {
	word-wrap: break-word; /* break long strings in IE6+ and Safari2+ 
							in posts and comments */
	}

pre, .wp_syntax {
	word-wrap: normal; /* reset "break-word" for pre & wp-syntax */
	}

	
/* ------------------------------------------------------------------
---------- WRAPPER, CONTAINER & LAYOUT ------------------------------
------------------------------------------------------------------ */

/*-------------------- WRAPPER for MIN / MAX width --------*/


div#wrapper {
	text-align: center;  
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 950px;
		}



/*-------------------- CONTAINER for VISUAL styles --------*/

div#container {
	padding: 0;
		width: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: left; /* resetting the "text-align: center" of "wrapper" */
	display: block;
	}

/*-------------------- LAYOUT to keep it all together -----*/
	
table#layout {
	font-size: 100%;
	width: 100%;
	max-width: 100%;
	table-layout: fixed;
	}

.colone {width: 0px;}
.coltwo {width: 100%; min-width:200px;}
.colthree {width: 225px;}
	
	
/* ------------------------------------------------------------------
---------- HEADER ---------------------------------------------------
------------------------------------------------------------------ */
/*-------------------- TOP NAV -----------------------*/

#top-nav{
	display:block;
	height:9px;
	background-color:#EDEDED;
    padding-top:20px;
    padding-bottom:-1px;
    padding-left:-1px;
 }   
a#DIYblog{
	float:left;
	display:block;
	width:128px;
	height:29px;
	background-image:url(http://diymusician.cdbaby.com/wp-content/themes/custom0423/images/topnav-DIYblog.jpg);
	background-position:top;
	margin-right:5px;
	text-indent:-9999px;
}
a#DIYblog:hover{
	background-position:bottom;
}  
a#DIYpodcast{
	float:left;
	display:block;
	width:155px;
	height:29px;
	background-image:url(http://diymusician.cdbaby.com/wp-content/themes/custom0423/images/topnav-DIYpodcast.jpg);
	background-position:top;
	margin-right:5px;
}
a#DIYpodcast:hover{
	background-position:bottom;
}
a#MDpodcast{
	float:left;
	display:block;
	width:181px;
	height:29px;
	background-image:url(http://diymusician.cdbaby.com/wp-content/themes/custom0423/images/topnav-MusicDiscoveryPodcast.jpg);
	background-position:bottom;
}
  
    

/*-------------------- HEADER CONTAINER -------------------*/

td#header {
	width: auto;
	padding: 0;
	}


/*-------------------- LOGO AREA --------------------------*/

table#logoarea, 
table#logoarea tr, 
table#logoarea td {
	margin: 0;
	padding: 0;
	background: none;
	border: 0;
	}

table#logoarea {
	width: 100%;
	max-width: 100%;
		}
	

/*-------------------- LOGO -------------------------------*/

.logo {
	display: block;
		}

td.logoarea-logo {
	width: 1%;
	}

	
/*-------------------- BLOG TITLE -------------------------*/

h1.blogtitle {
	display: block;
	/*white-space: nowrap;*/
	margin: 0;
padding:0;
letter-spacing:-1px;
line-height: 1.0em;
font-family: tahoma, arial, sans-serif;
font-size: 240%;	}
	
h1.blogtitle a:link, 
h1.blogtitle a:visited, 
h1.blogtitle a:active {
	text-decoration: none;
	color: #666666;
	}
	
h1.blogtitle a:hover {
	text-decoration: none;
	color: #000000;
	}


/*-------------------- BLOG TAGLINE -----------------------*/

p.tagline { 
	margin: 0;
padding: 0;
font-size:1.2em;
font-weight: bold;
color: #666666;	}

	
td.feed-icons {
	white-space: no-wrap; 
	}

div.rss-box {
	height: 1%; 
	display: block; 
	padding: 10px 0 10px 10px; 
	margin: 0;
	width: 280px;
	}
	
/*-------------------- COMMENTS FEED ICON -----------------*/

.comments-icon {
	background: transparent url(images/comment-feed-small.gif) no-repeat scroll 0;
	height: 22px;
	line-height: 22px;
	margin: 0 10px 0 0;
	padding-left: 27px;
	/*display: inline-block;*/
	display: block;
	text-decoration: none;
	float: right;
	white-space: nowrap;
	}


/*-------------------- POSTS FEED ICON --------------------*/

.posts-icon {
	background: transparent url(images/post-feed-small.gif) no-repeat scroll 0;
	height: 22px;
	line-height: 22px;
	margin: 0 10px 0 0;
	padding-left: 25px;
	/*display: inline-block;*/
	display: block;
	text-decoration: none;
	float: right;
	white-space: nowrap;
	}


	
	
/*-------------------- SEARCH BOX IN HEADER ---------------*/	

td.search-box {
	height: 1%;
	}
	
.searchbox {
	border-top: 1px dashed #ccc;
border-right: 1px dashed #ccc;
border-bottom: 0;
border-left: 1px dashed #ccc;
width: 200px;
margin: 0;
padding: 0;	}

.searchbox-form {
	margin: 5px 10px 5px 10px;
	}





.header-image-container {
	position: relative; 
	margin: 0; 
	padding: 0; 
	height: 200px; 
	/* background: (= header image) will be added in bfa_header_config.php */
		}

	






/*-------------------- CLICKABLE HEADER IMAGE -------------*/
div.clickable {
	position:absolute; 
	top:0; 
	left:0; 
	z-index:3; 
	margin: 0; 
	padding: 0; 
	height: 200px; 
	width: 100%;
	}
 
a.divclick:link, 
a.divclick:visited, 
a.divclick:active, 
a.divclick:hover {
	width: 100%; 
	height: 100%; 
	display: block;
	text-decoration: none;
	}
		
/* ------------------------------------------------------------------
---------- LEFT SIDEBAR ---------------------------------------------
------------------------------------------------------------------ */

td#left {
	vertical-align: top;
		}

	
/* ------------------------------------------------------------------
---------- RIGHT SIDEBAR --------------------------------------------
------------------------------------------------------------------ */

td#right {
	vertical-align: top;
	border-left: dashed 1px #CCCCCC;
padding: 15px 10px 15px 15px;
background: #ffffff;
font-family:arial, helvetica, sans-serif;
font-weight:bold;	}

	
/* ------------------------------------------------------------------
---------- CENTER COLUMN --------------------------------------------
------------------------------------------------------------------ */

td#middle {
	vertical-align: top;
	width: 100%;
	max-width: 100%;		
	overflow: auto;
	background-color: #fff;
	padding: 15px 15px 15px 0;	}

	
/* ------------------------------------------------------------------
---------- FOOTER ---------------------------------------------------
------------------------------------------------------------------ */

td#footer {
	width: auto;
	background-color: #ffffff;
border-top: dashed 1px #cccccc;
padding: 10px;
text-align: center;
color: #777777;
font-size: 95%;	}

td#footer a:link, td#footer a:visited, td#footer a:active {
	text-decoration: none;
color: #777777;
font-weight: normal;	}

td#footer a:hover {
	text-decoration: none;
color: #777777;
font-weight: normal;	}
	
/* ------------------------------------------------------------------
---------- WIDGETS --------------------------------------------------
------------------------------------------------------------------ */

div.widget {
	display: block;
	width: auto;  /* without this IE will stretch too-wide select 
					menus but not the other widgets. With 100% IE
					will remove sidebar borders if select menu is
					too wide */
	margin: 0 0 20px 0;	}

div.widget-title {
	display: block;
	width: auto;
	margin-bottom:6px;	}

div.widget-title h3 {
	padding:0;
	margin:0;
	font-size:13px;
text-transform:uppercase;
font-weight:bold;	}	
	
div.widget-content {
	display: block;
	width: auto;
	color:#333;	}

	
/* ------------------------------------------------------------------
---------- Select MENUS INSIDE OF WIDGETS -------------------------
------------------------------------------------------------------ */

/* if a select menu is too wide to fit into the sidebar (because one 
 or several of its option titles are too long) then it will be cut off
 in IE 6 & 7 */

div.widget select { 
	 
	width: 98%; 		/* auto won't work in Safari */
	margin-top: 5px;
}	
	
	
/* ------------------------------------------------------------------
---------- LISTS INSIDE OF WIDGETS ----------------------------------
------------------------------------------------------------------ */

.widget ul {
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	width: auto;
	}

/*------------- list items with 1 link per item -----------*/
	
.widget ul li {
	margin: 2px 0 2px 0;  
	display: block;
	margin: 2px 0 2px 0px;
	}

.widget ul li ul li {
	margin: 2px 0 2px 5px;  
	}

.widget ul li ul li ul li {
	margin: 2px 0 2px 5px;  
	}
	
.widget ul li a:link, 
.widget ul li a:visited, 
.widget ul li a:active {
	text-decoration: none; 
	font-weight: normal; 
	padding: 0 0 0 5px; 
	color: #666666; 
	border-left: solid 7px #CCCCCC; 
	}

.widget ul li ul li a:link, 
.widget ul li ul li a:visited, 
.widget ul li ul li a:active {
	padding: 0 0 0 5px; 
	color: #666666; 
	border-left: solid 7px #CCCCCC; 
	}

.widget ul li ul li ul li a:link, 
.widget ul li ul li ul li a:visited, 
.widget ul li ul li ul li a:active {
	padding: 0 0 0 5px; 
	color: #666666; 
	border-left: solid 7px #CCCCCC; 
	}

	
.widget ul li a:hover {
	color: #000000; 
	border-left: solid 7px #000000; 
	}

.widget ul li ul li a:hover {
	color: #000000; 
	border-left: solid 7px #000000; 
	}

.widget ul li ul li ul li a:hover {
	color: #000000; 
	border-left: solid 7px #000000; 
	}
	
.widget ul li a:link, 
.widget ul li a:visited, 
.widget ul li a:active,
.widget ul li a:hover {
	display: block;   /* if we set this to inline-block, we cannot
						overwrite it to "inline" for the comments widgets, for IE */
	height: 1%;   /* IE needs this */
	}

/* the archive widgets get inline-blick so post counts won't wrap
into the next line. In FF2 items that don't fit into a single line 
will overflow the sidebar but that is unlikely as the longest item 
would be "[month name] (post count)" */
.widget_categories ul li a:link, 
.widget_categories ul li a:visited, 
.widget_categories ul li a:active,
.widget_categories ul li a:hover,
.widget_archive ul li a:link, 
.widget_archive ul li a:visited, 
.widget_archive ul li a:active,
.widget_archive ul li a:hover {
	display: -moz-inline-box; /* Firefox 2 doesn't know default "inline-block" */
	display: inline-block !important;  
	}

/* We cannot use inline-block for the category widget because unlike the archive 
widget the category widget items may need to wrap on top of (possibly) being 
displayed hierarchically. If "post count" is not displayed then it's easy: use "block". 
With post count turned on we'll display it inline, because inline-block
will cause it to overflow in FF2 and look bad in IE, too, if the item needs to wrap*/
.widget_categories ul li a:link, 
.widget_categories ul li a:visited, 
.widget_categories ul li a:active,
.widget_categories ul li a:hover {
	display: inline !important;  
	}
	
/*------------- list items with 2 links or link & text ----*/
/* different styles for the default Recent Comments widget,
the BFA Recent Comments widget and the Get Recent Comments widget */

/* The Get Recent Comments widget's first level (= Post Title)
doesn't get a border or padding */
div#get_recent_comments_wrap ul li {
	padding: 0px;
	display: block; 
	border-left: 0px;
	}

div#get_recent_comments_wrap ul li ul li {
	margin-left: 0px;
	}
	
/* Get Recent comments 2nd level, others 1st level: */
div#get_recent_comments_wrap ul li ul li,
.widget_recent_comments ul li, 
.widget_simple_recent_comments ul li {
	padding: 0 0 0 5px; 
	display: block; 
	border-left: solid 7px #CCCCCC; 
	}

/* Get Recent comments 3rd level, others 2nd level: */	
div#get_recent_comments_wrap ul li ul li ul li, 
.widget_recent_comments ul li ul li, 
.widget_simple_recent_comments ul li ul li {
	padding: 0 0 0 5px; 
	border-left: solid 7px #CCCCCC; 
	}

.widget_recent_comments ul li ul li ul li, 
.widget_simple_recent_comments ul li ul li ul li {
	padding: 0 0 0 5px; 
	border-left: solid 7px #CCCCCC; 
	}	
	
/*- with sfhover for IE6 because it doesn't know li:hover -*/

div#get_recent_comments_wrap ul li ul li:hover, 
.widget_recent_comments ul li:hover, 
.widget_simple_recent_comments ul li:hover, 
div#get_recent_comments_wrap ul li ul li.sfhover, 	
.widget_recent_comments ul li.sfhover, 
.widget_simple_recent_comments ul li.sfhover {	
	border-left: solid 7px #000000; 
	}

div#get_recent_comments_wrap ul li ul li ul li:hover, 
.widget_recent_comments ul li ul li:hover, 
.widget_simple_recent_comments ul li ul li:hover, 	
div#get_recent_comments_wrap ul li ul li ul li.sfhover, 
.widget_recent_comments ul li ul li.sfhover, 
.widget_simple_recent_comments ul li ul li.sfhover {	
	border-left: solid 7px #000000; 
	}

.widget_recent_comments ul li ul li ul li:hover, 
.widget_simple_recent_comments ul li ul li ul li:hover, 	
.widget_recent_comments ul li ul li ul li.sfhover, 
.widget_simple_recent_comments ul li ul li ul li.sfhover {	
	border-left: solid 7px #000000; 
	}
	
/*--- comments get the border on the li instead of the a --*/

div#get_recent_comments_wrap ul li a:link, 
div#get_recent_comments_wrap ul li a:visited, 
div#get_recent_comments_wrap ul li a:active, 
div#get_recent_comments_wrap ul li a:hover,
.widget ul li.recentcomments a:link, 
.widget ul li.recentcomments a:visited, 
.widget ul li.recentcomments a:active, 
.widget ul li.recentcomments a:hover,
.widget ul li.bfarecentcomments a:link, 
.widget ul li.bfarecentcomments a:visited, 
.widget ul li.bfarecentcomments a:active, 
.widget ul li.bfarecentcomments a:hover { 	
	border-left: 0px !important; 
	display: inline !important; 
	padding: 0px !important; 
	margin: 0px !important; 
	}



/* ------------------------------------------------------------------
---------- BFA SUBSCRIBE WIDGET -------------------------------------
------------------------------------------------------------------ */

table.subscribe {
	width: 100%;
	}
	
table.subscribe td.email-text {
	padding: 0 0 5px 0;
	vertical-align: top;
	}

table.subscribe td.email-field {
	padding: 0;
	width: 100%;
	}
	
table.subscribe td.email-button {
	padding: 0 0 0 5px;
	}
	
table.subscribe td.post-text {
	padding: 7px 0 0 0;
	vertical-align: top;
	}
	
table.subscribe td.comment-text {
	padding: 7px 0 0 0;
	vertical-align: top;
	}
	
	
/* ------------------------------------------------------------------
---------- POSTS ----------------------------------------------------
------------------------------------------------------------------ */

/*-------------------- POST CONTAINER ---------------------*/

div.post {
	display: block;
	margin: 0 0 30px 0;
font-family:Arial, Helvetica, sans-serif;
	}

/* additonal styles for sticky posts */
.sticky {
		}

/*-------------------- POST KICKER ------------------------*/

div.post-kicker {
	margin: 0;
	}

div.post-kicker a:link, 
div.post-kicker a:visited, 
div.post-kicker a:active {
	color: #000000;
text-decoration: none;
text-transform: uppercase;	}

div.post-kicker a:hover {
	color: #cc0000;	}

	
/*-------------------- POST HEADLINE ----------------------*/

div.post-headline {
		}

div.post-headline h2 {
	margin: 0;
	padding: 0;
	padding: 5px 0;
margin: 0;
color:#000000;
font-size:24px;
font-weight:bold;
line-height:28px;
font-family:Arial, Helvetica, sans-serif;
	}

div.post-headline h2 a:link, 
div.post-headline h2 a:visited, 
div.post-headline h2 a:active {
	color: #000000;
text-decoration: none;
	}

div.post-headline h2 a:hover {
	color: #a0bf26;
text-decoration: none;
	}

	
/*-------------------- POST BYLINE ------------------------*/
	
div.post-byline {
	margin: 0 0 10px 0;
color:#666666;
font-size:11px;
font-style:italic;
font-weight:bold;	}

div.post-byline a:link, 
div.post-byline a:visited, 
div.post-byline a:active {
		}

div.post-byline a:hover {
		}

	
/*-------------------- POST BODY COPY ---------------------*/
	
div.post-bodycopy {
	color:#333;
line-height:18px;	}
	
div.post-bodycopy p {
	margin: 1em 0;
	padding: 0;
	display: block;
	/* The rule below would create hor. scrollbars in Firefox, 
	which would be better than overflowing long strings, but the
	downside is that text won't float around images anymore. 
	Uncomment this if you don't float images anyway */
	/* overflow: auto; */
	}

/*-------------------- POST PAGINATION --------------------*/

div.post-pagination {
	/*border: solid 1px brown;*/
	}

	
/*-------------------- POST FOOTER ------------------------*/
	
div.post-footer {
	clear:both; 
	display: block;
	margin: 5px 0 0 0;
color: #666;
line-height: 18px;
font-weight:bold;	}

div.post-footer a:link, 
div.post-footer a:visited, 
div.post-footer a:active {
	color: #666;
font-weight:bold;
text-decoration: none;	}	

div.post-footer a:hover {
	color: #666;
font-weight:bold;
text-decoration: underline;	}

	
/*-------------------- ICONS in KICKER, BYLINE & FOOTER ---*/

div.post-kicker img, 
div.post-byline img, 
div.post-footer img {
	border: 0;
	padding: 0;
	margin: 0 0 -1px 0;
	background: none;
	}
	
span.post-ratings {
	display:inline-block; 	/* postratings set to "span" by the 
							theme, instead of default "div", to 
							make them display inline. Adding 
							inline-block and nowrap to avoid 
							line wrapping of single voting stars. */
	width: auto;
	white-space: nowrap;
	}


/* ------------------------------------------------------------------
---------- PAGE NAVIGATION NEXT/PREVIOUS ----------------------------
------------------------------------------------------------------ */

.navigation-top {
	display: block; 
	width: 100%; 
	margin: 0 0 10px 0;
padding: 5px 0 15px 0;
border-bottom: dashed 1px #ccc;	}

.navigation-middle {
	display: block; 
	width: 100%; 
	margin: 10px 0 20px 0;
padding: 15px 0 10px 0;
border-bottom: dashed 1px #ccc;	}
	
.navigation-bottom {
	display: block; 
	width: 100%; 
	margin: 20px 0 0 0;
padding: 15px 0;
border-top: dashed 1px #ccc;	}

.navigation-comments-above {
	display: block; 
	width: 100%; 
	margin: 0 0 10px 0;
padding: 5px 0 5px 0;	}
	
.navigation-comments-below {
	display: block; 
	width: 100%; 
	margin: 0 0 10px 0;
padding: 5px 0 5px 0;	}
	
.older {
	float: left; 
	width: 49%; 
	text-align: left; 
	margin:0; 
	padding:0;
	}
	
.newer {
	float:right; 
	width: 49%; 
	text-align: right; 
	margin:0; 
	padding:0; 
	}	

.older-home {
	float: left; 
	width: 45%; 
	text-align: left; 
	margin:0; 
	padding:0;
	}

.newer-home {
	float:right; 
	width: 45%; 
	text-align: right; 
	margin:0; 
	padding:0; 
	}	

.home {
	float: left; 
	width: 9%; 
	text-align: center;  
	margin:0; 
	padding:0;
	}

	
/* ------------------------------------------------------------------
---------- FORMS ----------------------------------------------------
------------------------------------------------------------------ */

form, .feedburner-email-form {
	margin: 0; 
	padding: 0; 
	}

fieldset {
	border: 1px solid #cccccc; 
	width: auto; 
	padding: 0.35em 0.625em 0.75em;
	display: block; 
	}
	
legend { 
	color: #000000; 
	background: #f4f4f4; 
	border: 1px solid #cccccc; 
	padding: 2px 6px; 
	margin-bottom: 15px; 
	}
	
form p {
	margin: 5px 0 0 0; 
	padding: 0; 
	}
	
label {
	margin-right: 0.5em; 
	font-family: arial;
	cursor: pointer; 
	}

/* input.TextField for WP-Email */
input.text, 
input.password, 
input.file,
input.TextField, 
textarea {
	padding: 3px;
	color: #000000;
border-top: solid 1px #333333;
border-left: solid 1px #333333;
border-right: solid 1px #999999;
border-bottom: solid 1px #cccccc;
background: url(images/inputbackgr.gif) no-repeat top left;		}

textarea {
	width: 96%; 
	}


input.inputblur {
	color: #777777;
	width: 95%;
	}

input.inputfocus {
	color: #000000;
	width: 95%;
	}	
	
input.highlight, textarea.highlight {
	background: #e8eff7;
border-color: #37699f;	}

/* .Button for WP-Email */
.button, .Button {
	padding: 0 2px;
	height: 24px;
	line-height: 16px;
	background-color: #777777;
color: #ffffff;
border: solid 2px #555555;
font-weight: bold;	}
	
.buttonhover {
	padding: 0 2px;
	cursor: pointer;
	background-color: #6b9c6b;
color: #ffffff;
border: solid 2px #496d49;	}
	
	
/* ------------------------------------------------------------------
---------- SEARCH FORM ----------------------------------------------
------------------------------------------------------------------ */

table.searchform {
	width: 100%;
	}

table.searchform td.searchfield {
	padding: 0;
	width: 100%;
	}
	
table.searchform td.searchbutton {
	padding: 0 0 0 5px;
	}

	
/* ------------------------------------------------------------------
---------- BLOCKQUOTES ----------------------------------------------
------------------------------------------------------------------ */

blockquote {
	height: 1%;
	display: block;
	clear: both;
	color: #555555;
padding: 1em 1em;
background: #f4f4f4;
border: solid 1px #e1e1e1;	
	}
	
blockquote blockquote {
	height: 1%;
	display: block;
	clear: both;
	color: #444444;
padding: 1em 1em;
background: #e1e1e1;
border: solid 1px #d3d3d3;	}


/* ------------------------------------------------------------------
---------- TABLES & CALENDAR ----------------------------------------
------------------------------------------------------------------ */

/*-------------------- TABLES IN POSTS --------------------*/

.post table {
	border-collapse: collapse;
	background-color: #ffffff;
	margin: 10px 0;
	}
	
.post table caption {
	width: auto;
	margin: 0 auto;
	background: #eeeeee;
border: #999999;
padding: 4px 8px;
color: #666666;	}
	
.post table th {
	background: #888888;
color: #ffffff;
font-weight: bold;
font-size: 90%;
padding: 4px 8px;
border: solid 1px #ffffff;
text-align: left;	}
	
.post table td {
	padding: 4px 8px;
background-color: #ffffff;
border-bottom: 1px solid #dddddd;
text-align: left;	}

.post table tfoot td {
		}
	
.post table tr.alt td {
	background: #f4f4f4;	}

.post table tr.over td {
	background: #e2e2e2;	}


/*-------------------- CALENDAR WIDGET --------------------*/

#calendar_wrap {
	padding: 0;
	border: none;
	}
	
table#wp-calendar {
	width: 100%; 
	font-size:90%;
	border-collapse: collapse;
	background-color: #ffffff;
	margin: 0 auto;
	}

table#wp-calendar caption {
	width: auto;
	background: #eeeeee;
	border: none;;
	padding: 3px;
	margin: 0 auto;
	font-size: 1em;
	}

table#wp-calendar th {
	border: solid 1px #eeeeee;
	background-color: #999999;
	color: #ffffff;
	font-weight: bold;
	padding: 2px;
	text-align: center;
	}
	
table#wp-calendar td {
	padding: 0;
	line-height: 18px;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	text-align: center;
	}

table#wp-calendar tfoot td {
	border: solid 1px #eeeeee;
	background-color: #eeeeee;
	}
	
table#wp-calendar td a {
	display: block;
	background-color: #eeeeee;
	width: 100%;
	height: 100%;
	padding: 0;
	}


/* ------------------------------------------------------------------
---------- COMMENTS -------------------------------------------------
------------------------------------------------------------------ */

ol.commentlist {
	margin: 15px 0 25px 0;
	list-style-type: none;
	padding: 0;
	border-top: dotted 1px #cccccc;
	display:block;
	}
	
ol.commentlist li {
	background-color: #ffffff;
	border-bottom: dotted 1px #cccccc;
	padding: 15px 10px;
	display: block;
	height: 1%; /* for IE6 */
	margin: 0;
	}

ol.commentlist li.alt {
	background-color: #f6f6f6;
	border-bottom: dotted 1px #cccccc;
	display: block;
	height: 1%; /* for IE6 */
	}

ol.commentlist li.authorcomment {
	background-color: #ffecec;
	display: block;
	height: 1%;
	}

ol.commentlist span.authorname {
	font-size: 110%;
	font-weight: bold;
	}

ol.commentlist span.commentdate {
	color: #666666;
	font-size: 90%;
	margin-bottom: 5px;
	display: block;
	}

ol.commentlist span.editcomment {
	display: block;
	}
	
ol.commentlist li p {
	margin: 2px 0 5px 0;
	}

div.comment-number {
	float: right; 
	font-size: 2em; 
	line-height: 2em; 
	font-family: georgia, serif; 
	font-weight: bold; 
	color: #ddd; 
	margin: -10px 0 0 0; 
	position: relative; 
	height: 1%
	}

div.comment-number a:link, 
div.comment-number a:visited, 
div.comment-number a:active {
	color: #ccc;
	}

textarea.comment {
	width: 96%; 
	margin: 0; 
	}


/* ------------------------------------------------------------------
---------- COMMENTS WP 2.7 ------------------------------------------
------------------------------------------------------------------ */

ul.commentlist {
	margin: 15px 0 15px 0;
	list-style-type: none;
	padding: 0;
	border-top: dotted 1px #cccccc;
	display:block;
	}

ul.commentlist ul {
	margin: 15px 0 25px 0;
	list-style-type: none;
	padding: 0;
	border: none;
	display:block;
	}

ul.commentlist li.thread-even {
	background-color: #ffffff;
	border-bottom: dotted 1px #cccccc;
	padding: 15px 10px;
	display: block;
	clear: both;
	height: 1%; /* for IE */
	margin: 0;
	}

ul.commentlist li.thread-odd {
	background-color: #f6f6f6;
	border-bottom: dotted 1px #cccccc;
	padding: 15px 10px;
	display: block;
	clear: both;
	height: 1%; /* for IE */
	margin: 0;
	}

ul.commentlist li.bypostauthor {
	background-color: #ffecec;
	}
	
/* reset children */

ul.commentlist li ul.children, 
ul.commentlist li ul.children li, 
ul.commentlist li ul.children li.bypostauthor  {
	background-color: transparent;
	border: 0;
	padding: 0;
	margin: 0;
	display: block;
	height: 1%;  /* for IE */
	}

ul.commentlist li ul.children li, 
ul.commentlist li ul.children li.bypostauthor {
	margin: 10px 0 0 30px;
	}

ul.commentlist li ul.children li.depth-2 {
	margin: 10px 0 0 0;
	}

ul.children div.comment-container {
	background-color: transparent;
	border: dashed 1px #ccc;
	padding: 8px;
	margin: 0;
   	/* optional rounded corners for browsers that support it */
   	-moz-border-radius: 5px;
   	-khtml-border-radius: 5px;
   	-webkit-border-radius: 5px;
   	border-radius: 5px;
	}
	
ul.children div.bypostauthor {
	background-color: #ffecec;
	border: dashed 1px #ffbfbf;
	}

ul.commentlist li p {
	margin: 2px 0 5px 0;
	}

ul.commentlist span.authorname {
	font-size: 110%;
	}

div.comment-meta a:link, 
div.comment-meta a:visited, 
div.comment-meta a:active, 
div.comment-meta a:hover {
	font-weight: normal;
	}

div#cancel-comment-reply {
	margin: -5px 0 10px 0;
	}

div.comment-number {
	float: right; 
	font-size: 2em; 
	line-height: 2em; 
	font-family: georgia, serif; 
	font-weight: bold; 
	color: #ddd; 
	margin: -10px 0 0 0; 
	position: relative; 
	height: 1%
	}

div.comment-number a:link, 
div.comment-number a:visited, 
div.comment-number a:active {
	color: #ccc;
	}

/* paged comments navigation */
.page-numbers {
	padding: 2px 4px;
	border: solid 1px #000000;
	}
	
a.page-numbers:link, 
a.page-numbers:visited, 
a.page-numbers:active {
	text-decoration: none;
	color: #000000; 
	border-color: #000000;
	}

a.page-numbers:hover {
	text-decoration: none;
	color: #A0BF26; 
	border-color: #A0BF26;
	}


/* ------------------------------------------------------------------
---------- IMAGES ---------------------------------------------------
------------------------------------------------------------------ */

img { 
	border: 0;
	}

.post img {
	max-width: 96%;		/* 	resize images in the main column if needed.
							97% so images with padding and border don't touch
							the right sidebar while being resized. Change this 
							to 100% if you want, if your images
							don't have padding and a border */
	width: auto 100%;
	margin: 5px 0 5px 0;
	/*overflow-x: auto;*/
	padding: 5px;
	}

/* hiding from IE6 which would stretch the image vertically. 
IE6 will get width and height via jQuery */
div[class~=post] img { 
	height: auto; /* FF & Safari need auto */
	}	

img.alignleft {
	float: left; 
	margin: 10px 10px 5px 0; 
	}
	
img.alignright {
	float: right; 
	margin: 10px 0 5px 10px; 
	}

img.aligncenter {
	display: block;
	margin: 10px auto;
	}

.aligncenter, 
div.aligncenter {
   	display: block;
   	margin-left: auto;
   	margin-right: auto;
	}

.alignleft, 
div.alignleft {
	float: left;
	margin: 10px 10px 5px 0;
	}

.alignright, 
div.alignright {
   	float: right;
   	margin: 10px 0 5px 10px;
	}

/* feed icons on archives page */
div.archives-page img {
	border: 0;
	padding: 0;
	background: none;
	margin-bottom: 0;
	vertical-align: -10%;
	}
	
	
/* ------------------------------------------------------------------
---------- IMAGE CAPTION (WP 2.6 and newer) -------------------------
------------------------------------------------------------------ */

.wp-caption {
	max-width: 96%;		/* FF2, IE7, Opera9, Safari 3.0/3.1 will 
							resize images in the main column if needed.
							97% so images with padding and border don't touch
							the right sidebar while being resized. Change this 
							to 100% if you want, if your images
							don't have padding and a border */
	width: auto 100%;
	height: auto;  /* FF3 needs "auto", IE6 needs "100%", see next style*/
	border: 1px solid #dddddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px 0 0 0;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;	}

/* for imges inside a caption container IE6 does not
stretch images vertically as it does with images without
caption so we can leave this rule although it is probably not
required as jQuery sets the height for caption'ed images too */
* html .wp-caption {
	height: 100%; 
	}
	
.wp-caption img {
   	margin: 0;
   	padding: 0;
   	border: 0 none;
	}
	
.wp-caption p.wp-caption-text {
	font-size: 0.8em;
line-height: 13px;
padding: 2px 4px 5px;
margin: 0;
color: #666666;	}


/* ------------------------------------------------------------------
---------- SMILEYS --------------------------------------------------
------------------------------------------------------------------ */

img.wp-smiley {
    float: none;  
    border: none; 
	margin: 0 1px -1px 1px; 
	padding: 0;
	background: none;
	}


/* ------------------------------------------------------------------
---------- GRAVATARS ------------------------------------------------
------------------------------------------------------------------ */

img.avatar {
	float: left; 
	display: block;
	margin: 0 8px 1px 0;
padding: 3px;
border: solid 1px #ddd;
background-color: #f3f3f3;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;	}



/* ------------------------------------------------------------------
---------- FOR THE QUICKTAGS PLUGIN ---------------------------------
------------------------------------------------------------------ */	

/*--------------------COMMENTS QUCIKTAGS ------------------*/

/* Main Span */
#comment_quicktags {
	text-align: left;
	padding: 10px 0 2px 0;
	display: block;
	}

/* Button Style */
#comment_quicktags input.ed_button {
	background: #f4f4f4;
	border: 2px solid #cccccc;
	color: #444444;
	margin: 2px 4px 2px 0;
	width: auto;
	padding: 0 4px;
	height: 24px;
	line-height: 16px;
	}
	
/* Button Style on focus/click */
#comment_quicktags input.ed_button_hover {
	background: #dddddd;
	border: 2px solid #666666;
	color: #000000;
	margin: 2px 4px 2px 0;
	width: auto;
	padding: 0 4px;
	height: 24px;
	line-height: 16px;
	cursor: pointer;
	}

/* Button Lable style */
#comment_quicktags #ed_strong {
	font-weight: bold;
	}
	
/* Button Lable style */
#comment_quicktags #ed_em {
	font-style: italic;
	}

	


/* ------------------------------------------------------------------
---------- FOR THE SOCIABLE PLUGIN ----------------------------------
------------------------------------------------------------------ */

div.sociable { 
	margin: 0; 
	width: 200px;
	display:inline;
	}

div.sociable-tagline {
	display: none;
	}
	
.sociable span {
	display: inline-block;
	}
	
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
	}
	
.sociable ul li {
	background: none;
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 1px;
	}
	
.sociable ul li:before { 
	content: ""; 
	}
	
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
	}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
	vertical-align: text-bottom;
	}
	
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	}



/* ------------------------------------------------------------------
---------- PRINT STYLE ----------------------------------------------
------------------------------------------------------------------ */

@media print {

body { 
	background: white; 
	color: black; 
	margin: 0; 
	font-size: 12pt; 
	font-family: arial, sans-serif; 
	}

a:link:after, 
a:visited:after { 
	content:" [" attr(href) "] "; 
	font-weight: normal; 
	text-decoration: none; 
	font-size: 12pt;
	}
	
a:link, a:visited {
	text-decoration: underline; 
	color: #000;
	}
	
.postmetadata a:link:after, 
.postmetadata a:visited:after { 
	content: ""; 
	}
	
h2 a:link:after, 
h2 a:visited:after { 
	content: ""; 
	} 
	
h2, 
h2 a:link, 
h2 a:visited, 
h2 a:active {
	color: #000; 
	font-size: 18pt;
	}
	
h3 {
	color: #000; 
	font-size: 15pt;
	}
	
#header, 
#left, 
#right, 
#footer, 
.navigation, 
.wp-pagenavi-navigation, 
#comment, 
.remove-for-print {
	display: none;
	}

}	





/* ------------------------------------------------------------------
---------- HACKS: Clearfix & others ---------------------------------
------------------------------------------------------------------ */

.clearfix:after
	{
    	content: "."; 
    	display: block; 
    	height: 0; 
    	clear: both; 
    	visibility: hidden;
	}
	
.clearfix
	{
	min-width: 0;		/* trigger hasLayout for IE7 */
	display: inline-block;
	/* \*/	display: block;	/* Hide from IE Mac */
	}
	
* html .clearfix
	{
	/* \*/  height: 1%;	/* Hide from IE Mac */ 
	}

/* Chrome and Safari don't like clearfix in some cases.
Also, adding height and font-size for IE6 */
.clearboth {
	clear: both;
	height: 1%;
	font-size: 1%;
	line-height: 1%;
	display: block;
	padding: 0;
	margin: 0;
	}

	
	
/* ------------------------------------------------------------------
---------- CUSTOM STYLES: -------------------------------------------
------------------------------------------------------------------ */

#menu1{
margin-top:10px;
}
.header-image-container{
margin-top:1px;
}
ul.rMenu{
border:none;
}
img.alignleft {
float:left;
margin:5px 15px 5px 0;
padding:0 0 5px 0;
}
div.widget{
margin-bottom:20px;
}
#middle{
padding:15px !important;
}