/*
Theme Name: mizu
Theme URI: http://athenaemily.com
Version: 1.0
Description: For FAME?
Author: Athena Emily
Author URI: http://athenaemily.com
*/

/*Swatch
#FF52B5 darker:#FE28A2 pink
#e0d943 yellow
#35c85e green
#00c3f4 blue*/

/* Begin Typography & Colors */

body {
	background: #f6f6f6;
	margin: 0px; padding: 0px; color: #252525;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	height: 100%;
}

a{ text-decoration: none; color : #444; border: 0px;}
a:visited { text-decoration: none; color : #444; border: 0px;}
a:hover	{ text-decoration: none; color : #000; border: 0px;} 
a:active { text-decoration: none; color : #00c3f4; border: 0px;}
a:focus { outline: none; color: #FE28A2;}


.pink{color: #FE28A2;}
.yellow{color: #7b4fd6;}
.green{color: #35c85e;}

.left{float: left;}
.right{float: right;}
.c{clear: both;}
.space{height: 20px;}

legend { display: none; }

fieldset { border: none; }

table { border-collapse: collapse; width: 100%; }

hr { display: none; }

img { padding: 0px; margin: 0px; border: none; text-align: center;}


/* @group images */

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {float: right;}
.alignleft {float: left}	
.aligncenter{text-align: center;}
	
small.textright{
	text-align: right;
	width: 320px;
}

code {
    font-family: Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;
}
/* End Images */

/* @end */


	
#header{
	background: #252525;
	clear: both;
	position: relative;
	width: 100%;
	margin: 0 auto;
	height: 50px;
}

#top{
	margin: 0 auto;
	padding: 0 40px;
	width: 860px;}

#logo{
	float: left;
	height: 27px;
	margin-top: 12px;
	text-indent: -9999px;
	width: 319px;
}

#logo a{
	background: url(images/logo.gif) no-repeat scroll 0 0;
	display: block;
	height: 27px;
	width: 130px;
}

	

#rss{
	float: left;
	height: 22px;
	margin-top: 14px;
	text-indent: -9999px;
	width: 22px;
}

#rss a{
	display: block;
	height: 22px;
	width: 22px;
	background: url(images/rss.gif) no-repeat scroll 0 0;
}

.qtip-content{
	color: #FF52B5;
	font: italic 14px/120% Georgia;
}

#wrapper{
	background: url(images/bg.gif) repeat-y scroll center 0;
	padding-top: 60px;
	width: 100%}
	
#container{
	margin: 0 auto;
	padding: 0 40px;
	position: relative;
	width: 860px;
}

* html #container{
	height: 1%;
}

#menu{
	float: left;
	position: relative;
	width: 330px;
}

#menu li{
	display: block;
	float: left;
	width: 110px;
}

#menu li a{
	color: #fff;
	display: block;
	height: 30px;
	font-size: 1.2em;
	padding: 12px 10px 8px;
	text-transform: uppercase;
	width: 90px;}

#menu li.blog-link a{
	border-left: 1px dotted #515151;
	display: block;
}

#menu li.about-link a{
	border-left: 1px dotted #515151;
	display: block;
}

#menu li.archives-link a{
	border-left: 1px dotted #515151;
	display: block;
}

#menu li.blog-link a:hover{
	border-left: 1px solid #515151;
	display: block;
}

#menu li.about-link a:hover{
	border-left: 1px solid #515151;
	display: block;
}

#menu li.archives-link a:hover{
	border-left: 1px solid #515151;
	display: block;
}

#menu li#isBlog a{
	background: #121212;
}

#menu li#isAbout a{
	background: #121212;
}

#menu li#isArchives a{
	background: #121212;
}

#sidebar{
	display: inline;
	font-size: 1.2em;
	float: left;
	padding: 0 40px 30px 0;
	width: 280px;
	color: #252525;
	line-height: 140%;
	z-index: 1;
}

#sidebar a{
	color: #444;
}

#sidebar a:hover{
	color: #000;
	text-decoration: underline
}

#sidebar a:active{
	color: #00c3f4;
}

#sidebar h2.menu-title{
	margin-bottom: 6px;
	text-transform: uppercase;
	font-size: 1.3em;
	text-align: left;
}

#sidebar .menu-body{
	margin-bottom: 30px;
}

#sidebar ul.half li{
	float: left;
	width: 50%;
}

#sidebar ul.menu-body li{
	border-bottom: 1px dotted #999;
}

#sidebar ul.menu-body li a{
	padding: 3px 5px;
	display: block;
	color: #252525;
}

#sidebar ul li a:hover{
	color: #000;
}

#sidebar ul li a:active{
	color: #00c3f4;
}

#sidebar .taglist{
	font-size: .9em;}

