.clear {
	clear: both;
	height: 1px;
	line-height: 1px;
}

.nobg {
	background: none;
}

/* default links are white, no underline except on mouse over */
a {
	color: white;
	text-decoration: none;
	cursor: pointer;
}

a:hover {
	text-decoration: underline;
}

strong {
	font-weight: bold;
}

html {
	background: #808080 url(/images/html_background.png) top center repeat-y;
}

/* sky gradient on body, 14px base font size */
body {
	background: #808080 url(/images/body_background.png) top center repeat-y;
	color: black;
	font-size: 108%;
	font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Tahoma, Arial, sans-serif;;
}

/* main page wrapper, defines floating "column" of content */
div#wrapper {
	margin: 0 auto;
	width: 960px;
}

/* main content wrapper (everything between the header and the footer) */
div#content {
	margin: 0;
}

/* main content wrapper with sidebar (floated) */
div#content_with_sidebar {
	float: left;
	width: 582px;
	margin: 0;
}

/* sidebar wrapper */
div#sidebar {
	float: right;
	width: 342px;
	margin-right: 10px;
}

/* main header */
div#header {
	background: black;
	color: white;
	height: 56px;
	font-size: 93%;
	padding: 0 16px;
}

div#survey {
	background: black;
	color: white;
	height: 24px;
	font-size: 16px;
	padding: 4px 0;
}

div#farewell {
	background: black;
	color: white;
	height: 24px;
	font-size: 16px;
	padding: 4px 0;
}

/* top-level nav items */
div#header ul.nav {
	float: left;
}

/* individual nav items */
div#header ul.nav li {
	display: block;
	float: left;
	text-indent: -10000px;
	height: 24px;
	margin-right: 0px;
}

div#header ul.nav li a {
	display: block;
	height: 24px;
}

/* title graphic substitutions for nav items */
div#header ul.nav li.how_it_works {
	width: 148px;
	background: url(/images/navitem_how-it-works.png) no-repeat;
	margin-right: 16px;
}

div#header ul.nav li.designer {
	width: 101px;
	background: url(/images/navitem_designer.png) no-repeat;
	margin-right: 16px;
}

div#header ul.nav li.kits {
	width: 52px;
	background: url(/images/navitem_kits.png) no-repeat;
	margin-right: 16px;
}

div#header ul.nav li.questions {
	width: 159px;
	background: url(/images/navitem_ask-a-question.gif) no-repeat;
	margin-right: 16px;
}

div#header ul.nav li.about-mockingbird-games {
	width: 268px;
	background: url(/images/navitem_about-mockingbird-games.gif) no-repeat;
	margin-right: 16px;
}

ul.nav li.browse-by {
	width: 119px;
	background: url(/images/navitem_browse-by.png) no-repeat;
}

ul.nav li.browse-by-topic {
	width: 62px;
	background: url(/images/navitem_browse-by-topic.png) no-repeat;
}

ul.nav li.browse-by-designer {
	width: 92px;
	background: url(/images/navitem_browse-by-designer.png) no-repeat;
}

ul.nav li.browse-by-genre {
	width: 84px;
	background: url(/images/navitem_browse-by-genre.png) no-repeat;
}

/* top-level admin, login/logout */
div#header div.admin {
	float: right;
	font-size: 77%;
	margin-top: 4px;
}

/* individual nav items */
div#header div.admin span {
	display: inline;
	text-align: right;
}

/* header used on interior pages */
#masthead {
	clear: both;
	background: url(/images/header.png) top left no-repeat;
	height: 134px;
}

/* header used on homepage (integrates with homepage banner) */
#masthead_homepage {
	clear: both;
	background: url(/images/header_homepage.jpg) top left no-repeat;
	height: 390px;
}

#masthead_homepage a#start {
	text-indent: -10000px;
	position: relative;
	float: left;
	top: 200px;
	left: 840px;
	width: 120px;
	height: 96px;
	display: block;
}

#masthead_homepage a#start:hover {
	text-decoration: none;
}

/* shift text link over logo image */
#masthead h1 a,
#masthead_homepage h1 a {
	float: left;
	position: relative;
	display: block;
	width: 368px;
	height: 96px;
	text-indent: -10000px;
}

/* search form */
div#search {
	float: right;
	width: 360px;
	margin-top: 40px;
}

