/*
Theme Name: Appassionato Version 20
Theme URI: http://wildx.org/
Description: Blue styled theme for the 20th version of Appassionato
Version: 1.0
Author: Cheryl Sun (Rilla)
Author URI: http://wildx.org/
Tags: blue, single column, fixed width, widgets
*/

/* Generic */
html {font-size:100%;height:100%;}
body {
	background:#B1C4CD url(img/headerbg.jpg) repeat-x center top;
	color:#5E6C73;
	font:112.5%/1.5em "Lucida Grande","Lucida Sans Unicode",Helvetica, Arial, sans-serif;
	height:100%;
	margin:0;
	padding:0;
}
* {
	font:"Lucida Grande","Lucida Sans Unicode",Helvetica, Arial, sans-serif;
	margin:0;
	padding:0;
}
p,form {padding:0.5em 0;}
strong,em {font-family:"Lucida Grande","Lucida Sans",Helvetica,Arial,sans-serif;}

#content ul,#content ol {
	padding:0.5em 0 0;
	margin:0 40px;
}
#content li {
	margin-bottom:8px;
	padding-left:7px;
}
#content .list li {
	color:#E0E8EB;
	font-family:Georgia,serif;
	font-style:italic;
}
#content li,#content li span.content-li-text {
	color:#5E6C73;
	font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica, Arial, sans-serif;
	font-style:normal;
}

a {color:#fff;}
a:visited {font-style:italic;}
a:hover {
	color:#7F5767;
	text-decoration:none;
}
#commentlist a,blockquote a,.st-tag-cloud a,#sidebar .amp,strong {color:#7F5767}

img {
	background-color:#eee;
	padding:10px;
	border-radius:6px;
	box-shadow:1px 1px 5px #5E6C73;
	-moz-box-shadow:1px 1px 5px #5E6C73;
	-o-box-shadow:1px 1px 5px #5E6C73;
	-webkit-box-shadow:1px 1px 5px #5E6C73;
	-moz-border-radius:6px;
	-o-border-radius:6px;
	-webkit-border-radius:6px;
}
a img,a:hover img {border:0;}
a:hover img,img:hover {background-color:#fff;}

h2 {
	color:#5E6C73;
	font:4em Georgia, serif;
}
h2 a,h2 a:visited {
	color:#5d3745;
	font-style:normal;
	text-decoration:none;
}
h2 a:hover {color:#5d3745;text-decoration:underline;}
h3 {
	color:#fff;
	font:italic bold 1.5em Georgia, serif;
	padding:0.4em 0 0.2em;
}
h3 a,h3 a:visited {
	color:#7F5767;
	text-decoration:none;
}
h4 {
	color:#E0E8EB;
	font:italic bold 1.2em Georgia, serif;
	padding:0.4em 0 0;
}
h4 a {color:#E0E8EB;}

h1 a:hover,h2 a:hover {background-color:transparent;}

input,textarea {font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica, Arial, sans-serif;}
code {
	background-color:#DDDDDB;
	color:#7F5767;
	font:normal 1em Inconsolata,"Courier New",monospace;
	padding:0 4px;
}
pre {font-family:Georgia,serif;}
blockquote code {padding:0;}
code span {
	color:#bbb;
	font-style:italic;
}

.clear {clear:both;}

#wrap {
	margin:0 auto;
	min-height:100%;
	position:relative;
	width:980px;
}
* html #wrap {height:100%;}

/* Content */
#content {
	font-size:0.9em;
	position:relative;
	left:30px;
	width:930px;
}
div.postdate {
	color:#efefef;
	font:italic 2em Georgia, serif;
	margin:0 0 -15px -15px;
}
p.postmetadata {
	background-color:#D3DCE1;
	border-top:solid 1px #E0E8EB;
	border-bottom:solid 1px #E0E8EB;
	color:#909ea4;
	font-size:0.7em;
	margin:10px 0;
	padding:2px 20px;
}
p.postmetadata a,p.postmetadata a:visited,p.commentmetadata a,p.commentmetadata a:visited {
	color:#5e6c73;
	font-style:normal;
	font-weight:bold;
}
p.postmetadata strong {color:#5E6C73;}
div.postcomments {
	background:url(img/dots.gif) repeat-x bottom left;
	margin-bottom:20px;
	padding:10px 0 25px;
	width:100%;
}
div.postcomments span.commentcount {
	display:block;
	width:38px;
	text-align:center;
}
a.postcomments,a.postcomments:visited {
	background:url(img/comments.gif) no-repeat;
	color:#704857;
	display:block;
	font-size:1.1em;
	font-style:normal;
	float:right;
	height:51px;
	width:191px;
	line-height:45px;
	padding:0 0 0 10px;
	text-decoration:none;
}
a.postcomments:hover {color:#5E6C73;}

.navigation {font-size:0.8em;width:100%;}

blockquote {
	background-color:#DDDDDB;
	border-left:solid 0.5em #eee;
	color:#5d3745;
	font-family:Georgia;
	font-style:italic;
	margin:1em 35px;
	padding:0.5em 1em;
	border-radius:6px;
	box-shadow:1px 1px 5px #5E6C73;
	-moz-box-shadow:1px 1px 5px #5E6C73;
	-o-box-shadow:1px 1px 5px #5E6C73;
	-webkit-box-shadow:1px 1px 5px #5E6C73;
	-moz-border-radius:6px;
	-o-border-radius:6px;
	-webkit-border-radius:6px;
}
.source {
	color:#7F5767;
	font-style:normal;
	font-size:0.9em;
}
.quote {
	background:#DDDDDB url(img/quotes.png) 10px 10px no-repeat;
	border:0;
	padding-left:50px;
}

.postdesc {
	background-color:#D3DCE1;
	border-top:solid 1px #E0E8EB;
	border-bottom:solid 1px #E0E8EB;
	color:#74868F;
	font-size:0.8em;
	padding:0.5em 1.5em;
	margin:15px 0;
}

/* Comments */
#content #commentlist {
	list-style-type:none;
	font-size:0.8em;
	margin:0;
	padding-left:0;
}
#content li.comment {
	background-color:#E0E8EB;
	border-top:1px solid #B1BEC7;
	border-bottom:1px solid #B1BEC7;
	color:#5E6C73;
	margin:0 auto 1em;
	padding:0;
	width:99%;
}

p.commentmetadata {
	font-size:0.8em;
	padding-right:1em;
	text-align:right;
}
p.comment-by { /* author name */
	background-color:#D3DCE1;
	font:italic bold 1.3em Georgia, serif;
	margin-bottom:0.5em;
	padding:0.5em;
}
div.commententry {padding:0 1em;}
a.comment-reply-link {font-size:0.8em;}
.avatar {
	border:solid 3px #fff;
	float:right;
	margin:1em;
	padding:0;
}
.yarr {display:none;}

/* Sidebar */
#sidebar {
	font-size:0.75em;
	margin:0 auto;
	width:920px;
}
#sidebar h2 {
	font-size:2em;
}
#sidebar li {
	float:left;
	list-style-type:none;
	width:270px;
}
#sidebar li.sidebar-2 {margin:0 50px;}
#sidebar li ul li {
	float:none;
	margin:7px 0;
}
#sidebar a {
	background-color:#D3DCE1;
	border-top:solid 1px #B1BEC7;
	border-bottom:solid 1px #B1BEC7;
	color:#7F5767;
	display:block;
	padding:2px 10px;
	text-decoration:none;
	width:100%;
}
#sidebar a:hover {background-color:#DAE4E8;color:#6F4556}
#sidebar a span {color:#909ea4;}

