/*

Theme Name:		USM

Theme URI: 		http://www.universalsacredmusic.org/

Description: 	Universal Scred Music Theme.

Author:			Wikichaves

Author URI: 	http://wikichaves.com/

Version: 		0.1

Tags: 			usm

*/





/* RESET */

/* v1.0 | 20080212 */



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	vertical-align: baseline;

	

}

body {

	line-height: 1;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}



/* remember to define focus styles! */

:focus {

	outline: 0;

}



/* remember to highlight inserts somehow! */

ins {

	text-decoration: none;

}

del {

	text-decoration: line-through;

}



/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: collapse;

	border-spacing: 0;

}









/***************************************************************************************************/

/* General Statements */

/***************************************************************************************************/



body {

  text-align: center;

  background: #fff url(images/bg.png) repeat-x; 

} 

.clear { clear: both; }

#wrapper {

  width: 940px;

  margin: 0 auto;

  text-align: left;

}

a.ui{font-size:0.75rem;color:#9F0000;color:#333;font-family:Arial,Helvetica,sans-serif;}
a.more{padding:0.5em 0;margin-bottom:1.5em;display:inline-block;}

h1,#sidebar h4 {font:20px/22px Arial, Helvetica, sans-serif;color:#000;padding:0 0 18px;color:#9f0000;}


/***************************************************************************************************/

/* Structure */

/***************************************************************************************************/



#header {

  float: left;

  width: 100%;  

}

#content {

  float: left;

  width: 100%;

  margin: 26px 0 0;

  background: url(images/content_divider.png) 220px 0 repeat-y; 

}

#content.wide {background:none; }



#sidebar {

  float: left;

  width: 200px;  

}

#main {

  float: right;

  width: 700px;

}

#footer {

  float: left;

  width: 100%;

  margin: 30px 0 0;

  padding: 11px 0 0;

  height: 90px;

  background: url(images/footer_bg.png) repeat-x; 

}

.blog .entry,.archive .entry{margin-bottom: 2em;}





/***************************************************************************************************/

/* Header */

/***************************************************************************************************/



/***** Logo *****/



#header #logo {

  float: left;

  width: 683px;

  height: 84px;

  text-indent: -9999px;

  background: url(images/usm-logo.png) no-repeat;

  margin: 30px 0 0 128px;  

}



/***** Navigation *****/



#nav {

  float: left;

  width: 647px;

  padding-left:293px;

  height: 30px;

  margin: 22px 0 0;

  background: url(images/nav_bg.png) repeat-x; 

}

#nav li { 

  float: left;

  position: relative;

  height: 30px;

  padding: 2px 8px 0 16px; 

  z-index: 10;

}

#nav li a {

  float: left;

  font: 13px/26px Arial, Helvetica, sans-serif;

  height: 30px;

  color: #F6E6E6;

  text-decoration: none;

  text-shadow: 1px 1px 0 #370000;

}



#nav li a:hover {color:#fff}



/***** Submenu *****/



#nav li ul {

  display: none;

  position: absolute;

  top: 30px;

  left: 15px;

  padding: 4px 17px 15px 10px;

  z-index: 100;

  width: 150px;

  background: url(images/subnav_bg.png) right bottom no-repeat; 

}



#nav li:hover > ul {

	display:block;

}



#nav li ul li { 

  display: block;

  height: auto;

  padding: 0;

  width: 150px;

}

#nav li ul li a {

  display: block;

  white-space: nowrap;

  line-height: 20px;

  height: 20px;

}



#nav .noclick a {

	cursor:default;

	} 



#nav .noclick ul li a {

	cursor: pointer;

	} 



#social-buttons {float:right;margin-top:-38px;background:url(images/social-icons-background.png) no-repeat; width:80px;height:35px;}

#social-buttons a {display:inline-block;vertical-align:top;;height:24px;width:24px;}

#social-buttons #fb-icon {background:url(images/social-icons.png) no-repeat;padding:0 5px 0 12px;}

#social-buttons #yt-icon {background:url(images/social-icons.png) no-repeat -45px 0}

#social-buttons span {display:none;}



/***************************************************************************************************/

/* Sidebar */

/***************************************************************************************************/



#sidebar h4 {}

#sidebar img { float: left; }

#sidebar h5 {

  font: 15px/16px Arial, Helvetica, sans-serif;

  color: #000;

  clear: both;

  padding: 16px 3px 1px;

}

#sidebar h5 a {

  font: 15px/16px Arial, Helvetica, sans-serif;

  color: #000;

  text-decoration:none;

  padding:0;

  color: #9f0000; text-decoration:underline;

}

#sidebar h5 a:hover { text-decoration:underline; color:#600 }

#sidebar p, #sidebar a { 

  font: 11px/19px Arial, Helvetica, sans-serif;

  color: #000;

  padding: 0 0 19px;

}

#sidebar p.date {

  font-size: 11px;

  color: #69C;

  padding-bottom: 4px;

}

#sidebar .widget{margin-bottom:2rem;}
#sidebar .widget_recent_entries li {list-style: inside disc;font-size: 0.7rem;padding:0.5em 0;}






/***************************************************************************************************/

/* Main */

/***************************************************************************************************/



#main h2 {

  font: 24px/24px Georgia, "Times New Roman", serif;

  color: #000;

  padding: 0 4px 17px 0;

}



