/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/
body {
	width:990px;
	margin: 0 auto;
	padding: 0;
	background: #FFFBF6;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #727171;
}

img {
	cursor:pointer;
}

form {
	margin: 0;
	padding: 0;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

input {
	border:1px solid #CCCCCC; 
	background:#FFFFFF;
	padding:1px 3px 1px 3px;
}
input.button {
	border:1px solid #CCCCCC; 
	background:#FFFFFF;
	font:10px Georgia, "Times New Roman", Times, serif;
	height:20px;
}

textarea {
	font-size: 11px;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	padding:1px 3px 1px 3px;
	border:1px solid #bdc7d8;
}

select {
	border: 1px solid #bdc7d8;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 11px;
	padding:2px;
}

a.current {
	color:#FF0000;
}

pre {
	padding-left:5px;
	font-size:12px;
}

.bbox span.showChord {
	color:#FF0000;
	cursor:pointer;
}

.wbricon {
	float:right;
	margin:0 0 0 3px;
	border:2px solid #FFFBF6;
	background:none;
	height:16px;
}
.tbricon {
	float:right;
	margin:0 0 0 2px;
	border:0;
	background:none;
}
.wblicon{
	float:left;
	margin:0 3px 0 0;
	border:2px solid #FFFBF6;
	background:none;
	height:16px;
}
.tblicon {
	float:left;
	margin:0px 2px 0;
	border:0;
	background:none;
}
.fcomment {
	width:100%;
	height:80px;
}
.farwiki {
	width:100%;
	height:300px;
}
.fchord {
	width:100%;
	height:500px;
}
.successRes {
	background:#E6F1DE;
	border:1px solid #47970E;
	color:#47970E;
	padding:30px;
}
.successSmallRes {
	background:#E6F1DE;
	border:1px solid #47970E;
	color:#47970E;
	padding:0px 2px 0 2px;
}
.failureRes {
	background:#FDEDE8;
	border:1px solid #B79DA1;
	color:#FF0000;
	padding:30px;
}
.cautionDiv {
	background:#00BAFF;
	border:2px solid #CCCCCC;
	color:#FFF;
	padding:10px;
}

h2.heading a {
	background:none;
	padding:0;
	border:0
}
.is_chord {
	color:#FF0000;
}
.is_tab {
	color:#6699FF;
}
.is_lyric {
	color:#009900;
}


/* Links */

#links {
	width: 180px;
	margin-right:5px;
}

/* Archives */

#archives {
	width: 180px;
	margin-right:5px;
}

/* Posts */

#posts {
	width:620px;
}

#posts .post {
	margin-bottom: 10px;
	padding: 5px;
}

#posts .post p {
	margin-bottom: 5px;
}

#posts .post span {
	cursor:default;
	color:#666666;
}

#posts .post a {
	background:none;
	padding:0;
}

#posts .title {
	font-size: 24px;
	color: #333333;
}

#posts .posted {
	font: normal 9px Tahoma, Arial, Helvetica, sans-serif;
}

#posts .story {
	line-height: 18px;
}

#posts a {
	color: #333333;
}

#posts a:hover {
	text-decoration: underline;
	color: #000000;
}

#posts .user {
	padding: 2px 2px 2px 20px;
	cursor:default;
	color:#666666;
	background: url(../../image/common/user.png) no-repeat left center;
}

#posts .time {
	padding: 2px 2px 2px 20px;
	cursor:default;
	color:#666666;
	background: url(../../image/common/time.png) no-repeat left center;
}


/* Orange Box */

.obox {
	margin-bottom: 10px;
	background: #FFFBF6;
	border: 5px solid #FFE3C0;
}

.obox .heading {
	padding: 5px 10px;
	background: #FFE3C0;
	font-size: 12px;
	color: #FF7800;
}

.obox .content {
}

.obox ul {
	margin: 0;
	padding: 0 0 0 5px;
	list-style: none;
	line-height: 18px;
}

.obox li {
}

