/*
Theme Name: Fixed
Theme URI: http://dayum.org
Description: Theme for vessels.me.
Author: Tiffany Wong
Version: 1.0
Tags: blue, purple, pink, grey, white, fixed sidebar, footerless, css4, html5, hover effects, text shadows
*/

@import url('meyerreset.css');

* { margin: 0; }
body, html {
	font: 95%/175% "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans";
	text-align: center;
	color: #777;
	height: 100%;
}
.container {
	background: #fff;
	width: 100%;
	text-align: left;
	overflow: hidden; 
	margin: 0 auto;
	min-height: 100%;
}
::selection { background: #FF82AB; color: #fff; }

/* tags of relevance */

p { margin-bottom: 1em; }
a { 	
	color: #d4c9db;
	text-decoration: none;
	-webkit-transition: color .2s ease-in;
}
a:hover { color: #c1e8dd; }
a:visited { color: #c1e8dd; }
span { xcolor: #f1dac1; color: #ffcdd2; }
h1 { 
	color: #666;
	font-size: 93%;
	text-transform: uppercase;
}
h1 a, h1 a:visited { color: #666; }
h1 a:hover { color: #d4c9db;}
h2 { color: #d4c9db; font-size: 93%; margin-bottom: 1.5em; text-transform: uppercase; }
textarea, input {
	padding: 1%;
	background: #fbfafb;
	border: 1px #f3eff5 solid;
	-webkit-border-radius: 5px;
	font: 90%/150% "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans";
	color: #d4c9db; 
}
textarea { width: 98%; }
input { }
input:hover, textarea:hover { border: 1px solid #ffeae7; }

.entry ul, ol { margin: 7%; color: #777; font-size: 85%; }
.entry ul { list-style: square; }
.entry ol { list-style: decimal; }
.entry li { border: 1px dotted #fff; padding: 1%; }
.entry li:hover { color: #555; }

pre { overflow: scroll; color: #555; border: #c1e8dd 1px dotted; padding: 1%; margin: 1%; -webkit-border-radius: 5px; }

blockquote {
	margin: 4%;
	padding: 2% 2% 0 2%; 
	background: #fbfafb;
	border: 1px #f3eff5 solid;
	-webkit-border-radius: 5px; 
	font: 105%/175% georgia;
}
blockquote:hover { border: 1px solid #ffeae7; }

/* content */
.content {
	float: left; 
	width: 60%;
	margin: 5% 0 0 5%;
}

.entry { padding-bottom: .5em; margin-bottom: 1.5em; border-bottom: 1px dotted #ffcdd2; }
.meta {
	color: #ccc;
	font-size: 70%;
	margin: 0 0 1em 0;
	border-bottom: 1px dotted #f4f4f4;
}
.aside { font: 80%/180% "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans"; }
.aside h1, .aside .meta { display: none; }
.right { float: right; margin-bottom: 1em; }
.left { float: left; }

span.left { margin-right: 1em; }

img.picture { padding: 2%; border: 1px dotted #ccc; -webkit-border-radius: 5px; margin: 0 auto; text-align: center; display:block; }

.pagination { padding-bottom: 5%; }

.archives h2 { color: #c1e8dd; margin: 0; }
.archives ul { list-style: none; margin: 0 0 3% 2%; }
.categories { margin-left: -3%; font-size: 115%; }

/* comments */
.commentarea { font: 80%/160% "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans"; }
.comment { 	border-bottom: 1px dotted #ccc;	margin: 0 1.5em 1em 1.5em; padding: 0 0 .5em 0; color: #777; }
.comment p { margin: 2% 4% 2% 4%; }
h3 { font-size: 85%; font-weight: normal; color: #ffcdd2;  }
h3 a { color: #c1e8dd; font-weight: bold; }
.commentmeta { float: left; font-size: 70%; }
.writeacomment { padding-bottom: .5em; margin: 2em 0 1.5em 0; }

/* sidebar */
.sidebar {
	float: right;
	width: 32%;
	position: fixed;
	margin: 0 0 0 68%;
	background: #f8f8f8;
	height: 100%;
	padding: 8% 0;
}


/* navigation */
nav ul { 
	font: bold 360% "Helvetica Neue", Arial, sans-serif;
	text-transform: uppercase;
	padding-bottom: 4%;
}
nav li { 
	list-style: none;
	margin: 0 2% 3% 0;
}
nav a {
	color: #c1e8dd;
	text-shadow: 4px 4px #f3f3f3, -2px -2px #fcfcfc;
	-webkit-transition: all .4s ease-in-out;
	padding: 0 3% 0 8%;
	border-top: 1px #f8f8f8 solid;
	border-right: 1px #f8f8f8 solid;
	border-bottom: 1px #f8f8f8 solid;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
nav a:hover, nav a.current {
	color: #d4c9db;
	background: #fff;
	border-top: 1px #f3eff5 solid;
	border-right: 1px #f3eff5 solid;
	border-bottom: 1px #f3eff5 solid;
	padding-left: 3%;
}
nav a.current { color: #ffeae7; text-shadow: 4px 4px #f9f9f9, -2px -2px #fcfcfc;}
nav li a#vessels { color: #999; margin-top: 6%; }
nav li a#vessels:hover, nav li a#vessels:active { 
	color: #ccc;
	border-top: 1px #fff solid;
	border-right: 1px #fff solid;
	border-bottom: 1px #fff solid;
	text-shadow: 4px 4px #fff, -2px -2px #fff; 
}