@charset "UTF-8";
/* CSS Document */

/**Start Reset*********************************/

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%;
	background: transparent;
}
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;
}

/**End Reset*********************************/

body {
	background: #fff url(/Images/new/bkgd-blue.gif) top left repeat;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	/* font-family:Verdana, Geneva, sans-serif;*/ 
	font-size:12px;
	color:#333;
}


.png {	behavior: url(iepngfix.htc);}

a {color:#1c5b9c; text-decoration:none; cursor:pointer; cursor:hand; }
a:hover {color:#0564c5;}
a.line {text-decoration:underline;}

#container {
	background:url(/Images/new/bkgdoverlay.png) top left repeat-x;
	behavior: url(iepngfix.htc);
	width:100%;
}
#header {
	width:960px;
	margin:0 auto;
	height:495px;
	position:relative;
}
#header h1 {
	width:240px;
	height:40px;
	text-indent:-9999px;
	background:url(/Images/new/david-walker.png) top left no-repeat;
	behavior: url(iepngfix.htc);
	position:absolute;
	left: 86px;
	top: 28px;
}
	
#social {
	width:150px;
	height:205px;
	overflow:hidden;
	position:absolute;
	top:241px;
	right:-24px;
}
#social a {
	width:150px;
	display:block;
	text-indent:-9999px;
	background:url(/Images/new/socialIcons.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	behavior: url(iepngfix.htc);
	height:51px;
}
#social a.facebook { height:52px; background-position:0px 0px;}
#social a.twitter {background-position:0px -52px;}
#social a.myspace {background-position:0px -103px;}
#social a.itunes {background-position:0px -154px;}
#social a:hover.facebook { height:52px; background-position:-150px 0px;}
#social a:hover.twitter {background-position:-150px -52px;}
#social a:hover.myspace {background-position:-150px -103px;}
#social a:hover.itunes {background-position:-150px -154px;}
#navbar {
	width:960px;
	height:83px;
	overflow:hidden;
	margin:0 auto;
	background:url(/Images/new/bkgdNav-83.jpg);
}
#navbar a {
	float:left;
	background:url(/Images/new/nav.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:block;
	text-indent:-9999px;
	margin:0px;
	padding:0px;
	height:83px;
	overflow:hidden;
}
#navbar a.home {margin-left:60px; width:73px; background-position:0px 0px;}
#navbar a.about {width:74px; background-position:-73px 0px;}
#navbar a.products {width:95px; background-position:-147px 0px;}
#navbar a.links {width:66px; background-position:-242px 0px;}
#navbar a.chords {width:136px; background-position:-308px 0px;}
#navbar a.schedule {width:96px; background-position:-444px 0px;}
#navbar a.contact {width:150px; background-position:-540px 0px;}
#navbar a.promo {width:117px; background-position:-690px 0px;}
#navbar a.blog {width:109px; background-position:-809px 0px;}

#navbar a:hover.home, #navbar a.homeon {margin-left:60px; width:73px; background-position:0px -83px;}
#navbar a:hover.about, #navbar a.abouton {width:74px; background-position:-73px -83px;}
#navbar a:hover.products, #navbar a.productson {width:95px; background-position:-147px -83px;}
#navbar a:hover.links, #navbar a.linkson {width:66px; background-position:-242px -83px;}
#navbar a:hover.chords, #navbar a.chordson {width:136px; background-position:-308px -83px;}
#navbar a:hover.schedule, #navbar a.scheduleon {width:96px; background-position:-444px -83px;}
#navbar a:hover.contact, #navbar a.contacton {width:150px; background-position:-540px -83px;}
#navbar a:hover.promo, #navbar a.promoon {width:117px; background-position:-690px -83px;}
#navbar a:hover.blog, #navbar a.blogon {width:109px; background-position:-809px -83px;}

#content {
	width:960px;
	margin:0 auto;
	background:#fff;
	position:relative;
}

#homeText {
	float:left;
	width:530px;
	color:#666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:10px 0 0 60px;
}
#homeText p {
margin:10px 0px;
line-height:18px;
}
#homeText p.Welcome  {
font-size:18px;
margin:10px 0;
color:#333
}


h2 {
color:#333333;
font-size:18px;
font-weight:normal;
margin:10px 0;
}

h1 {
font-size:19px;
margin:10px 0 40px 0;
color:#333;
font-weight:normal;
line-height:21px;
padding-bottom:6px;
border-bottom:1px dotted #ccc;
}
h1 span {
	font-size:12px;
	letter-spacing:3px;
	color:#999;
}

.indent {
	margin:10px 0 10px 40px;
}

.mainLeft {
	width:690px;
	float:left;
	margin:50px 0 0 20px;
}
.mainRight {
	width:210px;
	float:right;
	margin:50px 10px 0 0;
}

.titlehead {
font-size:18px;
margin:10px 0;
color:#333;
font-weight:normal;
}


/* tweeeeeeeet */
.rightTweet {
	width:300px;
	float:right;
	margin-right:20px;
}

#tweetSideTop {
	width:300px;
	height:100px;
	overflow:auto;
	position:relative;
	background:url(/Images/new/twitterSideTop.gif) top left no-repeat;
	}
	#tweetSideTop p.who {
	position:absolute;
	top:30px;
	left:73px;
	font-size:15px;
	}
	
 #tweetSide p.twitterMessage {
	width:260px;
	text-align:left;
	font-size:12px;
	color:#222;
	line-height:15px;
	margin:0px auto;
	}
	#tweetSide p.twitterMessage span {
		color:#93a445;
	}
	