.obox a {
	padding-left: 10px;
	background: url(../../image/2/img3.gif) no-repeat left center;
	text-decoration: none;
	color: #FF7800;
}

.obox a:hover {
	text-decoration: underline;
}

/* Blue Box */

.bbox {
	margin-bottom: 10px;
	background: #FFFBF6;
	border: 5px solid #FFE3C0;
}

.bbox .heading {
	padding: 5px 10px;
	background: #FFE3C0;
	font-size: 12px;
	color: #4BA3D8;
}

.bbox ul {
	margin: 0;
	padding: 0 0 0 5px;
	list-style: none;
	line-height: 18px;
}

.bbox li {
}

.bbox a {
	padding-left: 10px;
	background: url(../../image/2/img2.gif) no-repeat left center;
	text-decoration: none;
	color: #4BA3D8;
}

.bbox a:hover {
	text-decoration: underline;
}

/* Footer */

#footer {
	clear: both;
	width: 180px;
	padding: 20px;
	font-size: 9px;
}

#footer a {
	color: #727171;
}

div.pollGraph{
		float:left;
		height:18px;
		background:#FF0000;
		color:#FFF;
		font-size:11px;
		line-height:18px;
		padding-left:2px;
}

/*///////////////*/
/* modal message */
.modalDialogContentDiv{
	border:3px solid #FFE3C0;
	padding:0px;
	z-index:2000000;/* Always needed */
	position:absolute;	/* Always needed	*/
	background-color:#FFFBF6;	/* White background color for the message */
	color:#000;
}
.modalHeading {
	margin-bottom: 5px;
	padding: 5px 10px;
	background: #FFE3C0;
	font-size: 12px;
	color: #4BA3D8;
}
.modalLabel {
	font-family: "Verdana", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #6A6A6A;
	font-weight:bold;
}
.modalMessage {
	font-family: "Verdana", Verdana, Arial, Helvetica, sans-serif;
	padding:0 3px 0 3px;
	font-weight:bold;
	color:#6A6A6A;
}
/* /modal message */
/*////////////////*/

/*////////////*/
/* mceEditor */
.addChordBoxMceEditor {
	width:100%;
	height:200px;
}
/* /mceEditor */
/*////////////*/

/*//////////*/
/* boxcolor */
.greenBox {
	background:#E9F0DE; border-color:#A0AF88;
}
.greenH2 {
	padding: 5px 10px; font-size: 12px;
	background:#D6E3C5; color:#000000;
}
.redBox {
	background:#f5e7e7; border-color:#BF7A7D
}
.redH2 {
	padding: 5px 10px; font-size: 12px;
	background:#F0DBDA; color:#000000
}
.brownBox {
	background:#F4F0E7; border-color:#CFAF74
}
.brownH2 {
	padding: 5px 10px; font-size: 12px;
	background:#F1E9DC; color:#000000
}
.blueBox {
	background:#e6eef2; border-color:#78AAC1
}
.blueH2 {
	padding: 5px 10px; font-size: 12px;
	background:#CDDCE3; color:#000000
}
.blackH2 {
	padding: 5px 10px; font-size: 12px;
	background:#000000; color:#FFFFFF
}
.grayBox {
	background:#e6e9ed; border-color:#8C94A5
}
.grayH2 {
	padding: 5px 10px; font-size: 12px;
	background:#DBDBDB; color:#000000
}
.purpleBox {
	background:#f5eaf5; border-color:#947BA5
}
.purpleH2 {
	padding: 5px 10px; font-size: 12px;
	background:#e7dae4; color:#000000
}
/* boxcolor */
/*//////////*/

/*//////////////*/
/* authorstyles */
#zgy_normal {
	color:#333333;
	padding:15px;
}
#zgy_normal h1 {
	color:#333333;
	text-decoration:underline;
}
#zgy_normal h2 {
	color:#333333;
	text-decoration:underline;
}
#zgy_normal h3 {
	color:#333333;
	text-decoration:underline;
}
#zgy_normal pre {
	border:1px solid #999999
}
#zgy_normal a {
	text-decoration:underline;
}
#zgy_normal a:hover {
	background-color:#FFFFFF;
}
#zgy_normal img {
	margin:5px;
	padding:5px;
	border:1px dashed #666666;
}

