/* 
Theme Name: UrbanRoots
Theme URL: http://www.urbanroots.org
Description: 3 column Magazine style wordpress theme
Author: 12 Grain Studio
Author URL: http://www.12grainstudio.com
Version: 1.0

The CSS, XHTML and design is released under Creative Common - http://creativecommons.org/licenses/by-nc-sa/2.5
*/


/*
A. COLORS
-----------------------------------------------------------------------------

#hex (desc)

#bc6c50 - red (global links )
#f9a25e - light orange
#667617 - dark green
#9da768 - light green
#f9f3e5 - bg cream
#7fafcd - blue





B. TABLE OF CONTENTS
-----------------------------------------------------------------------------

1. RESET
2. BASE
3. MAIN LAYOUT
	container
	header
	flashcontent
	staticHeader
	logo
	navigation
	footer
	content slider

4. SMALL POSTS
5. INFO SECTION
6. RIGHT SIDE BAR
7. CALENDAR
8. FULL POSTS
9. COMMENTS
10. EXTRAS

 	
-----------------------------------------------------------------------------
-----------------------------------------------------------------------------*/


/* 1. RESET
no editing required
----------------------------------------------------------------------------- */

html, body, br, hr, 
div, span, a,
object, iframe,
ul, ol, dl, li, dt, dd,
h1, h2, h3, h4, h5, h6,
p, blockquote, q, address,
small, big, cite, dfn, ins, del, 
i, em, b, strong, sup, sub, strike,
pre, code, samp, kbd, var, tt,
form, fieldset, legend, label,
input, textarea, option, .nobox{
	background: transparent;
	border: 0;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	margin-top: 0px;
}

blockquote, q{ quotes: none; }

br{ height: 0; }

ul, ol, dl{ list-style: none; }

a img{ border: 0; }

img{ display: block; }




/* 2. BASE 
----------------------------------------------------------------------------- */
body { 
margin:0px auto;
padding: 0px; 
background: #f9f3e5 url('images/bg_cream.jpg') repeat-x top center; 
}

* {margin: 0; padding: 0; border: 0; font-family:Verdana, Arial, sans-serif; }


/* Basic styles  */
p, h1, h2, h3, span#copyright {
	margin: 0px;
	font-weight: normal
}

h1, h2, h3, h4, h5{
margin-bottom:5px; 
color: #333; 
font-family:"Trebuchet MS",Verdana, Arial, sans-serif;
}

p {
	font: 12px Verdana, Arial;
	line-height: 1.6em;
	color:#9da768;
}




/* site headings */
h1{
font-size:24px;
letter-spacing: 0.8px;
height:100%;
padding:0px 0px 10px 5px;
font-weight: bold;
color:#667617;
}	


h2 { 
font-size: 18px; 
line-height: 2.40em; 
font-weight: bold;
color:#bc6c50;
}	

h3 { 
color: #667617;
font-size:16px;
margin: 0px 0 0px 0px;
padding:0px 0px 0px 0px;
font-weight: bold;
}

h4 { 
color:#667617;
font-size: 14px; 
}


h5 { margin:0px 0 5px 10px;font-size:12px; color:#333333; font-weight:bold;}

h5 a{color:#666;}

span#copyright { font-size: 13px; line-height: 35px; color: #000 }


div {
	padding: 0px 0;
}


/* site links */

a {color:#bc6c50; font-weight:bold; text-decoration: none; }

a:hover {color:#f9a25e; text-decoration: underline;}

a.moreLink{
color:#bc6c50;
font-size:10px;
font-weight:bold;
margin:0px;
text-align:right;
text-decoration: none;
}
a.moreLink:hover{
color:#f9a25e;
font-size:10px;
font-weight:bold;
margin:0px;
text-align:right;
text-decoration: none;
}
 
 
.divider{height:12px;clear:both;}
ul, ol {margin: 10px; color: #000;  line-height: 1.6em}
ul {list-style: none;}
ol {list-style: none;}
em {font-weight:bold; font-style: normal}

blockquote {
font-size:105%;
color:#9da768;
font-style:italic;
padding:13px 10px 0px 10px;
margin:5px 0px 15px 5px;
}




/* 3. LAYOUT
/*---------------------------------------------Layout------------------------------------------------------*/
#container{
width:960px;
height:100%;
margin: 0px auto;
}


/*whole header section*/
#header { 
margin:0px auto;
width:960px;
background:transparent url(images/) no-repeat 0 0;
height:320px;
border:0px dotted #333;
}

/*logo-blog name*/
#header h1 {
color: #663333;
font-size: 36px;
font-family:"Trebuchet MS",Verdana, Arial, sans-serif;
font-weight: normal;
margin: 0px;
padding:0px 0px 0px 20px;
text-decoration: none;
letter-spacing:.05px;


}

#header h1 a, #header h1 a:visited {
color: #663333;
font-size: 36px;
font-family: Times New Roman, Georgia, Arial;
font-weight: normal;
margin: 0px;
padding:0px;
width: 220px;
height:102px;
text-decoration: none;
background:transparent url('') no-repeat center left;
display:block;
text-indent:-2000px;
}
#header h1 a:hover {
color: #ccc;
text-decoration: none;
background:transparent url('') no-repeat center left;
text-indent:-2000px;
}