/* Header */
#top {
	background:url(img/header.jpg) no-repeat;
	display:block;
	height:240px;
	width:980px;
}
#top span,#top h3,.hide, div.postcomments span {display:none;}
#top h1 {
	margin:0;
	padding:0;
}
#top a,#searchform {
	background-position:top;
	display:block;
	position:absolute;
}
#sitetitle {
	margin-left:82px;
	top:47px;
	width:300px;
	height:80px;
}


/* Navigation */
#top ul {list-style-type:none;}
#top a:hover,#s:focus,a.postcomments:hover {background-position:bottom;}

#footerlink {
	background:url(img/footer.jpg) no-repeat;
	margin-left:60px;
	top:10px;
	width:106px;
	height:27px;
}
#blog {
	background:url(img/blog.jpg) no-repeat;
	margin-left:403px;
	top:23px;
	width:117px;
	height:71px;
}
#personal {
	background:url(img/personal.jpg) no-repeat;
	margin-left:525px;
	top:27px;
	width:150px;
	height:56px;
}
#domain {
	background:url(img/domain.jpg) no-repeat;
	margin-left:686px;
	top:31px;
	width:143px;
	height:49px;
}
#resources {
	background:url(img/resources.jpg) no-repeat;
	margin-left:830px;
	top:33px;
	width:165px;
	height:47px;
}

#subscribe {
	background:url(img/subscribe.jpg) no-repeat;
	margin-left:427px;
	top:113px;
	width:118px;
	height:32px;
}
#twitter {
	background:url(img/twitter.jpg) no-repeat;
	margin-left:565px;
	top:105px;
	width:153px;
	height:52px;
}
#twitter-bubble {
	background:url(img/twitter-bubble.jpg) no-repeat;
	color:#587173;
	font-size:0.6em;
	font-style:italic;
	line-height:1.2em;
	text-decoration:none;
	margin-left:604px;
	top:145px;
	width:212px;
	height:76px;
}
#twitter-bubble:hover {
	color:#333d45;
}
span#tweet {
	display:block;
	margin:20px 27px 0 23px;
	text-align:center;
}

