/*
Theme Name: My Musical Horizons
Theme URI: http://www.patrickcatanzariti.com/mymusicalhorizons/
Description: Theme for my "My Musical Horizons" website.
Author: Patrick Catanzariti
Author URI: http://www.patrickcatanzariti.com
version: 1.0
*/

/*
	Other stuff
	
	Purple: #7f007f
	Dark Purple: #340034
	
*/

/*
	Clearing up!
*/

* {margin:0; padding:0;}
img {border: 0; padding: 0;}

/*
	Core stuff
*/
body {background: #340034 url('images/bg-flare.png') no-repeat top center; font-family: verdana, arial, tahoma, sans-serif; font-size: 12px; color: #000000;}

h1 {font-size: 26px; font-weight: normal; font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;}
h2 {font-size: 20px; font-weight: normal;}
h3 {font-size: 18px;}
h4 {font-size: 16px;}

a {color:#7f007f; text-decoration:none;}
	a:hover {text-decoration: underline;}
#menu a, #sidebar a, #footer a {color: #ffffff;}

blockquote{}

/* 
	Alignments
*/
.alignright {float: right;}
.alignleft {float: left;}
.aligncenter {text-align: center;}

/* 
	Page elements
*/

#wrapper {width: 760px; min-height: 650px; margin: 0 auto; padding: 0; background-color: transparent; overflow: hidden; z-index: 5; position: relative;}

#header {width: 100%; height: auto; color: #ffffff;}
	#header h1 {font-family: Arial, Verdana, sans-serif; padding: 0; margin: 0; text-shadow: 2px 2px 4px #cccccc;}
		#header h1 a {color: #ffffff; text-decoration: none; text-indent: -9999px; background: transparent url(images/musicvacancy.gif) 0 0 no-repeat; width: 100%; height: 50px; display: block; outline: none;}

#menu {font-size: 14px; width: 300px; overflow: hidden; position: fixed; right: 0; z-index: 40;}
	#menu ul {margin: 0; padding: 0;}
		#menu ul li {list-style-type: none; float: right; clear: both; margin: 0; padding: 0; background: #ffffff url(images/bg-main-menu.gif) repeat-x 0 0;}
			#menu ul li a {font-family: EnigmaticBold, Trebuchet MS, Arial; font-size: 16px; padding: 4px 10px; margin: 0; display: block; color: #7f007f; text-transform: uppercase;}

#content {float:left; width:530px; overflow: hidden; margin:14px;}
	#content .pagetitle {padding: 10px; color: #fff;}

.post {position: relative; width: 530px; margin-bottom: 10px;}
	.post .content {position: relative; padding: 10px; width: 510px;}
	.post h2 {}
	.post ul {padding-left: 20px;}
		.post li {}
	
.entry {padding: 0 10px 0 10px;}
	.entry p {margin:12px 0;}
	
.video {margin: 10px; display: block;}

.postmetadata {clear: both; padding:5px; margin: 20px 0;}
.editpostlink {clear: both; padding: 10px;}
 
.navigation {font-size:8pt; width:100%; float:left; margin:0; padding:0;	overflow:hidden;}

#sidebar {font-family: verdana, arial, tahoma; font-size:8pt; width:190px; float:right; color: #ffffff;}
	#sidebar h2 {font-family: Tahoma, sans-serif; color: #b6f006f; margin: 0; padding: 0; font-size: 18px; line-height: 16px; font-weight: bold; overflow: hidden; text-transform: uppercase;}
	#sidebar label {color: #000; margin: 0; padding: 0;}
	#sidebar p {margin:0; padding: 0 6px 0 12px;}
	#sidebar img {padding: 0; margin: 0;}
	#sidebar ul {margin:12px;	padding:0;}
		#sidebar ul li {margin: 0;	padding: 0;	line-height: 14pt; list-style-type: none;}
			#sidebar ul ul {margin: 8px 0 14px 14px; padding: 0;}
				#sidebar ul ul li {list-style-type: none;}
					#sidebar ul ul ul {margin: 0; padding: 0;}
						#sidebar ul ul ul li {padding: 0 0 0 15px; list-style-type: square; color: #898989;}
	#sidebar .textwidget {padding: 10px;}

#commentcontainer {position: relative; margin: 20px 0 0 0;}
	#commentcontainer .content {position: relative; padding: 10px; width: 510px;}

#commentcontainer #commentform {margin:0; padding: 10px;}
	#commentcontainer #commentform p {color: #000;}
	#commentcontainer #commentform a {color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;line-height: 14pt;}
	#commentcontainer #commentform h3 {font-family: georgia, times, verdana; font-size: 10pt; font-weight: 300; color: #000; margin:0; padding:0;}
	#commentcontainer #comment {width:80%;}
	#commentcontainer #author, #commentcontainer #email, #commentcontainer #url, #commentcontainer #comment, #commentcontainer #submit {background: #fff; font-family: verdana, arial, times; font-size: 8pt; margin:5px 5px 0 0; padding:0; border: 1px solid #000;}
	#commentcontainer #submit {margin:5px 5px 0 0;}
	#commentcontainer #comments{margin:0; padding:0}
	
	#commentcontainer .avatar{float:left; margin:0 12px 0 0;}
	#commentcontainer ol.commentlist {list-style-type: none; margin: 0; padding: 0;}
		#commentcontainer ol.commentlist li {margin: 10px 0; padding: 5px 0 5px 10px; list-style-type:none;}
			#commentcontainer ol.commentlist li.alt {background: #eee;}
			#commentcontainer ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt;}
			#commentcontainer ol.commentlist a {color:#000;}

	cite {font-family: arial, verdana, tahoma; font-size: 9pt; font-weight: bold; font-style: normal;}
		cite a {color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;}

#searchform {padding: 0; margin: 8px 0 14px 0;}
	#searchform input#s {margin: 0; padding: 2px; border: 1px solid #000; color: #7f007f;}
	#searchform input#searchsubmit {border: none; background: #333; color: #fff; text-transform: lowercase;}
	
.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px;}
	.wp-caption img {margin: 0; padding: 0; border: 0 none;}
	.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}

#footer {clear: both; width: 100%; font-size: 11px; height: 14px; background: transparent url("images/footer.gif") no-repeat right top; position: relative; bottom: 0; right: 0; z-index: 5; text-indent: -9999px;}
	#footer p {padding: 0; margin: 0; color: #eeeeee; text-align: center;}

/*
	Music Stack
*/
#musicstack {position: fixed; bottom: 0; left: 50%; z-index: 1;}
	#musicstack ul {list-style: none; position: relative; left: -455px;}
		#musicstack ul li {position: relative; height: 30px; display: block; opacity: 0.70; -moz-opacity: 0.70; filter: alpha(opacity=70); display: none;}
			#musicstack ul li a {height: 30px; display: block;}
	
/*
	Transparencies
*/
.overlay {position: absolute; top: 0; bottom: 0; left: 0; width: 528px; background: #ffffff url('images/bg-content.gif') repeat-x 0 0; opacity: 0.95; -moz-opacity: 0.95; filter: alpha(opacity=95); -moz-border-radius: 0 5px; -webkit-border-radius: 3px; border: 1px #888888 solid;}
* html .content {background-color: #ffffff;}
* html .overlay {background-color: transparent;}

* html #content {display: inline;}

/* Clearing */
#header:after, .entry:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}