#flashcontent {
	margin:0px auto;
	width:100%;
	height:100%;
	
}

/* ---------- nav container -------*/
#staticHeader {
width:960px;
height:320px;
margin:0px;
padding:0px;
background:transparent url('images/bg_city.jpg') no-repeat top right;
border:0px solid #000;
}


.logo{
width: 150px;
height: 316px;
background:#f9f3e5 url('images/logo_ur.jpg') no-repeat bottom right;
display:block;
text-indent:-3000px;
border:0px solid #000;
}
.logo a{
float:none;
width: 150px;
height: 316px;
background:#f9f3e5 url('images/logo_ur.jpg') no-repeat bottom right;
display:block;
}

.logo a:hover{
background:#f9f3e5 url('images/logo_ur.jpg') no-repeat bottom right;

}

#main-nav{
display:block;
width:810px;
height:100px;
background:#ccc;
float:left;
margin: 0px 0px 0px 0px;
}


/*-- btn listing --*/

.navigation {
width:810px;
height:162px;
margin: 154px 0px 0px 0px;
border:0px solid #000;
background:transparent url('images/bg_navBar.jpg') no-repeat bottom right;

}

.navBar {
width:800px;
height:157px;
float:left;
margin: 13px 0px 0px 10px;
border:0px solid red;

}



/* ------------- navigation buttons -------*/

/* arts LINK */	
a.yardLink{
float:left;
display: inline;
width:124px;
height:157px;
background: transparent url('images/nav/btn_foryardOff.png') no-repeat 0 0px;
}
a.yardLink:hover{
background: transparent url('images/nav/btn_foryardOn.png') no-repeat 0 0px;

}

/* music LINK */	
a.homeLink{
float:left;
display: inline;
height: 157px;
width: 124px;
background: transparent url('images/nav/btn_forhomeOff.png') no-repeat 0 0px;
text-indent: 0px;
}
a.homeLink:hover{
background: url('images/nav/btn_forhomeOn.png') no-repeat 0 0;
}


/* events LINK */	
a.eventsLink{
float:left;
display: inline;
height: 157px;
width: 181px;
background: transparent url('images/nav/btn_eventsOff.png') no-repeat 0 0px;
text-indent: 0px;
}
a.eventsLink:hover{
background: url('images/nav/btn_eventsOn.png') no-repeat 0 0;
}


/* featured LINK */	
a.involvedLink{
float:left;
display: inline;
height: 157px;
width: 125px;
background: transparent url('images/nav/btn_involvedOff.png') no-repeat 0 0px;
text-indent: 0px;
}
a.involvedLink:hover{
background: url('images/nav/btn_involvedOn.png') no-repeat 0 0;
}

/* contact LINK */	
a.contactLink{
float:left;
display: inline;
height: 157px;
width: 126px;
background: transparent url('images/nav/btn_contactOff.png') no-repeat 0 0px;
text-indent: 0px;
}
a.contactLink:hover{
background: url('images/nav/btn_contactOn.png') no-repeat 0 0;
}

