*{padding:0;margin:0;}

img,a img{border:0;}
ul, li, dl, dt, dd{list-style:none;}
textarea,input,button,select{font-size:12px; vertical-align:middle; color:#666;padding:1px;font-family:Arial;}
html{height:100%;}

/************* Reset style end **************/

a{text-decoration:none; color:#a7a7a7;}
a:hover{ text-decoration:underline;}
.clear{clear:both;height:0;overflow:hidden;font-size:0;line-height:0;border:0;}
.clearfix:after {clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:"."; }
body{font-family:Arial;font-size:11px;line-height:18px;color:#a7a7a7;padding:30px 0 0 0;}

.absolute{position:absolute; overflow:hidden; height:7px; width:7px;}
.box_1_t_l{background:url(images/box_1.gif) top left; top:0; left:0;}
.box_1_b_l{background:url(images/box_1.gif) 0px 7px; bottom:0; left:0;}
.box_1_t_r{background:url(images/box_1.gif) top right; top:0; right:0;}
.box_1_b_r{background:url(images/box_1.gif) 7px 7px; bottom:0; right:0;}
.box_2_t_l{background:url(images/box_2.gif) top left; top:0; left:0;}
.box_2_b_l{background:url(images/box_2.gif) 0px 7px; bottom:0; left:0;}
.box_2_t_r{background:url(images/box_2.gif) top right; top:0; right:0;}
.box_2_b_r{background:url(images/box_2.gif) 7px 7px; bottom:0; right:0;}
/************* Body style end **************/

#wrapper{width:962px; margin:0 auto; background:#ebebeb url(images/header.gif) left top no-repeat; padding:4px;}

#header{height:110px; position:relative; background:#fff;}
#header h1 a{position:absolute; text-indent:-9999pt; background:url(images/logo.gif); height:82px; width:212px; cursor:pointera; left:30px; top:15px;}
#header p strong{ background:url(images/right.gif) left top no-repeat; height:30px; display:inline-block; padding:2px 10px; font-size:12px;}
#header p{background:url(images/left.gif) right top no-repeat;position:absolute; left:260px; top:45px;}

.Navi{position:relative; background:#fff; margin:4px 0 0 0; height:42px; overflow:hidden;}
	.Navi ul{float:left; padding-left:10px;}
	.Navi li{float:left; position:relative; z-index:2;}
	.Navi li a{display: inline-block; height:42px; line-height:42px; padding:0 15px; font-size:12px; font-weight:bold;}
	.Navi li a:hover,.current_page_item a{color:#FFF; text-decoration:none;}
	.Navi .style{position:absolute; width:150px; right:0; top:15px; color:#6f6f6f; font-size:12px; font-weight:bold;}
	.Navi .style span{display:inline-block; height:14px; width:14px; overflow:hidden; margin-left:5px; cursor:pointer; background-image:url(images/button.gif); background-position:0 0;}
	.Navi .style span.GreenButton{background-position:31px 0;}
	.Navi .style span.blueButton{background-position:right 0;}
	li.back{background: url(images/nav_1.gif) left no-repeat; position:absolute; z-index:1; top:9px;}
	li div.left{background:url(images/nav_2.gif) right no-repeat; height:26px;}

.listBox{margin:4px 0 0 0; padding:5px 6px 10px 6px; background:#fff; position:relative; float:left; width:950px;}
	.listBox div{float:left; width:305px; padding-right:10px;}
	.listBox .RecentComments{padding-right:0;}
	.listBox .RecentEntries {padding-left:5px;}
	.listBox h2{font-size:17px; line-height:24px; height:24px;}
	.listBox li a{display:block; padding:0 0 0 20px; height:28px; overflow:hidden; line-height:28px; font-size:13px; font-weight:bold; border-bottom:1px solid #efefef;}
	.RecentEntries a{background:url(images/icon_1.gif) no-repeat 0 48%;}
	.PopularPosts a{background:url(images/icon_2.gif) no-repeat 0 48%;}
	.RecentComments a{background:url(images/icon_3.gif) no-repeat 0 48%;}

#stage{}
	.content{float:left; width:668px;}
	.slidePost{position:relative; height:280px; padding:5px;margin-top:4px; overflow:hidden; background:#fff;} 
	.slidePost h2{ height:30px; line-height:30px; font-size:21px; border-bottom:1px solid #e0e0e0;}
	.slidePost .text{padding:10px 5px;}
	.slidePost .prev{cursor:pointer; text-indent:-9999pt; position:absolute; z-index:999; background:url(images/icon_7.gif) left; bottom:20px; right:63px; height:23px; width:29px;}
	.slidePost .next{cursor:pointer; text-indent:-9999pt; position:absolute; z-index:999; background:url(images/icon_7.gif) right; bottom:20px; right:35px; height:23px; width:29px;}
	.content .post{margin-top:4px;position:relative; padding:5px;background:#fff; width:658px;}
	.content .post h2{ height:30px; line-height:30px; font-size:21px; border-bottom:3px solid #e0e0e0;}
	.content .post p.a{height:22px; line-height:22px; background:#f3f3f3; color:#848484;}
	.content .post p.a a{color:#848484;}
	.content .post p.a span{padding:0 15px 0 20px; background:url(images/icon_4.gif) 2px 2px no-repeat;}
	.content .post p.a span.tag{background:url(images/icon_5.gif) 2px 3px no-repeat;}
	.content .post p.a span.comments{background:url(images/icon_6.gif) 2px 2px no-repeat;}
	.content .post .details{padding:10px 5px;}
	.content .post .more-link{ display:block; text-indent:-9999pt; background: url(images/more.gif) right top no-repeat; height:30px;}
	.post-nav{ height:40px; font-size:14px; padding:5px 10px; font-weight:bold;}
	#nav-prev-post{float:left;}
	#nav-next-post{float:right;}
	
	.sidebar{float:right; width:290px; padding-bottom:30px;}
	.sidebar .mob{margin:4px 0 0 0; padding:5px; width:280px; position:relative; background:#fff;}
	.sidebar .adBox{padding:10px 12px; width:266px; height:270px; overflow:hidden;}
	.sidebar .adBox img{margin:2px;}
	.sidebar .mob h2{font-size:18px; height:24px; line-height:20px; border-bottom:3px solid #a7a7a7;}
	.sidebar .mob ul{padding-bottom:5px;}
	.sidebar .mob li a{display:block; color:#9e9e9e; font-size:12px; height:31px; line-height:31px; padding:0 0 0 20px; border-bottom:1px solid #deddde;}
	
.glidecontentwrapper{}
.featured-post{position:absolute; background:#fff; margin:10px; width:640px;}	
#commentsBox h3#comments{text-align:right; font-size:15px;}
.commentlist{padding:10px 0;}
.commentlist li{padding:10px 0; border-bottom:3px solid #f2f2f2; color:#a1a1a1;}
.commentlist li.odd{background:#f7f7f7;}
.commentmetadata{padding:5px;}
#respond p{padding:3px 0;}
#respond h3{padding:20px 0 0 0; font-size:15px;}
#respond input{width:230px;}
#respond textarea {width:300px; height:80px;}
	
#footer{clear:both;width:970px; margin:0 auto; background: url(images/footer.gif) left top no-repeat; text-align:center; height:160px;}
#footer .top{padding:40px 0 10px 0; color:#828282;}


/*-- begin my Style --*/
/* self */
/*h3 {*/
/*	border-bottom: solid 1px #cacaca;*/
/*}*/

/* from howtoforge */
p.command, div.command, span.command {
    padding:1em;
    border:1px dashed #2f6fab;
    color:black;
    background-color:#f9f9f9;
    line-height:1.1em;
    font-family:Courier New,Courier,mono;
    font-size:12px;
    font-style:italic
}

pre.listing {
	background-color:#efefef;
	margin:0px;
	padding:6px;
	border:1px inset;
	width:500px;
	height:250px;
	overflow:auto
}
	
code {
	white-space:pre
}

pre.listing code{
	overflow:auto;
	margin:1em .5em;
	padding:.2em;
	border:solid 1px
}

/*songformatting only*/
.chord
{
    font-family:lucida console;
	font-size: 8pt;
}

.grids {position:relative;top: 11px;right: 0px;border:none;width:192px;margin:0;padding:0;padding-top:5px;padding-bottom:10px;background:white}
.chorus {padding-left:3em;font-style:italic}
img.chord {float:left; padding-bottom: 10px;}
span.chord {color:#36c;font-weight: bold;font-size:0.9em; padding-right: 3px;}
.finalartist {display: inline; color:black;font-size:1.3em;font-style: italic;text-decoration:underline;}
.finaltitle {color:black;font-size:1.6em;margin-top:0.2em;margin-bottom: 0.4em;}
.chordline {margin-top: 1.3em;}
.chordonlyline {}
.textline {height: 1.3em;}
.relc {position: absolute;}
.absc,.alow {position: relative;color: #3366CC;top: -1em;font-weight: bold;}
.inlc,.ilow {position: relative;color: #3366CC;padding-left: 5px; padding-right: 5px;}
.alow,.ilow {top: 0em;}
.c {color: #3366CC;font-weight: bold;padding-right: 5px;}
.cl {height: 1.4em;vertical-align: bottom;font-size: 100%;}
.tl {font-size: 100%;}
.bracket {position: relative;display: none;}
.bridge {margin-left: 3em;padding-bottom: 0.2em;padding-top: 0.7em;}
.comment {font: 90% sans-serif;}
.commentitalic {font-size: 90%; font-style: italic;}
br {line-height: 1.8em;}
#regboxc {background: #F0F0F0;  border-top: 1px solid #F0F0F0;border-bottom: 1px solid #F0F0F0;width: 100%;text-align: center;margin-bottom: 0px;margin-top: 5px;color: black;}
#regboxc:hover {background-color: lightgrey;border-top: 1px solid #3366CC;border-bottom: 1px solid #3366CC;}
#regbox1 {font-weight: bold;font-size: 110%;padding: 8px;color: black;}
#regbox2 {font-weight: normal;font-size: 90%; padding-bottom: 4px;}
#registerlink {text-decoration: none;cursor: pointer;}

/* COMPATIBILITY TABLES */
table.compatibility {
	margin-left: -233px;
	margin-right: -30em;
	line-height: 140%;
	border-bottom:  1px dotted #9198C1;
	border-spacing: 0.5em;
	position: relative; 
		/* for IE6; if this declaration isn't there the links in 
			the leftmost tds are unclickable */
}

table.compatibility caption {
	border-top:  1px dotted #9198C1;
	padding: 10px 0;
	text-align: left;
}

table.compatibility caption select {
	width: 221px;
	margin-left: 5px;
	margin-right: 7px;
	border: 1px dotted #9198C1;
}

tr {
	width: 100%;
}

table.compatibility ul,table.compatibility ol {
	border: none;
	margin-bottom: 0;
}

table.compatibility td {
	vertical-align: top;
}

col.IE {
	width: 3em;
}

col.FF {
	width: 4em;
}

col.Saf {
	width: 4em;
}

col.Chrome {
	width: 4em;
}


col.Op {
	width: 5em;
}

col.Rest {
	width: 8em;
}

tr.compheader {
	background-color: #F2F3EF;
}

tr.compheader th {
	font-weight: normal;
	font-size: 80%;
	color: #666666;
	border-top: 1px solid #666666;
}

tr.compheader th:first-child {
	text-align: right;
	padding: 1em;
}

tr.compheader:last-child th {
	border: none;
}
/*td.declaration {*/
/*	background-color: #F2F3EF;*/
/*	text-align: right;*/
/*	padding-right: 10px;*/
/*	color: #666666;*/
/*	width: 209px;*/
/*}*/
/**/
/*td.declaration a {*/
/*	text-decoration: none;*/
/*}*/
/**/
/*div.name {*/
/*	width: 209px;*/
/*	font-weight: bold;*/
/*	margin-bottom: 1em;*/
/*	margin-top: 1em;*/
/*}*/

td.comp {
	font-family: verdana,sans-serif;
	font-size: 95%;
	text-transform: lowercase;
	text-align: center;
	height: 3em;
	vertical-align: middle !important;
}

table.keepCaps td.comp {
	text-transform: none;
}

td.yes {
	background-color: #00882D;
	color: #ffffff;
}

td.almost {
	background-color: #40A662;
	color: #ffffff;
}

td.incomplete {
	color: #00882D;
	border: 1px solid #00882D;
}

td.alternative {
	color: #666666;
	border: 1px solid #666666;
}

td.untestable {
	color: #006699;
}

td.minimal {
	color: #CB000F;
}

td.incorrect {
	color: #CB000F;
	border: 1px solid #CB000F;
}

td.toomany {	/* for events comp table */
	background-color: #CCE7D5;
}

td.buggy {
	background-color: #DA4C57;
	color: #ffffff;
}

td.severebug {
	background-color: #82000A;
	color: #ffffff;
}

td.no {
	background-color: #CB000F;
	color: #ffffff;
}

td.crash {
	background-color: #535353;
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;
}

td.test {
	background-color: #bbbbbb;
	color: #ffffff;
}

b.warning {
	display: block;
	color: #F2F3EF;
	padding: 0.5em;
	margin-right: -10px;
	margin-top: 0.5em;
	background-color: #999999;
}

/* END COMPATIBILITY TABLES */

/*-- end my Style --*/