/*
Theme Name: Curiously Green, modified by Maxx Cho
Theme URI: http://www.freewpthemes.net/preview/curiouslygreen
Description: Tested on WP2.5
Version: 2.0
Author: Free WordPress Themes
Author URI: http://www.freewpthemes.net/
Tags: fixed width, two columns, widgets
*/

* {
	margin: 0px;
	padding: 0px;
}

body {
	background-color: #fff;
	color: #000;
	font-size: 12px;
	font-family: "trebuchet ms", helvetica, sans-serif;
}

hr {
	display: none;
}

a {
	text-decoration: underline;
	color: #93B300;
}

a.name {
	text-decoration:none;
}

a:hover {
	text-decoration: none;
	color: #fff;
	background: #D3E378 url('images/bbg1.gif') repeat-x;
}

strong {
	background: inherit;
	color: #50514D;
}

#header {
	width: 100%;
	height: 104px;
	background-color: #4d4d4d;
	background: url('images/a1.gif') repeat-x;
	color: #ffffff;
}

#header_inner {
	position: relative;
	width: 680px;
	height: 104px;
	margin: 0px auto;
}

#header_inner h1 {
	background: inherit;
	position: absolute;
	left: 0px;
	bottom: 10px;
	text-transform: lowercase;
	font-size: 39px;
	color: #fff;
	font-weight: normal;
	letter-spacing: -2px;
}

#header_inner h1 span {
	background: inherit;
	color: #DADADA;
}

#header_inner a {
	text-decoration: none;
	color: #FFF;
}

#header_inner a:hover {
	text-decoration: none;
	color: #fff;
	background: #D3E378 url('images/bbg1.gif') repeat-x;
}

#slogan {
	background: inherit;
	position: absolute;
	right: 0px;
	bottom: 25px;
	color: #DADADA;
	text-transform: lowercase;
	font-size: 13px;
}

#main {
	padding-top: 20px;
	position: relative;
	width: 680px;
	margin: 0px auto;
	padding-bottom: 10px;
}

/* The # menu classes are for the side-bar navigation menu */
#menu a
{
display: block;
position: relative;
width: 155px;
height: 27px;
margin-bottom: 1px;
text-decoration: none;
background: inherit;
background-image: url('images/bbg0.gif');
padding-left: 17px;
padding-top: 11px;
color: #636363;
text-transform: lowercase;
font-size: 13px;
}

/* the .large classes are for 2-line menu items */

#menu a.large
{
width: 155px;
height: 27px;
margin-bottom: 1px;
padding-left: 17px;
padding-top: 3px;
padding-bottom: 8px;
}


#menu a span
{
position: absolute;
right: 0px;
margin-top: 5px;
margin-right: 15px;
width: 7px;
height: 7px;
background: url('images/x1.gif') no-repeat; 
}

#menu a.large span.large
{
position: absolute;
right: 0px;
margin-top: -1px;
margin-right: 15px;
width: 7px;
height: 7px;
background: url('images/x1.gif') no-repeat; 
}

#menu a:hover span
{
position: absolute;
right: 0px;
margin-top: 5px;
margin-right: 15px;
width: 7px;
height: 7px;
background: url('images/x2.gif') no-repeat;
}

#menu a.large:hover span.large
{
position: absolute;
right: 0px;
margin-top: -1px;
margin-right: 15px;
width: 7px;
height: 7px;
background: url('images/x2.gif') no-repeat;
}

#menu a:hover
{
background: inherit;
color: #fff;
background-image: url('images/bbg1.gif');
}

#menu_end
{
height: 30px;
background-image: url('images/a2.gif');
}

h1 {
	background: inherit;
	color: #50514D;
	text-transform: lowercase;
	font-size: 26px;
}

h1 span {
	background: inherit;
	color: #85AC1E;
}

h1 span sup {
	background: inherit;
	color: #85AC1E;
	font-size: 14px;
}

h3, #sidebar h2 {
	margin-top: 15px;
	background: inherit;
	color: #50514D;
	font-size: 15px;
	text-transform: lowercase;
	height: 34px;
	background: url('images/a3.gif') repeat-x 0px 17px;
}

h3 a {
	text-decoration: none;
}