/* about LINK */	
a.aboutLink{
float:left;
display: inline;
height: 157px;
width: 121px;
background: transparent url('images/nav/btn_aboutOff.png') no-repeat 0 0px;
text-indent: 0px;
}
a.aboutLink:hover{
background: url('images/nav/btn_aboutOn.png') no-repeat 0 0;

}


/*-----  secondary nav -----*/

a.login {
color:#660000;
position:absolute;
top:-60px;
font-size:10px;
float:left;
display: inline;

}

a.login:hover {
color:#99000;
text-decoration:underline;
}

a.feed {
color:#660000;
position:absolute;
top:-60px;
font-size:10px;
left:520px;
display: inline;
}

a.feed:hover {
color:#990000;
text-decoration:underline;
}


/*######### header  end ############*/




/*-----------  footer    ----*/
#footer {
float: left; 
width: 100%; 
height:215px;
margin-top:-30px;
text-align: left; 
font-size: 10px;
border-top:0px solid #827f6e;
color:#bc6c50;
background: transparent url('images/bg_footer.png') no-repeat top center; 
}

#footer a {text-decoration: none; font-style: normal}
#footer a:hover {text-decoration: underline;}
#footer .footerContent {
	text-align:center;
	margin-top: 70px;
}

.credit {
	height:30px;
	text-decoration: none;
	font-style: normal;
	color:#adaea0;
	text-align:center;
	font-size:10px;
}

.credit a {
font-style: normal;
color:#adaea0;
}

.credit a:hover {
font-style: normal;
color:#663300;
text-decoration:none;
}




/* --------CONTENT SLIDER----------- */

 /* container*/
.sliderGallery {
 overflow: hidden;
 position: relative;
 width: 960px;
 margin-bottom:15px;
 padding:0px;
 border:0px solid black;
}
 
 /* what you see*/
.sliderGallery .pane {
width: 920px;
overflow: hidden; 
height:330px;

}

.sliderGallery ul {
padding: 0;
list-style:none;
margin: 0;
}

/* each post item*/
.sliderGallery ul li.sliderLi {
float: left;
padding: 0px 20px 0 0px;
width:290px;
height:337px;
margin:0px 0px 0px 0px;
	
}


/*slide bar*/
.slider {
    width: 870px;
    height: 16px;
	font-size: 10px;
    position: relative;
	border:0px solid red;
	margin-left:30px;
	padding:0px;
	background:transparent url('images/slider.png') no-repeat 0 0;
   
}
.slider a {
	text-decoration: underline;
	
}

.handle {
    position: absolute;
		left: 0;
		top: 0;
    cursor: move;
	line-height:10px;
    height: 14px;
	font-size:10px;
    width: 145px;
	text-align: center;
	margin: 0px 0px;
	padding:2px 0 0 0;
	color: #f7f5f1;
	text-decoration: none;
    z-index: 130;
	background:transparent url('images/handle.png') no-repeat 0 0;
	
} 
.slider span {
    color: #000;
	width:105px;
    font-size: 10px;
    cursor: pointer;
    z-index: 1;
	text-align: center;
	float: left;
	position: relative;
}

.scrollButtons {
  position: absolute;
  top: 150px;
  cursor: pointer;
}

.scrollButtons.left {
  left: -20px;
}

.scrollButtons.right {
  right: -20px;
}

/*-------------- end slider ---------*/




/* 4. SMALL POST columns */
/*---------------------------------------------------------------*/
#rowcontainer {
margin:0px 0px;
width: 960px;
padding:0px;
border:1px dotted #f9f2e4;
}

#rowcontainer h1{
color:#667617 ;
}