#sidebar .taglist a{
	background: #555;
	color: #fff;
	line-height: 22px;
	margin-right:8px;
	-moz-border-radius: 10px;
	padding: 3px 10px;
	-webkit-border-radius:8px}
	
	#sidebar .taglist a:hover{
		background: #333;}
		
		
#sidebar ul.recentcomments {margin-bottom: 30px;}
		
#sidebar ul.recentcomments li{
	border-bottom: 1px dotted #999;
	padding: 3px 5px;
}

#sidebar ul.recentcomments li a{
	color: #666}

#index{
	float: left;
	display: inline;
	font-size: 1.2em;
	width: 540px;
	min-height: 520px;
	z-index: -1;
}

* html #index{
	height: 540px;
	z-index: -1;
}

.text{
	line-height: 180%;
}

.text h2{
	font: normal normal 1.4em Georgia;
}

#index .text p{margin: 15px 0;}


#index .text a img{background: transparent; border: none; padding: 0}

#index .text a{
	color: #0e5ff4;
	text-decoration: underline;
}

#index .text a:hover{
	color: #709def;
}

#index .text a:active{
	color: #252525;
}

#index .text object{
	position: relative;
}

#index .text blockquote{
	line-height: 150%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	padding-left: 6px;
	margin-left: 30px;
	border-left: 2px solid #444;
}

#index .text form input{
	border: 1px solid #666;
	padding: 6px;
}

/*#index .text img{
	padding: 2px;
	border: 1px solid #fff;
}*/

.text ul li{
	list-style: disc;
	margin-left: 25px;}
.text ol li{
	list-style: decimal;
	margin-left: 25px;}
	
#index .text a.more-link{
	border-top: 1px dotted #ccc;
	display: block;
	color: #252525;
	margin-top: 10px;
	padding: 2px 6px 0;
	font-weight: bold;
	text-align: right;
}

#index .text a.more-link:hover{
	background: #fffdf5;
	color: #000;}
	
#index .text a.more-link:active{
	color: #00c3f4;}

#content{
	padding: 0 0 40px 40px;
}

#content h3{
	font-size: 1.3em;
	font-weight: bold;
	margin: 30px 0 15px;
}

#content h2.pagetitle{
	font: 2em bold;
}

#frame{
	height:520px;
	position: relative;
	overflow: hidden;
}

* html #frame{
	height: 1%;
}

ul#post-list{
	background: url(images/latest.jpg) no-repeat scroll 0 0;
	width: 4480px;
	height:520px;
}

#frame li.post{
	float: left;
	width: 520px;
	overflow: hidden;
	padding-left: 40px;
}

* html #frame li.post{
	height: 1%;
}

#arrows{
	position: relative;
	height: 30px;
	margin-top: 5px;
}

#arrows .prev{
	cursor: pointer;
	position: absolute;
	left: 40px;
	background: url(images/prev.gif) no-repeat scroll 0 0;
	text-indent: -9999px;
	width: 122px;
	height: 30px;
	display: block;
}

#arrows .prev:hover{
	background: url(images/prev.gif) no-repeat scroll 0 -30px;
}

#arrows .next{
	cursor: pointer;
	position: absolute;
	right: 0;
	background: url(images/next.gif) no-repeat scroll 0 0;
	text-indent: -9999px;
	width: 122px;
	height: 30px;
	display: block;
}

#arrows .next:hover{
	background: url(images/next.gif) no-repeat scroll 0 -30px;
}

.title h1,
.title h1 a{
	font-weight: bold;
	font-size: 34px;
	color: #252525;
	letter-spacing: -1px;
}

.title h1 a:hover{
	color: #000;
}

.title h1 a:active{
	color: #00c3f4 ;
}

#frame .title h1{
	text-align: right;
}

.datameta{
	border-bottom: 1px dotted #999;
	border-top: 1px dotted #999;
	color: #666;
	margin: 15px 0 20px;
	font-size: .9em;
	padding: 6px 0 4px;
	width: 500px;
}

.datameta .date{margin-right: 10px;}

.tags, .cat {
	margin-right: 6px;}
	
.datameta .tags a{
	color: #000;
	font-weight: bold;
	text-decoration: underline}

.datameta .tags a:hover{
	color: #FE28A2;}
	
	.datameta .tags a:active{color: #00c3f4;}

.datameta .cat a{
	font-weight: bold;
	color: #252525;
	text-decoration: underline
}

.datameta .cat a:hover{
	color: #FE28A2;
}
/*
.datameta .date a{
	background: #fcfcfc;
	padding: 3px 6px;
	color: #252525;
}

.datameta .cnumb a{
	padding: 3px 6px;
	color: #252525;
}

.datameta .cnumb a:hover{
	color: #000;
}*/

.addthis_toolbox{
	margin-bottom: 30px}

#content .post{
	font-size: 1.1em;
	padding: 20px 0 80px 0;
}

	#content # comments .post{
	padding: 0;
}