#zgy_goldmine {
	background:#FFFFFF;
	color:#996600;
	padding:20px;
}
#zgy_goldmine h1 {
	color:#FF0000;
	text-decoration:underline;
}
#zgy_goldmine h2 {
	color:#FF0000;
	text-decoration:underline;
}
#zgy_goldmine h3 {
	color:#FF0000;
	text-decoration:underline;
}
#zgy_goldmine pre {
	background:#CCCCCC;
	color:#000000;
}
#zgy_goldmine a {
	background-color:#00CCFF;
}
#zgy_goldmine a:hover {
	background-color:#FF0000;
}
#zgy_goldmine img {
	margin:5px;
	padding:5px;
	border:1px dashed #FF6600;
}

#zgy_dark {
	background:#000000;
	color:#E9E9E9;
	padding:5px;
}
#zgy_dark h1 {
	color:#FFCC00;
	text-decoration:underline;
}
#zgy_dark h2 {
	color:#FFCC00;
	text-decoration:underline;
}
#zgy_dark h3 {
	color:#FFCC00;
	text-decoration:underline;
}
#zgy_dark pre {
	background:#000000;
	border:1px dashed #FFCC00;
	color:#FFFFFF;
}
#zgy_dark a {
	background:#CC0000;
	color:#FFFFFF;
}
#zgy_dark a:hover {
	background-color:#FFFFFF;
	color:#CC0000;
}
#zgy_dark img {
	margin:5px;
	padding:5px;
	border:1px dashed #FFFFFF;
}
/* /authorstyles */
/*///////////////*/
/*//////////*/
/* content  */
#contentinfo {background-color:#000000; margin:0; padding:2px; font-size:12px; font:14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; }
#contentinfo img.pro_normal_img{padding:2px; border:1px solid #999999; background:#CCCCCC;}
#contentinfo p.pro_normal_p{ height:54px; margin:0; line-height:18px;}
#contentinfo a.pro_normal_a{ background:none; font-weight:bold; color:#089DEA; padding:0;}
#contentinfo a.pro_normal_a:hover{font-weight:bold; color:#089DEA; text-decoration:underline}
#contentinfo span.pro_normal_position{font-weight:bold; color:#fff; font-size:16px;}
#contentinfo span.pro_normal_date1{ width:50px; height:54px; color:#FAFAFA; font-weight:bold  }
#contentinfo span.pro_normal_date2{ color:#8AD147; font-weight:bold }
#contentinfo span.pro_normal_slogan{ color:#CCCCCC;}
/* /content */
/*///////////////*/
/*//////////*/
/* profile  */