.small-post {
	float:left;
	width:300px;
	height:340px;
	margin:0px 10px 15px 10px;
	padding:0px;
	background:transparent url('images/bg_card.jpg') no-repeat 0 0;
}
	
	.small-post h3{
	font:normal 16px "Trebuchet MS", Verdana, Arial, sans-serif;
	letter-spacing: 0.01em;
	padding:0px;
	margin:0px 5px 3px 10px;
	color:#bc6c50;
	text-align:left;
	font-weight:bold;
	float:left;
	}
	.small-post h3 a{
	font:normal 16px "Trebuchet MS", Verdana, Arial, sans-serif;
	text-decoration:none;
	color:#bc6c50;
	}
	.small-post h3 a:hover{
	font:normal 16px "Trebuchet MS", Verdana, Arial, sans-serif;
	text-decoration:underline;
	color:#f9a25e;
	}
	
	.small-post h4{
	font:normal 14px "Trebuchet MS", Verdana, Arial, sans-serif;
	letter-spacing: 0.01em;
	padding:0px;
	margin:0px 5px 5px 10px;
	color:#667617;
	text-align:left;
	}
	
	/* ------- category icons ------*/
	.small-post h5 img{
	padding:0px;
	margin:-8px 150px 2px 0px;
	background:transparent url('') no-repeat 0 0;
	display:block;
	}
	.small-post img{
	margin:0px;
	padding:8px 10px 10px 10px;
	float:left;
	background:transparent url('images/bg_img_sm.png') no-repeat 0 0;
	
	}
	
	.small-post p{
	padding:0 10px 2px 10px;
	float:left;
	text-indent:0px;
	width: 280px;
	
	}
	

	
	/* ---- tags --*/
	.small-post .details {
	padding-left:10px;
	color:#666666;
	font-size:10px;
	line-height:normal;
	}
	/* ---- tags links --*/
	.small-post .details a{
	color:#7fafcd;
	font-size:10px;
	line-height:normal;
	font-weight:normal;
	}
	.small-post .details a:hover{
	text-decoration:underline;
	font-weight:normal;
	}

/* thumbnail images */
.tfe{
	width:255px;
	height:172px;
	overflow:hidden;
}




/* 5.INFO SECTION  */
/*-------------------------------------------------------*/

#info{
	margin:0px;
	padding:0px;
	width:960px;
	height: 320px;
	border:0px solid #000;
}

.infoColumn{
	float: left;
	width: 190px;
	height:320px;
	margin:0 0px 0px 0px;
	padding:0px;
}
		
		
.about {
	float: left;
	width: 240px;
	height:320px;
	margin:0 0px 0px 0px;
	padding:5px 15px 0 0;
}
.about h3{
	background: transparent url('images/title_whereBufGardens.png') no-repeat 0 0;
	text-indent:-3000px;
}


.where {
	float: left;
	width: 240px;
	height:320px;
	margin:5px 0px 0px 0px;
	padding:5px 0px 0 10px;
	border:0px solid #333;
}
	.where h3{
		background: transparent url('images/title_whereToFind.png') no-repeat 0 0;
		text-indent:-3000px;
		
	}


	a.directions {
		background:transparent url('images/btn_getDirections.png') no-repeat 0 0;
		width:181px;
		height:100px;
		margin-top:10px;
		display:block;
		text-decoration:none;
		
	}
	a.directions:hover {
		background:transparent url('images/btn_getDirectionsOn.png') no-repeat 0 0;
		width:181px;
		height:100px;
	}

.members {
	float: left;
	width: 180px;
	height:140px;
	margin:0 0px 0px 0px;
	padding:5px;
}
.members h3{
	background: transparent url('images/title_membership.png') no-repeat 0 0;
	text-indent:-3000px;
}

.currentMembers {
	background: transparent url('images/img_currentMembers.gif') no-repeat 0 0;
	height:61px;
}

.feedme {
	float: left;
	width: 180px;
	height:130px;
	margin:2px 0px 0px 0px;
	padding:5px;
	display: block;
	background: transparent url('images/btn_plant.png') no-repeat center bottom;
}
.feedme h3{
	background: transparent url('images/title_feed.png') no-repeat 0 0;
	text-indent:-3000px;
}


.twitter {
	float: left;
	width: 245px;
	height:310px;
	margin:0px 0px 0px 0px;
	padding:5px;
	background:transparent url('images/bg_twitter.png') no-repeat left center;
}

.twitter h3{
	background: transparent url('images/title_whatWeSay.png') no-repeat 0 0;
	text-indent:-3000px;
}
.tweets {
	color:#6699CC;
	font-size:10px;
	float: left;
	width: 230px;
	height:200px;
	padding:0px 3px;
	overflow:hidden;
	margin-bottom:10px;
}
		
