/*
	Christopher Hair
	www.chrishair.co.uk
*/



/* start main CSS */

body {
background-color: #8f20be;
background-image: URL('../images/background.png');
background-position: top center;
background-repeat: no-repeat;
font-family: Helvetica, Arial, sans-serif;
font-size: 101%;
}


q {
font-size: 2em;
color: #8f20be;
font-weight: bold;
letter-spacing: -0.1em;
}

q q:before { 
content: "'";	
}	


q q:after {	
content: "'";	
}

li a {
text-decoration: none;
}



h1 {
color: #2c2c2c;
font-size: 4em;
letter-spacing: -0.1em;
line-height: 0em;
}

h2 {
font-family: 'Times New Roman';
font-style: italic;
font-weight: normal;
font-size: 2em;
line-height: 0.2em;
}

h3 {
font-weight: normal;
font-size: 1em;
line-height: 0.3em;
font-weight: bold;
color: #8f20be;
}

h4 {

}

#container {

}

#content {
background-color: #ffffff;
padding: 0.8em;
/*
-moz-box-shadow: 0.15em  0.15em 0.15em #000000;
-webkit-box-shadow: 0.15em  0.15em 0.15em #000000;
box-shadow: 0.15em  0.15em 0.15em #000000;
*/
}

#content img {
padding: 0.2em 0.8em 0.2em 0.4em;
}

#content_left {
width: 51em;
float: left;
font-size: 0.8em;
}

#content_right {
margin-left: 3em;
width: 18em;
float: left;
font-size: 0.8em;
}

#content_right p, #content_left p {
line-height: 1.6em;
}

#content_right a, #content_left a {
color: #2c2c2c;
font-weight: bold;
text-decoration: none;
}

#content_right a:hover, #content_left a:hover {
color: #8f20be;
}

#wrap {
width: 60em;
margin: 0 auto;
}

#top {
color: #4c4c4c;
margin-bottom: 1.4em;
}

#top_left {
float: left;
width: 26em;
padding: 0.2em;
}

#top_right {
float: left;
background-image: url('../images/speech_arrow.png');
background-position: center left;
background-repeat: no-repeat;
width: 33em;
margin-left: 0.6em;

}

#navigation {
margin-bottom: 1em;
padding: 0.5em;
background-image: url('../images/bottom_slice.png');
background-position: bottom left;
background-repeat: repeat-x;
}

#navigation a {
font-size: 1.8em;
padding: 0em 0.4em 0em 0.4em;
text-decoration: none;
font-weight: bold;
color: #4c4c4c;
letter-spacing: -0.1em;
}

#navigation a:hover {
color: #8f20be;
}


#bottom {
margin-top: 4em;
font-size: 0.6em;
color: #ffffff;
text-align: center;
padding: 0.05em;
background-color: #2c2c2c;
}

#bottom a {
color: #9c9c9c;
font-weight: bold;
}

#bottom a:hover {
color: #8f20be;
}

#clear {
clear: both;
}

#members {
margin-top: 1.4em;
padding-bottom: 1.4em;
background-image: url('../images/bottom_slice.png');
background-position: bottom left;
background-repeat: repeat-x;
}

#members_left {
float: left;
width: 11em;
}

#members_right {
float: left;
margin-left: 0.4em;
width: 38em;
}

#sites li {
padding: 0.2em;
}


#sites_left {
float: left;
width: 25em;

}

#sites_right{
margin-left: 1em;
float: left;
width: 25em;
}

p.question {
color: #8f20be;
font-style: italic;
font-weight: bold;
font-size: 1.2em;
}



#facebook {
padding-top: 3em;
}

#sites_photos {
padding-top: 3em;
}

#siteinfo {
padding-top: 3em;
}



/* end of main CSS */











/* Twitter Feed CSS */

#top_right_speech {
background-color: #ffffff;
margin-left: 0.8em;
-moz-border-radius: 0.4em;
font-size: 0.8em;
font-family: Helvetica, Arial, sans-serif;
color: #5c5c5c;
padding: 0.8em;

}

#top_right_speech ul {
list-style: none;
padding: 0;
margin: 0;
}

#top_right_speech a {
color: #8b28c6;
text-decoration: none;
}

#top_right_speech a:hover {
color: #7d0bfd;
}

.tweet_first {
font-size: 1.1em;
font-weight: bold;
}


p.loading {
padding: 2em;
}

/* End of Twitter Feed CSS */