#content .post.inner{
	padding: 20px 0 10px 0;
}

.navigation{
	background: #fff;
	padding: 0;
	border: 1px solid #999;
	overflow: hidden;
}

.navigation .alignleft {
	border-right: 1px dotted #999;
	float: left;
	width: 170px;}

.navigation .addthis {
	display: block;
	float: left;
	padding: 16px;
	width: 124px}
	
	.navigation .alignright {
	border-left: 1px dotted #999;
	float: left;
	width: 170px;}
	
	.navigation .alignleft a, .navigation .alignright a{ 
		display: block;
		padding: 16px;
		width: 138px;}
		
		.navigation .alignleft a:hover, .navigation .alignright a:hover{ background: #f6f6f6}
		
		.navigation a .blue{ color: #0e5ff4}

/*
a.share{font-size: 1.4em;font-weight: bold;}*/	
	

* html .navigation{
	height: 1%;
}

.pagetitle{
	margin-bottom: 30px;}

/* @group comment */

#commentwrapper{x
	width: 100%;
	margin-top: 50px;
}

#commentwrapper h3{
	font-size: 1.5em;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: -1px;
}


/*COMMENT 2*/
#comments {
	clear: both;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
#comments input[type="text"],
textarea {
	background: #fff;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	padding: 6px;
}

h3#comments-title,
h3#reply-title {
	border-bottom: 1px dotted #999;
	border-top: 4px solid #ffdaef;
	color: #252525;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0;
	padding: 16px 0 6px;
}
h3#comments-title {
}
.commentlist {
	font-size: 1.1em;
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 160%;
	margin: 0 0 24px 0;
	padding: 10px 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 10px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #ff4b33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #ff4b33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	border-bottom: 1px solid #e7e7e7;
	padding: 6px 0;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 13px;
	font-style: italic;
}

/* Comments form */
input[type=submit] {
	color: #333;
}
#respond {
	margin: 24px 0;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}
#respond .required {
	color: #ff4b33;
	font-weight: bold;
}
#respond label {
	color: #777;
	line-height: 180%;
}
#respond input {
	margin: 0 0 9px;
	width: 486px;
}
#respond textarea {
	width: 486px;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	background: #fff;
	border: 1px solid #999;
	cursor: pointer;
	font-size: 14px;
	padding: 6px 16px;
	width: auto;
}

#respond .form-submit input:hover {
	background: #f9f9f9;
}

#commentform{
	font-size: 1.1em;}

form#searchform{
	font-size: 1.2em;
	overflow: hidden;
	padding: 15px 0 0 10px;
	width: 179px;
}
 
form#searchform input{
	border: 2px solid #444;
	background-color: transparent;
}

form#searchform input#s{
	padding:3px 5px;
	float: left;
	color: #999;
	width: 116px;
}

form#searchform input#s:hover{
	border: 2px solid #5c5c5c;
}

form#searchform input#s:focus{
	border: 2px solid #5c5c5c;
}

form#searchform input#searchsubmit{
	padding: 3px 5px 1px;
	text-transform: uppercase;
	float: right;
	cursor: pointer;
}

form#searchform input#searchsubmit:hover{
	border: 2px solid #5c5c5c;
}

form#searchform input#searchsubmit:focus{
	border: 2px solid #5c5c5c;
}

#similar h4{
	color: #252525;
	font-size: 1.4em;
	font-weight: bold;
	}
	
#similar ul{
	color: #333;
	font-weight: bold;
	margin-bottom: 30px;
	}
	
#similar li{
	border-bottom: 1px dotted #ccc;
	padding: 4px;
}

#similar li a{color: #0e5ff4;font-weight: normal; text-decoration: underline;}
#similar li a:hover{color: #709def;}
#similar li a:active{color: #252525;}


/* @end */
.vinyl{
	height: 320px;
	margin: 70px auto 0;
	position: relative;
	width: 320px;
}

#arh{
	background: url(images/archives-vinyl.jpg) no-repeat scroll 0 0;
}

#error{
	background: url(images/404.jpg) no-repeat scroll 0 0;
	height: 320px;
	margin: 70px auto 0;
	position: relative;
	width: 320px;
}

#error a{
	bottom: 50px;
	display: block;
	height: 60px;
	left: 70px;
	position: absolute;
	text-indent: -9999px;
	width: 180px;
}

#bottom{
	margin: 0 auto;
	width: 940px;
}

#footer{
	color: #666;
	line-height: 150%;
	padding: 30px 30px 20px;
}

#footer a{
	color: #252525;
	margin-right: 6px;
	text-decoration: underline;
}

#footer a:hover{
	text-decoration: none;
	color: #000;
}

#footer a:active{
	color: #FF52B5;
}

#footer ul li{
	display: inline;}
	
img#wpstats{display:none}

#google_translate_element{text-align: right;
margin-bottom: 25px;}