.tweets ul, .tweets li {
	color:#6699CC;
	font-size:10px;
	padding-bottom: 6px;
}

.followLink {
	color:#6699CC;
	font-size:10px;
	margin: 15px 10px 0 0;
	text-align:right;
	display:block;
}



/* 6. RIGHT SIDE BAR  */
/*-------------------------------------------------------*/

#r_sidebar {
display: block;
float: right;
width: 280px;
margin: 0px 0px 0px 0px;
padding: 0px 5px 10px 5px;
}
#r_sidebar img a{
margin: 0px;
border: none;
}
#r_sidebar p{
padding: 5px 0px 0px 0px;
margin: 0px;
line-height: 14px;
}
#r_sidebar h2 {
color: #667617;
font-size: 13px;
font-weight: bold;
margin: 15px 0px 0px 10px;
padding:0px;
border-bottom: 1px dotted #C0C0C0;
}
#r_sidebar ul {
list-style: none;
margin: 0px;
padding: 0px;
}
#r_sidebar ul li {
display: inline;
padding: 0px;   
margin: 0px;
font-size:10px;
}
#r_sidebar ul li a, #r_sidebar ul li a:visited {
display: block;
color: #bc6c50;
text-decoration: none;
padding: 5px 0px 5px 10px;
}
#r_sidebar ul li a:hover {
background-color:#fff;
color: #bc6c50;
text-decoration: none;
}

#r_sidebar .imgAds a {
border:1px solid #adaea0;
color: #333;
text-decoration: none;
}
#r_sidebar .imgAds a:hover {
color: #663333;
text-decoration: none;
border:1px solid white;
background:transparent;
}




/* menu & forms */



textarea{width:95%;background:#fff;border:1px solid #C0C0C0;margin-top:10px;}
input{border:1px solid #C0C0C0;background:#fff;color:#7fafcd;padding:3px;margin-top: 5px; flat:left;}

#search{
margin:40px 0px 0px 0px;
border:1px dotted #f9f2e4;
}

#searchsubmit {color:#7fafcd;}
#searching{
margin:0px 0 0px 50px;
border:0px solid #999;
}

#membership {
margin-left:20px;
border:0px solid #000;
}



/* 7. CALENDAR */
/*-------------------------------------------------------*/

#calendar{
	width: 920px;
	height:430px;
	float: left;
	margin:0px 0px 20px 10px;
	padding:5px 10px;
	border:1px dotted #f9f2e4;
	font-size:12px;
	color:#667617;
	background-color:#fff;
}


    .calnk a:hover {
         background-position:0 0;
         text-decoration:none;  
         color:#bc6c50;
         border-bottom:0px dotted #bc6c50;
         }
    .calnk a:visited {
         text-decoration:none;
         color:#bc6c50;
         border-bottom:1px dotted #bc6c50;
        }
    .calnk a {
        text-decoration:none; 
        color:#bc6c50; 
        border-bottom:1px dotted #bc6c50;
        }
    .calnk a span { 
        display:none; 
        }
    .calnk a:hover span {
        color:#333333; 
        background:#f9a25e; 
        display:block;
        position:absolute; 
        margin:-15px 10px 0 0; 
        padding:5px; 
        width:150px; 
        z-index:100;
		border-bottom:1px solid #954a2f;
		border-top:1px solid #fad3b4;
		border-left:1px solid #bc6c50;
		border-right:1px solid#bc6c50;
        }
     .calendar-table {
        border:none;
        width:100%;
     }
     .calendar-heading {
        height:25px;
        text-align:center;
        border:0px solid #D6DED5;
        background-color:#FFFFFF;
     }
     .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:10px;
        border:1px solid #fff;
        background-color:#FFF;
     }
     .weekend-heading {
        text-align:center;
        width:25px;
        height:25px;
        font-size:10px;
        border:1px solid #fff;
        background-color:#fff;
        color:#f9a25e;
     }
     .day-with-date {
        vertical-align:text-top;
        text-align:left;
        width:60px;
        height:60px;
		padding:2px;
        border:1px solid #ccc;
     }
     .no-events {

     }
     .day-without-date {
        width:60px;
        height:60px;
        border:1px solid #E9F0E8;
     }
     span.weekend {
        color:#f9a25e;
     }
     .current-day {
        vertical-align:text-top;
        text-align:left;
        width:60px;
        height:60px;
		padding:2px;
        border:1px solid #667617;
        background-color:#fff;
     }
     span.event {
        font-size:9px;
     }
     .kjo-link {
        font-size:9px;
        text-align:center;
     }
     .event-title {
        text-align:center;
        font-weight:bold;
        font-size:10px;
		
     }
     .event-title-break {
        width:96%;
        margin-left:2%;
        margin-right:2%;
        margin-top:1px;
        margin-bottom:5px;
        text-align:center;
        height:1px;
        background-color:#bc6c50;
     }
     .event-content-break {
        width:96%;
        margin-left:2%;
        margin-right:2%;
        margin-top:5px;
        margin-bottom:5px;
        text-align:center;
        height:1px;
        background-color:#bc6c50;
     }
     .calendar-date-switcher {
        height:25px;
        text-align:center;
        border:1px solid #D6DED5;
        background-color:#9ca767;
     }
     .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;
     }