#tweetSideBottom {
	position:relative;
	width:300px;
	height:94px;
	background:url(/Images/new/twitterSideBottom.gif) top left no-repeat;
}
#tweetSideBottom a.followLink {
	position:absolute;
	top:25px;
	right:37px;
	width:240px;
	height:30px;
	text-align:right;
	font-size:75%;
	display:block;
	color:#fff;
	text-decoration:underline;
	}



/* contact form */

#contact {
}

#contact .label {
	width:170px;
	font-size:13px;
	color:#555;
	font-weight:bold;
	padding:15px 10px 10px 0;
	text-align:right;
	float:left;
}
#contact .form {
	width:360px;
	text-align:left;
	margin-left:10px;
	float:left;
}
#contact input {
	border:2px solid #777;
	color:#444444;
	font-size:14px;
	margin:5px 0 0;
	padding:6px;
	width:350px;
	background:#fff url(/Images/bkgdform.gif) top left repeat-x;
}
#contact textarea#comments {
	border:2px solid #777;
	color:#444444;
	margin:5px 0 0;
	padding:3px;
	width:355px;
	height:250px;
	overflow:auto;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	line-height:22px;
	font-size:14px;
}
#contact input:focus, #contact textarea:focus {
	background:url(/images/gfxFocus.gif) top left repeat-x;
}
#contact .button {
	border:0px;
	width:auto;
	background:none;
	margin-right:0px;
	}
.error {
	color:#C00;
	font-weight:bold;
	font-size:13px;
}

span.obfuscate {
direction:rtl;
unicode-bidi:bidi-override;
}

#newsletter a {
	width:200px;
	height:125px;
	background:url(../images/emailSignup.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:block;
}
#newsletter a:hover {
	background-position: 0px -125px;
}





#footer {
	background:url(/Images/new/bkgdFooterCap.png) top left no-repeat;
	width:960px;
	height:200px;
	margin:0px auto;
	padding:0;
	font-size:12px;
	line-height:19px;
	color:#999;
}
#footer a {	color:#EEECDF; }
#footer a:hover { color:#fff; }
	
#footer p {
	padding:60px 0 0 50px;
	margin-bottom:12px;
}



#forms input {width:350px;  border:1px solid #666; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:9px 5px;}
#forms textarea {width:350px; height:225px; border:1px solid #666; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding: 9px 5px;}
#forms input.button {width:150px; padding:8px 15px; background:#366; color:#ffffff; border:1px solid #333; font-size:13px;}

#contactTable td {padding:5px;}

/**** clears and spacers *****/
.dottedRule { height:0px; border-bottom:1px dotted #ccc;}
.clear0 {clear:both; height:0px; overflow:hidden;}
.clear5 {clear:both; height:5px; overflow:hidden;}
.clear10 {clear:both; height:10px; overflow:hidden;}
.clear15 {clear:both; height:15px; overflow:hidden;}
.clear20 {clear:both; height:20px; overflow:hidden;}
.clear50 {clear:both; height:50px; overflow:hidden;}
.clear75 {clear:both; height:75px; overflow:hidden;}
.clear100 {clear:both; height:100px; overflow:hidden;}

/***** blog *******/
.date {
	font-size:11px;
	color:#999;
	letter-spacing:2px;
	padding:8px;
	margin:8px 0px 20px 0px;
	border-top:1px dotted #bbb;
	border-bottom:1px dotted #bbb;
}
p.postmetadata {
	font-size:10px;
	color:#999;
	margin-top:25px;
	line-height:14px;
}
p.postmetadata a {
	color:#93a445;
}

#metastuff {
	font-size:10px;
	color:#999;
	padding:8px;
	margin:8px 0px 20px 0px;
	border-top:1px dotted #bbb;
	border-bottom:1px dotted #bbb;
}
#metastuff a {
	color:#93a445;
}
.paper {
	background:url(/Images/new/papertop.jpg) top left no-repeat;
	padding:60px 10px 0 20px;
}

	#searchform #searchsubmit {
	width:166px;
	height:48px;
	background:url(http://www.radiillc.com/images/searchBlog.gif) top left no-repeat;
	display:block;
	overflow:hidden;
	border:0px;
	padding:-20px 0 0 0px;
	font-weight:normal;
	font-size:16px;
}
#searchform #s {
	width:210px;
	border:2px solid #bbb;
	padding:7px;
	font-size:13px;
	color:#555;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin:5px 0px;
}
#searchform .screen-reader-text {
	font-size:11px;
	padding:5px 10px;
	background:#eee;
	border-left:1px solid #bbb;
	border-top:1px solid #bbb;
	border-right:1px solid #bbb;
}		

h3.widget-title {
	font-size:15px;
	font-weight:normal;
	border-bottom:1px dotted #ccc;
	padding:5px 0;
	margin:20px 0 5px 0;
}
.widget-container a {
	display:block;
	padding:10px 0px 10px 5px;
	margin:0px 0px;
		border-top:1px dotted #fff;
	border-bottom:1px dotted #fff;
}
.widget-container a:hover {
	background:#eee;
	border-top:1px dotted #ddd;
	border-bottom:1px dotted #ddd;
}