/*
Theme Name: Whimsical Visual
Theme URI: http://whimsical.nu/
Description: A simple one-column layout, content-focused
Version: 1.0
Author: Angela Sabas
Author URI: http://whimsical.nu/
Tags: minimalist, simple, no frills, im fell english, one column

Yay!

*/

@font-face {
  font-family: 'Droid Serif';
  font-style: normal;
  font-weight: 400;
  src: local('Droid Serif'), local('DroidSerif'), url(http://themes.googleusercontent.com/static/fonts/droidserif/v4/0AKsP294HTD-nvJgucYTaLrIa-7acMAeDBVuclsi6Gc.woff) format('woff');
}
@font-face {
  font-family: 'Droid Serif';
  font-style: normal;
  font-weight: 700;
  src: local('Droid Serif Bold'), local('DroidSerif-Bold'), url(http://themes.googleusercontent.com/static/fonts/droidserif/v4/QQt14e8dY39u-eYBZmppwRbnBKKEOwRKgsHDreGcocg.woff) format('woff');
}
@font-face {
  font-family: 'Droid Serif';
  font-style: italic;
  font-weight: 400;
  src: local('Droid Serif Italic'), local('DroidSerif-Italic'), url(http://themes.googleusercontent.com/static/fonts/droidserif/v4/cj2hUnSRBhwmSPr9kS5894o3ZslTYfJv0R05CazkwN8.woff) format('woff');
}
@font-face {
  font-family: 'Droid Serif';
  font-style: italic;
  font-weight: 700;
  src: local('Droid Serif Bold Italic'), local('DroidSerif-BoldItalic'), url(http://themes.googleusercontent.com/static/fonts/droidserif/v4/c92rD_x0V1LslSFt3-QEpiHgNb6vKVPdRA9LSAKGxzw.woff) format('woff');
}
@font-face {
  font-family: 'Patua One';
  font-style: normal;
  font-weight: 400;
  src: local('Patua One'), local('PatuaOne-Regular'), url(http://fonts.gstatic.com/s/patuaone/v6/yAXhog6uK3bd3OwBILv_SLO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}
@font-face {
  font-family: 'Lovers Quarrel';
  font-style: normal;
  font-weight: 400;
  src: local('Lovers Quarrel'), local('LoversQuarrel-Regular'), url(http://fonts.gstatic.com/s/loversquarrel/v4/gipdZ8b7pKb89MzQLAtJHLe9QQ7mEkGQBllIOuQBpm4.woff) format('woff');
}

/***/

* {
    padding: 0;
    margin: 0;
    outline: 0;
}
html {
    background: url(img/bg.png);
    font-family: "Droid Serif", Georgia, serif;
    font-size: 1.1em;
    line-height: 1.9em;
    color: #565656;
}
a,
a:visited,
a:hover,
a:active {
    color: #900;
    text-decoration: none;
}
a img {
    border: 0;
}
.clear:after {
    content:".";clear:both;display:block;font-size:0;height:0;line-height:0;visibility:hidden;
}

/******************************** HEADER ************************************/
#hd {
	background: #222;
	color: #cecece;
	text-align: center;
}
#hd a {
	color: #cecece;
}
#hd nav ul li {
	list-style-type: none;
	display: inline-block;
	margin: 0;
}
#hd nav ul li a {
	display: inline-block;
	padding: 1.5em 1em 1em 1em;
}
#hd nav ul li a:hover {
	color: #222;
}
#hd nav ul li.home a {
	font-family: 'Lovers Quarrel';
	font-size: 3em;
	line-height: 0;
	padding: 0 0.3em 0 0;
}

#hd nav ul li.home a:hover,
#hd nav ul li.archives a:hover,
#hd nav ul li.about a:hover {
	color: #fff;
}
#hd nav ul li.girl a:hover {
	background-color: #ffbedd;
}
#hd nav ul li.geek a:hover {
	background-color: #dedede;
}
#hd nav ul li.reader a:hover {
	background-color: #beeaff;
}
#hd nav ul li.writer a:hover {
	background-color: #beffcd;
}
#hd nav ul li.gamer a:hover {
	background-color: #d5beff;
}
#hd nav ul li.traveler a:hover {
	background-color: #ffdbbe;
}


