html {
	margin: 0;
	padding: 0;
}

body {
	background-color: #ffffff;
	margin: 0 0 0 0;
	padding: 0;
}


#topleaderboard {
	margin-left:auto;
	margin-right:auto;
	margin-top:0.5rem; 
	
	text-align:center;
}
#content {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	min-width:980px;
	width:980px;
	padding:0px;
	background-color: #f4f2f2;
}
#content2 {
	
	padding:0px;
	background-color: #f4f2f2;
	overflow: hidden;
}
#wrap {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */	
	/*-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px; */
}

#sitebar {
	background-color: #313131;
}
.sitebarlink {
	color: #FFFFFF;
	padding-left: 5px;
	padding-right: 5px;
	margin-left:3px;
}

ul#topnavigation {
	list-style-type:none;
	margin:0px;
	padding:0px;
	display:inline-block;
}
#topnavigation li {
	float:left;
	margin:0px;
	margin-left:0.25rem;
	z-index:5;
	color:white;
	padding:5px; 
	vertical-align:bottom;
}

#topnavigation li a, .navcategory, #mainmenubutton {
	font-weight:bold;
	font-size:0.85em;
	text-decoration:none; 
	text-transform:uppercase;
	color:white;
	cursor: pointer;
}

#topnavigation li a:hover {
	text-decoration:underline;	
}

#topnavigation a.selected {
	color:#f00;
}
#mainmenubutton {
	display:none;
}
.externallink a {
	font-weight:bold;
	font-size: 0.80em;
}
#navsectionbar {
	min-width: 160px;
	float:left;
	min-height: 610px;
	width:18%;
	margin-left:5px;
	padding-left:10px;
}
#navsectionbar2 {
	min-width:200px; 
	width:20%; 
	margin-right:0.5rem; 
	padding-left:0; 
	margin-left:0;
	display:inline-block;
}
.navsection {
	margin-top:0px; 
	margin-left:0px; 
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px; 
}
.navsectionlastitem {
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px; 
}
.navsection > ul {
	list-style:none; 
	display:inline; 
	padding:0px;
}
.navsection > ul > li {
	display:block; 	
	border-top: 0px;
	margin-left:0px; 
	padding:3px;
}
.sectionsubnav {
	list-style:none; 
	padding:0px;
	margin:0px;
	clear:both;
}
.sectionsubnav > li {
	float:right;
	margin-top:0px;
	margin-left:15px; 
	padding:5px;
}
ul.subcategory {
	margin-left:5px; 
	padding-top:5px; 
	padding-left:5px; 
	list-style-type:none;
}

ul.subcategory > li {
	padding-top:3px;
	padding-bottom:3px;
	
}

ul.hiddenlist {
	list-style-type:disc; 
	margin-top:5px; 
	padding-left:15px;
}

ul.hiddenlist > li {
	padding-top:5px;
	font-size:0.85em;
}

#contests {
	width:320px;
	float:left;
}
#filterlist, #contests > ul{
	list-style:none; 
	padding-left:5px;
}
#contests > ul > li {
	margin-bottom:10px;
}
#filterlist > li {
	margin-bottom:3px;
	margin-right:3px;
}
#topcontent {
	float:right;
	width:75%;
}
#main {
	float: left;
	width: 63%;
	padding-left:5px;
	margin-left:0px;
}
#main2 {
	float: left;
	width: 78%;
}
#cosplayermain {
	float:right;
	width: 78%;
	padding:0px;
	margin-left:5px;
	margin-right:5px;
}
#cosplayermain2 {
	float:left;
	padding:0px;
}
#secondmain {
	width:79%; float:left;
}
#toprow, #secondrow {
	clear:both; 
	padding-left:1rem; 
	padding-right:1rem;
	margin-bottom:1rem;
}
#secondrow {
	padding-top:1rem;
}
#sortbox {
	width:18%; 
	margin-right:1rem;
	float:left;
}
#sortboxlisting ul {
	margin-left:0;
	padding-left:0;
}
ul#sortcategories {
	margin-left:0;
	padding-left:0;
}
.sortcategory {
	margin-top:1.5rem;
	margin-bottom:1.5rem;
}
.sortcategory ul {
	font-size:0.85em;
	font-family: Arial, Helvetica, sans-serif;
}
.sortcategory li {
	padding:0.15rem 0rem;
	maring:0.15rem 0rem;
}
.subcategory {
	margin:0;
	padding:0;
}
.subcategory li:hover {
	background-color:white;
}
ul#sortcategories li {
	margin-left:0;
	padding:0.25rem;
	padding-left:0;
}
.sortheader {
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	text-transform: uppercase;
	padding:0.25rem;
	margin-top:0.5rem;
	margin-left:0;
	margin-right:0.25rem;
	margin-bottom:0.5rem;
}
#secondcontent {
	width:80%; 
	float:left;
	margin:0;
	padding:0;
}
#rightbar {
	min-width: 320px;
	float:right;
	min-height: 610px;
	width:35%;
	margin-right:5px;
	
}
#rightbar2 {
	min-width: 200px;
	float:right;
	min-height: 0px;
	width:20%;
	margin-right:5px;
	
}

