/*RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}

a {text-decoration:none;}

/*END RESET*/

#container {
	max-width:1024px;
	margin:auto;
	padding:20px;
	height:auto;
}

body {
	background-color:#FFF;
	font-family:District;
	color:#606060;
}

@font-face { 
font-family: District; 
src: url('../fonts/districtthin.ttf'); 
} 
@font-face { 
font-family: Gentium; 
src: url('../fonts/gentium.ttf'); 
} 
/*HEADER*/
#logo {
position:absolute
}

#nav {
position:relative;
left:590px;
width:360px;
top:40px
}

#nav li {
font-size:22pt;
font-family:Gentium;
display:inline
}

#nav a:hover {
background-color:#00B0D8;
color:#fff;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px
}

#nav a {
color:#939598;
text-decoration:none;
background-color:#F1F1F1;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;
padding:5px 10px
}

#header {
position:relative;
top:100px;
left:45px;
width:840px;
font-size:30pt;
font-family:District;
color:#00ADEF
}

span {
color:#F15A29
}

span2 {
color:#EC008C
}

/*
#quote-start {
	background-image:url(../images/quote-start.png); 
	background-repeat:no-repeat;
	}
	
#quote-end {
	background-image:url(../images/quote-end.png); 
	background-repeat:no-repeat;
}
END HEADER*/
h1 {
font-size:28pt;
font-family:Gentium;
color:#00ADEF;
padding:36px 0 12px
}

#content {
clear:both;
position:relative;
top:110px;
float:left;
width:570px;
font-family:District;
color:#606060;
font-size:14pt;
line-height:24px
}

#sidebar {
position:relative;
top:100px;
float:left;
width:340px;
left:25px
}

#social {
width:328px;
background-color:#F1F1F1;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px
}

#social li {
font-family:Gentium;
font-size:16pt;
color:gray;
width:328px;
position:relative;
overflow:hidden
}

#social a {
color:gray;
position:absolute;
top:30%;
width:328px
}

#social p:hover,p.sfhover {
background-color:#00B0D8;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px
}

#map {
text-align:center;
margin-top:0;
margin-left:-10px
}

#arrow {
background-repeat:no-repeat;
position:relative;
top:-50px;
left:-110px
}

/*DISPLAY BUZZ*/
#blurbs {
font-family:District;
font-size:11pt;
line-height:18px;
margin-top:-65px
}

#blurbs p {
margin-top:10px
}

.my-buzz span {
font-family:District;
color:#606060;
font-size:12pt;
line-height:20px
}

/* container 
 ul list */
ul.gbw {
margin:0;
padding:0
}

ul.gbw li {
float:left;
list-style-type:none;
height:auto;
overflow:auto;
width:100%;
margin:1px 0;
padding:2px
}

/* meta : date, source */
ul.gbw span.gbw-meta {
color:green;
display:block;
font-size:95%;
margin:3px 0 0
}

/*BUZZ END*/
#about {
position:relative;
top:70px;
width:570px;
float:left
}

#about p,#content p {
font-family:District;
color:#606060;
font-size:14pt;
line-height:24px;
margin:0 0 17px
}

#about span1 {color:#DA1C5C;font-size:16pt;}
#about span2 {color:#3B7A93;font-size:16pt;}
#about span3 {color:#00ADEF;font-size:16pt;}
#about span4 {color:#2D2928;font-size:16pt;}
#about span5 {color:#055E0B;font-size:16pt;}
#about span6 {color:#555;font-size:16pt;}
#about span7 {color:#3D1000;font-size:16pt;}


#img_placer {
position:relative;
top:110px;
width:340px;
left:30px;
float:left
}

#contact {
margin-top:70px;
width:940px;
font-family:District;
color:#606060;
font-size:14pt;
line-height:24px
}

#footer1 {
clear:both;
font-family:District;
color:gray;
font-size:10pt;
position:relative;
top:95px
}

#footer2 {
clear:both;
font-family:District;
color:gray;
font-size:10pt;
position:relative;
top:65px
}

#footer3 {
clear:both;
font-family:District;
color:gray;
font-size:10pt;
position:relative;
top:10px
}

#footer1 a, #footer2 a, #footer3 a {color:gray}

span3 {
color:#aaa;
font-style:italic
}

#content a,#about a,.my-buzz a {
color:#00ADEF
}

#content a:hover,#about a:hover,.my-buzz a:hover {
color:#EC008C;
text-decoration:underline
}