/*
Theme name: Raven Horse Music
Description: Custom Theme for Raven Horse Music
*/

/* WordPress Default styles */
@import url('wp-default.css');

* { padding: 0; margin: 0; outline: 0; }

body {
    font-size: 12px;
    line-height: 1.3;
    font-family: Georgia, "Trebuchet MS", Arial, sans-serif;
    color: #000;
    background: url(images/bg.jpg) repeat 0 0;
    text-align: left;
}

a img { border: 0; }
a { color: #451d00; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }

h2 { font-size: 25px; font-style: italic; color: #990000; font-weight: bold; font-family: Georgia, "Trebuchet MS", Arial, sans-serif; }
h3 {
	margin: 5px 0px;
}

.cl, .clear { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.cl2 { display: block; margin-left: auto; margin-right: auto }
#carpet { height: 242px; width: 100%; font-size: 0; line-height: 0; text-indent: -4000px; position: absolute; top: 623px; left: 0; background: url(images/carpet.gif) repeat-x; }

#page { width: 989px; margin: 0 auto; position: relative; padding-bottom: 40px; }
#page-shadow { background: url(images/page.png) repeat-y 0 0; padding: 0 24px 10px; height: 100%; }

#footer { height: 53px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/footer.png) no-repeat 0 0; }

#header { height: 274px; background: url(images/header.gif) no-repeat 0 0; position: relative; }

#logo { width: 264px; height: 208px; font-size: 0; line-height: 0; padding: 39px 0 0 14px; }
#logo a { display: block; height: 208px; text-indent: -4000px; background: url(images/logo.gif) no-repeat 0 0; }

#slogan { width: 732px; height: 240px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/slogan.png) no-repeat 0 0; }
#slogan { position: absolute; right: -49px; top: 23px; }

#nav { height: 50px; padding-bottom: 6px; background: url(images/nav.png) repeat-x 0 0; margin-bottom: 20px; }
#nav { font-size: 21px; line-height: 50px; color: #ffffcc; font-weight: bold; text-transform: capitalize; font-family: Arial, Helvetica, Sans-Serif; }
#nav ul { float: left; display: inline; }
#nav li { float: left; display: inline; background: url(images/nav-li.gif) repeat-x 0 0; padding-right: 2px; position: relative;}
#nav li.last { padding-right: 0; }
#nav li a { float: left; display: inline; color: #ffffcc; background: url(images/nav-a.gif) repeat-x 0 0; }
#nav li a:hover,
#nav li a.active,
#nav li.active a,
#nav li.current_page_item a,
#nav li.current_page_ancestor a { background-image: url(images/nav-active.gif); text-decoration: none; }
.navshadow {
	visibility: hidden;
}
#nav ul ul {opacity: 0.95; -moz-opacity: 0.95; filter:alpha(opacity=95); border: 1px solid #187877;	 }
#nav ul ul li {width: 100%; height: 36px; line-height: 18px; padding: 0; display: block; border-bottom: 1px solid #fff;}
#nav ul ul li a {
	background: #1b9392	url(images/sub-bullet.gif) no-repeat 6px 13px !important; 
	font-size: 18px; 
	color: #fff; 
	font-weight: normal; 
	display: block;
	float: none;
	height: 28px; 
	padding-top: 8px; 
	padding-left: 18px; 
	white-space: nowrap;
	padding-right: 20px;
}
#nav ul ul li a:hover {
	background: #096160 url(images/sub-bullet-hover.gif) no-repeat 16px 13px !important; 
	padding-left: 28px;
	padding-right: 10px;
}
#nav ul ul li.last {border-bottom: 0;}

.navshadow {position: absolute; top: 50px; left: -6px; }
.navshadow-left {background: url(images/navshadow-left.png) repeat-y 0 0; height: 100%; padding-left: 6px;}
.navshadow-right {background: url(images/navshadow-right.png) repeat-y right 0; height: 100%; padding-right: 6px;}

.navshadow-bottom-left {background: url(images/navshadow-bottom-left.png) no-repeat 0 0; padding-left: 10px;}
.navshadow-bottom-right {background: url(images/navshadow-bottom-right.png) no-repeat right 0; padding-right: 10px;}
.navshadow-bottom-center {background: url(images/navshadow-bottom-cnt.png) repeat-x 0 0;}

.navshadow-bottom,
.navshadow-bottom-left,
.navshadow-bottom-right,
.navshadow-bottom-center {height: 5px; font-size: 0; line-height:0; text-indent: -9999px;}


#content { float: left; display: inline; width: 620px; padding-left: 15px; }

#sidebar { float: right; display: inline; width: 284px; padding-right: 5px; font-family: Arial, Helvetica, Sans-Serif; }
#sidebar h2.title { height: 28px; line-height: 28px; width: 222px; background: url(images/sidebar-h2.gif) no-repeat 0 0; padding: 29px 0 29px 56px; }
#sidebar h2.title { font-size: 18px; color: #fff; font-style: normal; text-transform: capitalize; }
#sidebar .block { margin-top: -15px; padding-left: 56px; }
#shopping-cart .widgettitle { height: 28px; line-height: 28px; width: 222px; background: url(images/sidebar-h2.gif) no-repeat 0 0; padding: 29px 0 29px 56px; }
#shopping-cart .widgettitle { font-size: 18px; color: #fff; font-style: normal; text-transform: capitalize; }
#execphp-2 .widgettitle { height: 28px; line-height: 28px; width: 222px; background: url(images/sidebar-h2.gif) no-repeat 0 0; padding: 29px 0 29px 56px; }
#execphp-2 .widgettitle { font-size: 18px; color: #fff; font-style: normal; text-transform: capitalize; }


.page { margin-bottom: 20px; }
.post .entry p { margin-bottom: 15px; }

.albums { margin-bottom: 12px; }
.albums a { float: left; display: inline; margin: 0 4px; }

.shop-navigation { font-size: 16px; padding-left: 15px; font-weight: bold; }

#calendar_wrap { width: 258px; margin: 25px auto 0; }
#wp-calendar { background: #b8b8b8; text-align: center; line-height: 18px;  }
table#wp-calendar { width: 100%; }
#wp-calendar tr td { background: #fff;  }
#wp-calendar tbody td a { display: block;  }
#wp-calendar tr td.pad { background: #dcdcdc; }
#wp-calendar tr th { background: #451d00; color: #fff; }
#wp-calendar caption { font-size: 18px; line-height: 32px; font-family: Georgia, "Trebuchet MS", Arial, sans-serif; font-weight: bold; }
.commentlist {
	list-style-type: none;
}
.commentlist li {
	border: 1px solid #eab2b2;
	padding: 10px;
	margin-bottom: 10px;
}
textarea {
	display: block;
	float: none;
}
label {
	display: block;
	text-align: right;
	float: left;
	width: 100px;
	margin-right: 10px;
}
input {
	display: block;
	float: left;
	width: 200px;
	margin-bottom: 5px;
}
#respond {
	margin-top: 20px;
}
.comment-author a {
	color: #990000;
}