@charset "utf-8";

/*******************************
 * Leeds Society Of Architects
 * CSS Stylesheet v2.0
 *  
 * Teabag Studios 2008
 * 
 * 
 * References Color: 
 * 		Green: #33FF00
 * 		Header Grey: #333333;
 * 		Normal Grey: #CCCCCC;
 * 		Light Grey: #e4e4e4
 * 
 */


	/******
	 * Reset Sheet
	 * Copyright (c) 2007, Yahoo! Inc. All rights reserved.
	 * 	Code licensed under the BSD License:
	 * 	http://developer.yahoo.net/yui/license.txt
	 * 	version: 2.4.0
	 * */
		body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
		table{border-collapse:collapse;border-spacing:0;}
		fieldset,img{border:0;}
		address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
		li{list-style:none;}
		caption,th{text-align:left;}
		h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
		q:before,q:after{content:'';}
		abbr,acronym {border:0;font-variant:normal;}
		/* to preserve line-height and selector appearance */
		sup {vertical-align:text-top;}
		sub {vertical-align:text-bottom;}
		input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
		/*because legend doesn't inherit in IE */
		legend{color:#000;}


/********
 * Site Grid
 */

	body { 
		font-family:Arial, Helvetica, sans-serif;
		font-size:62.5%;
		color:#666666;
		background:url('../images/bgBox.gif') repeat;
	}

	#container { 
		width:960px;
		margin:0px auto;
		background:#fff none;
		position:relative;
	}
	
	#header { 
		clear:both;
	}
	#topBar {
		float:right;
		background-color:#EEE;
		padding:1px 10px;
		margin-bottom:15px;
	}
	
	#bodyWrapper {
		clear:both;
		padding:0 0 30px;
	}
	
	#leftCol { }
	
	#rightCol { }
	
	#footer {  
		clear:both;
		background:#ccc;
		width:100%;
		height:30px;
	}
	#footer ul {
		background:#ccc;
		margin:0 0 40px;
		padding:3px 10px;
		float:left;
	}
	#footer ul li {
		float:left;
		padding:5px;
		font-size:1.1em;
	}
	#footer ul li a {
		border-right:1px solid #999;
		display:block;
		padding:0 10px 0 0;
		color:#666;
		text-decoration:none;
	}
	#footer ul li a.link_rss {
		border-right:none;
	}
	#footer ul li a:hover {
		color:#000;
		text-decoration:underline;
	}	
	
/***************
 * Global Selectors
 */
	p { padding: 0.2em 0 0.6em 0; }
	
	img { border:none; }
	
	a {
		color:#666;
		text-decoration:none;
	}
	
	a:hover {
		background-color:#33FF00;
	}
	
	ul {}
	
	li {}
	
	em {}
	
	h1 { }
	
	h2 { }
	
	blockquote {}	

/****
 * Specific Typography
 */	
 
 	h2 {
 		display:block;
		background-color:#CCCCCC;
		text-transform:uppercase;
		font-size:20px;
		letter-spacing:-0.01em;
		padding-top:2px;
		margin-bottom:5px;
		height:25px;
 	}
 	
	h2 strong {
		background-color:#fff;
		padding:6px 9px 0px 9px;
		line-height: 1em;
		color:#333;
		float:left;
	}
	
	.wrapper h2 {
		margin:0 -10px 10px -10px;
		height:26px;
	}
	
	h3, h4, h4 a, h5 {
		color:#666;
		text-transform:uppercase;
		font-size:1.1em;
		margin:10px 0 5px 0;
		text-decoration:none;
		font-weight:bold;
		line-height:1.3em;
	}
	
	h3 {
		font-size:1.3em;
	}
	
	h4 {
		font-size:1.3em;
	}
	h4 a {
		text-decoration: underline;
	}
 
/****
 * Link Styles
 */	 
 	a.registerNow {
 		display:block;
		border-left:3px solid #33FF00;
		padding:5px 10px 5px 5px;
		margin:5px 0px;
		font-size:1.2em;
		font-weight:bold;
 	}

 	a.registerNow:hover {
 		background-color:#33FF00;;
	}
	
	#membersMenu li {
		float:left;
		font-size:1.3em;
		font-weight:bold;		
		margin:5px 10px;
	}
	
	#membersMenu a {
		float:left;
		padding:5px;
		border-bottom:2px solid #ccc;
	}
	