/* 8.FULL POSTS  */
/*-------------------------------------------------------*/
.intro {
	width: 640px;
	height:140px;
	float: left;
	margin:0px 30px 0 0;
	padding:0px;
	border:1px dotted #f9f2e4;
}

.intro p{
color:#667617;
width:640px;
}

.intro h1{
margin:0px;
color:#667617;
font-size:24px;
display:inline;
padding:0px;
}




.full-post {
float: left; 
width: 640px;
margin:0px 0px;
padding:0px;
background:transparent url('images/bg_pagePat.jpg') repeat-y 0 0;

}

.full-post h1 { 
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
font-size:28px;
font-weight:normal;
line-height:28px;
height:40px;
padding:30px 0px 5px 40px;
margin:0px;
color:#667617;
background:transparent url('images/bg_pageHeader.jpg') no-repeat 0 0;
}

.full-post .page-footer{ 
font:18px normal "Trebuchet MS", Verdana, Arial, sans-serif;
height:40px;
width:auto;
padding:40px 0px 3px 0px;
margin:50px 0 0px 0;
color:#330000;
background:transparent url('images/bg_pageFooter.jpg') no-repeat bottom center;
}

.full-post .date {
margin:20px 30px 0px 0px;
padding:0px;
color:#f9a25e;
font-size:11px;
float:right;
}

.full-post .tags {
margin:0px 0 0px 40px;
padding:0px;
font-size:10px;
}
.full-post .tags a{
color:#7fafcd;
text-decoration:none;
}
.full-post .tags a:hover{
color:#7fafcd;
text-decoration:underline;
}

.full-post p{
padding:5px 40px 5px 40px;
margin:0px;
line-height:19px;
color:#9da767;
font-size:12px;
}

.full-post img{
padding:8px;
margin:10px 10px;
color:#333;
background: #fff;
border-bottom:#999 solid 1px;
border-top:#eee solid 1px;
border-left:#ccc solid 1px;
border-right:#ccc solid 1px;
}

.full-post b, .full-post em, .full-post strong{font:bold 12px/18px Verdana; color:#667617;}

.full-post h1.arch { 
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
font-weight:normal;
font-size:12px;
border-bottom:1px solid #ddd;
padding:4px 0px 6px 0px;
margin:5px 0px;
height:auto;
}

html>body .full-post ul {
margin:0px 0 10px 0px;
padding: 0 0 0 40px;
list-style: none;
padding-left: 10px;
text-indent:-10px;
} 
html>body .full-post li {
margin: 8px 0 0px 10px;
}
.full-post ol li{
list-style: none;
}	
.full-post ul li:before{
content: "\00BB \0020";
font-size:14px;
}
.full-post ol {
padding: 0 0 0 35px;
margin: 0;
}
.full-post ol li {
margin: 0;
padding: 0;
}	
.full-post li {
font-size:12px;
padding:0px;
margin:0px;
}

.full-post .caption {
color:#666666;
font-size:9px;
text-align:left;
}

.full-post .line {
color:#CCCCCC;
}


/* 9. COMMENTS  */
/*-------------------------------------------------------*/
#respond {
	margin-top: 15px;
	padding:20px 0 0px 40px;
	clear: both;
	color:#667617;
	width:auto;
	height:20px;
}

