@charset "utf-8";
@import "/Public/Style/global.css";
/*------------------------------------------------------------------
[ Codebox Index Stylesheet ]
Project:		Codebox
Writer:			Joshua & lei17.com
-------------------------------------------------------------------*/

/*--- Global ---*/
#wrapper {
	min-width:1000px; 
	background:url(../Images/big_bg.gif); 
}

/*--- Header ---*/
#headwrapper {background:#666; }
#header {
	position:relative; 
	width:80%; margin:0 auto; padding:1em 0; 
}
.logo {font:700 2.5em "Comic Sans MS"; }
.logo a {color:#fff; text-decoration:none !important; }
.links {
position:absolute; 
right:0; top:.2em; 
}
.links a {font-size:12px; color:#fff; }
.mainNav {
	position:absolute; 
	left:50%; bottom:0; _bottom:-1px; width:60%; margin-left:-20%; 
}
.mainNav li {
	float:left; 
	margin-right:1em; 
	text-shadow:1px 1px 1px #555; 
}
.mainNav li a {
	display:inline-block; 
	padding:.4em 1em; 
	color:#fff; 
	outline:none; 
}
#index .index a, #sug .sug a, .mainNav li a:hover {
	color:#333; text-decoration:none; 
	background:#fff; 
}

/*--- Content ---*/
#content {
	width:78%; margin:0 auto; padding:1em 1%; border:solid #d9d9d9; border-width:0 1px; 
	background:#fff; 
}
::-moz-selection {
	color:#fff; 
	background-color:#ba55d3; 
}
#content::selection {
	color:#fff; 
	background-color:#9400d3; 
}
/*- Index Page -*/
.fieldset {
	overflow:hidden; zoom:1; 
	list-style:none; 
}
.fieldset li {margin:0 0 .7em; }
.fieldset label {
	display:block; 
	padding:0 0 .2em; 
	text-indent:.5em; text-shadow:1px 1px 1px #555; 
}
.fieldset label span {text-shadow:none; font:700 18px/18px Verdana; color:#f30; }
.text, textarea {
	border:1px solid #777; -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; 
	font:14px/1.5em "Microsoft Yahei",微软雅黑; 
}
.fieldset .text{width:72%; padding:.3em; }
.fieldset textarea {
	overflow-y:auto; 
	width:97%; height:37.5em; 
}
.optional {padding:.2em 0 0; }
.optional span {
	display:inline-block; 
	padding:.2em .5em .2em 0; border:1px dashed #ccc; 
}
.optional label {display:inline; }
.optional input {vertical-align:middle; }
.fieldset .code {
	float:left; 
	width:75%; 
}
.fieldset .annotation {
	float:right; 
	width:25%; 
}
.fieldset .annotation textarea {height:34em; }
.submit button {
	_overflow:hidden; 
	width:98%; height:3em; margin:.5em 0 0; 
	font:14px/3em "Microsoft Yahei",微软雅黑; 
}
/*- CodeView Page -*/
.view {}
.view h2 {font:20px"Microsoft Yahei",微软雅黑; }
.coderInfo {font-size:12px; color:#1e90ff; }
.coderInfo a {color:#1e90ff; }
.view .annotation {
	margin:1em 0; 
	line-height:1.5em; 
}
.view .codeArea {}
.codeArea textarea {width:99.5%; height:39em; }
.view .runCode {
	padding:.5em 0 0; 
	text-align:right; 
}
.view .runCode button {
	_overflow:hidden; 
	width:7em; height:2em; 
	font:14px/1.5em "Microsoft Yahei",微软雅黑; 
}
/*- Suggestion Page -*/
.sugges {}
.sugges h2 {
	margin:0 0 .5em; border-bottom:1px solid #ccc; 
	font:700 20px"Microsoft Yahei",微软雅黑; 
}
.sugges textarea {width:99%; height:20em; }
.sugges .btn button {
	_overflow:hidden; 
	width:7em; height:2em; 
	font:14px/1.5em "Microsoft Yahei",微软雅黑; 
}

/*--- Footer ---*/
#footer {
	padding:1em 0; 
	background:#666; 
}
#footer p {
	width:80%; margin:0 auto; 
	text-align:right; color:#fff; 
}
#footer p a {color:#fff; }
#footer p a:hover {color:#ffd700; }
.copyright span {color:#666; }
.developer {margin-top:.5em !important; }