/* Forms */
input,textarea {
	background-color:#D3DCE1;
	border:solid 3px #E0E8EB;
	color:#909ea4;
	font:inherit;
	padding:3px 5px;
}
input:focus,textarea:focus,#submit:hover {
	background-color:#DDDDDB;
	border-color:#fff;
	color:#5d3745;
}
#submit {
	background-color:#E0E8EB;
	padding:5px 10px;
}
#submit:hover {background-color:#fff;}
p.forminfo {
	color:#74868F;
	font-size:0.8em;
	padding:10px 0 0 2px;
	width:700px;
}

/* Footer */
#footer {
	background:url(img/footerbg.jpg) repeat-x center bottom;
	width:100%;
	padding:20px 0 5px;
	position:relative;
}
#footer a:visited {font-style:normal;}
#disclaimer {
	color:#333;
	font-size:0.7em;
	font-weight:bold;
	margin:20px auto 10px;
	padding-top:20px;
	text-align:center;
	width:940px;
}
#disclaimer a {
	background-color:#D1DCE0;
	color:#5E6C73;
	padding:2px 5px;
	text-decoration:none;
}
#disclaimer a:hover {
	background-color:#DDDDDB;
	color:#5D3745;
}

/* Search Form */
#searchform {
	top:100px;
	margin-left:740px;
}
#search { /* label */
	background:url(img/search-icon.jpg) no-repeat;
	display:block;
	float:left;
	width:46px;
	height:37px;
}
#s { /* search field */
	background:url(img/search.jpg) no-repeat;
	border:0;
	color:#909ea4;
	font:italic 0.8em Georgia, serif;
	margin:3px;
	padding:7px 15px;
	width:154px;
	height:18px;
}
#s:focus {color:#5d3745;}

/* Other */
.st-tag-cloud {
	background-color:#D3DCE1;
	padding:10px;
	margin-top:10px;
	text-align:center;
}

.flickr img {
	margin:8px;
	padding:7px;
}

#pastdesigns {
	margin:0 auto;
	width:680px;
}
#pastdesigns img {
	padding:7px;
	margin:7px;
}
@font-face {
	font-family:'Inconsolata';
	src:url('fonts/inconsolata-webfont.eot');
	src:local('☺'), url('fonts/inconsolata-webfont.woff') format('woff'), url('fonts/inconsolata-webfont.ttf') format('truetype'), url('fonts/inconsolata-webfont.svg#webfontKDmcWyKj') format('svg');
}

/* Sociable */
div.sociable ul {
	list-style-type:none;
	margin-bottom:0.5em;
}
#content div.sociable li {
	display:inline;
	margin:0;
	padding:0;
}

div.sociable a:hover {background:transparent;}
.sociable-hovers {
	border:0;
	opacity: .6;
	-moz-opacity: .6;
	filter: alpha(opacity=60);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

/* Wordpress */
.aligncenter,div.aligncenter {
   display:block;
   margin-left:auto;
   margin-right:auto;
}
.alignleft {float:left;}
.alignright {float:right;}

.wp-caption {
   text-align:center;
   background-color:#eee;
   padding:10px 5px 5px;
   margin:10px;
   border-radius:6px;
   box-shadow:1px 1px 5px #5E6C73;
   -moz-box-shadow:1px 1px 5px #5E6C73;
   -o-box-shadow:1px 1px 5px #5E6C73;
   -webkit-box-shadow:1px 1px 5px #5E6C73;
   -moz-border-radius:6px;
   -o-border-radius:6px;
   -webkit-border-radius:6px;
}
.wp-caption:hover {background-color:#fff;}
.wp-caption p.wp-caption-text {
   color:#666;
   font:11px "trebuchet ms",Tahoma,Arial,sans-serif;
   letter-spacing:1px;
   line-height:17px;
   padding:0 4px 2px;
   margin:5px 0 0;
}

/* Images */
.wp-caption img,.wp-smiley,.avatar,.rating-star {
   border-radius:0;
   box-shadow:none;
   -moz-box-shadow:none;
   -o-box-shadow:none;
   -webkit-box-shadow:none;
   -moz-border-radius:0;
   -o-border-radius:0;
   -webkit-border-radius:0;
}
.wp-caption img,.wp-smiley,.rating-star {
   margin:0;
   padding:0;
}
.wp-smiley,.wp-smiley:hover,.rating-star,.rating-star:hover {background-color:transparent;}