#respond a{
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
color:#660000;
}
#respond a:hover{color:#990000;}


/* # of responses header */
h3#comments{
	font-size:14px;
	font-weight:bold;
	padding:10px 0 10px 30px;
	border-bottom: 1px solid #c6d9e1;
	margin: 15px 20px;
}

/*______ COMMENTS _______*/

/* Comments and Commentform */
ol.commentlist {
	list-style: none;
	margin:0px 40px;
	padding:0px;
	line-height: 110%;
	width:540px;
	height:100%;
	border:0px solid #000;
	float:left;
	display:block;
}

ol.commentlist li {
	padding: 0 0 30px;
}

/*comments  */


.commentmetadata {
	display: block;
	float: left;
	line-height: 1.7;
	font-size: 9px;
	width: 107px;
	padding: 17px 10px 0 0;
	border-top: 1px solid #ccc;
	color: #aaa;
}

.commentmetadata cite {
	display: block;
	color: #999;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 1px;
}

.commentmetadata .avatar {
	display: block;
	margin-top: 9px;
	margin-bottom: 1.5em;
}
.commenter {
width:140px;
border:0px dotted red;
height:100%;
float:left;
text-align:right;

}
.commentSpeak{
margin:5px 0;
line-height:normal;
font-size:10px;
padding:10px;
width:490px;
color:#333;
border:0px solid #666;
height:100%;
}


/* actual comment text p */
.commentSpeak p {
background: #eeeeed;
margin:5px 0px 0px 0px;
text-indent:0px;
line-height:normal;
font-size:10px;
padding:10px;
width:500px;
height:100%;
color:#666;
text-align:left;
}
/* indiv. comment title 
.commentTitle{
margin:0px 0px 0px 30px;
color:#333;
border: 0px solid #c6d9e1;
list-style:none;
display:inline;
font-size:10px;
height:90px;
}

.commentTitle a, .commentTitle a:hover {
color:#333;
border-top: 0px solid #c6d9e1;
list-style:none;
display:inline;
font-size:10px;

}*/


/* odd comment  */
.commentlist .alt {
background: #fff;
margin-top:10px;
padding:0px 0px;
border:1px solid #444;
list-style:none;

}

/* user name info*/
.commenter cite, .commenter cite a, .commenter cite a:hover {
font-weight: bold;
font-size: 11px;
text-align:left;
color: #9da768;
margin:0px 0px 0px 0px;
border:0px solid #000;
float:left;
}

.commentDate, .commentDate a, .commentDate a:hover  {
margin:0px 0px 0px 0px;
padding:2px 0;
font-size:9px;
color:#999;
text-align:right;
float:right;
}

.comment-user {
margin:8px;
padding:10px 0 0 70px;
width:auto;
height:20px;
color:#000;
display:block;
}







.commentBorder{
border:1px solid #666;}

/* comment avatar images/icon_head.gif*/
.commentIcon {
background: transparent url('images/icon_head.gif') no-repeat 0 0;
margin:0px 0px 0px -61px;
width:60px;
height:85px;
float:left;
}


#commentform {
margin-top: 10px;
font: 90% Arial, Helvetica, sans-serif;
}
#commentform p {
padding: 6px 0px;
margin: 0px;
color:#333;
}
#commentform label{
color: #787878;
}

#commentform input{
width: 200px;
background:#dedbd1;
border: 1px solid #adaea0;
padding:3px;
margin: 3px 0 0 70px;
}

 /* comment input textbox*/
#commentform textarea{
width: 500px;
height: 115px;
background:#EEEEED;
border: 1px solid #adaea0;
padding: 2px;
margin: 3px 0 0 70px;
}


/* input text */
#commentform textarea:focus, #commentform input[type="text"]:focus {
background: #ffffff;
font-size:12px;
}


/* submit button */
#commentform #submit{
background:#667617;
font-weight:bold;
color: #ffffff;
border: none;
float:left;
width:120px;
height:27px;
cursor: pointer;
margin:0px 0px 10px 450px;
}








/*============================== EXTRAS ========================= */