#footer {
	width:95%;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	padding: 10px;
	border-top:1px solid grey;
}

#cosplayersnav {
	font-size:0.85em;
}
#bannerbar {
	clear:both;
	width:100%;
	font-family: Arial, sans-serif;
	font-size: 0.9em;
	min-height:105px;
	background-repeat: no-repeat;
	background-position: top left;
	margin:0px;
	padding:0px;
}
#topimage {
	float:left; 
	margin:0px; 
	padding:0px;
	width:260px; 
	height:120px; 
	overflow:hidden;
}
#bannerimage {
	float:left; 
	margin:0px; 
	padding:0px; 
	height:120px; 
	overflow:hidden;
}
#logo {
	float:left; 
	margin-top:5px; 
	margin-left:10px; 
	margin-right:0px;
}
#logo2 {
	height:110px;
	margin-top:0px;
	margin-left:0px;
	
}

#actionbar {
	color:#FFFFFF;
	font-family: Arial, sans-serif;
	padding:0px;
	margin:0px;
	-moz-box-shadow: 0px 5px 10px #888;
	-webkit-box-shadow: 0px 5px 10px #888;
	box-shadow: 0px 5px 10px #888;
}


#loginbar, #logininfo {
	float:right;
	margin-top:3px;
	margin-right:10px;
	padding:10px;
	z-index:3;
	-moz-box-shadow: 0px 5px 5px #888;
	-webkit-box-shadow: 0px 5px 5px #888;
	box-shadow: 0px 5px 5px #888;
}

#loginbar, #logininfo {
	right:0px;
	position:absolute; 
}
#loginbar2 {
	padding:10px;
}
#loginbar, #loginbar2 {
	background-color:white;
}
#loginform {
	display:none;
	padding:10px;
}
#loginbox {
	min-width:17rem;
}
#loginbox span {
	margin-left:0.5rem;
	margin-right:0.5rem;
}
#loginbox label {
	width:80px;
	padding-right:10px; 
	float:left; 
	text-align:right;
}
#loginbox input {
	float:left; 
	display:block; 
	margin-bottom:10px;
}
input.fixedwidth {
	width:150px;
}
#loginbox div {
	clear:both;
}
#logingreeting {
	margin-bottom:0.25rem; 
	clear:both; 
	text-align:right;
}
#loginmenubar {
	float:right; 
	margin-top:5px; 
	margin-left:0.25rem;
}
#loginmainsettings {
	display:inline-block; 
}
#loginmainsettings > li {
	float:left;
	margin-left:0.25rem;
}
#loginmoresettings {
	margin-top:0.5rem; 
	margin-bottom:0rem; 
	padding:0rem; 
	text-align:right;
}
#quicksearch {
	display: inline;

}
#affiliates {
	margin-top:0.25rem;
}
#affiliates span {
	margin-left:0.5rem;
	margin-right:0.5rem;
	font-size:0.8em;
}
#socialmedialist > li {
	float:left;
	padding:10px;
	margin:10px;
}
#featuredcosplayer {
	padding:0px; 
	width:330px; 
	clear:both;
}
dl#recentcomments > dd {
	margin-left:0.5rem;
	margin-bottom:1rem;
	font-size:0.85rem;
}
.sortstat {
	float:left;
	width:24%;
}
.sortstat > div {
	font-weight:bold;
}
.sortstat li {
	padding: 0.25rem 0rem;
}
ul#admincongallery {
	list-style-type:none;
}

