/* 

STYLE SHEET FOR LEWES YOGA (2010)
Original file created by Craig Grannell
www.snubcommunications.com

Table of contents
-------------------
	1. page defaults
	2. main layout
	3. type
	4. tables
	5. form
-------------------

>> baseline: ~24px
>> grid settings: 200 | 30 (four-col)

-------------------

/* ---- 1. _page defaults  ---- */

@import url(lewes-yoga-css-defaults.css);

body {
		color: #222222;
		background: #fff url(images/i-page-background-logo-blue-flat.png) 50% 0 repeat-x;
		font-family:  Georgia, "Times New Roman", Times, sans-serif;
		line-height: 24px;
		}

#grid {
		position: absolute;
		width: 100%;
		height: 150%;
		background: url(images/grid.png);
		}

/* ---- 2. _main layout ---- */

#wrapper {
		width: 890px;
		margin: 0 auto;
		overflow: auto;
		}

#masthead {
		height: 180px;
		}
		
#logo {
		margin: 0 auto;
		width: 430px;
		height: 140px;
		}

#logo a {
		display: block;
		margin-left: -50px;
		height: 140px;
		text-indent: -10000px;
		}
		
#navigation, #main-content, #sidebar {
		float: left;
		}
		
#navigation {
		width: 200px;
		margin-right: 30px;
		}
		
#main-content {
		width: 430px;
		margin-right: 30px;
		}

.sidebar-boxout {
		position: absolute;
		width: 200px; 
		margin-left: 460px;
		}
		
.sidebar-boxout img {
		border: 5px solid #ffffff;
		}		
		
#sidebar {
		width: 200px;
		}

#skip-navigation {
		position: absolute;
		left: -10000px;
		}
		
#footer {
		clear: both;
		padding-top: 48px;
		text-align: center;
		}
		
/* ---- 3. _type ---- */		


h1, h2, h3 {
		color: #000000;
		}

h1, h2 {
		font-weight: normal;
		background: #e0f5f7;
		padding: 12px;
		}


h1 {
		font-size: 24px;
		margin-bottom: 24px;
		}
		
h2 {
		font-size: 18px;
/*		margin-top: 23px;
		border-top: 3px solid #ece0f6;
		padding-top: 22px;*/
		margin-top: 48px;
		margin-bottom: 24px;
		}

h1.intro-text {
		}

h1.intro-text strong {
		
		}

.strapline {
		margin-top: -24px;
		font-style: italic;
		padding-top: 0;
		padding-left: 24px;
		}

#sidebar h2 {
		background: none;
		padding: 24px 0 0;
		margin: 0;
		font-size: 16px;
		}

#sidebar ul, #sidebar p {
		font-size: 14px;
		}

#sidebar ul {
		list-style: none;
		}

h3 {	
		font-size: 15px;
		font-weight: bold;
		margin: 0;
		}
		
p {
		font-size: 16px;
		margin-bottom: 24px;
		}
		
blockquote {
		margin: 48px 0;
		background: #e0f5f7;
		padding: 24px;
		}

#footer p {
		color: #666666;
		font-size: 13px;
		}
		
blockquote p {
		margin: 0;		
		font-weight: bold;
		}
		
blockquote cite {
		font-style: italic;
		font-weight: normal;
		}

ul {
		margin-bottom: 24px;
		}

#main-content ul {
		margin-left: 20px;
		}
		
#navigation ul {
		font: bold 14px/36px bold Arial, Helvetica, sans-serif;
		}
		
#navigation li {
		border-bottom: 1px solid #ccc;
		}
		
a {
		color: #222222;
		}

a:hover {
		color: #000000;
		}

#main-content a:hover {
		background: #e6e6e6;
		}
		
#navigation a {
		color: #24b2be;
		text-decoration: none;
		display: block;
		}

#about-lewes-yoga #navigation-about-lewes-yoga a,
#yoga-classes #navigation-yoga-classes a,
#class-timetable #navigation-class-timetable a,
#articles #navigation-articles a,
#home-page #navigation-home-page a,
#about-iyengar-yoga #navigation-about-iyengar-yoga a,
#contact-lewes-yoga #navigation-contact-lewes-yoga a {
		padding-left: 7px;
		background: #f6f6f6 url(images/i-nav-select-h.png) 100% 0 no-repeat;
		}
		
#navigation a:hover {
		color: #000000;
		}
		
/* ---- 4. _tables ---- */				

table {
		width: 660px;
		border-collapse: collapse;
		}

th {
		text-align: left;
		font-weight: bold;
		}
		
tr {
		border-bottom: 1px solid #666666;
		height: 47px;
		}

tr.headers-row {
		border: none;
		height: 48px;
		}

tr:hover {
		background: #ece0f6;
		}
		
thead tr:hover, tr.headers-row:hover {
		background: none;
		}
		
/* ----5. _form ---- */			
fieldset {
		border: none;
		}

label {
		font-size: 16px;
		font-weight: bold;
		}

.formfield {
		border: 1px solid #aaaaaa;
		font-size: 16px;
		padding: 2px;
		font-family:  Georgia, "Times New Roman", Times, sans-serif;	
		width: 194px;
		margin-bottom: 22px;
		}

textarea.formfield {
		width: 424px;
		}
		
.submit-button {
		font: bold 16px Georgia, "Times New Roman", Times, sans-serif;	
		background: #ffffff;
		padding: 12px;
		border: 2px solid #aaaaaa;
		}