/*  
	Theme Name:CCMLyrics
	Theme URI:http://www.ccmlyrics.com/theme/
	Description:CCMLyrics is based on the spring theme by iqwolf. The theme supports the Sidebar Widgets plugin. 
	Version:0.1
	Author:hrabbach
	Author URI:http://www.ccmlyrics.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
	It is a widget-ready theme. Get Sidebar Widgets at:
	http://automattic.com/code/widgets/
	
	I get the AJAX commenting code from K2, thanks Michael and Chris.
	You can get K2 here:
	http://getk2.com/
	
	This Theme also uses Fam Fam Fam Silk Icons:
	http://www.famfamfam.com/lab/icons/silk/
	
*/

/* General */
* { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
html, body { margin:0px; padding:0px; font-family:Helvetica, Arial, sans-serif; font-size:12px; color:#DEEBF3; text-align:left; background-color:#89a4b8; background-image:url(images/bg.jpg); background-repeat:repeat-x;}

a,a:link,a:active,a:visited  { color:#FFFFCC; text-decoration:none; font-weight:bold;}
a:hover { color:##506F85; text-decoration:none; font-weight:bold; }

form, input, select { margin:0; padding:0; }
select { border:none; }

p { margin:0 0 10px 0; line-height:140%; }
ul, ol, dl { margin:0; padding:0; }
ul ul, ol ol, p ul, p dl, p ol { margin-bottom:0; }
li, dd { margin:0; }
ol li { list-style:decimal outside; }

acronym, abbr, span.caps { cursor:help; font-size:12px; letter-spacing:.07em; }
acronym, abbr { border-bottom:1px dashed #999; }
blockquote { margin:10px; padding:20px; border-left:5px solid #ddd} 
cite { text-decoration:none; }
code { font-family:'Courier New', Courier, sans-serif; font-size:16px; }
hr { display:none; }
small { font-family:Arial, Helvetica, Sans-Serif; font-size:12px; color:#DEEBF3; }

/* Headers */
h1, h2, h3 ,h4{ margin:0; padding:0; font-family:"Trebuchet MS", "Times New Roman", times, serif; font-weight:bold; }
h1 { padding:35px 0 0; font-size:32px; text-align:center; color:#DEEBF3; }
h1 a, h1 a:link, h1 a:active, h1 a:hover, h1 a:visited { font-size:32px; text-decoration:none; color:#DEEBF3; }
h2 { margin:5px 0 5px 0; font-size:16px; }
h2.pagetitle { margin-top:30px; text-align:center; }
h3 { margin:30px 0 0; padding:0; font-size:16px; }
h4 { font-size:14px; }

/* Structure Divs */
#header { margin:0 auto; background:url(images/ccmlogo.jpg) #89a4b8 center no-repeat; }
#container { margin:5px auto 0 auto; padding:0; width:800px; #89a4b8 repeat-y; }
#content { overflow:hidden; border-width:1px; }
#footer { clear:both; margin:0 auto; width:800px; text-align:center; background:#89a4b8 bottom no-repeat;  }
#sidebar { float:left; margin:20px 0 20px 40px; padding:0; width:200px; text-align:center; font-size:14px; overflow:hidden; }

/* Config Structure Divs */
/* Header */
.description { padding:5px; font-size:14px; text-align:center; color:#FFFFCC; }
.nav { width:100%; height:30px; margin:10px auto; padding:10px 0 0; background:#577993; overflow:hidden; }
.nav ul { width:100%; margin:0; padding:8px 0 0; list-style-type:none; text-align:center; }
.nav li { position:relative; padding:0; display:inline; font-family:verdana, tahoma, sans-serif; font-size:12px; letter-spacing:0.20em; text-transform:uppercase; }
.nav a, .nav a:link, .nav a:visited { padding:2px 5px; color:#FFFFCC; text-decoration:none; }
.nav a:hover { color:#FFFFCC; background:none; border-bottom:3px dashed ##FFFFCC; }
.page_item a, .page_item a:link, .page_item a:visited { padding:2px 5px; color:#FFFFCC; text-decoration:none; }
.page_item a:hover { color:#FFFFCC; background:none; border-bottom:3px dashed #FFFFCC; }
.page_item.current_page_item { padding:2px 5px; color:#FFFFCC; color:#FFFFCC; background:none; border-bottom:3px dashed #FFFFCC; }
.page_item.current_page_item a:hover { padding:2px 5px; color:#FFFFCC; border:none; background:none; }

/* Content */
.narrowcolumn { float:left; margin:20px 0 10px 20px; padding:0; width:500px; }
.widecolumn { width:500px; margin:5px auto 0 auto; }
.entry { margin:0; padding:20px 0 20px 10px; text-align:left; }
.widecolumn .entry { margin:0; }
.entry ul { margin:0 0 0 40px; padding:0; }
.entry ol { margin:0 0 0 40px; padding:0; }
.entry li { margin:0; padding-bottom:8px; }
.date-header { margin:0; font-size:11px; font-weight:bold; padding:0 5px 0 5px; text-transform:uppercase; border-left:4px solid #577993; }
.entry-header { margin:0 0 10px; border-left:4px solid #FFFFFF; padding:0 5px 0 5px; color:#666; font-size:14px; }
.entry-footer { margin:0 0 20px 0; padding:4px 2px 2px; color:#666; font-size:12px; text-align:right; background:url(images/bg_entry_footer.png) no-repeat top right; }

/* Footer */
#footer p { margin:0; padding:5px; font-size:12px; text-align:center; line-height:18px; }

/* Sidebar Elements*/
#sidebar a, #sidebar a:link, #sidebar a:active, #sidebar a:visited  { color:#666; text-decoration:none; }
#sidebar a:hover { color:#666; text-decoration:underline; }
#sidebar a:hover { color:#666; text-decoration:underline; }
#sidebar h2 { width:180px; margin:15px 2px 0 2px; padding:2px 0; font-size:14px; color:#FFFFCC; letter-spacing:.2em; text-align:center; }	
#sidebar ul { margin:0; padding:0; color:#666; list-style:none; }
#sidebar li { width:100%; margin:0; padding:0; }
#sidebar ul ul { margin:0; padding:0 0 10px; }
#sidebar ul ul li { width:165px; margin:0 10px 1px 10px; padding:2px 5px; border-bottom:1px solid #FFFFCC; border-right:1px solid #FFFFCC; background:#C9DEED; }

#sidebar ul ul li:hover { color:#666; background:#C9DEED; }
#sidebar ul#intro { text-align:left; }
#sidebar ul#intro li:hover { color:#666; background:#C9DEED; }
#sidebar ul ul li a, #sidebar ul ul li a:link, #sidebar ul ul li a:visited { width:165px; padding:2px; color:#666; background:none; text-decoration:none; }
#sidebar ul ul li a:hover { color:#666; background:none; text-decoration:none; }

/* Calendar Widget */
#calendar { width:180px; margin:0 auto; padding:0; color:#FFFFCC; line-height:100%; text-align:center; }
#wp-calendar { margin:0 auto; padding:0; }
#calendar caption { margin:0; padding:5px; text-align:center; font-weight:bold; }
#calendar th { text-align:center; padding:2px 4px; font-weight:bold; }
#calendar td { text-align:center; padding:2px 4px; font-size:12px; }

/* Search Forms*/
li#search { margin:2px 5px 2px 10px;width:180px; }
#searchform { margin:0; padding:10px 0 10px; color:#666; line-height:100%; font-size:13px; }
#searchform br { display:none; }
#searchform .searchbutton { margin-left:4px; padding:0 2px; border:1px solid #C9DEED; width:50px;color:#666; font-size:14px; background:#C9DEED; overflow:hidden; }
#searchform .searchbutton:hover { background:#C9DEED; }

/* Sidebar Search Widget Hack for IE 6.0 */
#searchform input { margin:2px 4px; padding:0; border:none; color:#666; background-color:#C9DEED; }
#searchform input#s { margin:5px 0 2px; padding:0; width:110px; height:16px; border:1px solid #C9DEED; color:#666; background:url(images/bg_text.png) repeat-x top left #666; }
/* Sidebar Search Widget Hack for Firefox */
#searchform input[type=text] { margin:5px 0 2px; padding:0; width:110px; height:16px; border:1px solid #C9DEED; color:#666; background:url(images/bg_text.png) repeat-x top left #666; }
#searchform input[type=submit] { margin-left:1px; padding:0 2px; border:1px solid #C9DEED; width:52px;color:#666; font-size:14px; background:#C9DEED; overflow:hidden; }
#searchform input[type=submit]:hover { color:#666; background:#C9DEED; }

/* Comment Forms */
#comments { margin:40px 0 0; padding:30px 0 0; height:50px; text-align:center; color:#666; text-transform:uppercase; }
#commentform { margin:15px 10px; padding:10px 15px; border:1px solid #C9DEED; }
input#author, input#email, input#url, textarea#comment { border:1px solid #C9DEED; font-size:14px; padding:1px; }
#commentform input:focus, #commentform textarea:focus { color:#666; border:1px solid #C9DEED; }
#submit { margin-left:4px; padding:0 2px; border:1px solid #C9DEED; color:#666; font-size:14px; background:#C9DEED; overflow:hidden; }
#submit:hover { background:#C9DEED; }
.counter { display:none; }
.comment-header { margin:0; padding:0; font-size:20px; color:#ddd; }
.comment-header a, .comment-header a:active, .comment-header a:visited, .comment-header a:link { font-size:20px; color:#ddd; background:none; text-decoration:none; }
.comment-header a:hover { font-size:20px; color:#ddd; background:none; text-decoration:underline; }

.commentlist, .pinglist { margin:10px 0; list-style-type:none; }
.commentlist li { width:95%; padding:5px; list-style:none; }
.commentlist p { margin:10px; }
.class_comment1 { margin-left:10px; }
.class_comment2 { margin-left:10px; }
.comment-footer { margin:4px 0; padding:0; font-size:12px; text-align:right; }
.pinglist li { width:95%; margin-left:10px; border-left:4px solid #ddd; background:#fff; list-style:none; }
.pinglist p { padding:15px; text-align:left; }
.item { text-align:right; }
#loading { text-align:center; margin:30px 0 20px !important; color:#ddd; font-size:20px; letter-spacing:-2px; }
#errors { padding:0 0 2px; font-size:14px; color:#FF2A2A; }

/* Classes */
.navigation { display:block; text-align:center; padding:15px 0; }
.metarss { margin-left:100px; padding:1px 1px 1px 18px; text-align:center; background:url(images/rss.gif) left no-repeat; }
.metatrackback { margin-left:5px ;padding:1px 1px 1px 18px; text-align:center; background:url(images/trackback.gif) left no-repeat; }

/* Images */
img { border:none; }
p img { margin:0; padding:2px; border:none; max-width:100%; }
img.center { display:block; margin:auto; }
img.alignright { float:right; padding:2px; margin:0 0 2px 7px; display:inline; }
img.alignleft { float:left; padding:2px; margin:0 7px 2px 0; display:inline; }

/* Text align */
.center { text-align:center; }
.alignright { text-align:right; }
.alignleft { text-align:left; }

/* Float */
div.floatleft { float:left; }
div.floatright { float:right; }
.clear { clear:both; }