.superthumbs, .largethumbs, .largeshortthumbs, .medthumbs, .smallthumbs, .squarethumbs, .smallsquarethumbs, .congallery {
  margin:0px;
  padding:0px;
  list-style-type: none;
  display: block;
}
.superthumbs > li, .largethumbs > li, .largeshortthumbs > li, .medthumbs > li, .smallthumbs > li, .squarethumbs > li, .smallsquarethumbs > li, .congallery > li {
	float:left;
	text-align: center;
	overflow:hidden;
	position:relative;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.superthumbs > li {
	padding:0px 0px 3px 0px;
  margin:3px;
  margin-bottom:10px;
  width: 180px;
  height: 250px;
}
.largethumbs > li {
  padding:0px 0px 3px 0px;
  margin:3px;
  margin-bottom:10px;
  width: 140px;
  height: 220px;
}
.largethumbs .thumbimage {
	width:140px;
	height:60%;
	overflow:hidden;
}
.thumbimage img {
	max-width:100%;
	height:auto;
}
.largeshortthumbs > li {
  padding:0px 0px 3px 0px;
  margin:3px;
  margin-bottom:10px;
  width: 140px;
  height: 200px;
}

.medthumbs > li {
  margin:3px;
  width: 100px;
  height: 180px;
}

.smallthumbs > li {
  margin:3px;
  width: 115px;
  height: 150px;
}

.squarethumbs > li {
  margin:10px;
  width: 100px;
  height: 100px;
}
.smallsquarethumbs > li {
	padding:0px 0px 3px 0px;
	width: 85px;
  height: 100px;
  overflow:hidden;
}

.congallery > li {
	margin:3px;
	width:130px; 
	height:130px;
	overflow:hidden;
}
.thumbtop {
	margin:0px;
	padding:3px;
	color:#FFFFFF;
	font-weight:bold;
	height:1.2em;
	overflow:hidden;
}
.thumbtop > a {
	color:#FFFFFF;
	overflow:hidden;
	padding-left:3px;
}

.thumbtopprimary > img, .thumbtopsecondary > img {
	vertical-align:bottom;
}
.thumbtopsecondary {
	display:none;
}
.thumbdescription {
	padding:3px;
	position:absolute;
	bottom:0;
	height:50px;
	width:99%;
	overflow:hidden;
	
}
.thumbdescriptionsmall {
	padding:3px;
	position:absolute;
	bottom:0;
	height:30px;
	width:99%;
	overflow:hidden;
}
.closebutton {
	float:right;
}
#eventform label, #eventform2 label, #wigform label, label.entryform {
	width:145px;
	padding-right:10px; 
	float:left; 
	text-align:right;
}

#eventform input, #eventform2 input, #wigform input input.entryform {
	float:left; 
	display:block; 
	margin-bottom:10px;
}

#eventform select, #eventform2 select, #wigform select {
	display:block; 
	margin-bottom:10px;
}

#eventform textarea, #eventform2 textarea, #wigform textarea {
	display:block; 
	margin-bottom:10px;
}
#photographerfilter, #seriesfilter, #cosplayerfilter {
	max-height:600px;
	overflow:auto;
}
#photographerfilter > ul > li, #seriesfilter > ul > li, #cosplayerfilter > ul > li {
	margin-bottom:5px;
}
.listnostyle, ul#eventcontrolpanel, ol.commentlist, ol.wigreviews {
	list-style-type:none;
	padding-left:5px;
	margin:5px;
}
ol.commentlist > li, ol.wigreviews > li {
	border: 1px solid black;
	padding:5px;
	margin-bottom:5px;
}
ol.commentlist > li {
	border: none;
}
li.response {
	background-color:white;
}
.genericbox {
	border: 1px solid;
  -moz-border-radius: 5px;
	border-radius: 5px;
}
.wigrating {
	border-bottom: 1px dotted;
}
ul#eventcontrolpanel > li {
	margin:3px;
	padding:5px;
}
dl.eventsummary {
	margin:0px;
}