div#search fieldset {
	background: url(/images/search.gif) 0 6px no-repeat;
	border: none;
	padding: 0 0 0 59px;
	margin: 0!important;
}

div#search input {
	width: 174px;
	height: 18px;
	float: left;
}

div#search select {
	width: 74px;
	height: 20px;
	float: left;
	margin: 0 2px;
}

div#search span.submit_button {
	position: relative;
	top: 1px;
	margin-bottom: -1px;
}

div#search span.submit_button input {
	width: 30px;
	height: 22px;
	border: none;
	background: url(/images/search_go.gif) -5px 0 no-repeat;
}

/* greenbox */
div.greenbox {
	width: 934px;
	clear: both;
	zoom: 1;
}

div.greenbox_top {
	background: url(/images/greenbox_middle.png) top left repeat-y;
	clear: both;
	zoom: 1;
}

div.greenbox_middle {
	background: url(/images/greenbox_top.png) top left no-repeat;
	clear: both;
	min-height: 128px;
	zoom: 1;
}

div.greenbox_bottom {
	background: url(/images/greenbox_bottom.png) bottom left no-repeat;
	clear: both;
	height: 22px;
	zoom: 1;
}

div.greenbox_content {
	padding: 19px 3px;
	zoom: 1;
}

/* greenbody */
div.greenbody {
	width: 582px;
	clear: both;
	zoom: 1;
}

div.greenbody_top {
	background: url(/images/greenbody_middle.png) top left repeat-y;
	clear: both;
	zoom: 1;
}

div.greenbody_middle {
	background: url(/images/greenbody_top.png) top left no-repeat;
	clear: both;
	min-height: 128px;
	zoom: 1;
}

div.greenbody_bottom {
	background: url(/images/greenbody_bottom.png) bottom left no-repeat;
	clear: both;
	height: 22px;
	zoom: 1;
}

div.greenbody_content {
	padding: 19px 3px;
	zoom: 1;
}

/* greenbar */
div.greenbar {
	width: 342px;
	clear: both;
	zoom: 1;
}

div.greenbar_top {
	background: url(/images/greenbar_middle.png) top left repeat-y;
	clear: both;
	zoom: 1;
}

div.greenbar_middle {
	background: url(/images/greenbar_top.png) top left no-repeat;
	clear: both;
	min-height: 128px;
	zoom: 1;
}

div.greenbar_bottom {
	background: url(/images/greenbar_bottom.png) bottom left no-repeat;
	clear: both;
	height: 22px;
	zoom: 1;
}

div.greenbar_content {
	padding: 19px 3px;
	zoom: 1;
}

div.featured_game_thumbs {
	margin-left: 13px;
}

div.featured_game_thumbs h1 {
	float: left;
	text-indent: -10000px;
	background-repeat: no-repeat;
	width: 610px;
	height: 43px;
	position: relative;
	top: 13px;
	left: 16px;
}

#content_with_sidebar div.featured_game_thumbs h1 {
	width: 582px;
}

#sidebar div.featured_game_thumbs h1 {
	width: 342px;
}

#sidebar div.featured_game_thumbs {
	margin-left: 0;
}

div.featured_game_thumbs p {
	clear: both;
	float: left;
	margin-top: 48px;
	text-indent: 64px;
}

div.featured_game_thumbs p.previous_page,
div.featured_game_thumbs p.next_page {
	margin: 8px 16px;
	padding: 0;
}

/** title game thumb titles  **/
div.featured_game_thumbs h1.recent-posts { background-image: url(/images/title-recent-posts.gif); }
div.featured_game_thumbs h1.popular-posts { background-image: url(/images/title-popular-posts.gif); }
div.featured_game_thumbs h1.marvs-adventures { background-image: url(/images/title-marvs-adventures.gif); }
div.featured_game_thumbs h1.published-games { background-image: url(/images/title-published-games.gif); }
div.featured_game_thumbs h1.draft-games { background-image: url(/images/title-draft-games.gif); }
div.featured_game_thumbs h1.favorites { background-image: url(/images/title-favorites.gif); }
div.featured_game_thumbs h1.start-making-a-game { background-image: url(/images/title-start-making-a-game.gif); }
div.featured_game_thumbs h1.game-making-kits { background-image: url(/images/title-game-making-kits.gif); }
div.featured_game_thumbs h1.contests { background-image: url(/images/title-contests.gif); }
div.featured_game_thumbs h1.popular-kits { background-image: url(/images/title-most-popular-kits.gif); }