/***********************
 * Shared Elements
 */	
 	.clear { clear:both ; }
	
	.wrapper { padding:0px 10px 10px 10px; clear:both; font-size: 1.3em; line-height: 1.3em; }
	
 /**
  * Sub Grid Cols
  */
 	.col {
		border-left:2px solid #e4e4e4; 		
 	}
 
 	.col1,
	.col2,
	.col3,
	.col4,
	.col5,
	.col6,
	.col7 {
		border-left:2px solid #e4e4e4;
		float:left;
	}
	
	#bodyWrapper .col1,
	#bodyWrapper .col2,
	#bodyWrapper .col3,
	#bodyWrapper .col4,
	#bodyWrapper .col5,
	#bodyWrapper .col6,
	#bodyWrapper .col7 {
		border-left-color: #ccc;
	}
	
	.col1 { 
		width:118px;
	}

	.col2 {
		width:238px;
	}
	
	.col3 {
		width:358px;
	}

	.col4 {
		width:478px;
	}
	
	.col5 {
		width:598px;
	}

	.col6 {
		width:718px;
	}
	
	.col7 {
		width:828px;
	}
	
	.col8 {
		width:948px;
	}
/*********
 * Header
 */
 
 	h1.col2 {
 		float:left;
		padding:5px 0 0;
		height:90px;
		border:0px;
	}
	
 	h1.col2 a {
 		background:url('../images/logo.gif') no-repeat;
		height:60px;
		text-indent:-99999px;
		width:221px;
		overflow:hidden;
		display:block;
		margin-left:5px;
		float:left;
 	}

	#member-text {
		font-size:1.1em;
		float:left;
		padding:6px;
	}
	
	#member-text li {
		float:left;
		margin:0 12px 0 0;
	}
	
	#searchBar {
		float:right;
	}

/***** 
 * Main Menus
 */
 	#menu {
		float:right;
	}
	
 	#menu .col1 {
		height:95px;
	}
	/*#menu .col1:hover {
		border-left-color: #3f0;
	}*/
 
	#menu ul {
		float:left;
		font-size:1.2em;
		margin:0 0 0px 0;
	}
	
	#menu ul li {
		padding-left:10px;
	}
	
	#menu ul li.title {
		text-transform:uppercase;
		font-size:1.15em;
		color:#333;
		margin:0 0 5px 0;
	}
	#menu ul li.title strong {
		padding:2px 0 0;
	}
	
	#menu ul li a {
		display:block;
		text-decoration:none;
		margin:0 0 0 -10px;
		padding:2px 0 2px 10px;
		color:#666;
	}
	#menu ul li.title strong a {
		color:#333;
	}
	
	#menu ul li a:hover,
	#menu ul li.on a {
		background:#3f0;
		color:#333;
	}
	
	#menu ul li.title a strong {
		padding:0;
	} 

	#menu ul li.title.current strong {
		color:#3f0;
	}
	
/***** 
 * Homepage: Boxes
 */

	#event-otm p,
	#building-otm p,
	#architect-otm p,
	#practice-otm p {
		border-bottom:1px solid #E4E4E4;
		border-top:1px solid #E4E4E4;
		clear:both;
		float:left;
		height:100px;
		margin:0 0 10px;
		padding:10px 0px 0px 0px;
		width:220px;
		position:relative;
	}
	#event-otm a.more,
	#building-otm a.more,
	#architect-otm a.more,
	#practice-otm a.more {
		position:absolute;
		right:5px;
		bottom:5px;
		font-size:1.1em;
		font-weight:bold;
		border-left:2px solid #33FF00;
		padding-left:5px;
	}	
	#event-otm p strong,
	#building-otm p strong,
	#architect-otm p strong,
	#practice-otm p strong {
		font-size:1.3em;
		display:block;
		margin-bottom:5px;
	}	
	
	#event-otm a.image img,
	#event-otm a.image img,
	#building-otm a.image img,
	#architect-otm a.image img,
	#practice-otm a.image img {
	/*	width: 100px; height: 100px;  Temp */
	}

