* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

/* Structure */

html{
background:#fff8e3;
height: 100%;
}
body{
background:url(top.gif) top repeat-x;
height: 100%;
font-size:12px;
font-family:arial,helvetica,sans-serif;
line-height: 1.5;
}
#wrapper{
min-height: 100%;
height: auto !important;
height: 100%;
background:url(bg.gif) left repeat-y;
width:1000px;
margin:0 auto -40px;
}
#header{
height:75px;
width:320px;
background:url(head.gif) no-repeat;
margin-bottom:-50px;
}

/* Defaults */

hr{
display:none;
}
a{
color:#db4105;
text-decoration:underline;
background:transparent;
cursor:pointer;
}
a:hover{
background:#db4105;
color:#fff8e3;
text-decoration:none;
}
em{
font-style:italic;
}
strong{
font-weight:bold;
}
cite{
font-style:normal;
}
abbr{
border-bottom:1px dotted;
}
.error{
color:#ff0000;
font-weight:bold;
vertical-align:middle;
}
code{
font-family:monospace;
}

/* Header */

#header a{
display:block;
text-indent:-9000px;
width:300px;
margin:0 auto;
height:80px;
}
#header a:hover{
background:none;
}


/*footer */

#footer{
height:40px;
width:100%;
background:url(bottom.gif) bottom repeat-x #33332d;
}
.push{
height:40px;
visibility:hidden;
display:block;
clear:right;
}
#footer ul{
width:1000px;
height:24px;
padding-top:16px;
margin:0 auto;
background:url(foot.gif) bottom left no-repeat;
}
#footer li{
display:inline;
margin-left: 10px;
color:#737366;
}
#footer a{
color:#737366;
text-decoration:none;
}
#footer a:hover{
text-decoration:underline;
color:#fff8e3;
background:transparent;
}


/* Content */

#content{
color:#33332d;
width:670px;
float:right;
}
#title{
width:670px;
border-bottom:8px solid #CCCC9F;
position:relative;
margin-bottom:10px;
}
#title a{
position:absolute;
top:20px;
right:0;
}
#content h1{
font-size:32px;
font-weight:normal;
margin-bottom:-10px;
}
#content h2{
font-size:20px;
margin:10px 0 0;
}
#content p{
font-size:13px;
padding:9px 0;
}
#content p.error{
padding:5px 5px 5px 30px;
border:1px solid #ff0000;
background:url(error.png) no-repeat 5px 50% #ffdddd;
}
#content p.success{
padding:5px 5px 5px 30px;
border:1px solid #00bb00;
background:url(success.png) no-repeat 5px 50% #ddffdd;
}
#content ul{
list-style:square;
margin-left:20px;
}
#content dd{
margin-bottom:10px;
}
#content dt{
font-size:20px;
margin-bottom:5px;
}

/* Form */

#options label{
margin-right:20px;
}
#content .radio{
vertical-align:middle;
}
#options .input{
padding-top:8px;
}
#content .item{
background:#E8E8CE;
margin-top:10px;
float:left;
width:670px;
padding:10px 0;
}
#content .label{
width:160px;
float:left;
text-align:right;
font-size:20px;
}
#content .input{
width:500px;
float:right;
}
#quiz_title,#username,#email,#password,#cpassword,#name,#npassword{
font-size:20px;
}
#content input.text, #content textarea, #content input.false, #content input.gap, #content input.end{
border:2px solid #9fb4cc;
background:url(textbox2.gif) top left no-repeat #fff8e3;
padding:2px;
width:480px;
}
#content #youtube{
width:300px;
}
#content select{
border:2px solid #9fb4cc;
}
#content div.image{
float:left;
clear:none;
width:110px;
margin-right:10px;
padding:0;
}
#content div.image img{
border:2px solid #9fb4cc;
padding:2px;
}
#questions li{
border:2px solid #9fb4cc;
margin-bottom:5px;
padding:2px;
width:480px;
position:relative;
background:#E8E8CE;
}
#questions li p{
font-size:12px;
position:absolute;
right:2px;
top:5px;
padding:0;
}
#questions h3{
font-weight:normal;
width:360px;
font-size:18px;
}
#questions p a{
margin-left:10px;
}
#content .submit{
width:670px;
margin:10px 0;
float:left;
position:relative;
}
#content .submit a{
position:absolute;
right:0;
top:6px;
}
#content .add_question input{
width:200px;
}
#dynamic.multiple .text, #dynamic.short .text{
width:440px;
padding-left:22px;
background:url(textbox4.gif) top left;
}
#dynamic.gap .text{
width:460px;
}
#dynamic.match input{
width:213px;
}
#dynamic.match img{
margin:0 5px;
vertical-align:middle;
}
#dynamic input.gap{
border: none;
border-bottom:2px solid #000000;
padding:2px 4px;
width:460px;
}
#dynamic input.false{
width:440px;
padding-left:22px;
background:url(textbox3.gif) top left;
}
#dynamic div{
margin-bottom:5px;
}
#dynamic div a{
font-size:16px;
font-weight:bold;
text-decoration:none;
margin-left:5px;
}
#dynamic div a:hover{
background:transparent;
color:#33332d;
}
#buttons button{
height:24px;
font-size:14px;
background:#db4105;
color:#fff8e3;
border:2px solid #ff5b1d;
border-bottom:2px solid #ab3203;
border-right:2px solid #ab3203;
}

