/* STYLE SHEET FOR THE COMMUNITAS PROJECT
Created by Julian Tancredi

ToC
    
	1. defaults
	2. structure
	3. links and navigation
	4. typeograpy
	5. images

Notes
/* -------------------------------------- 1. defaults  ----------- */
* {
	margin: 0; padding: 0;
		}
html {
	font-size: 100%;
	}

body {
	font: 62.5% "Lucida Grande", Lucida, Verdana, sans-serif;
	}
/* -------------------------------------- 2. structure  ----------- */

#wrapper {
	width: 800px;
	margin: 0 auto;
	background: #ffffff url(http://communitas.co.uk/themes/site_themes/communitas/assets/backgrounds/wrapper.png);
	background-repeat: repeat-x;
	background-position: 300px 100px;
       }
		
#header {

display: visible;
clear:both;
position:relative;
top:0;
left:0;
width: 99%;
height: 82px; 
margin:0;
padding:0;
color: auto;
font:auto ;
line-height:auto ;
text-align: auto;
border: auto;
border-bottom: 2px solid #5d030e;
	}

#login_wrapper {
        position: relative;
        top:-25px;
        left:600px;
        width: auto;;
        height:10px; 
        margin:0;
        padding:0;
        font-size:auto ;
        line-height:auto ;
        text-align: auto;
        border: auto;
        }

#login_wrapper li {
       display:inline;                                  
        }

#login_wrapper a:link,
#login_wrapper a:visited {
	color:red;
	padding-right:4px;
	margin:0;
	font-size: 1em;
	}

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

a:link#login, 
a:link#register, 
a:link#member_list, 
a:link#logout {
        font-size:1em;
        }

/* Site-wide Widths */		

#sidebar {
        width: 42%;
        float: left; 
	padding: 3% 2%;
	    }

#content {
        width: 50%;
        float:left;
        padding: 2%  2%;
        }

/* Blog Widths  */	

#blog_sidebar {
        width: 37%;
        float: left; 
        padding: 4% 2%;
	    }

#blog_content {
        width:55%;
        float:left;
        padding: 2%  2%;
        }

#footer {
	    width:100%;
	    height:60px;	    
		}
	    																						  
table {
        width:100%;
        padding:1%;
        margin: 4% 0 2%;
        border: 4px solid #e8e8e8;
        font-size:11px;
        color:#6c6c6c;
        text-align:left;
        background-color: #f5f5f5;
        }	

td, th {
    margin: 0px;
    border-top:1px dashed #999;
    padding: 5px 5px 3px 5px;
        }    																						  

.vcard{padding: 3%;}

#contact_us_content{width:90%; padding:2%;}

.right{text-align:right;} 

.centered{text-align:center;} 							

/*  Links  */

.current{color: #ff0000}

		#res_links_1{width:48%;float:right;}
		#res_links_2{width:48%;float:right; margin-right:4%; margin-bottom:20px;}
		#home_page #navigation 
		#home_link a:link, 
		#home_page #navigation 
		#home_link a:visited {color: #ff0000;}
		#resources_page #navigation 
		#resources_link a:link, 
		#resources_page #navigation 
		#resources_link a:visited{color: #ff0000;} 
		#philosophy_page #navigation #philosophy_link a:link, 
		#philosophy_page #navigation #philosophy_link a:visited{color: #ff0000;} 
		#testimonials_page #navigation #testimonials_link a:link, 
		#testimonials_page #navigation #testimonials_link a:visited{color: #ff0000;} 
		#about_us_page #navigation #about_us_link a:link, 
		#about_us_page #navigation #about_us_link a:visited{color: #ff0000;}
		#training_page #navigation #training_link a:link, 
		#training_page #navigation #training_link a:visited{color: #ff0000;}
		#clients_page #navigation #clients_link a:link, 
		#clients_page #navigation #clients_link a:visited{color: #ff0000;}
		#contact_page #navigation #contact_link a:link, 
		#contact_page #navigation #contact_link a:visited{color: #ff0000;}
		#bookings_page #navigation #bookings_link a:link, 
		#bookings_page #navigation #bookings_link a:visited{color: #ff0000;}
		#forum_page #navigation #forum_link a:link, 
		#forum_page #navigation #forum_link a:visited{color: #ff0000; }
		#blog_page #navigation #blog_link a:link, 
		#blog_page #navigation #blog_link a:visited{color:#ff0000;}  

/*  Navigation */

a:hover { }

#navigation {
	        background: #7f0314 url(http://communitas.co.uk/themes/site_themes/communitas/assets/backgrounds/navigation.png) repeat-x;
		width:800px;
		height:20px;
		padding: 4px 0;
		}
		
#masthead {border-bottom:3px solid silver;}											

#navigation ul {padding-left:2%; list-style-type: none;}		

#navigation li {font-size:1.2em;}

		
a:link, a:visited {
		color:#666666;
		padding:0;
		margin:0;
		font-size: 1em;
		}

a:hover {
		color:#333666;
		text-decoration: underline;
		}
		
#navigation a:link, #navigation a:visited {		
		color: #a6a5a7;
                text-decoration:underline;
		padding-right:1.1em;
		font-size:1.1em;
		float:left;
		}
		
#navigation a:hover {
              text-decoration:underline;
              color: #ff0000;
		}
		
		
/* 4. typography */
																					
#header h1{ }		
 
#header h2 {
		font: 2em/.1em "Lucida Grande CE", "Helvetica CE", sans-serif;
		border-style: none;
		padding:2% 2%;
		color:red;
		font-style: italic;
		}
	
#content h1, #sidebar h1 {
		color: #626262;
		}	
		