h1.how-it-works {
	background-image: url(/images/title-how-it-works.gif); 
	text-indent: -10000px;
	background-repeat: no-repeat;
	width: 610px;
	height: 43px;
}

h1.questions-and-answers {
	background-image: url(/images/title-questions-and-answers.gif);
	text-indent: -10000px;
	background-repeat: no-repeat;
	width: 327px;
	height: 44px;
}

h1.interested-in-partnerships {
	background-image: url(/images/title-interested-in-partnerships.gif); 
	text-indent: -10000px;
	background-repeat: no-repeat;
	width: 425px;
	height: 44px;
}

h1.about-mockingbird-platform {
	background-image: url(/images/title-about-mockingbird-platform.gif);
	text-indent: -10000px;
	background-repeat: no-repeat;
	width: 454px;
	height: 45px;
}

h1.mockingbird-platform-options {
	background-image: url(/images/title-mockingbird-platform-options.gif);
	text-indent: -10000px;
	background-repeat: no-repeat;
	width: 483;
	height: 48px;
}

h1.licensing {
	background-image: url(/images/title-licensing.gif);
	text-indent: -10000px;
	background-repeat: no-repeat;
	width: 148px;
	height: 44px;
}
	
h1.team {
	background-image: url(/images/title-team.gif);
	text-indent: -10000px;
	background-repeat: no-repeat;
	width: 89px;
	height: 38px;
}


div.featured_game_thumbs h1.suggest-a-category {
	background-image: url(/images/title-suggest-a-category.gif);
	text-indent: -10000px;
	background-repeat: no-repeat;
	width: 610px;
	height: 43px;
}

div.featured_game_thumbs h1.vote-for-next-weeks-categories {
	background-image: url(/images/title-vote-for-next-weeks-categories.gif);
	float: left;
	text-indent: -10000px;
	background-repeat: no-repeat;
	width: 610px;
	height: 43px;
	position: relative;
	top: 13px;
	left: 16px;
}

/* Game thumbnails + details */
li.gameitem {
	display: inline;
	float: left;
	width: 132px;
	margin-top: 16px;
	margin-left: 44px;
	text-align: center;
	font-size: 77%;
}

li.more {
	clear: both;
	display: block;
	float: right;
	width: 132px;
	height: 24px;
	font-size: 77%;
}

li.gameitem a img {
	border: 2px #fff solid;
}

/* Press button make game banner */
div#press-button-make-game {
	text-align: center;
	line-height: 0;
}

/* horizontal rule (orange-dashed line) */
div.fat_dashes {
	width: 100%;
	height: 32px;
	clear: both;
	background: url(/images/hr.png) repeat-x;
	margin: 32px 0 0 0;
}

/* footer */
div.footer {
	width:100%;
	height: 96px;
	background: url(/images/footer.png) bottom left repeat-x;
	color: white;
	font-size: 77%;
}

.legal {
	margin: 19px;
}

.copyright {
	margin: 19px;
	color: white;
}

/* tag cloud */
div.tags {
	margin: 19px;
	color: white;
}

div.tags h2 {
	font-weight: bolder;
	border-bottom: 2px solid white;
}

div.tags span a:hover {
	color: white;
}

