/* CSS Document */
/*reset*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }  

/*tags*/
html {  
    margin: 0;  
    padding: 0; 
    width: 100%;  
    height: 100%;
	background-color: #276380;
}
body {  
    margin: 0;  
    padding: 0; 
    width: 100%;  
    height: 100%;
    font: 12px/22px Arial, sans-serif;
	color: #666;
	background-color: #276380;
	background-image:url('../../serve/bg_gradient.png');
	background-repeat: repeat-x;
}
a, a:link, a:visited {
	text-decoration: none;
	color: #0099CC;
}
a:hover{
	text-decoration: none;
}
.logo, .logo a, .logo a:link, .logo a:visited  {
	color: #FFCC00;
	font-family: 'Museo 700', Arial, Helvetica, sans-serif;
	font-size:51px;
	width: 300px;
	padding-top:0px;
	padding-bottom:10px;
	border-style:none;
	float:left;
}
.logo a:hover{
	text-decoration: none;
	color: #FFFFFF;
}
h1  {
	position: relative;
	color: #FFFFFF;
	font-family: 'Museo 700', Arial, Helvetica, sans-serif;
	font-size:25px;
	font-weight: normal;
	margin-bottom:10px;
	height:93px;
	padding-left:28px;
	padding-top:28px;
	padding-right:80px;
	margin-left:-40px;
	background-image:url('../../serve/h2_bg.png');
	margin-right:auto;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}
h1 a, h1 a:link, h1 a:visited  {
	color: #FFFFFF;
	font-family: 'Museo 700', Arial, Helvetica, sans-serif;
	font-size:25px;
	font-weight: normal;
}
h1 a:hover{
	text-decoration: none;
	color: #F57C23;
}

h2 {
	color: #FFFFFF;
	font-family: 'Museo 700', Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight: normal;
	padding-top:10px;
	padding-left:15px;
	padding-right:47px;
	min-width:100px;
	margin-bottom:10px;
	margin-left:-40px;
	height:43px;
	background-image:url('../../serve/h3_bg.png');
	margin-right:auto;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}
h2 a, h2 a:link, h2 a:visited  {
	color: #FFFFFF;
	font-family: 'Museo 700', Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight: normal;
	margin-bottom:10px;
}
h2 a:hover{
	text-decoration: none;
	color: #FFCC00;
}
h3 {
	color: #276380;
	font-family: 'Museo 700', Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: normal;
	margin-top:5px;
	margin-bottom:5px;
}
h3 a, h3 a:link, h3 a:visited  {
	color: #276380;
	font-family: 'Museo 700', Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: normal;
}
h3 a:hover{
	text-decoration: none;
	color: #0099CC;
}
label {
	/*
	color: #276380;
	font-family: 'Museo 700', Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: normal;
	*/
}
p {
	margin-bottom:10px;
}
img {
	border-style: none;
}
/* classes */
.header{
	position:relative;
	padding-left:20px;
	padding-top:10px;
	padding-right:20px;
	padding-bottom:20px;
	height:60px;
}
.nav {  
    left: 0;  
	padding-left:20px;
    width: 920px;  
    height: 30px;
    /*background-color: #333;*/
	font-family: 'Museo 700', Arial, Helvetica, sans-serif;
	font-size:25px;
}
.nav ul {  
    list-style: none;  
}
.nav ul li {  
    float: left;  
}  
  
.nav ul li a {  
	display: block;
	font-size: 14px;  
	line-height: 44px;   
	text-decoration: none;
	padding-right: 30px;  
	color: #FFCC00;
}  

.nav ul li a:hover {  
	color: #fff;  
}  