/* Table */

#content table{
width:670px;
border-collapse:collapse;
background:#E8E8CE;
margin-top:10px;
}
#content thead th{
font-size:16px;
font-weight:bold;
border-bottom:5px solid #CCCC9F;
}
#content td, #content th{
padding:5px;
}
#content tr{
border-top:1px solid #fff8e3;
}

/* Sidebar */

#sidebar{
color:#fff8e3;
width:320px;
margin-top:50px;
padding-top:20px;
background:url(divider.gif) top left no-repeat;
}
#sidebar form{
border-top:2px solid #fff8e3;
padding-left:10px;
font-size:16px;
}
#sidebar form p{
padding:2px 0 10px 0;
font-size:12px;
}
#sidebar h3{
font-size:24px;
padding:0 10px;
margin-bottom:-10px;
font-weight:normal;
background:#33332d;
}
#sidebar cite{
margin:9px 10px;
background:#33332d;
}
#sidebar blockquote{
text-indent:25px;
background:url(lquote.gif) no-repeat top left #33332d;
}
#sidebar blockquote p{
font:italic 18px/1.2em georgia;
text-align:center;
background:url(rquote.gif) no-repeat bottom right;
padding:9px 10px;
}
#sidebar blockquote em{
color:#db4105;
}
#sidebar form div{
margin:10px 0;
background:transparent;
padding:0;
}
#sidebar input.text{
width:176px;
padding:2px;
height:20px;
background:url(textbox2.gif) top left no-repeat #fff8e3;
}
#sidebar label{
display:block;
width:100px;
float:left;
}
#sidebar input.button{
height:24px;
width:90px;
margin-right:10px;
font-size:16px;
}
.button{
height:32px;
font-size:20px;
width:100px;
background:#db4105;
color:#fff8e3;
border:2px solid #ff5b1d;
border-bottom:2px solid #ab3203;
border-right:2px solid #ab3203;
}
.button:hover, #buttons button:hover{
background: #ab3203;
border:2px solid #db4105;
border-top:2px solid #6e1e00;
border-left:2px solid #6e1e00;
}
#sidebar form span{
font-size:12px;
line-height:24px;
}
#sidebar div{
padding:0 10px 15px;
background:url(divider.gif) bottom left no-repeat;
position:relative;
}
#sidebar ul{
margin-left: 10px;
font-size:20px;
}
#sidebar li{
list-style:none;
padding-left:20px;
}
#sidebar li.create{
background:url(page.png) no-repeat 0 50%;
}
#sidebar li.manage{
background:url(pencil.png) no-repeat 0 50%;
}
#sidebar li.account{
background:url(user.png) no-repeat 0 50%;
}
#sidebar ul span{
font-size:12px;
}
#sidebar #quote{
padding-bottom:24px;
}
#sidebar .intro {
border-top:2px solid #FFF8E3;
padding-bottom:0;
}
#sidebar p{
padding:9px 10px;
}
#sidebar #signout{
border:none;
padding-bottom:10px;
}
#sidebar #signout div{
margin:0;
}
#sidebar .advert{
padding-bottom:12px;
margin-top:-6px;
}
#sidebar .advert a{
background:transparent;
}

/* Homepage */

#content.homepage .intro{
width:400px;
float:left;
}
#content.homepage .intro p{
font-size:20px;
}
.homepage ol{
list-style:decimal inside;
}
.homepage .intro li{
font-size:24px;
color:#8F8F7F;
line-height:30px;
margin-left:15px;
}
.homepage .intro li a{
color:#33332D;
font-size:24px;
text-decoration:none;
}
.homepage .intro li a:hover{
color:#FFFFFF;
}
.homepage .intro .odd{
margin-left:0px;
color:#6A6A5E;
}
.homepage .intro .odd a{
color:#db4105;
}
#quizzes{
clear:both;
}
#quizzes .recent, #quizzes .difficult, #quizzes .popular{
width:210px;
float:left;
margin-right:20px;
margin-bottom:20px;
background:#E8E8CE;
}
#quizzes .difficult{
margin-right:0;
}
#quizzes h3{
font-size:24px;
margin:5px;
}
#quizzes h2{
font-size:32px;
margin:0 0 -5px;
}
#quizzes ol{
margin:5px;
}
#quizzes li a{
font-size:14px;
}
#quizzes li span{
display:block;
margin-left:15px;
}
.homepage img{
float:right;
margin:20px;
}