div.tags .tc_1 a { color: #5D8349; }
div.tags .tc_2 a { color: #6C8E59; }
div.tags .tc_3 a { color: #7A9A6A; }
div.tags .tc_4 a { color: #89A57A; }
div.tags .tc_5 a { color: #83B765; }
div.tags .tc_6 a { color: #A6BC9B; }
div.tags .tc_7 a { color: #B5C7AC; }
div.tags .tc_8 a { color: #D3DDCD; }
div.tags .tc_9 a { color: #E2E8DE; }
div.tags .tc_10 a { color: #F0F4EE; }

/* body text */
div.body-text {
	margin: 19px;
}

div.body-text ul, div.body-text ol, div.body-text li {
	margin-left: 16px;
}

div.body-text h1 {
	font-size: 200%;
	font-weight: bolder;
	margin-top: 32px;
	margin-bottom: 16px;
}

div.body-text h2 {
	font-size: 150%;
	font-weight: bold;
	margin-top: 16px;
	margin-bottom: 8px;
}

div.body-text h3 {
	font-size: 125%;
	font-weight: bold;
	font-style: italic;
	margin-top: 8px;
	margin-bottom: 8px;
	margin-left: 16px;
}

div.body-text h4 {
	font-weight: bold;
	margin-left: 22px;
	margin-bottom: 8px;
}

div.body-text h5 {
	font-style: italic;
	margin-left: 22px;
	margin-bottom: 8px;
}

div.body-text p {
	margin-left: 22px;
	margin-bottom: 16px;
}

div.body-text ul li {
	margin-left: 22px;
	margin-bottom: 4px;
	line-height: 1.5em;
	list-style: square;
}

div.body-text ol {
	list-style: decimal;
}

div.body-text ol li {
	margin-left: 19px;
	padding: 4px 0;
	list-style: decimal;
}

div.body-text ol ol {
	list-style: decimal;
}

div.body-text small {
	font-size: small;
}

div.body-text strong {
	font-weight: bold;
}

div.body-text em {
	font-style: italic;
}

/* graphic titles */
div.titlebar h2 {
	height: 20px;
	text-indent: -10000px;
}

div.titlebar h2 { background-repeat: no-repeat; }
div.titlebar h2.contact_us { background-image: url(/images/title_contact_us.png); }
div.titlebar h2.terms_and_conditions { background-image: url(/images/title_terms_and_conditions.png); }
div.titlebar h2.privacy_policy { background-image: url(/images/title_privacy_policy.png); }
div.titlebar h2.user_search_results { background-image: url(/images/title_user_search_results.png); }
div.titlebar h2.game_search_results { background-image: url(/images/title_game_search_results.png); }
div.titlebar h2.favorite_games { background-image: url(/images/title_favorite_games.png); }
div.titlebar h2.marvs_adventures { background-image: url(/images/title_marvs_adventures.png); }
div.titlebar h2.quick_register { background-image: url(/images/title_quick_register.jpg); }
div.titlebar h2.login { background-image: url(/images/title_signin.jpg); }
div.titlebar h2.comments { background-image: url(/images/title_comments.jpg); }
div.titlebar h2.checkout { background-image: url(/images/title_checkout.jpg); }
div.titlebar h2.game_vitals { background-image: url(/images/title_gamevitals.jpg); }
div.titlebar h2.change_and_share { background-image: url(/images/title_changeandshare.jpg); }
div.titlebar h2.success { background-image: url(/images/title_success.jpg); }
div.titlebar h2.how_it_works { background-image: url(/images/title_how-it-works.png); }
div.titlebar h2.how_do_i_get_featured { background-image: url(/images/title_how-do-i-get-featured.png); }
div.titlebar h2.change_or_edit_games { background-image: url(/images/title_change-or-edit-games.png); }
div.titlebar h2.make_your_own_games_freestyle_it { background-image: url(/images/title_make-your-own-games-freestyle-it.png); }
div.titlebar h2.coming_soon { background-image: url(/images/title_coming-soon.png); }
div.titlebar h2.things-you-can-do { background-image: url(/images/title_things-you-can-do.png); }
div.titlebar h2.games-you-can-make { background-image: url(/images/title_games-you-can-make.png); }
div.titlebar h2.some-stuff-you-can-do { background-image: url(/images/title_some-stuff-you-can-do.png); }
div.titlebar h2.make-your-own-games { background-image: url(/images/title_make-your-own-games.png); }
div.titlebar h2.about-mockingbird { background-image: url(/images/title_about-mockingbird.png); }
div.titlebar h2.categories { background-image: url(/images/title-categories.gif); }
div.titlebar h2.discussions { background-image: url(/images/title-discussions.gif); }

h2.title_browsegames { background: url(../cssimg2/title_browsegames.jpg) 16px 0 no-repeat; }
h2.title_aboutus { background: url(../cssimg2/title_aboutus.jpg) 16px 0 no-repeat; }
h2.title_forgotpass { background: url(../cssimg2/title_forgottenpassword.jpg) 16px 0 no-repeat; }
h2.title_newuser { background: url(../cssimg2/title_newuser.jpg) 16px 0 no-repeat; }
h2.title_terms { background: url(../cssimg2/title_terms.jpg) 16px 0 no-repeat; }
h2.title_legal { background: url(../cssimg2/title_privacy.jpg) 16px 0 no-repeat; }
h2.title_contactus { background: url(../cssimg2/title_contactus.jpg) 16px 0 no-repeat; }
h2.title_howitworks { background: url(/images/title_how_it_works.png) 16px 0 no-repeat; }
h2.title_populargames { background: url(/images/title_popular_games.png) 16px 0 no-repeat; }
h2.title_whatisfreestyle { background: url(/images/title_what_is_freestyle.png) 16px 0 no-repeat; }
h2.title_publishedgames { background: url(/images/title_published_games.png) 16px 0 no-repeat; }
h2.title_drafts { background: url(/images/title_drafts.png) 16px 0 no-repeat; }

/* pagination */
p.previous_page {
	float: left;
}

p.next_page {
	float: right;
}

/* search results */
div.game_items_with_descriptions {
	margin: 8px 12px;
}

div.wide_game_item {
	clear: both;
	padding: 16px 0 16px 16px;
}

div.wide_game_item p {
	display: inline;
	vertical-align: top;
}

div.wide_game_item img.game_thumb {
	float: left;
	margin-right: 16px;
	border: 2px #ccc solid;
}

div.wide_game_item img.game_thumb:hover {
	border: 2px #fff solid;
}

hr {
	height: 1px;
	border: none;
	border-top: 1px #86BA68 solid;
	clear: both;
}

/* what-is-freestyle */
div.what-is-freestyle {
	margin: 16px 5px 0 5px;
}

/* app */
div.app {
	margin: 16px 5px 0 5px;
}

/* some form stuff */
input.tick {
	width: auto;
	margin-right: 4px;
}

p.error {
	color: #f60;
	font-weight: bold;
}

fieldset p label {
	float: left;
	text-align: right;
	width: 8em;
	margin-right: 0.5em;
	display: block;
}

fieldset span.description {
	font-size: smaller;
	font-style: italic;
}

/* user page stuff */
#personal_info {
	margin-top: 32px;
}

/* game page */
div.player_medium {
	margin-top: 16px;
}

div.game_sidebar div.greenbar_content {
	margin-left: 8px;
	margin-right: 8px;
	font-size: 77%;
}

p.vote-promote {
	font-weight: bold;
	font-style: italic;
	text-align: center;
	margin: 0 32px;
}

/* comments */
#comment-wrap {
	clear: both;
	font-size: 77%;
}

#comment-wrap-child {
	clear: both;
}

#comment-wrap-child #comment-head {
	background: #8DBD73;
}

#comment-head {
	background: #74AF54;
	padding: 2px 3px 3px 15px;
	width: 576px;
}

.comment-body {
	padding: 1em;
}

.comment-info {
	font-size: 90%;
	text-align: right;
	padding-right: 3px;
}

#comment-subhead {
	float: right;
	margin-top: -19px;
	font-size: 11px;
}

.comments label {
	text-align: left;
	margin: 0;
	font-size: 1.2em;
	display: inline;
	width: 90%;
}

.comments textarea {
	margin-top: 8px;
	width: 100%!important;
}

.comments .description {
	position: relative;
	top: -15px;
	text-align: right;
}

/* link summary */
.voting {
	float: left;
	background: url(/images/vote.jpg) no-repeat 0 0;
	width: 47px;
	text-align: center;
	list-style: none;
	margin: 0 8px 0 8px;
	padding-top: 10px;
}

.voting a {
	text-decoration: none;
	color: black;
}

.vote-publish {
	color: white!important;
	font-size: 15pt;
	text-decoration: none;
	height: 40px;
}

.vote a {
	font-size: 9pt;
	text-decoration: none;
}

div.game_description {
	font-size: 9pt;
}

div.game_description h3 {
	margin-left: 10px;
}

div.game_detail .description {
	font-size: 1.2em;
	color: black;
}

fieldset.taf, form.comments {  padding: 0!important; margin: 0!important;}
fieldset.taf input, fieldset.taf textarea {  width: 240px; margin-bottom: 0.2em;}
fieldset.taf label { width: 100%; text-align: left; margin: 2px 0; }

div.checkout p {
	font-size: 24px;
	text-align: center;
}

.freestyler img {
	border: none!important;
	display: inline!important;
	float: none!important;
	margin: 0!important;
}