.pro_normal { background:url(../../image/profile/pro_normal_bg.gif) repeat-x #FFFFFF; margin:0; padding:5px; font-size:11px; font:"Trebuchet MS", Arial, Helvetica, sans-serif; border-color:#143D55;}
.pro_normal img{  border:0;}
.pro_normal h2.big{ }
.pro_normal h3{ font-size:12px; padding:2px; background:#E6EEF2; border-bottom:1px solid #BDDAE9}
.pro_normal p{ margin:0; line-height:18px;}
.pro_normal a{ background:none; font-weight:bold; color:#089DEA; padding:0;}
.pro_normal a:hover{font-weight:bold; color:#089DEA; text-decoration:underline}
.pro_normal span.position{font-weight:bold; color:#fff; font-size:16px;}
.pro_normal span.date1{ width:50px; height:54px; color:#FAFAFA; font-weight:bold  }
.pro_normal span.date2{ color:#8AD147; font-weight:bold }
.pro_normal span.slogan{ color:#CCCCCC;}
.pro_normal td.label{ color:#3399FF; width:120px;}
.pro_normal td.value{ color:#666666;}
/* /profile */
/*//////////*/

/*//////////*/
/* site  */

.site_normal { background:#FFFFFF; padding:5px; font-size:11px; font:"Trebuchet MS", Arial, Helvetica, sans-serif; border-color:#143D55; color:#000000}
.site_normal form{ background:#F5F5F5; border:1px solid #CCCCCC; padding:0; }
.site_normal label{ text-align:right; font-weight:bold;}
.site_normal td.label{ text-align:right; width:120px;}
.site_normal td{ padding:1px 0 1px 0;}
.site_normal a{ background:none; font-weight:bold; color:#089DEA; padding:0;}
.site_normal a:hover{font-weight:bold; color:#089DEA; text-decoration:underline}
.site_normal td.picture{ padding:10px 0 10px 0; text-align:center}
.site_normal img { border:0;}
.site_normal img.thumb{ background:#F5F5F5; border:1px solid #DDDDDD; padding:4px; }
.site_normal img.thumb:hover{  border-color:#aaaaaa;}
.site_normal tr.selected{ color:#FF0000 }
.site_normal h2.big{ }
.site_normal h3{ font-size:12px; padding:2px; background:#E6EEF2; border-bottom:1px solid #BDDAE9}
.site_normal p{ line-height:18px; color:#006699;}

.site_normal span.position{font-weight:bold; color:#fff; font-size:16px;}
.site_normal span.date1{ width:50px; height:54px; color:#FAFAFA; font-weight:bold  }
.site_normal span.date2{ color:#8AD147; font-weight:bold }
.site_normal span.slogan{ color:#CCCCCC;}

.site_normal td.value{ }
/* /site */
/*//////////*/


/*/////////////*/
/* /profilmenu */
#profilenav{position:relative;height:33px;font-size:12px;font-weight:bold;background:#143D55 url(../../image/2/dolphin_bg.gif) repeat-x bottom left;padding:0 0 0 20px;}
#profilenav span.ver{position:relative;background:url(../../image/2/betaVer.gif) no-repeat top right;padding:0; float:right; width:100px; height:33px;}
#profilenav ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}
#profilenav ul li{display:block;float:left;margin:0 1px;}
#profilenav ul li a{display:block;float:left;color:#EAF3F8;text-decoration:none;padding:0 0 0 20px;height:33px;}
#profilenav ul li a span{padding:12px 20px 0 0;height:21px;float:left;}
#profilenav ul li a:hover{color:#fff;background:transparent url(../../image/2/dolphin_bg-OVER.gif) repeat-x bottom left;}
#profilenav ul li a:hover span{display:block;width:auto;cursor:pointer;}
#profilenav ul li a.current,#profilenav ul li a.current:hover{color:#fff;background:#1D6893 url(../../image/2/dolphin_left-ON.gif) no-repeat top left;line-height:275%;}
#profilenav ul li a.current span{display:block;padding:0 20px 0 0;width:auto;background:#1D6893 url(../../image/2/dolphin_right-ON.gif) no-repeat top right;height:33px;}

#profilesubmenu-container{padding:10px 15px 0 15px;margin:0;background:#000;}
ul#profilesubmenu{list-style-type:none;width:100%;position:relative;height:20px;font-family:"Trebuchet MS",Arial,sans-serif;font-size:11px;font-weight:bold;margin:0;padding:0;}
ul#profilesubmenu li{display:block;float:left;margin:0 0 0 2px;height:20px;}
ul#profilesubmenu li.left{margin:0;}
ul#profilesubmenu li a{display:block;float:left;color:#fff;line-height:20px;text-decoration:none;padding:0 10px 0 10px;height:20px;}
ul#profilesubmenu li a:hover{text-decoration:underline; color:#FFFFFF}
ul#profilesubmenu li a.current{color:#2E4560;background:#fff;}
ul#profilesubmenu li a.current:hover{color:#2E4560;background:#fff;}
/* /profilmenu */
/*/////////////*/