/******************************** ENTRIES ************************************/
article {
	margin: 0 auto;
}
article.next {
	margin: 0;
	width: 100%;
}

article header {
	background-color: #000;
	padding: 10em 8em 3em 8em;
	color: #eee;

	position: relative;
	top:0;
	left:0;
	z-index: 1;
}
article.category-girl header {
	background-color: #63414b;
}
article.category-geek header {
}
article.category-writer header {
	background-color: #416351;
}
article.category-reader header {
	background-color: #435867;
}
article.category-gamer header {
	background-color: #554367;
}
article.category-travel header {
	background-color: #674c43;
}
article .header-background {
	background-position: center center;
	background-size: 100%;
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: 0.5;
}
article header h1 {
	font-size: 3.5em;
	line-height: 1.1em;
	font-weight: normal;
}
article header h1 aside {
	display: block;
	font-size: 0.5em;
	line-height: 1.8em;
}
article header h1 a,
article header h1 a:visited,
article header h1 a:hover,
article header h1 a:active {
	color: #eee;
}
article header time {
	display: block;
	font-size: 0.7em;
	margin-left: 0.5em;
}


article .content,
article .archives,
article .error {
	margin: 3em 10em;
}

article h1,
article h2,
article h3 {
	font-size: 2em;
	line-height: 1.6em;
	font-family: 'Patua One';
}
article p {
	margin: 0 0 1em 0;
}
article p strong,
article p b {
	color: #000;
}
article p em,
article p i {
	font-style: italic;	
}

article p img,
article p object,
article .wp-caption {
	margin: 1em;
}
article p img.alignright,
article div.alignright {
	float: right;
}
article p img.alignleft,
article div.alignleft {
	float: left;
}
article .content a[href*="flickr.com"] {
	position: relative;
}
article .content a[href*="flickr.com"]:hover:after {
	content: "View in Flickr";
	font-size: 0.8em;
	color: #eee;
	display: block;
	position: absolute;
	top: -3.5em;
	right: 2.5em;
}
article .wp-caption .wp-caption-text {
	font-size: 0.8em;
	color: #888;
	margin: 0 1em;
}


article del {
	color: #888;
}
article .content li {
	margin: 1.5em 4em;
	font-size: 1.2em;
}
article blockquote {
	font-size: 1.4em;
	font-style: italic;
	line-height: 1.2em;
	margin: 2em 3em;
}
article blockquote em,
article blockquote i,
article blockquote strong,
article blockquote b {
	font-style: normal;
}
article blockquote cite {
	display: block;
	font-size: 0.5em;
	text-align: right;
	color: #888;
	margin: -1.5em 0 -0.5em 0;
}
article pre {
	margin: 1em;
	padding: 1em 2em 1em 4em;
	background: #333;
	color: #eee;
	word-wrap: break-word;
	text-indent: -2em;
}

article .content aside {
	font-size: 0.8em;
	color: #888;
	width: 20%;
	float: right;
	margin: 1em;
}

article .rating {
	margin: 3em 3em 1em;
	font-size: 1.12em;
}
article .rating .rating-total {
	margin: 0.5em 0;
	display: block;
	width: 88px;
	height: 15px;
	background: url(img/star-blank.png) no-repeat 0 0;
}
article .rating .rating-score {
	display: inline-block;
	height: 15px;
	background: url(img/star-full.png) no-repeat 0 0;
}
article .rating .rating-0 {
	width: 0;
}
article .rating .rating-1 {
	width: 18px;
}
article .rating .rating-2 {
	width: 36px;
}
article .rating .rating-3 {
	width: 54px;
}
article .rating .rating-4 {
	width: 72px;
}
article .rating .rating-5 {
	width: 88px;
}

article footer {
	margin: 3em 10em;
	
}