h3 span {
	background: inherit;
	color: #85AC1E;
}

h3.first {
	margin-top: 0px;
}

/* The h4 classes are for publications listing headings */
h4 {
	margin-top: 0px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
	background: inherit;
	color: #50514D;
	font-size: 20px;
	text-transform: none;
	background: url('images/pub.png');
	font-style: italic;
}

/* the h4 class mus is for composition and recording listing headings (alternate background from publications.) */
h4.mus {
	background: url('images/mus.png');
}

h4 a {
	text-decoration: none;
	color: #50514D;
	font-style: italic;
}

h4 a.mus {
	text-decoration: none;
	color: #85AC1E;
	font-style: italic;
}

/* The h5 classes are for publication listing comments and PDF links */
h5 {
	margin-top: 0px;
	background: inherit;
	color: #000000;
	font-size: 12px;
	text-transform: none;
border-bottom: 1px dotted #50514D;
border-top: 1px dotted #50514D;
padding-top: 7px;
padding-bottom: 7px;
padding-right: 10px;
padding-left: 10px;`
	}
	
h5 a {
	text-decoration: none;
	border-bottom:1px dotted #000000;
	color: #000000;
	font-style: italic;
}

h5 a:hover {
	text-decoration: none;
	border-bottom:1px solid #000000;
	color: #000000;
	background: none;
}

#lcontent {
	position: relative;
	padding: 0px 15px 0px 15px;
}

#rcontent {
	position: relative;
	padding: 25px 20px 0px 20px;
}

ul {
	list-style: none;
}

ul li {
	background: url('images/x1.gif') no-repeat 0px 5px;
	padding-left: 15px;
}

ol {
	list-style-position: inside;
}

p {
	margin-bottom: 25px;
	text-align: justify;
	line-height: 20px;
}

/*use <div class=list><p>blah</p></div> to get paragraphs that are closer together */
.list p{
	margin-bottom: 10px;
	text-align: justify;
	line-height: 20px;
}

.list2 p{
	margin-bottom: 5px;
	text-align: justify;
	line-height: 20px;
}

/* the .pub div class is for publication listing descriptions. Use div class=pub inside the loop for the <?php the_content() ?> code. */
.pub p{
	margin-bottom: 10px;
	text-align: justify;
	line-height: 20px;
	padding-left: 10px;
} 

#sidebar p {
	padding-right: 30px;
	font-size: 10px;
	line-height: 16px;
	margin: 0px;
}

#sidebar form {
	margin-bottom: 2em;
}

.divider {
	font-size: 0px;
	position: relative;
	border-bottom: solid 1px #F5F5F5;
	height: 1px;
	width: 100%;
	margin: 10px 0px 10px 0px;
}

.summary {
	text-align: right;
	font-style: italic;
}

ul.divided li {
	border-top: solid 1px #F5F5F5;
	margin-top: 4px;
	padding-top: 4px;
	background-position: 0px 9px;
}

ul.divided li.first {
	border-top: 0px;
	margin-top: 0px;
	padding-top: 0px;
	background-position: 0px 5px;
}

#content {
	position: relative;
	float: right;
	width: 485px;
	background-image: url('images/a2.gif');
	background-repeat: repeat-x;
}

.post {
}

.post ol, .post ul {
	margin-bottom: 2em;
}

.post .date {
	margin-bottom: 1em;
	font-size: smaller;
}

.postmetadata {
	font-size: smaller;
}

#slogan2 {
	font-size: 14px;
	position: relative;
	top: -5px;
}

.box {
	position: relative;
	border: dashed 1px #dadada;
	margin-top: 15px;
	background: inherit;
	color: #AAB165;
}

/* performers class are for boxes containing performer info on recordings/compositions page. Difference from .box: need to make width smaller.*/

.performers {
	position: relative;
	border: solid #6C7425;
	margin-top: 15px;
	background: inherit;
	color: #AAB165;
	margin-right: 25px;
	margin-left: 25px;
}

/* boxleft classes are for yellow-gradient background boxes floating to the left with an image (note that floating elements float over css objects but push aside text.) */

.boxleft {
	position: relative;
	float: left;
	width: 120px;
	border: dashed 1px #dadada;
	background: inherit;
	color: #AAB165;
	margin-right: 17px;
}

/*.boxright classes are for the same type of boxes, but floating to the right */

.boxright {
	position: relative;
	float: right;
	width: 120px;
	border: dashed 1px #dadada;
	background: inherit;
	color: #AAB165;
	margin-right: 5px;
	margin-top: 5px;
}

.box h2 {
	background: transparent;
	color: #6C7425;
	text-transform: lowercase;
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 5px;
}

.performers h2 {
	background: inherit;
	color: #6C7425;
	text-transform: lowercase;
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 5px;
}

.box p {
	font-size: 10px;
	line-height: 16px;
	margin: 0px;
}

.performers p {
	font-size: 12px;
	line-height: 16px;
	margin: 0px;
	color: #fff;
}


.box_inner {
	border: solid 1px #fff;
	height: inherit;
	padding: 15px;
	background: #FFFFE9 url('images/a4.gif') repeat-x;
	color: inherit;
}

.performers_inner {
	height: inherit;
	padding: 15px;
	background: #FFFFE9 url('images/per.png'); 
	color: inherit;
}

.boxleft_inner {
	border: solid 1px #fff;
	height: inherit;
	padding: 10px;
	background: #FFFFE9 url('images/a4.gif') repeat-x;
	color: inherit;
}

.boxright_inner {
	border: solid 1px #fff;
	height: inherit;
	padding: 10px;
	background: #FFFFE9 url('images/a4.gif') repeat-x;
	color: inherit;
}


.captioned_image {
	position: relative;
	padding-bottom: 3px;
	float: left;
	margin-right: 17px;
}

/* .captionedimage is a floating element. In order to fit the parent .box_inner around the floating element, the following div class is needed. */
.clearboth {
	clear: both;
	width: 0px;
	height: 0px;
	margin: 0px;
}

.boxleft_captioned_image {
	position: relative;
	padding-bottom: 0px;
	height: 120px;
}

.boxright_captioned_image {
	position: relative;
	padding-bottom: 0px;
	height: 120px;
}


.captioned_image div {
	position: relative;
	width: 100px;
	margin-top: 10px;
	font-size: 9px;
	bottom: 0px;
	left: 0px;
}

.boxleft_captioned_image div {
	position: relative;
	width: 80px;
	margin-top: 1px;
	margin-bottom: 1px;
	font-size: 9px;
	bottom: 10px;
	left: 0px;
}

.boxright_captioned_image div {
	position: relative;
	width: 80px;
	margin-top: 1px;
	margin-bottom: 1px;
	font-size: 9px;
	bottom: 0px;
	left: 0px;
}

#sidebar {
	position: relative;
	width: 185px;
	float: left;
}

#sidebar ul {
	margin: 0;
	padding: 0;
}

#sidebar li {
	margin: 0;
	padding: 0;
	background: none;
}


#sidebar li li {
	padding-left: 15px;
	background: url('images/x1.gif') no-repeat 0px 5px;
}
/*
/* Float Image */	
#float-img {
	float: right;
	margin-top: 15px;
	margin-right: 15px;
	z-index: 1;
	position: relative; }
	
	/* The #float-img id was removed due to the IE 6 bug */
	.klein { 
		width: 148px;
		height: 155px;
		background: url('http://www.maxxcho.com/wp-content/images/logo4skew.gif') top right no-repeat; }
/* floating image end */ 
*/

.navigation {
	height: 50px;
}

.navigation .alignleft {
	float: left;
}

.navigation .alignright {
	float: right;
}

#comment {
	width: 80%;
}

.pagetitle {
	margin-bottom: 1em;
}

#menu ul
{
list-style: none;
margin: 0px;
}

#menu li
{
background: none;
padding: 0px;
font-weight: bold;
}

#menu li li {
	margin: 0;
	padding: 0;
	background: none;
}

#menu ul li {
	margin: 0;
	padding: 0;
	background: none;
}

#footer {
	clear: both;
	background: url('images/a2.gif') repeat-x;
	width: 680px;
	margin: 0px auto;
	margin-bottom: 25px;
	padding-top: 10px;
	text-align: center;
	text-transform: lowercase;
}