h1 {
                font-size: 2.6em;
		line-height: 1em;
		color:#ffffff;
		font-weight: bold;
		padding-top:2%;
                }

h2 {
		font-size: 1.7em;
		line-height: 1em;
		padding: 10px 0;
		border-bottom: 1px solid #cccccc;
		margin-bottom: 7px;
		color:#626262;
		font-weight: normal;
		}
		
h3 {		
		font-size: 1.4em;
		line-height: 1.3em;
		padding-bottom: 8px;
		margin-bottom: 7px;
		color:#626262;
		font-weight: normal;
		}
		
p {
	    font-size: 1.2em;
		margin-bottom: 1em;
		color: #6e6e6e;
		text-align:left;
		}

#content li, #sidebar li, #blog_content li,#blog_sidebar li{
	        font-size: 1.2em;
		margin-bottom: 0.5em;
		color: #6e6e6e;
		text-align:left;
		list-style-type: none;
		} 
		
		
blockquote p {
		color: #555555;
		font-size: 1.1em;
		text-align: left;
		background: url(http://communitas.co.uk/themes/site_themes/communitas/assets/icons/quote-close.gif) 100% 90% no-repeat;
		padding: 0 33px;
		margin-top:20px
        	}		
		
cite {
		background: none;
		display: block;
		text-align: right;
		font-size: 1.1em;
		font-weight: normal;
		font-style: italic;
		}		
		
blockquote>p+p {background: none;}	

#participants li {list-style-type: disc; list-style-position: inside; padding:0 2%;}

#sidebar li,#blog_sidebar {list-style-type:none;}

#footer p {text-align:center; color:#666666; font-size:1em;}
        
#footer a:link, #footer a:visited {color:#666666; text-decoration: underline;}     

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


/*  Color Classes */                     

.lime {color:Lime;}
           
.fuchsia {color:Fuchsia;} 

.aqua { color:Aqua;}

.orange{color:Orange;}

.warning {color:lime;}

/* 5. images */

body {background: #333333 url(http://communitas.co.uk/themes/site_themes/communitas/assets/backgrounds/body.png) repeat-x;}

#masthead {background: #bb172d  url(http://communitas.co.uk/themes/site_themes/communitas/assets/backgrounds/header.png) repeat-x;}

#header img {float:left; padding:8px 5px ;}

#sidebar img, #blog_sidebar img {
            border: 3px solid #cccccc;
	    padding: 5px;
	    margin: 5px 0 5px 5px;
	    float:right;
		}
		
 #content img, #blog_content img {
            border: 3px solid #cccccc;
	    padding: 4px;
	    margin: 5px 0 5px 5px;
	    float:right;
		}

blockquote {
		background: url(http://communitas.co.uk/themes/site_themes/communitas/assets/icons/quote-open.gif) 0 0 no-repeat;
		}		


#testimonials img {margin:1px; float:none;width: 80px; height: 95px;}	    


#rss_del_logo img {float:right; padding:3px; border-style:none;}


#vcard_img img {
            border: 1px solid white;
	    padding: 0;
	    float:right;	    
	    margin:0;
	    }

#footer{
        background: url(http://communitas.co.uk/themes/site_themes/communitas/assets/backgrounds/footer.png) repeat-x;
        }

#boxout {
        width:93%;
        padding:3%;
        border: 4px solid #e8e8e8;
        color:#6c6c6c;
        text-align:left;
        background-color: #f5f5f5;
        }
        
#boxout{
		background-image: url(http://communitas.co.uk/themes/site_themes/communitas/assets/backgrounds/boxout.png);
		background-repeat: repeat-x;
		background-position: bottom left;
	   }
/*  6. float-clearing  */

.separator {
		clear: both;
		}

.separatorInvisible {
		clear: both;
		height: 1px;
		}

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

/* 7. Notes  */
																		  																						  
#strands ol li {padding-left:2%; list-style-type: decimal; list-style-position: inside;}	

#top{margin-top:70%;text-align:center;}

#links a {color: gray;display:block;}

#unique li {padding-left:2%; list-style-type: decimal; list-style-position: inside}

#target_clients li{padding-left:2%; list-style-type: decimal; list-style-position: inside}

#participants li {list-style-type: disc; list-style-position: inside; padding-left:2%;}

#participants_goals li {list-style-type: disc; list-style-position: inside; padding-left:2%;}

#ub li {list-style-type: disc; list-style-position: inside; padding-left:2%;}

#archivesidebar h4 {
color:#626262;
border-bottom: 1px solid #F5F5F5;
padding-bottom: 4px; 
padding-top: 1px; 
margin: 0 0 4px 0;}

#archivesidebar li {
padding: 0; 
margin: 0;}

.quotat {
float: right; 
width: 40%;
border-style: solid;
border-width: 1px;
}

.quotat td {
border:none;
}

.form {margin: 0 0 0 20px;}

/* -- Booking Form Headings Group Selector -- */

#spore, #subscribe, #howhear, #events, #contact {
    color :#036;
    font-size: 1.4em;
    font-weight: bold;
    }

.form p {
    margin: 0 0 5px 0;
    }

.formbox {
    width: 250px;
    }

fieldset {
    border: none;
    }

label {
    font-weight: bold;
    color: #036;
    display: block;
    margin:10px 0;
    }

#subscribe label, #interests label, #spore label {
    display: inline;
    padding: 0 20px 0 3px;
     }

#interests div {
    float: left;
	}

#details {width:100%; height: 180px;}

.form_p {
	color:#036;
	margin:15px 0 15px 0;
	font-weight:bold;
	font-size:1.3em;
	}