#main h2 a {

  color: #000;

  text-decoration:none;

  color: #9f0000; text-decoration:underline;

  border-bottom:none;

}



#main h2 a:hover { text-decoration:underline; color:#600 }













#main p.date {

  font-size: 14px;

  color:#69C;

  margin-top:-16px;

  margin-bottom:10px;

}









li.entry.archive {

	padding-bottom:20px; margin-bottom:20px;

	background: url(images/footer_bg.png) repeat-x bottom; 

	}



li.entry.archive:last-child {

	margin-bottom:0;

	padding-bottom:0;

	background:none;

	}







	



.entry {

  font-family: Georgia, "Times New Roman", Times, serif;

  font-size:16px;

}



#main h2, .entry h3, .entry h4, .entry h5 {

	color: #9f0000;

	}

	

.entry h3 {

	font-size:19px;

	font-weight:normal;

	margin-bottom:15px;

	}



.entry h4 {

	font-size:17px;

	font-weight:normal;

	margin-bottom:15px;

	}

	

.entry h5 {

	font-size:14px;

	font-weight:normal;

	margin-bottom:15px;

	}



.entry p {

	font-size:15px;

	line-height:26px;

	margin-bottom:15px;

	}

	

.entry a {

	color:#000;

	border-bottom:1px dotted #9f0000;

	text-decoration:none;

	}



.entry a:hover {

	color:#660000;

	border-style:solid;

	}



.entry .more-link { color: #9f0000; border-bottom:none; text-decoration:underline; }

.entry .more-link:hover, .more-link:hover { color:#600; border-bottom:none; }



	

.entry ul {

	list-style:inside square;

	margin-bottom:15px;

	padding-left:10px;

	}



.entry ol {

	list-style:decimal inside;

	margin-bottom:15px;

	padding-left:10px;

}



.entry li {

	font-size:14px;

	line-height:17px;

	margin-bottom:12px;

	}



.entry blockquote p {

	font-style:italic;

	padding-left:10px;

	font-size:13px;

	border-left:3px solid #6699cc;

	}



.entry hr {

	border:none;

	border-bottom:1px #ccc solid;

	margin-bottom:20px;

	}



.alignleft,

img.alignleft {

	display: inline;

	float: left;

	margin-right: 24px;

	margin-top: 4px;

}

.alignright,

img.alignright {

	display: inline;

	float: right;

	margin-left: 24px;

	margin-top: 4px;

}

.aligncenter,

img.aligncenter {

	clear: both;

	display: block;

	margin-left: auto;

	margin-right: auto;

}

img.alignleft,

img.alignright,

img.aligncenter {

	margin-bottom: 12px;

}

.wp-caption {

	background: #f1f1f1;

	line-height: 18px;

	margin-bottom: 20px;

	max-width: 632px !important; /* prevent too-wide images from breaking layout */

	padding: 4px;

	text-align: center;

}

.wp-caption img {

	margin: 5px 5px 0;

}

.wp-caption p.wp-caption-text {

	color: #888;

	font-size: 12px;

	margin: 5px;

}

.wp-smiley {

	margin: 0;

}



.gallery {

	margin: 0 auto 18px;

}

.gallery .gallery-item {

	float: left;

	margin-top: 0;

	text-align: center;

	width: 33%;

}



.gallery .gallery-item a {

	border:none;

	

}

	

.gallery-columns-2 .gallery-item {

	width: 50%;

}

.gallery-columns-4 .gallery-item {

	width: 25%;

}

.gallery img {

	border: 2px solid #cfcfcf;

}

.gallery-columns-2 .attachment-medium {

	max-width: 92%;

	height: auto;

}

.gallery-columns-4 .attachment-thumbnail {

	max-width: 84%;

	height: auto;

}

.gallery .gallery-caption {

	color: #888;

	font-size: 12px;

	margin: 0 0 12px;

}

.gallery dl {

	margin: 0;

}

.gallery img {

	border: 10px solid #f1f1f1;

}

.gallery br+br {

	display: none;

}

#content .attachment img {/* single attachment images should be centered */

	display: block;

	margin: 0 auto;

}







/***************************************************************************************************/

/* Footer */

/***************************************************************************************************/





#footer p {

  font: 12px/20px Georgia, "Times New Roman", serif;

  color: #000;

  padding: 0 4px 1px;

}

#footer p a {

	color:#000;

	text-decoration:none;

	}

#footer p a:hover { border-bottom:1px dotted #000;}

#footer p.copy { font-size: 14px; }







/***************************************************************************************************/

/* Home: Slider */

/***************************************************************************************************/



#home_slider {

  float: left;

  width: 940px;

  height: 340px;

  border-top: 2px solid #000;

  border-bottom: 2px solid #000;

  overflow:hidden;

}

#home_slider li {

  float: left;

  position: relative;

  width: 940px;

  height: 340px;

  overflow:hidden;

}

#home_slider li .copy {

  position: absolute;

  z-index: 1;

  top: 295px;

  right: 0;

  background: url(images/slider_copy_bg.png) no-repeat;

  font: 12px/24px Arial, Helvetica, sans-serif;

  height: 24px;

  color: #fff;

  padding: 0 15px;

  text-shadow: 1px 1px 0 #370000;   

}