.nav ul li.selected a {  
	color: #fff;  
} 
.footer{
    width: 940px;  
	height: 4em;
	margin-left: auto;
	margin-right: auto;
	padding-left:20px;
	padding-right:100px;
	text-align:right;
	font-size: 11px;  
	margin-top: 10px;
	color: #004455;
}
.container{ 
    width: 940px;  
    min-height: 100%;
	height: auto !important;
	margin: 0 auto -4em;
	margin-left: auto;
	margin-right: auto;
	/*
	background-color: #1E1E1E;
    -webkit-box-shadow: 0px 0px 30px #000; 
	*/
}
.push {
	height: 4em;
}
.content{
	position:relative;
    display: block; 
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
    padding-bottom: 20px;
	background-color: #FFFFFF;	
	height:100%;
    min-height: 100%;
	/*margin:20px;*/
	margin-top:20px;
    -webkit-box-shadow: 0px 0px 30px #183F52; 
	/*background-image:url('../../serve/content_bg.png');*/
	background-color: #FFFFFF;
	clear: both;
}
.loginForm{
	position:absolute;
	text-align:right;
	display:inline;
	top:0px;
	right:0px;
	font-size: 11px;
	background-color: #ffffff;
    -webkit-box-shadow: 0px 0px 15px #183F52; 
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:0px;
}
.loginForm input{
	width:81px;
}
.facebookPrompt{
	margin-left:10px;
}
.loggedInName{
	margin-right:10px;
}
.mainContainer:after {
	content: "<div class='clear'></div>";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear{
	clear: both;
	background-color:#FF0000;
}
.hidden{
	visibility:hidden;
	height:1px;
}
.mainContainer {
	/*min-height:450px;*/
}
.mainContent{
	width:600px;
	margin-right:20px;
	float:left
}
.mainSideBar{
	float:left;
	width:280px;
	/*
	position:absolute;
	right:20px;
	top:20px;*/
}
.mainSideBarSection{
	border-radius: 5px;
	border-style:solid;
	border-width:1px;
	border-color:#DDDDDD;
	margin-bottom:20px;
	padding:10px;
}
.stats{
	position: absolute;
	top:10px;
	right:20px;
	text-align:right;
}
.stats p{
	margin-top:0px;
	margin-bottom:0px;
}
.statsError{
	top:60px;
}
.stat{
	text-align:right;
	font-size:10px;
	color: #999999;
	
}
.start {
	display: block;
	color: #FFFFFF;
	font-family: 'Museo 700', Arial, Helvetica, sans-serif;
	font-size:25px;
	font-weight: normal;
	padding-top:25px;
	padding-left:30px;
	padding-right:47px;
	width:208px;
	height:63px;
	background-image:url('../../serve/start.png');
}
.start>a, .start>a:link, .start>a:visited {
	color: #FFFFFF;
	font-family: 'Museo 700', Arial, Helvetica, sans-serif;
	font-size:25px;
}
.start>a:hover{
	color: #FFCC00;
}
.betaLabel{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #FFFFFF;
	font-weight: normal;
}
.subjectsCreatePrompt{
	width:300px;
	float:left;
}
.optionList{
    list-style: none;  
}
.masherList{
    list-style: none;  
}
.masher{
	font-size:11px;
}
.masherName{
	float:left;
	display:block;
}
.masherStats{
	text-align:right;
	display:block;
}
.subjectList{
    margin: 0px;
    padding: 0px;
    list-style: none;  
}
.subjectOptions{
    margin-bottom: 10px;
    padding: 0px;
    list-style: none;
	width:100%;
	clear:right;
}
.subjectOptions li {  
	margin-bottom:10px;
	display: inline;
}  
.subject{
	position:relative;
    margin-bottom: 20px;  
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
	background-color: #FFFFFF;
	border-radius: 5px;
	border-style:solid;
	border-width:1px;
	border-color:#DDDDDD;
}
/* big tags */
.bigTagList{
    margin: 0px;
    padding: 0px;
    list-style: none;  
}
.bigTag{
	position:relative;
    margin-bottom: 5px;  
    padding: 5px;
	background-color: #FFFFFF;
	border-radius: 5px;
	border-style:solid;
	border-width:1px;
	border-color:#DDDDDD;
	padding-right:15px;
	height:28px;
}
.bigTag h3{
	position:relative;
    padding-top: 3px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 3px;
	background-color: #0099CC;
	border-radius: 5px;
	margin-right:5px;
	margin-top:0px;
	float:left;
	display:block;
}
.bigTag .tagNewQuestionTotal{
	padding-top:3px;
	float:left;
	color:#BBBBBB;
}
.bigTag .tagQuestionTotal{
	width:100%;
	padding-top:3px;
	text-align:right;
	display:block;
}
.bigTag h3 a{
	color:#FFFFFF;
}
/* small tags */
.tagsListContainer{
    margin: 0px;
    padding: 0px;
    list-style: none;  
	display: inline-block;
}
.tagList{
	display: inline-block;
}
.tagList ul{
    margin: 0px;
    padding: 0px;
    list-style: none;  
	display: inline-block;
}
.tag{
	color:#FFFFFF;
	font-size:11px;
	position:relative;
	display: inline;
    padding-top: 3px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 3px;
	background-color: #0099CC;
	border-radius: 5px;
	margin-right:3px;
}
.tag a{
	color:#FFFFFF;
}
.recommendedTag{
}
/* tag page */

.tagOptions{
    margin-bottom: 10px;
    padding: 0px;
    list-style: none;
	width:100%;
	clear:right;
}
.tagOptions li {  
	margin-bottom:10px;
	display: inline;
}  


.userTag{
	font-size:11px;
	color: #666666;
}
.questionList{
    margin: 0px;
    padding: 0px;
    list-style: none;  
}
.question{
	position:relative;
    margin-bottom: 20px;  
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
	background-color: #FFFFFF;
	border-radius: 5px;
	border-style:solid;
	border-width:1px;
	border-color:#DDDDDD;
}
.questionIncorrect{
    padding-top: 10px;
	border-style:solid;
	border-width:2px;
	border-color:#C30;
}
.questionText{
	
	position: relative;
	max-width: 500px;
}
.questionText li{
    margin-left: 30px;
}
.questionText p li{
    margin-left: 30px;
}
#questionEntryText textarea{
	width:590px;
}
.questionEntryInstruction{
	font-size:11px;
}
.questionOptionInput{
	position: relative;
    padding-top: 10px;
    margin-bottom: 10px; 
    padding-left: 10px;
    padding-right: 10px;
	background-color: #FFFFFF;
	border-radius: 5px;
	border-style:solid;
	border-width:1px;
	border-color:#DDDDDD;
	width:580px;
	
}
.questionOptionInputText{
	margin-right:20px;
}
.questionOptionInputText textarea{
	width:420px;
	height:50px;
}
.questionOptionInputControls{
	position:absolute;
	left:445px;
	top:10px;
	clear:both;
}
.questionOptionInputControls ul{
}
.questionOptionInputControls li{
    list-style: none;  
	list-style-type: none;
}
.questionOptionsList{
    margin: 0px;
    list-style: none;  
	list-style-type: none;
}
.questionOption p{
	max-width: 450px;
}
.questionOptionsList .ui-selecting { background: #FECA40; }
.questionOptionsList .ui-selected { background: #F39814; color: white; }

.questionOption{
	position: relative;
    padding-top: 10px;
    margin-bottom: 10px; 
    padding-left: 10px;
    padding-right: 10px;
	background-color: #FFFFFF;
	border-radius: 5px;
	border-style:solid;
	border-width:1px;
	border-color:#DDDDDD;
}
.questionOption li{
    margin-left: 30px;
}
.questionOptionRollOver{
	background-color: #FECA40;
}
.questionOptionSelected{
	background-color: #F39814;
	color: #FFF;
}

.questionOptionCorrect{
	border-style:solid;
	border-width:2px;
	border-color:#009900;
}

.quiz{
	position:relative;
    margin-bottom: 20px;  
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
	background-color: #FFFFFF;
	border-radius: 5px;
	border-style:solid;
	border-width:1px;
	border-color:#DDDDDD;
}
.lastQuestionIncorrect{
	border-color: #FC4203;
}
.questionIncorrectHeader{
	color: #FC4203;
}
.socialIcons{
	text-align:right;
}
.comments{
	width: 500px;
    margin-bottom: 10px; 
    margin-top: 10px; 
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
	background-color: #FFFFFF;
	border-radius: 5px;
	border-style:solid;
	border-width:1px;
	border-color:#DDDDDD;
}
.commentsList{
    margin: 0px;
    padding: 0px;
    list-style: none;  
}
.comment{
    margin-bottom: 10px; 
    margin-top: 10px; 
    padding-left: 10px;
    padding-right: 10px;
	background-color: #FFFFFF;
	border-radius: 5px;
	border-style:solid;
	border-width:1px;
	border-color:#DDDDDD;
}
.searchBox{
	text-align: right;
}
.ifLoggedInfo{
	font-size:11px;
	color: #666666;
}
.appList{
    margin: 0px;
    padding: 0px;
    list-style: none;  
}
.app{
	position:relative;
    margin-bottom: 20px;  
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
	background-color: #FFFFFF;
	border-radius: 5px;
	border-style:solid;
	border-width:1px;
	border-color:#DDDDDD;
}
/* vote buttons */

.voteCounter{
	font-size:11px;
	color: #CCCCCC;
}
.voteCounterUp{
	color: #009900;
}
.voteCounterDown{
	color: #FF0000;
}
.voteButtons{
	padding:0px;
	width:86px;
	height:25px;
}
.voteCounter{
	width:28px;
	height:25px;
	background-image:url('../../serve/voteButtons.png');
	display: block;
	float:left;
	padding:0px;
	padding-top:0px;
	margin:0px;
	text-align:center;
}
.voteButton{
	display: block;
	float:left;
	padding:0px;
	margin:0px;
	border: 0;
	background-repeat:no-repeat;
	cursor: hand;
	cursor: pointer;
}
.voteButtonUp{
	width:27px;
	height:25px;
	background-image:url('../../serve/voteButtons.png');
	background-position: -33px 0px;
}
.voteButtonUp:hover{ 
	background-position: -33px -25px;
}
.voteButtonUpLocked{ 
	background-position: -33px -25px;
}
.voteButtonDown{
	width:26px;
	height:25px;
	background-image:url('../../serve/voteButtons.png');
	background-position: -60px 0px;
}
.voteButtonDown:hover{ 
	background-position: -60px -25px;
}
.voteButtonDownLocked{ 
	background-position: -60px -25px;
}
.voteButton span{
  display: none;
}
.graphHolder {
    margin: 0 auto;
    width: 900px;
    height: 230px;
}
/* twitter widget */
.tweet, .query {
    font: 12px/22px Arial, sans-serif;
}
.tweet .tweet_list, .query .tweet_list {
	-webkit-border-radius: .5em;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic {
	text-transform: uppercase; 
}
.tweet .tweet_list li, .query .tweet_list li {
	overflow-y: auto;
	overflow-x: hidden;
	padding: .5em; 
}
.tweet .tweet_list li a, .query .tweet_list li a {
	color: #0C717A; 
}
.tweet .tweet_list .tweet_even, .query .tweet_list .tweet_even {
	background-color: ##EAEAEA; 
}
.tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar {
	padding-right: .5em;
	float: left; 
}
.tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img {
	vertical-align: middle; 
}
.info{
	margin-bottom: 8px;
}
.error{
	margin-bottom: 8px;
}
.infoMessage{
	padding-top: 8px;
	padding-left: 10px;
}
.errorMessage{
	padding-top: 8px;
	padding-left: 10px;
}
/* fonts */

@font-face {
  font-family: 'Museo 700';
  src: url(../../serve/Museo700-Regular.otf);
}
@font-face {
  font-family: 'Museo 300';
  src: url(../../serve/Museo300-Regular.otf);
} 

/* ie fixes */
html>body div {
}
html>body .box{
}