/* 
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)

Brown: #403019
light brown: #7c6747
light green: #809742
dark green: #67771a
tara-cota: #bc6d50
peach: #f9a25e
blue: #9ec8d1






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: #403019 url('images/coming_soon.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; 
font-family:"Trebuchet MS",Verdana, Arial, sans-serif;
}


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




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


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

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:100%;
background:transparent url() no-repeat left bottom;
height:475px;
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:100px;
margin-top:0px;
text-align: left; 
border-top:0px solid #827f6e;
color:#bc6c50;
}

#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;
}







/* 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:222px;
	height:377px;
	margin:0px 10px 15px 10px;
	padding:0px;
	background:transparent url('images/bg_smallPost.png') no-repeat 0 0;
}
	
	.small-post h3{
	font:normal 16px Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0.01em;
	padding:0px;
	margin:0px 0px 3px 0px;
	color:#bc6c50;
	text-align:left;
	}
	.small-post h3 a{
	text-decoration:none;
	color:#bc6c50;
	}
	.small-post h3 a:hover{
	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:10px;
	float:left;
	}
	
	.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 */
.imgtfe{
	width:260px;
	height:160px;
	overflow:hidden;
	border:0px dotted #999;
}




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

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

.infoColumn{
	float: left;
	width: 190px;
	height:320px;
	margin:0 0px 0px 0px;
	padding:0px;
}
		
		
.about {
	float: left;
	width: 480px;
	height:320px;
	margin:0 0px 0px 0px;
	padding:5px 10px;
}



.donate {
	float: left;
	width: 240px;
	height:320px;
	margin:5px 0px 0px 0px;
	padding:5px 0px 0 10px;
	border:0px solid #333;
}






/* 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:#aaa;border:1px solid #008800;margin-top:10px;}
input{border:1px solid #C0C0C0;background:#fff;color:#7fafcd;padding:3px;margin-top: 8px;}

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

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




/* 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_pagePaper.png') 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: 3px 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 {
border-bottom: 0px dotted #c6d9e1;
margin-top: 15px;
padding:20px 0 0px 70px;
clear: both;
color:#444;
width:auto;
height:20px;
background:transparent url('') no-repeat bottom right;
}

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


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

/*______ COMMENTS _______*/

/*comments  */
.commentlist {
margin:0px;
padding:0px;
line-height: 110%;
width:600px;
height:100%;
border:0px solid #000;
list-style:none;
}


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

/* 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*/
.commentSpeak cite, .commentSpeak cite a, .commentSpeak cite a:hover {
font-weight: bold;
font-size: 11px;
color: #333;
margin:0px 0px 0px 20px;
list-style:none;
font-style:normal;
border:0px solid #999;
}

.commentDate, .commentDate a, .commentDate a:hover  {
margin:-10px 0px 0px 0px;
padding-bottom:10px;
display: inline;
font-size:9px;
color:#999;
float:right;
}

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



/* actual comment text p */
.commentSpeak p {
background: #eeeeed;
margin:5px 10px 0px 30px;
text-indent:0px;
line-height:normal;
font-size:10px;
padding:10px;
width:480px;
height:100%;
color:#666;
border:0px solid #666;
text-align:left;
}



.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:#dedbd1;
border: 3px 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:#827f6e;
font-weight:bold;
color: #ffffff;
border: none;
float:left;
width:120px;
height:27px;
cursor: pointer;
margin:0px 0px 10px 450px;
}








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


/* --------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 ---------*/



/* ------------ Sociable Styles ---------*/

div.sociable { margin: 16px 0 10px 75px; color:#333333; }

div.sociable_tagline { 
height:auto;
position: relative;
color:#333;
 }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #333;
	border: 1px solid #ccc;
	color: black;
	line-height: normal;
}
.sociable span {
	display: block;
	color:#333;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
	float:none;
	font-size:9px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
	display:inline;
}

.sociable-hovers {
	opacity: .5;
	-moz-opacity: .4;
	filter: alpha(opacity=50);
	
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	
}


/*------------ share -----*/
.wrap{
background:#00CC00;
width:500px;
height:auto;
margin:0px;}

#a2apage_border {
border:0px solid black;
}

#a2apage_title_container {
margin:0px auto;
border:0px solid black;
background:#fff;
font-size:14px;
font-weight:bold;
height:20px;}

/* find services box */
.a2a_menu_find_container {
border:0px solid black;
margin-top:-20px;}



#a2apage_dropdown{
background:#fff;}

.a2a_i_share {
border:1px solid black;
margin:0px;}

.addtoany_share_save_container {
border: 0px solid black;
width:525px;
height:auto;
margin:10px 0 10px 0px;}


.a2apage_wide a2a_wide {
border: 0px solid black;}

.a2a_tabs{
height:20px;
margin-bottom:-80px;}


.a2a_dd addtoany_share_save a {
border: 1px solid black;
width:500px;
height:300px;
margin:0px;}

.a2a_dd addtoany_share_save a:hover {
border: 2px solid red;
width:500px;
height:300px;
margin:0px;}


#a2a_menu_find_container {
border: 0px solid red;}

/* menu list box */
.a2a_cols_container{
border:1px solid white;}

#a2apage_col1{
border: 1px solid white;
width:150px;
height:auto;
}


#a2apage_col1 img{
border: 1px solid white;
float:left;}

#a2apage_col1 p{
border: 0px solid black;}

#a2apage_col1 a{
border: 1px solid white;
padding:5px;}

#a2apage_col1 a:hover{
border: 1px solid white;
padding:5px;}



#a2apage_col2{
border: 1px solid white;
width:150px;
height:auto;}

#a2apage_col2 img{
border: 1px solid white;
float:left;}

#a2apage_col2 p{
border: 1px solid black;
float:left;}

#a2apage_col2 a{
border: 1px solid white;
padding:5px;}

#a2apage_col2 a:hover{
border: 1px solid white;
padding:5px;}