article footer section.post-meta-summary {}
article footer section.post-meta-summary .comment-count {
	display: inline-block;
	padding: 5px 1em 0;
	background: #555;
	color: #eee;
	margin: 0 0 0 60%;
}
article footer section.post-meta-summary .comment-count a {
	color: #eee;
}
article footer section.post-meta-summary .meta {
	border-top: 5px solid #555;	
	margin: 0;
	padding: 2em 0;
	font-size: 0.8em;
	line-height: 1.8em;
}

article footer section.about-me {
	margin-bottom: 1.5em;
}
article footer section.about-me h4 {
	margin: 1em 0;
	font-size: 1.1em;
}
article footer section.about-me img.me {
	-webkit-border-radius: 75px;
	-moz-border-radius: 75px;
	border-radius: 75px;
	float: left;
	margin: 0 1em 1em 0;
}
article footer section.about-me p {
	font-size: 0.8em;
	line-height: 1.8em;
}
article footer section.about-me .share-post img {
	max-height: 20px;
}

.share-post {
	margin: 0;
}
.share-post li {
	margin: 0 0.15em;
	list-style-type: none;
	display: inline;
}
.share-post img {
	opacity: 0.4;
}
.share-post img:hover {
	opacity: 0.9;
}

.wnu-auto {
	display: none;
}

article .comments-list {
	margin-top: 3em;
}
article ul.commentlist {}
article ul.commentlist li {
	list-style-type: none;
	margin: 1em 0 3em;
}
article ul.commentlist li.bypostauthor {}
article ul.commentlist li li {
	margin-left: 3em;
}
article ul.commentlist li .comment-item {
	margin: 2em 0;
}
article ul.commentlist li .content {
	margin: 0;
	font-size: 0.95em;
	line-height: 1.8em;
}
article ul.commentlist li .comment-author {
	font-size: 1.5em;
}
article ul.commentlist li .avatar {
	float: left;
	margin: 0 0.5em 0.5em 0;
}
article ul.commentlist li .meta .comment-manage {
	display: block;
	font-size: 0.8em;
	line-height: 1.1em;
	margin: -0.1em 0 0 0;
}
article ul.commentlist li .meta .comment-manage .time {
	color: #888;
}
article ul.commentlist li .reply {
	font-size: 0.8em;
}
article form .comment-textarea {
	float: left;
	margin-right: 2em;
}
article form input {
    background: #777;
	margin: 0.5em 0;
	border: 1px solid #888;
	padding: 0.5em;
    font-family: 'Droid Serif', Georgia, serif;
	font-size: 1em;
    line-height: 1em;
    color: #eee;
}
article form #comment {
    background: #777;
	margin: 0.5em 0;
	border: 1px solid #888;
	padding: 0.5em;
    font-family: 'Droid Serif', Georgia, serif;
	font-size: 1.1em;
    line-height: 1.5em;
    color: #eee;
}
article form dt.submit {
	visibility: hidden;
}
article form .logged-in {
	padding-top: 4em;
}


/*** archives list ***/
.archives {
	text-align: center;
	margin: 1em auto;
}
.archives ul li {
	list-style-type: none;
	display: inline;
	margin: 0 0.2em;
}
.archives .alpha .archive-alpha ul {
    margin: 1em 0;
    padding-bottom: 60px;
    list-style-type: none;
	background: url(img/div.png) no-repeat bottom center;
}
.archives .alpha .archive-alpha ul:after {
    content:".";clear:left;display:block;font-size:0;height:0;line-height:0;visibility:hidden;
}
.archives .alpha .archive-alpha h4 {
    text-transform: uppercase;
    font-size: 2.5em;
    line-height: 1.3em;
}
.archives .alpha .archive-alpha li {
    float: left;
    width: 45%;
    font-size: 0.9em;
    line-height: 1.5em;
}

table.cost-breakdown {
    margin: 1em 0;
}
table.cost-breakdown th,
table.cost-breakdown td {
    padding: 0.5em;
    vertical-align: middle;
}
table.cost-breakdown th {
    border-right: 5px solid #ddd;
    font-weight: normal;
    text-align: right;
}