/*
Tumblr Custom CSS
based on "feather" template by Eric Hu
modified by Cameron Moll
*/

html {
	font-size: 13px; 
	background: #fff url(/img/floral.jpg) no-repeat;
	}

body {
	width: 800px; 
	margin-left: 15%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 160%;
	color: #222;
	}
	
a:link, a:active { color: #811001; text-decoration: none; border-bottom: 1px dotted #ccc; }

a:visited { color: #999; text-decoration: none; border-bottom: 1px dotted #999; }
	
a:hover { color: #cb6f14; }
			
			
/* 
HEADER ---------------------------- */

#header {
	margin: 0 0 7em 0; }

#header h1 a {
	font: normal 2em Georgia, "Times New Roman", Times, serif;
	color: #000; }
		
#header h1 a:hover { color: #000; }
	
#description {
	color: #222;
	margin: 0 0 7em 0; }
			
#description a {
	color: #6DC0A9;	}
				
#description a:hover {
	color: #4A8D75;	}

/* 
ASIDE ---------------------------- */

#aside {
	float: right;
	margin: 180px 0 60px;
	width: 160px;
/*
	background-image: url(/img/swiss-emblem.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-attachment: fixed;
*/
	}	

#aside ul {
	margin: 40px 0;
	border-top: 1px solid #e8e8e8;
	}	
	
#aside li { 
	border-bottom: 1px solid #e8e8e8;
	}	
	
#aside li a {
	display: block;
	padding: 5px;
	font-size: 10px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-bottom: 0;
	color: #811001;
	} 	

#aside li a:hover {
	background: #f9f9f9;
	}

#aside h1 {
	margin: 0 auto;
	width: 138px;
	height: 23px;
	}
	
#aside h1 a {
	display: block;
	width: 138px;
	height: 23px;
	text-indent: -9999px;
	background: url(/img/logo.png) no-repeat;
	}	

#searchform {
	text-align: center;
	}

#searchform label {
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	}

#searchform input {
	width: 160px;
	border: none;
	background: #eee;
	color: #888; 
	}
		
#aj {
	margin-top: 40px;
	text-align: center;
	font-size: 11px;
	line-height: 140%;
	color: #666;
	}

#colosseo {
	margin-top: 40px;
	text-align: center;
	font-size: 11px;
	line-height: 140%;
	color: #666;
	}

#aj p, #colosseo p {
	margin-top: 1em;
	}	

#aj img, #colosseo img {
	display: block;
	margin: 0 auto;
	}
	
#aj a:visited, #colosseo a:visited, #about a:visited {
	color: #811001;
	}
	
#aj a:hover, #colosseo a:hover, #about a:hover { 
	color: #cb6f14; 
	}	

#about {
	margin-top: 40px;
	font-size: 11px;
	line-height: 140%;
	color: #666;
	}	
	
#about p {
	margin-bottom: .7em;
	}
	
#about img {
	float: right;
	margin: 0 0 10px 15px;
	}	


/* 
CONTENT ---------------------------- */

#content {
	float: left;
	margin: 116px 0 60px;
	width: 600px;
	}
	
.post {
	margin: 0 0 2.5em 0; }

.post p, .post ul, .post ol {
	padding-right: 120px;
	}

#content blockquote {
	margin-left: 10px;
	padding: 0 48px 0 28px;
	font-style: italic;
	color: #555; 
	background: url(/img/quotes.png) no-repeat; }
	
#content blockquote p {
	margin-bottom: .7em;
	}

.postmeta {
	margin-top: 10px;
	font: italic 11px Helvetica, Arial, sans-serif; }
	
.postmeta a, .postmeta a:link, .postmeta a:visited {
	color: #ccc;
	border-bottom: 1px dotted #ddd; }
	
.postmeta a:hover {
	color: #333;
	border-bottom: 1px dotted #333 }
	

/* 
QUOTE ---------------------------- */

.quote p, .photo p, .video p, .audio p, #content .conversation, .text blockquote, #footer {
	color: #333;	}

	
/* 
PHOTO ---------------------------- */

.photo img, .photo a img, .video object {
}

	
/* 
CONVERSATION ---------------------------- */

#content .conversation {
	line-height: 2em; }

.member1 {
	color: #5d838b;
	background: #f9f9f9; }

.label { 
	font-weight: bold;
	font-style: italic;
	color: #999;
	padding-right: 10px; }
		
.member1 .label { color: #5d838b; }


/* 
TEXT & LINK ---------------------------- */
	
.text {
	margin-bottom: 5em;
	padding-bottom: 10px;
	font-size: 14px;
	line-height: 160%;
	background: url(/img/terminal.png) bottom left no-repeat;
	}
	
.text h2, .conversation h2 {
	font: normal 26px Georgia, "Times New Roman", Times, serif;
	margin: 2.4em 0 0; }
	
.text h2 a {
	color: #222;
	border-bottom: 0;
	}	
	
.text h2 a:hover {
	color: #cb6f14;
	}	
	
.text blockquote {
	font-size: 12px;
	line-height: 140%;
	}	
	
.text p, .audio p, .link p {
	margin: 0 0 1em 0; }
	
	
.link h3 {
	margin-bottom: .5em;
	font-size: 14px;
	}
	
.link h3 a:visited {
	color: #811001;
	border-bottom: 1px dotted #ccc;
	}	
	
.link h3 a:hover {
	color: #cb6f14;	}	
	
strong.permalink {
	font-weight: normal;
	padding-left: 20px;
	}
		
strong.permalink a {
	color: #999;
	border-bottom: 0;
	}		

strong.permalink a:visited {
	color: #999;
	border-bottom: 0;
	}		
			
strong.permalink a:hover {
	color: #cb6f14;	
	}

ul {
	list-style-type: none; }
	
ol {
	list-style-type: none;
	margin: 0 0 1.5em 2.5em; }
	
ol.notes li {
	padding: 3px 0;
	margin: 0 0 3px -28px;
	border-bottom: 1px solid #f5f5f5; }
	
ol.notes li:hover {
	border-bottom: 1px solid #e0e0e0; }
	
ol.notes li img {
	padding-right: 10px;
	margin-bottom: -5px;
	opacity: 0.85;
	filter:alpha(opacity=85); }
	
ol.notes li img:hover {
	opacity: 1;
	filter:alpha(opacity=100); }	
	
strong { color: #333; }

em { font-style: italic; }


/* 
AUDIO ---------------------------- */
	
span.playcount {
	font: italic 11px Georgia, "Times New Roman", Times, serif; }
	
/* 
NAVIGATION ---------------------------- */

#navigation {
	margin-bottom: 20px; }
	
	
/* 
FOOTER ---------------------------- */

#footer {
	clear: both;
	margin: 40px 0;
	font-size: 11px;
	color: #999;
	}
		

/* 
MISC ---------------------------- */

#logo {
	display: block;
	margin: 0 auto;
	}

#swiss {
	position: fixed;
	top: 0;
	left: 6%;
	}	

h4.date {
	margin: 5em 0 2em;
	padding-top: 12px;
	color: #666;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	}
	
h4.date em {
	color: #999;
	text-transform: lowercase;
	letter-spacing: 0;
	}
	
h4.date	 strong {
	padding-right: 30px;
	font-weight: normal;
	font-size: 13px;
	background: url(/img/leaf.png) center right no-repeat;
	}

.text h4.date {
	margin: 0 0 1em;
	padding-top: 0;
	font-size: 11px;
	}