/***** 
 * Homepage: News
 */
 
 	div#featuredNews ul.read-more {
		border-top:1px solid #e4e4e4;
		border-bottom:1px solid #e4e4e4;
		height:15px;
		margin:5px 0 10px;
		padding:8px 0;
		clear:both;
	}
	div#featuredNews ul.read-more a {
		text-decoration:none;
	}
	
	div#featuredNews p.post-date {
		font-size:0.9em;
		font-weight:bold;
	}
	div#featuredNews div {
		border-top:1px solid #E4E4E4;
	}
	div#featuredNews ul.read-more li {
		float:right;
		margin:0 0 0 10px;
	}
	
	div#featuredNews a.image img {
		width:180px; height:180px;
	}
	
	div#featuredNews h3 a {
		font-weight:bold;
		color:#666;
		text-decoration:none;
	}
 
 	#latest-news.wrapper {
 		padding-right:0px;
 	}
	
 	div#latest-news ul li {
		border-top:1px solid #E4E4E4;
		border-bottom:1px solid #E4E4E4;
		margin:0 0 15px 0;
		float:left;
	}

 	div#latest-news ul li h5 {	
		margin:0px;
	}
	
	div#latest-news ul li a.news-pic,
	.wrapper a.image {
		float:left;
		margin:0px 10px 35px 0px;
	}
	
	div#latest-news ul li a {
		font-weight:bold;
		text-decoration:none;
	}
	
	div#latest-news ul li span {
		background-color:#E4E4E4;
		display:block;
		font-size:0.9em;
		left:-10px;
		margin-bottom:5px;
		padding:2px 0px;
		position:relative;
		top:-1px;
	}

	div#latest-news ul li span strong {	
		background-color:white;
		padding:1px 5px 3px 5px;
	}
	
	#aggregated-news {
		margin-top:10px;
	}
	
	#aggregated-news span {
		border-bottom:2px solid #E4E4E4;
		float:left;
		margin:0px 20px 10px 0px;
		width:70px;
	}

	#aggregated-news li {
		display:block;
		clear:both;
		margin-bottom:20px;
	}

/*********
 * Events: Calendar
 */
	
	table#calendar {
		margin:0 auto;
		width:375px;
	}
	
	table#calendar td {
		border-bottom:1px solid #ddd;
		border-right:1px solid #ddd;
		float:left;
		font-size:1.1em;
		height:35px;
		margin:2px;
		padding:5px;
		width:38px;
	}
	table#calendar td span {
		color: #777;
	}
	table#calendar td a {
		border-bottom:1px solid #999;
		border-right:1px solid #999;
		color:#666;
		display:block;
		font-weight:bold;
		margin:-4px 0 0 -4px;
		text-decoration:none;
		background:#eee;
	}
	table#calendar td a:hover {
		background-color:#CBFFBF;
		color:#121212;		
	}

	table#calendar td.lknav a {
		width:auto;
	}
	
	#calendar-nav {
		width:360px;
		margin:10px auto;
	}
	
	#calendar-nav a { 
		background-color:#EEEEEE;
		font-weight:bold;
		padding:10px;
	}
	
	#calendar-nav .next {
		float:right;
	}

	#calendar-nav .prev {
		float:left;
	}
/*********
 * Events: Details
 */

	.eventDetails dl {
		margin:15px 0;
		font-size:1.1em;
	}
	.eventDetails dt {
		float:left;
		font-weight:bold;
		margin:0 5px 3px 0;
		width:70px;
	}
	.eventDetails dd {
		margin: 0 0 3px 0;
	}
	
/*********
 * Forms
 */
 /********
 * Forms Style And Structure
 */

	.ryform { 
				display:block;
	}
	
	.ryform em.ast { 
				color:#96C61C;
				font-size:11px; 
	}
	
	.ryform li { 
				padding:5px 0px; 
	}
	
	.ryform .radio {
	}
	
	.ryform .radio label {
		display:inline;
		padding-left:5px;
	}
	
	
	.ryform label { 
				display:block;
				font-weight:bold;
				margin-bottom:3px;
				cursor:pointer;
	}
	
	.ryform fieldset { 
				padding:10px;
	}
	
	.ryform legend { 
				font-size:1.2em;
				border-bottom:1px solid #DADADA;
				margin:5px 0px;
				font-weight:bold;
	}
	
	/* Input Elements */
	.ryform .txt { 
				border:1px solid #DADADA;
				background-color:#FFFFFF; 
				padding:2px; 
				width:230px;
				font-size:1.1em;
	 }
			 
	.ryform .txt:focus { 
				border:1px solid #96C61C;
	}
	

	 .ryform p.btn input { 
	 	border:1px solid #333333;
		background-color:#cccccc;
		padding:5px;
		color:#333333;
		font-weight:bold;
		cursor:pointer;
	}
	
	 	
		
	div.formError, div.formNotice, .form_error {
		background:#D95E61;
		border:1px solid #A82020;
		color:#FFFFFF;
		margin:10px;
		padding:10px;
		line-height:1.5em;
	}	
	
	.form_error a {
		color:#ffffff;
	}
	
	div.formNotice {
		background:#E2F9E3;
		border:1px solid #B3DF82;
		color:#3D993D;
	}
	
	div.formNotice h3 {
		font-weight:bold;
		text-decoration:underline;
		font-size:1.4em;
		margin-bottom:10px;
	}
	
	div.formNotice img {
		float:left; 
		margin-right:15px;
	}

	/*** captcha **/
	#anti-spam p {
		margin:0px;
	}
	
	#anti-spam  {
		padding:10px;
		border-top:2px solid #ccc;
	}
	
	#anti-spam legend {
		padding:0px 10px;
		border:0px;		
	}
	
	#captcha {
		background-color:white;
		margin:10px 0;
		width:130px;
	}
	
	input#crypto {
		width:100px;
		font-size:1em;
		font-weight:bold;
		padding:10px;
		letter-spacing:1.3em;
	}	
	
	/****
	 * Comments
	 */
		
	#sf_comment_list {
		border:2px solid #666;
		border-left:none;
		border-right:none;
		padding:10px;
		margin:10px;
	}
	
	.sf_comment {
		background-color:#CCCCCC;
		margin:20px 10px;
		padding:1px 0 0 1px;
	}
	
	p.sf_comment_info {
		background-color:#E5FFDF;
		padding:5px;
		margin-bottom:0px;
	}

	span.sf_comment_author {
		font-weight:bold;
	}

	p.sf_comment_text {
		padding:5px;
		background-color:#fff;
	}

	#add-comment {
		margin:10px;
	}
	
	#add-comment legend {
		display:block;
		color:#E4E4E4;
		margin:10px 0px;
	}	
	
	#userstatus  {
		padding:5px;
		color:#CF0C0C;
	}
	
	#userstatus strong {
		font-weight:bold;
		margin:5px 0px;
		color:#33FF00;
	}
