/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		RESET EVERYTHING
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	@import url("./reset.css");




/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		BODY, WRAPPINGS, ANCHORS, anything sitewide
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	html {
		font-size: 13px;
		}
	
		body {
			font-family: Helvetica, Verdana, sans-serif;
			font-size: 1em;
			line-height: 1.8em;
			color: #378EC5;
			width: 750px;
			margin: 0 auto;
			}
			
			a { text-decoration: none; }
				
			

				
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		HEADER
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	#header {
		width: 200px;
		float: left;
		text-align: right;
		background: #288EC4 url("http://static.tumblr.com/ttz4bff/946kh15d7/clouds-top.gif") no-repeat top left;
		color: #fff;
		line-height: 1.5em;
		margin: 60px 0 0 0;
		position: relative;
		}
		
		#header-footer {
			width: 200px;
			height: 14px;
			background: url("http://static.tumblr.com/ttz4bff/2N2kh15cs/clouds-bottom.gif");
			}
			
		h1 {
			font-size: 20px;
			font-weight: bold;
			margin: 55px 10px 20px 10px;
			text-shadow: #000 0 1px 1px;
			line-height: 1.2em;
			}
			
			h1 a { color: #fff; }
			
				h1 a:hover { color: #ddd; }
				
		#description {
			margin: 0 10px 20px 10px;
			font-size: 13px;
			color: #FFF;
			text-shadow: #0B2E41 0 1px 1px;
			}
			
			#description a { color: #C3EA97; }
			
				#description a:hover { color: #CFCFCF; }
			
		#header ul {
			margin: 0 10px 10px 10px;
			font-weight: bold;
			font-size: 14px;
			line-height: 1.8em;
			text-shadow: #000 0 1px 1px;
			}
			
			#header ul li a { color: #FFF; }
				
				#header ul li a:hover { color: #CFCFCF; }
				
		#header form {
			position: absolute;
			bottom: -50px;
			right: 20px;
			}
			
			#header form input {
				width: 140px;
				color: #CCC;
				}


		
		
		
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		CONTENT
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */		
		
	#content {
		width: 522px;
		float: right;
		color: #00465B;
		padding: 20px 0 50px 0;
		margin: 60px 0 0 0;
		}
		
		.date {
			margin: 0 0 30px 0;
			font-weight: bold;
			font-size: 12px;
			color: #A5DDF9;
			background: url("http://static.tumblr.com/ttz4bff/HgUkh15ch/cloud.gif") no-repeat 0 center;
			padding: 0 0 0 26px;
			}

		
		
		
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		POSTS
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	.post {
		background: #C2EEFF;
		border: 1px solid #C2EEFF;
		width: 500px;
		padding: 10px 10px 0 10px;
		margin: 0 0 30px 0;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		position: relative;
		text-shadow: #FFF 0 1px 0;
		}
		
		.post em { font-style: italic; }
		
		.post strong { font-weight: bold; }
		
		.post a {
			color: #288EC4;
			background: #EFF9FF;
			border-right: 1px solid #5EBEF2;
			border-bottom: 1px solid #5EBEF2;
			padding: 2px 4px;
			position: relative;
			}
			
			.post a:hover {
				top: -1px;
				left: -1px;
				border-right: 1px solid #288EC4;
				border-bottom: 1px solid #288EC4;
				}
				
		.post h2 {
			font-size: 20px;
			font-weight: bold;
			margin: 0 0 15px 0;
			}
			
		.post p {
			margin: 0 0 15px 0;
			}
		
		.permalink {
			position: absolute;
			right: -30px;
			top: 5px;
			font-size: 16px;
			}
			
			.post .permalink a {
				color: #C2EEFF;
				background: none;
				border: none;
				}
				
				.post .permalink a:hover {
					top: 0;
					left: 0;
					color: #288EC4;
					}
		

		


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		QUOTE
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
			
	.quote h2 {
		font-family: Georgia, Times, serif;
		font-size: 20px;
		font-style: italic;
		font-weight: normal;
		margin: 0 0 12px 0;
		line-height: 1.5em;
		}		
		

		
		
		
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		PHOTO
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	.photo img { margin: 0 0 15px 0; }
	
	.image a {
		padding: 0;
		background: none;
		border: none;
		}
		
		.image a:hover {
			border: none;
			top: 0;
			left: 0;
			}
		
		
		
		
		
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		CONVERSATION
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	.conversation ul {
		margin: 0 0 10px 0;
		line-height: 2em;
		}
		
		.conversation ul li {
			padding: 0 5px;
			}
			
			.conversation ul li .label { font-weight: bold; }
			
			.conversation ul li.member1 {
				background: #A1DCFF;
				border: 1px solid #A1DCFF;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				}
			
	
	
	
	
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		TEXT
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	.text ul, .text ol {
		margin: 0 0 20px 30px;
		}
		
		.text ul {
			list-style: disc;
			}
			
		.text ol {
			list-style: decimal;
			}
			
		.text blockquote {
			font-style: italic;
			margin: 0 0 15px 15px;
			padding: 0 0 0 15px;
			border-left: 1px solid #7EAFCD;
			}
	
	
	
	
	
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		LINK
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	.link h2 {
		margin: 5px 0 15px 0;
		}
	
		
		
		
		
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		NAVIGATION
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	#navigation {
		font-size: 13px;
		font-weight: bold;
		padding: 30px 0 60px 0;
		}
		
		#navigation a {
			padding: 3px 10px;
			background: #F1F1F1;
			border: 1px solid #F1F1F1;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			color: #000;
			}
			
			#navigation a:hover {
				background: #D7D7D7;
				border: 1px solid #D7D7D7;
				}
			
		#newer { float: right; }
			
		#older { float: left; }
		
		
		
		
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		FOOTER
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	#footer {
		clear: both;
		padding: 30px 0;
		color: #999;
		}
		
		#footer a { color: #288EC4; }
		
			#footer a:hover { color: #CC48CE; }