dl.eventsummary > dd {
	margin-bottom:10px;
}
.statsbox {
	float:right; 
	width:250px; 
	margin-left:10px; 
	margin-bottom:25px;
	margin-top:0px;
}
#costumeinfo > dl, #wiginfo > dl, #albuminfo > dl, #photoinfo > dl {
	margin-left:5px;
}
#eventstats, #costumestats, #wigstats, #albumstats {
	margin:15px;
	margin-top:0px;
}
#eventinfo > dl > dt, #costumeinfo > dl > dt, #wiginfo > dl > dt, #albuminfo > dl > dt, #photoinfo > dl > dt, #eventstats > dl > dt, #costumestats > dl > dt, #wigstats > dl > dt, #aboutwigbrand > dl > dt, #albumstats > dl > dt, #photostats dt, #exifinfo dt {
	font-weight:bold;
	padding:3px;
}

#eventinfo > dl > dd, #evenstats > dl > dd, #costumeinfo > dl > dd, #costumestats > dl > dd, #wiginfo > dl > dd, #wigstats > dl > dd, #albuminfo > dl > dd, #albumstats > dl > dd, #photoinfo > dl > dd {
	margin-left:20px;
}
#characterlist {
	float:right; 
	width:160px; 
	padding:5px;
	margin-right:5px;
	margin-left:0px;
}
#characterlist li {
	margin-bottom:5px;
}
#wiglist > li {
	padding:3px;
}
ul#cosplayerstats > li, ul#photographerstats > li {
	padding:5px;
}
ul#photographerstats a {
	color:#727272;
}
#showcasepic {
	width:450px; 
	max-height:450px; 
	margin:0px; 
	text-align:center; 
	vertical-align:middle; 
}
#showcasepic img, #currentphotoframe, #currentphotoframe2, #showcasepic2 {
	border:5px solid white;
	-moz-box-shadow: 0px 5px 5px #888;
	-webkit-box-shadow: 0px 5px 5px #888;
	box-shadow: 0px 5px 5px #888;
}
#showcasepic2 {
	display:inline-block;
	width:40%;
	position:relative;;
}
#showcasepic2 img, #currentphotoframe2 img {
	width:100%;
	height:auto;
}
#showcasepic2 div {
	position:absolute;
	bottom:0;
	left:0;
	padding:0.25rem;
	margin:0.25rem;
	font-weight:bold;
	background:#FFF;
}
#currentphotoframe2 {
	width:80%; 
	display:inline-block;
}
#albuminfo {
	vertical-align:top;
	width:50%;
	display:inline-block;
}
#photoinfo, #photoinfo a {
	color:white;
	background-color:black;
	height:100%;
	text-align:left;
}
#photoinfo {
	padding:5px;
}
#photoinfo div {
	float:right;
}
#photoinfo li {
	float:left;
	padding:0.25rem;
	margin:0.15rem;
}
#cosplayermostattended, #cosplayermostworn {
	float:left; 
	margin: 0 10px;
	width:45%;
}
#toolsguide > li {
	margin-bottom:10px;
}
label.tag {
	float:left;
	text-align: right;
	width: 80px; 
	padding-right: 10px;
	margin-bottom: 5px;
	clear:left;
	
}

label.login {
	float:left;
	text-align: right;
	width: 100px; 
	padding-right: 10px;
}

input.tag, select.tag {
	display: block;
	float:left;
	margin-bottom: 5px;
	clear:right;
}
input.login {
	display: block;
	width: 250px;
	float:left;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}

p, .large, .normal, .medium, .small {
	font-family: Arial, Helvetica, sans-serif;
}
p {
	margin-left:5px;
}
.normal {
	font-size: 0.9em;
}

.medium, p {
	font-size: 0.75em;
}

.small {
	font-size: 0.6em;
}