/*********
 * News
 */	
	
	.newsArchiveWrap,
	.newsItemList,
	.practiceInfo {
		border-bottom:1px solid #E4E4E4;
		margin:0 0 20px;
		padding:0 0 10px;
	}
	
	.practiceInfo {
		margin: 0 0 15px;	
		padding: 0 0 15px;
		clear:both;
	}
	
	img.officeImage {
		float:left;
		padding:15px;
	}
	
	.practiceInfo img.officeImage {
		padding:0px;
		margin:0px 10px 10px 0px;
	}
	
	ul#practiceAlpha {
		width: 100%;
		float: left;
		padding: 10px 0 15px;
	}
	
	ul#practiceAlpha li {
		float: left;
	}
	
	ul#practiceAlpha li span {
		background: #eee;
		display: block;
		margin: 0 2px 0 0;
		padding: 3px 4px;
	}
	
	ul#practiceAlpha li a {
		display: block;
		padding: 2px 3px;
		margin: 0 2px 0 0;
		border: 1px solid #aaa;
	}

	ul#practiceAlpha li a.on {	
		font-size:2em;
		padding:10px;	
	}
	
	.newsItemList img {
		float:left;
		margin:0px 10px 10px 0px;
	}
	
	p.news_detail {
		clear:both;
	}
	
	
	ul.artImages {
		float:left;
		margin:5px 15px 5px 0;
	}
	p.news_detail {
		border-top: 1px solid #E4E4E4;
		margin: 15px 0 0 0;
		padding: 10px 0 0 0;
	}
	.rel-articles,
	.rel-buildings,
	.rel-profiles {
		margin-left:20px;
	}
	
	.rel-articles li,
	.rel-buildings li,
	.rel-profiles li {
		padding:5px 0px;	
		list-style-type:square;
	}
/******
 * Building
 */

	.credits th {
		font-weight:bold;
		width:160px;
		padding-bottom:5px;
	}

	.building-thumbs {
		margin-left:5px;
		width:340px;
	}
	
	.building-thumbs li {
		float:left;
		padding:5px;
	}

	ul.practiceLinks {
		clear:both;
	}
	
	ul.practiceLinks li {
		display:inline;
		padding:5px;
	}

	ul.practiceLinks li a {
		text-decoration:underline;
	}
/*******
 * Profile
 */

	.profilePic {
		float:right;
		padding:0px 0px 20px 20px;
	}
	
	.articleText dt {
		font-weight:bold;
		text-decoration:underline;
	}
	
	.articleText dd {
		padding:10px;
	}
	
/***
 * Search Results
 */	
 
 	.search-controls {
 		font-size:1.1em;
 	}
	
	.search-controls input,
	.search-controls select {
		color:#666;
		padding:2px;		
	}
	
	 ol.search-results li {
	 	clear:both;
		height:130px;
		background-color:#eee;
		border-bottom:2px solid #666;
	 }
	 ol.search-results .officeImage {

	}
	
	
.hided { display:none; }