/*
Theme Name: WP Arpeggi
Theme URI: http://www.vijithassar.com/
Description: Audio
Author: Vijith Assar
Author URI: http://www.vijithassar.com/
Tags: Audio

*/

/* General */
body		{font-family: Helvetica, sans-serif;
		color: black;
		background-color: #F5F3EE;
		font-size: small;}
a		{color: black;
		text-decoration: underline;}
a:hover		{color: #AF4035;}
#page		{padding: 20px; width: 65%; display: block; margin: auto;}

/* Images */
p.wp-caption-text {
		font-style: italic;
		margin: 0;
}

/* Header */
#header 	{border: 0;
		padding: 5px;
		text-align: center;}
#headerimg a	{text-decoration: none;}

/* Sidebar */
#sidebar	{border-width: 3px 3px 2px 3px;
		border-style: solid;
		border-color: #AAAAAA;
		margin: 0px 5px 5px 0px;
		width: 230px;
		float: left;
		background-color: #DDDDDD;
		overflow:hidden;}
#sidebar .section {padding: 20px 20px 20px 20px;}
#sidebar a	{text-decoration: none;}
#sidebar ul li	{list-style-type: none;}
#sidebar h2	{font-size: small;}
#sidebar div.section {border-bottom: 1px solid #AAAAAA;
		padding: 5px;}
.cat-item	{list-style-type:none;}
.page_item	{list-style-type:none;}
.linkcat	{list-style-type:none;}
.section ul	{margin: 0; padding: 0;}

/* Audio */
#audio h2 img	{border: 0; vertical-align: middle;}
#audio ul li	{position: relative; padding-left: 6em; text-indent: -6em;}
#audio ul	{padding: 0;
		margin: 0;}

/* Video */
#video	{text-align: center;}
#video h2	{text-align: left;}

/* Search */
#searchform	{padding: 5px;
		text-align: center;}
#searchform input {border: 1px solid #AAAAAA;
		margin: 1px;}

/* Posts */
#posts		{float: left; 
		background-color: #DDDDDD;
		border-style: solid;
		border-color: #AAAAAA;
		border-width: 3px 3px 3px 3px;
		margin-bottom: 20px;
		min-width: 260px;}
#single		{float: left;
		background-color: #DDDDDD;
		border-style: solid;
		border-color: #AAAAAA;
		border-width: 3px 3px 2px 3px;
		margin-bottom: 5px;
		min-width: 260px;}
.post		{border-width: 0px 0px 1px 0px;
		border-style: solid;
		border-color: #AAAAAA;	
		padding: 0px 20px 20px 20px;}
.post h2, .post h2 a	{text-decoration: none; font-size: x-large}
#posts h1	{padding: 0px 10px 10px 10px;
		border-bottom: 1px solid #AAAAAA}
.lengthen	{min-height: 300px; float: left; clear: left;}

blockquote      {font-style: italic;
		font-family: 'Georgia', 'Times New Roman', 'serif';
		font-size: large;
		line-height: 2em;
		padding: 2em;}

/* Comments */
#comments	{background-color:#DDDDDD;
		border-color:#AAAAAA;
		border-style:solid;
		border-width:3px;
		margin-bottom:20px;
		clear: left;
		min-width: 260px;}
.commentlist 	{padding: 10px 0px 10px 0px;
		border-top: 1px solid #AAAAAA;}
.comment	{padding: 10px 20px 10px 20px;
		border-bottom: 1px solid #AAAAAA;}
#respond 	{padding: 10px 20px 30px 20px;}
#comments h3	{padding-left: 20px;}
#comments h3 a img {border: 0; vertical-align: middle;}
.commentmetadata, .commentmetadata a {color:#666666;}
#comments input {border: 1px solid #AAAAAA;}
#comments textarea {border: 1px solid #AAAAAA; width: 60%; max-width: 90%;}
h4.nocomments	{margin-left: 20px;}

/* Older/Newer Posts Links */
.pagednavigation a {text-decoration: none; padding: 20px;}
.olderposts	{width: 20%; text-align: left; float: left; display: inline;}
.newerposts	{width: 20%; text-align: right; float: right; display: inline;}

/* Search Results */
#noresults	{text-align: center;
		border-bottom: 1px solid #AAAAAA;
		padding: 20px;}

/* Images */

div.entry img {
	width: 100%;
	height: auto;
	border: 1px solid #AAAAAA;
	background-color: white;
}

/* Search Results */
.error		{float: left;
		padding: 20px;
		background-color: #DDDDDD;
		border-style: solid;
		border-color: #AAAAAA;
		border-width: 3px 3px 2px 3px;
		margin-bottom: 5px;
		min-width: 260px;}

/* Writing Samples */
div#single div.post {float: left;}
div.writingsamples {clear: left; float: left;}
div.writingsamples h2 {clear: left;}
div.writingsamples h3 {clear: left;}
div.writingsamples h4 {clear: left;}
div.writingsample {width: 200px; height: 230px; margin:10px; display: inline; float: left; text-align: center;}
div.writingsamples div.more {clear: left;}
div.preview {width: 200px; height: 230px; margin:10px; display: inline;}
div.experience {display:block;}
div.morewriting {display:block; clear:both;}