.large {
	font-size: 1.1em;
}
.light {
	color:#727272;
}
.header {
	font-weight: bold;
	font-family: Arial, sans-serif;
	font-size: 1.1em;
	padding:5px;
	padding-left:0px;
	margin-bottom: 5px;
	clear:both;
}
#cosplayerheader, #photographerheader, h1 {
	font-weight: bold;
	font-family: Arial, sans-serif;
	font-size: 1.1em;
	padding:5px;
	margin-top:0px;
	margin-bottom: 5px;
	z-index:1;
}
#cosplayerheader, #photographerheader {
	margin-bottom:0px;
	
}
#photographerheader > span {
	float:right;
	margin-right:0.25rem;
}
#photographerheader a {
	color:white;
}
#upcomingcons, #cosplayermostattended, #cosplayermostworn {
	float:left;
	width:30%;
}
#photostats, #exifinfo {
	float:left;
	width:50%;
}
#taggedcosplayers {
	float:left;
	width:40%;
}
#photogallery {
	width:80%;
	display:inline-block;
}

.subheader, h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	margin: 0px 15px 5px 5px;
	clear:both;
}
.subheader {
	font-size:1.1em;
	margin:0px;
	margin-bottom:20px;
	border-bottom-style: dotted;
}
.thinborder {
	padding:5px;
}
.error, .good {
	background-color:#FFFFFF;
	font-family: Arial, sans-serif;
	font-size: 0.9em;
	font-weight:bold;
	padding:10px;
	border: 1px solid;
	margin:10px;
	clear:both;
}
.good {
	color: green;
}
.error {
	color:red;
	font-weight:bold;
}
.updatecategory {
	width:90px; 
	padding:5px; 
	margin-top:-6px; 
	margin-right:10px; 
	float:left;
}
#updatetypes li {
	padding:5px; 
	margin-top:-6px; 
	margin-right:10px; 
	float:left;
}
#quickupload {
	margin:10px; 
	padding:5px;
	margin-bottom:25px;

}
.filler {
	padding:15px;
}
.smallbuffer {
	margin-left:10px;
	margin-right:10px;
}
.rightsmallbuffer {
	margin-right:10px;
}
.leftsmallbuffer {
	margin-left:10px;
}
.selected {
	background-color: #FAE8C3;
}
.tableheader {
	background-color:#455bab; 
	color:#FFFFFF; 
	padding:5px;
}
.tableheader > th > a {
	color:#FFFFFF;
}
.padsides {
	padding-left:5px;
	padding-right:5px;
}
dl.padbottom > dd {
	margin-bottom:1rem;
}
div.pagination {
	padding: 3px;
	margin: 3px;
	text-align:center;
}

div.pagination a {
	padding: 0.5rem 1rem;
	margin: 0.25rem;
	border: 1px solid #AAAADD;
	display:inline-block;
	
	text-decoration: none; /* no underline */
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #000099;
}
div.pagination span.current {
	padding: 0.5rem 1rem;
	margin: 0.25rem;
	border: 1px solid #000099;
		
	font-weight: bold;
	
}
div.pagination span.disabled {
	padding: 0.5rem 1rem;
	margin: 0.25rem;
	border: 1px solid #EEE;
}
#skyscraper {
	max-width:170px;
}
ul.tabs {
	list-style:none; 
	padding-bottom:20px; 
	margin:0px; 
	clear:both;
}

li.tab {
	float:left; 
	margin:3px 3px 0 3px; 
	background-color:#FFFFFF; 
	border-left:1px solid black; 
	border-top:1px solid black; 
	border-right:1px solid black;
}
li.tab > a {
	padding:5px; 
}
li.active {
	background-color:#455bab;
	color:white;
}
li.active > a {
	color:white;
}
table.messagecenter {
	clear:both; 
	margin:0px 5px 5px 0px; 
	border:1px solid #455bab;
}
tr.messageitem > td {
	border-top:1px solid black;
}
.messageheader {
	background-color:#455bab; 
	color:white;
}
.read {
	font-weight: normal;
}
.unread {
	font-weight: bold;
}
.infobox {
	padding:5px; 
	width:450px;
	min-height:80px;
}
.infoimage {
	float:left; 
	width:80px; 
	height:80px; 
	overflow:hidden; 
	margin-right:10px;
}
#stats {
	margin-left:100px;
}
#stats > h3 {
	font-weight:bold;
	font-size:1.2em;
	display:inline;
}
#userinfobox {
	display:none;
}
.commentprofileleft, .commentprofileright {
	float:left;
	width:100px;
	height:100px;
}
.commentprofileright {
	float:right;
}
.commenttextleft, .commenttextright {
	width:80%;
}
.commenttextleft {
	margin-left:80px;
}
.commenttextright {
	margin-right:80px;
}
.commentitem {
	min-height:80px;
}

#homepagewrapper {
	clear:both;
	margin-right:10px;
}
#homepagewrapper2 > #skyscraper {
	width:20%; 
	float:left; 
	margin-right:1rem;
}
#homepagewrapper2 > #recentupdates {
	float:left;
	width:79%;
}
.homepagemodulesmall {
	float:left; 
	width:48%; 
	margin-right:1rem;
}
.subheaderbutton {
	float:right;
	margin:0px;
}
.subheaderbutton > span {
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px; 
	padding:5px;
}

.divider {
	clear:both;
	padding:10px; 0px;
}
#favlist, #serieslist {
	height:1100px;
	width:34%;
	overflow:auto;
}
#favlist ul > li {
	height:60px;
	padding:5px;
	border-top: 1px dashed grey;
	clear:both;
}
#serieslist ul > li {
	padding:5px;
}
#profilepic {
	text-align:center; 
	max-height:150px; 
	overflow:hidden;	
}
#profilepic > img {
	height:100%; 
	width:auto;
}
#exifinfo {
	float:left;
	width:45%;
	margin-right:0.5rem;
}
#seriessortlist li {
	padding:0.25rem;
}
.profileicon {
	float:left;
	height:60px;
	width:60px;
	vertical-align: top;
	text-align:center;
}
#profilesection {
	float:right;
	width:61%; 
	padding:5px; 
	margin-right:5px;
}
#profilesection.fixed {
  width:400px; 
  position: fixed;
  top: 10px;
  right:100px;
  margin:0px;
  padding:0px;
}
#contactinfo > ul {
	margin:0px;
	padding:0px;
}
#contactinfo > ul > li {
	margin:10px;
}
#dailyranking {
	margin:0px;
	padding:0px;
}
#dailyranking > li {
	padding:5px 0px 5px 0px;
	margin:0px;
	width:160px; 
	overflow:hidden;
}
.dailynick {
	float:right; 
	margin-right:10px; 
	margin-left:10px;
}
.draghandle {
	cursor: move;
}
.mintable th {
	border-bottom: 2px solid black;
}
.mintable td {
	border-bottom: 1px solid grey;
}
#previewcostume {
	float:left; 
	width:140px; 
	height:140px; 
	padding-right:10px;
}
#previewcostume > div {
	min-height:130px;
}
.picinfobox > dd {
	margin-top: 5px;
	margin-bottom: 5px;
}
.menubutton {
  border-top: 1px solid #96d1f8;
  background: #51688a;
  background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#51688a));
  background: -webkit-linear-gradient(top, #3e779d, #51688a);
  background: -moz-linear-gradient(top, #3e779d, #51688a);
  background: -ms-linear-gradient(top, #3e779d, #51688a);
  background: -o-linear-gradient(top, #3e779d, #51688a);
  padding: 5px 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: white;
  text-decoration: none;
  vertical-align: middle;
}
.menubutton:hover {
	border-top-color: #28597a;
	background: #28597a;
	color: #ccc;
	text-decoration:none;
}
.menubutton:active {
	border-top-color: #1b435e;
	background: #1b435e;
}
.toolbar {
	clear:both;
}
.toolbar li {
	display:inline-block;
	margin:0rem 0.25rem;
}
/* MORE BUTTONS */
/*!
Pure v0.5.0
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yui/pure/blob/master/LICENSE.md
*/
.pure-button {
    /* Structure */
    display: inline-block;
    *display: inline; /*IE 6/7*/
    zoom: 1;
    line-height: normal;
    white-space: nowrap;
    vertical-align: baseline;
    text-align: center;
    cursor: pointer;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Firefox: Get rid of the inner focus border */
.pure-button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

/*csslint outline-none:false*/

.pure-button {
    font-family: inherit;
    font-size: 100%;
    *font-size: 90%; /*IE 6/7 - To reduce IE's oversized button text*/
    *overflow: visible; /*IE 6/7 - Because of IE's overly large left/right padding on buttons */
    padding: 0.5em 1em;
    color: #444; /* rgba not supported (IE 8) */
    color: rgba(0, 0, 0, 0.80); /* rgba supported */
    *color: #444; /* IE 6 & 7 */
    border: 1px solid #999;  /*IE 6/7/8*/
    border: none rgba(0, 0, 0, 0);  /*IE9 + everything else*/
    background-color: #E6E6E6;
    text-decoration: none;
    border-radius: 2px;
}

.pure-button-hover,
.pure-button:hover,
.pure-button:focus {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000',GradientType=0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0,0,0, 0.05)), to(rgba(0,0,0, 0.10)));
    background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
    background-image: -moz-linear-gradient(top, rgba(0,0,0, 0.05) 0%, rgba(0,0,0, 0.10));
    background-image: -o-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
    background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
}
.pure-button:focus {
    outline: 0;
}
.pure-button-active,
.pure-button:active {
    box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
}

.pure-button[disabled],
.pure-button-disabled,
.pure-button-disabled:hover,
.pure-button-disabled:focus,
.pure-button-disabled:active {
    border: none;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    filter: alpha(opacity=40);
    -khtml-opacity: 0.40;
    -moz-opacity: 0.40;
    opacity: 0.40;
    cursor: not-allowed;
    box-shadow: none;
}

.pure-button-hidden {
    display: none;
}

/* Firefox: Get rid of the inner focus border */
.pure-button::-moz-focus-inner{
    padding: 0;
    border: 0;
}

.pure-button-primary,
.pure-button-selected,
a.pure-button-primary,
a.pure-button-selected {
    background-color: rgb(0, 120, 231);
    color: #fff;
}

/* BUTTONS END */
.triangle-isosceles {
	position:relative;
	padding:15px;
	margin:1em 0 3em;
	color:#000;
}

/* Variant : for top positioned triangle
------------------------------------------ */

.triangle-isosceles.top {
	
}

/* Variant : for left/right positioned triangle
------------------------------------------ */

.triangle-isosceles.left {
	margin-left:50px;
	
}

/* Variant : for right positioned triangle
------------------------------------------ */

.triangle-isosceles.right {
	margin-right:50px;
	
}

/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */

/* creates triangle */
.triangle-isosceles:after {
	content:"";
	position:absolute;
	bottom:-15px; /* value = - border-top-width - border-bottom-width */
	left:50px; /* controls horizontal position */
	border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
	border-style:solid;
	
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}


/* Variant : left
------------------------------------------ */

.triangle-isosceles.left:after {
	top:10px; /* controls vertical position */
	left:-50px; /* value = - border-left-width - border-right-width */
	bottom:auto;
	border-width:10px 50px 10px 0;
	
}

/* Variant : right
------------------------------------------ */

.triangle-isosceles.right:after {
	top:16px; /* controls vertical position */
	right:-50px; /* value = - border-left-width - border-right-width */
	bottom:auto;
    left:auto;
	border-width:10px 0 10px 50px;
	
}
@media only screen and (min-width: 768px) {
    /* tablets and desktop */
    #content2 {
    	position:relative;
    	margin-left:auto;
    	margin-right:auto;
    	width:980px;
    }
    #loginbar2 {
    	position: absolute;
			right:0px;
			z-index:3;
			margin-top:3px;
    	margin-right:10px;
    	-moz-box-shadow: 0px 5px 5px #888;
    	-webkit-box-shadow: 0px 5px 5px #888;
    	box-shadow: 0px 5px 5px #888;
		}
		#logo2 {
			width:30%;
    	text-align:right;
    	max-width:320px;
    	padding-left:200px;
    	background-position: left top;
    	background-repeat: no-repeat;
		}
}

@media only screen and (max-width: 767px) {
    /* phones */
    #topleaderboard {
    	width:100%;
    	overflow:hidden;
    }
    #topleaderboard img {
    	width:100%;
    	height:auto;
    }
    #skyscraper {
    	float:left;
    	width:20%;
    	padding-right:0.25rem;
    	overflow:hidden;
    }
    #skyscraper img {
    	width:100%;
    	height:auto;
    }
    #topcontent, #secondmain, #photogallery, #cosplayersortlist, #seriessortlist, #exifinfo {
			width:100%;
		}
    #contactinfo {
    	width:70%;
    	float:left;
    }
    ul#topnavigation, #mainmenubutton {
    	display:block;
    }
    #topnavigation li, #mainmenubutton {
    	float:none;
    	border-bottom: 1px solid white;
    	margin:0px;
    	margin-bottom:0.5rem;
    }
    #topnavigation li {
    	padding-left:1.5rem;
    }
    #mainmenubutton {
    	padding-left:0.25rem;
    	font-size:1.5rem;
    }
    #topnavigation li a {
    	font-size:1rem;
    	display:block;
    }
    #content2 {
    	width:100%;
    }
    #logo2 {
    	clear:both;
    	width:100%;
    	padding-left:0px;
    	background-image: none;
    }
    #actionbar {
    	width:100%;
    }
    #main {
    	float:none;
    	width:100%;
    }
    #rightbar {
    	float:none;
    	width:100%;
    }
    #navsectionbar, #navsectionbar2, .navsection {
    	width:100%;
    	clear:both;
    }
    .sortstat {
    	width:40%;
    }
    #sortbox, #secondcontent {
    	width:100%; 
    	margin-right:0.5rem; 
    	float:none;
    	clear:both;
    }
    #sortbox > #sortcategories {
    	width:60%;
    	float:left;
    }
    #sortbox > #skyscraper {
    	width:30%;
    	float:left;
    }
    #homepagewrapper2 > #skyscraper {
    	width:100%; 
    	float:none;
    }
    #homepagewrapper2 > #recentupdates {
    	float:none;
    	width:100%;
    	margin-right:0;
    }
    .homepagemodulesmall {
    	float:none; 
    	width:100%; 
    	margin-right:0;
    }
    .largethumbs, .squarethumbs,.congallery {
      display: inline-block;
    }
    .superthumbs > li {
    	padding:0px 0px 3px 0px;
      margin:3px;
      margin-bottom:10px;
      width: 180px;
      height: 250px;
    }
    .largethumbs > li {
      padding:0px 0px 3px 0px;
      margin:0.25rem;
      margin-bottom:1rem;
      width: 10rem;
      height: 13rem;;
    }
    
    .squarethumbs > li {
      margin:0.25rem;
      width:6.5rem;
      height:6.5rem;
    }
    .smallsquarethumbs > li {
    	padding:0px 0px 3px 0px;
    	width: 85px;
      height: 100px;
      overflow:hidden;
    }
    
    .congallery > li {
    	margin:3px;
    	width:130px; 
    	height:130px;
    	overflow:hidden;
    }
    .thumbtop {
    	margin:0px;
    	padding:0.5rem;
    	font-weight:bold;
    	height:1.25em;
    }
    .thumbtop > a {
    	padding-left:0px;
    }
    .largethumbs .thumbimage {
    	height:60%;
    	width:100%;
    	overflow:hidden;
    }
    .squarethumbs .thumbimage {
    	height:100%;
    	width:auto;
    	overflow:hidden;
    }
    .thumbimage img {
    	max-width:100%;
    	height:auto;
    }
    .thumbtopprimary > img, .thumbtopsecondary > img {
    	vertical-align:bottom;
    }
    .thumbtopsecondary {
    	display:none;
    }
    .thumbdescription {
    	padding:3px;
    	position:absolute;
    	bottom:0;
    	height:50px;
    	width:99%;
    	overflow:hidden;
    	
    }
    .thumbdescriptionsmall {
    	padding:3px;
    	position:absolute;
    	bottom:0;
    	height:30px;
    	width:99%;
    	overflow:hidden;
    }

}