/* Layout
 ------------ */
body {
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
 	color: #000000;
	background-color: #555555;
	font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	background-position: center top;
	background-repeat: no-repeat;
    background-image: url(http://squareanthology.com/images/v4/bg.png);
}
#header {
	height: 136px;
	background-position: left;
	background-repeat: no-repeat;
    background-image: url(http://squareanthology.com/images/v4/logo.png);
	border: solid 1px #000;
	background-color: #434343;
	color:#FFF;
}
.rightFloat
{
  float: right;
  width: 175px;
  padding-top: 10px;
  padding-right: 11px;
}
#main-body {
	background-color: #FFFFFF;
	border: 1px solid #000;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.body_wrapper {
	border: 1px solid #000;
}
#content {
	padding: 12px;
}
.links {
	background-color: #EAEADA;
    border-left: 1px solid #000;
	border-right: 1px solid #000;
    padding: 5px;
	color: #1a5152;
	font-size: 11px;
}
.links a:link {
color: #1a5152;
font-weight: bold;
}
.links a:visited {
color: #1a5152;
font-weight: bold;
}
.links a:hover {
color: #1a5152;
font-weight: bold;
text-decoration: underline;
}
#footer {
	text-align: left;
	clear: both;
	border: solid 1px #000;
	background-color: #424242;
    padding: 10px;
	color: #FFF;
}
#footer a:link {
color: #4aa6d5;
font-weight: bold;
}
#footer a:visited {
color: #4aa6d5;
font-weight: bold;
}
#footer a:hover {
color: #4aa6d5;
font-weight: bold;
text-decoration: underline;
}

/*  Login Box and Spacers
 --------------------- */
#loginbar {
	margin-bottom: 10px;
	padding: 7px;
	background-color: #424242;
	border: 1px solid #000;
	color: #FFF;
}
#loginbar a:link {
color: #4aa6d5;
font-weight: bold;
}
#loginbar a:visited {
color: #4aa6d5;
font-weight: bold;
}
#loginbar a:hover {
color: #4aa6d5;
font-weight: bold;
text-decoration: underline;
}
.login {
    padding: 31px 0px 0px 39px;
}
.topsites {
    padding: 6px 6px 4px 4px;
	color: #FFFFFF;
	vertical-align: middle;
}
.log-in {
border: 5px solid #999999;
background-color: #FFFFFF;
position: fixed;
color: #000000;
top: 110px;
width: 800px;
display: none;
margin-left: 50px;
padding: 10px;
 	filter:alpha(opacity=90);   /* Internet Explorer       */
    -moz-opacity:0.90;           /* Mozilla 1.6 and below   */
    opacity: 0.90;               /* newer Mozilla and CSS-3 */
}
a.exit2 {
	padding: 3px;
	background-color: #EAEADA;
	border: 1px solid #999587;
	color: #1a5152;
	background-image: url(http://squareanthology.com/images/add.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
}
a.exit2:hover {
	padding: 3px;
	background-color:#999999;
	border: 1px solid  #666666;
	text-decoration: none;
	color: #FFFFFF;
    background-image: url(http://test.squareanthology.com/images/add.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
}
a.exit {
	padding: 2px;
	background-color: #4aa6d5; }
a.exit:hover {
	background-color:#555555;
}

.login a:link {
	color: #44cbcd;
}
.login a:visited {
	color: #44cbcd;
}
.login a:hover {
	color: #44cbcd;
}
.spacer {
 height: 10px;
}
.spacer2 {
 height: 5px;
}

/*OLD SPACERS */
#spacer {
 height: 5px;
}
#spacer2 {
 height: 10px;
}

/*  Index News
 --------------------- */
.newspic {
	background-repeat: no-repeat;
	background-position: center center;
	border: 1px solid #000;
	height: 80px;
	width: 288px;
	margin-right: 10px;
	filter:alpha(opacity=90);   /* Internet Explorer       */
    -moz-opacity:0.90;           /* Mozilla 1.6 and below   */
    opacity: 0.90;               /* newer Mozilla and CSS-3 */
}
.smallnewspic {
	background-repeat: no-repeat;
	background-position: center center;
	border: 1px solid #000;
	height: 70px;
	width: 280px;
	margin-right: 10px;
	filter:alpha(opacity=90);   /* Internet Explorer       */
    -moz-opacity:0.90;           /* Mozilla 1.6 and below   */
    opacity: 0.90;               /* newer Mozilla and CSS-3 */
}
.newstitle {
	font-weight: bold;
	font-size: 12px;
	color: #186761;
	margin-bottom: 7px;
}
.newstitle a:link {
	color: #186761;
	font-weight: bold;
}
.newstitle a:visited {
	color: #186761;
	font-weight: bold;
}
.newstitle a:hover {
	color: #186761;
	font-weight: bold;
}
.news-summary {
	margin-bottom: 5px;
	font-size: 11px;
	text-align:left;
}
.news-summary a:link {
	color: #186761;
	font-weight: bold;
}
.news-summary a:visited {
	color: #186761;
	font-weight: bold;
}
.news-summary a:hover {
	color: #186761;
	font-weight: bold;
}
.news-info {
	color: #5d5d5d;
	font-size: 11px;
	text-align: left;
}
.news-info a:link {
	color: #5d5d5d;
}
.news-info a:visited {
	color: #5d5d5d;
}
.news-info a:hover {
	color: #5d5d5d;
	text-decoration: underline;
}

/*  Main Body
 --------------------- */
.content {
	padding: 12px;
}
.leftnav {
	width: 162px;
	padding: 5px;
	border-left: 1px solid #999587;
	border-right: 1px solid #999587;
	border-bottom: 1px solid #999587;
	background-color: #EAEADA;
}
.rightnav {
	width: 153px;
	margin: 0;
	padding: 10px;
	border-right: 1px solid #333333;
	border-top: 1px solid #999587;
	border-bottom: 1px solid #333333;
	background-color: #FFFFFF;
}
#important {
	background-color: #fbfbc7;
	border: 1px solid #ececa5;
	padding: 5px 10px 5px 35px;
	background-repeat: no-repeat;
	background-position: left;
    background-image: url(http://squareanthology.com/images/siteicons/important.png);
}
.notice {
	background-color: #fbfbc7;
	border: 1px solid #ececa5;
	padding: 5px 10px 5px 35px;
	background-repeat: no-repeat;
	background-position: left;
    background-image: url(http://squareanthology.com/images/siteicons/hand.png);
}
#game-info {
    width: 175px;
	padding-left: 10px;
}
#game-info a:link {	
	color: #FFFFFF;
	text-decoration: underline;
}
#game-info a:visited {	
	color: #FFFFFF;
	text-decoration: underline;
}
#game-info a:hover {	
	color: #FFFFFF;
	text-decoration: none;
}
#content-dropdown {
	margin-right: 7px;
	border: 1px solid #000;
	margin-top: 8px;
	font: 12px "Arial", "Arial", "Tahoma", sans-serif;
}
#menuname {
 background-color: #EAEADA;
 border-top: solid 1px #DCDCC2;
 border-bottom: 1px solid #DCDCC2;
 margin: 0;
 padding: 6px 0px 7px 20px;
 font-size: 1em;
 font-weight: bold;
 background-position: left;
 background-repeat: no-repeat;
 background-image: url(http://squareanthology.com/images/layout/arrow2.gif);
}
#gam-image img {
	border: 1px solid #000000;
}
#pagination {
	font-weight: bold;
	border: 1px solid #cccccc;
	padding: 3px 5px 3px 5px;
	background-color: #efefef;
	font-size: 1.1em;
	margin: 0px 0px 0px 0px;
	filter:alpha(opacity=40);   /* Internet Explorer       */
    -moz-opacity:0.40;           /* Mozilla 1.6 and below   */
    opacity: 0.40;               /* newer Mozilla and CSS-3 */
}
#paginationlink a:link {
	font-weight: bold;
	border: 1px solid #cccccc;
	padding: 3px 5px 3px 5px;
	background-color: #efefef;
	font-size: 1.1em;
	margin: 0px 0px 0px 0px;
}
#paginationlink a:hover {
	font-weight: bold;
	background-color: #cccccc;
	text-decoration: none;
}
#paginationlink a:visited {
	font-weight: bold;
	border: 1px solid #cccccc;
	padding: 3px 5px 3px 5px;
	background-color: #efefef;
	font-size: 1.1em;
	margin: 0px 0px 0px 0px;
}
.news-author{
background-position: left;
background-repeat: no-repeat;
background: url(http://squareanthology.com/images/bullet.gif) 0 50% no-repeat;
}
.newsdescription{
 font-size: 11px;
 font-weight: normal;
 padding: 0px;
 margin: 0px;
}
.newsdescription a:link{
 color: #186761;
 font-weight: bold;
 text-decoration: none;
  padding: 0px;
 margin: 0px;
}
.newsdescription a:visited{
 color: #186761;
 font-weight: bold;
 text-decoration: none;
  padding: 0px;
 margin: 0px;
}
.newsdescription a:hover{
 color: #186761;
 font-weight: bold;
 text-decoration: underline;
  padding: 0px;
 margin: 0px;
}
.newsdescription img{
 border: 1px solid #000000;
}
.news-image img {
	border: 1px solid #000000;
	margin: 0px;
	padding: 0px;
	filter:alpha(opacity=95);   /* Internet Explorer       */
    -moz-opacity:0.95;           /* Mozilla 1.6 and below   */
    opacity: 0.95;               /* newer Mozilla and CSS-3 */
}
.news-image img:hover {
	border: 1px solid #000;
	margin: 0px;
	padding: 0px;
	filter:alpha(opacity=50);   /* Internet Explorer       */
    -moz-opacity:0.50;           /* Mozilla 1.6 and below   */
    opacity: 0.50;               /* newer Mozilla and CSS-3 */
}
.staff-find {
background-color: #eeeeee;
border: 1px dashed #cccccc;
padding: 4px;
margin-bottom: 10px;
}

/* Right Navigation
 ------------ */
#navigation {
	padding: 12px;
}
#navigation a:link{
 color: #fff;
}
#navigation a:visited{
 color: #fff;
}
#navigation a:hover{
 color: #4aa6d5;
 text-decoration: none;
}
.description {
	color: #4aa6d5;
	font-weight: bold;
	font-size: 11px;
	padding-left: 15px;
	padding-bottom: 2px;
    background-position: left;
    background-repeat: no-repeat;
    background-image: url(http://squareanthology.com/images/layout/arrow.gif);
}
.nav-menuname {
	color: #4aa6d5;
	font-weight: bold;
	font-size: 11px;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 2px;
    background-position: left;
    background-repeat: no-repeat;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	background-color: #444444;
	height: 18px;
    background-image: url(http://squareanthology.com/images/layout/arrow2.gif);
}
.nav-menuname2 {
	color: #186761;
	font-weight: bold;
	font-size: 11px;
}
.nav-menu {
 padding-left: 15px;
}
.nav-menu2 {
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	padding: 10px;
	background-color: #d2d1bf;
}
.nav-menu3 {
 padding: 5px;
 background-color: #555555;
 border: 1px solid #000;
 color: #FFF;
}

.nav-menu a:link {
 color: #FFF;
 font-weight: bold;
 text-decoration: none;
}
.nav-menu a:visited {
 color: #FFF;
 font-weight: bold;
 text-decoration: none;
}
.nav-menu a:hover {
 color: #44cbcd;
 font-weight: bold;
 text-decoration: none;
}
.nav-image img {
	border: 1px solid #000000;
	margin-bottom: 3px;
	filter:alpha(opacity=60);   /* Internet Explorer       */
    -moz-opacity:0.60;           /* Mozilla 1.6 and below   */
    opacity: 0.60;               /* newer Mozilla and CSS-3 */
}
.nav-image img:hover {
	border: 1px solid #000000;
	margin-bottom: 3px;
	filter:alpha(opacity=95);   /* Internet Explorer       */
    -moz-opacity:.95;           /* Mozilla 1.6 and below   */
    opacity: .95;               /* newer Mozilla and CSS-3 */
}
#items li {
    background: url(http://squareanthology.com/images/bullet.gif) 0 50% no-repeat;
	padding-left: 9px;
    margin: 0;
    list-style: none;
}
.items2{
 font-weight: none;
 text-align: left;
 padding-top: 2px;
 padding-left: 2px;
}
.items2 ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.items2 li {
    background: url(http://squareanthology.com/images/bullet.gif) 0 50% no-repeat;
    padding-left: 7px;
    list-style: none;
}
li {
margin-left: 0em;
_margin-left: 0.5em;
}
/*  Tables
 --------------------- */
 
#row {
 background-color: #DDD;
 width: 100%;
 color:#000;
 padding: 2px;
}
#row1 {
 color: #000;
 border-bottom: 3px solid #c0c0c0;
 margin-bottom: 5px;
 font-weight: bold;
 padding: 3px;
}
#generaltable td {
 vertical-align: text-top;
}
#box-art {
 border-right: 1px solid #cccccc;
}

/*  Text
 --------------------- */
 h1 {
 text-align: left;
 font-size: 12px;
 font-weight: bold;
 letter-spacing: 1.5px;
 padding: 0px 0px 2px 2px;
 margin: 10px 0px 10px 0px;
 border-bottom: 2px dashed #555555;
 }
h2 {
	font-weight: bold;
	font-size: 1.5em;
	margin-top: 0px;
}
h3 {
	font-weight: bold;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	padding-bottom: 3px;
	padding-top: 3px;
	background-color: #efefef;
	padding-left: 23px;
	font-size: 1.1em;
	margin-bottom: 4px;
    background-image: url(http://squareanthology.com/images/layout/arrow2.gif);
	background-repeat: no-repeat;
	background-position: left;
}
#h3 {
	font-weight: bold;
	padding-bottom: 3px;
	padding-top: 3px;
	background-color: #efefef;
	padding-left: 23px;
	font-size: 1.1em;
    background-image: url(http://squareanthology.com/images/layout/arrow2.gif);
	background-repeat: no-repeat;
	background-position: left;
}
h5 {
	font-weight: bold;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	padding-bottom: 3px;
	padding-top: 3px;
	margin-top: 0px;
	background-color: #efefef;
	padding-left: 23px;
	font-size: 1.1em;
	margin-bottom: 4px;
    background-image: url(http://squareanthology.com/images/layout/arrow2.gif);
	background-repeat: no-repeat;
	background-position: left;
}
h6 {
	font-weight: bold;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	padding-bottom: 3px;
	padding-top: 3px;
	margin-top: 0px;
	background-color: #EAEADA;
	padding-left: 23px;
	font-size: 1.1em;
	margin-bottom: 0px;
    background-image: url(http://squareanthology.com/images/layout/arrow2.gif);
	background-repeat: no-repeat;
	background-position: left;
}
h4 {
	font-weight: bold;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 3px;
	color: #333333;
	margin-right: 10px;
	margin-top: 0px;
	font-size: 1.1em;
	margin-bottom: 2px;
}
h4 a:link{
	font-weight: bold;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 3px;
	text-decoration: none;
	color: #333333;
	margin-right: 10px;
	margin-top: 0px;
	font-size: 1.1em;
	margin-bottom: 2px;
}
h4 a:visited{
	font-weight: bold;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 3px;
	text-decoration: none;
	color: #333333;
	margin-right: 10px;
	margin-top: 0px;
	font-size: 1.1em;
	margin-bottom: 2px;
}
h4 a:hover{
	font-weight: bold;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 3px;
	text-decoration: underline;
	color: #333333;
	margin-right: 10px;
	margin-top: 0px;
	font-size: 1.1em;
	margin-bottom: 2px;
}
#h7 a:link {
	font-weight: bold;
	border: 1px solid #cccccc;
	padding: 3px 5px 3px 5px;
	background-color: #efefef;
	font-size: 1.1em;
	margin: 0px 0px 0px 0px;
}
#h7 a:hover {
	font-weight: bold;
	background-color: #cccccc;
	text-decoration: none;
}
.sub_title {
        color: #727272;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	font-weight: normal;
	font-size: 1.4em;
	text-decoration: none;
}

/* Form Elements
 ------------ */

input {
	color: #000000;
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	padding: 1px;
	border: 1px solid #C5C5C5;
	background-color: #FFFFFF;
}
textarea {
	background-color: #FFFFFF;
	color: #000000;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.1em; 
	line-height: 1.4em;
	font-weight: normal;
	border: 1px solid #C5C5C5;
	padding: 2px;
}
select {
	color: #000000;
	background-color: #FFFFFF;
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	border: 1px solid #C5C5C5;
	padding: 1px;
}
option {
	padding: 0 1em 0 0;
}
.rtl option {
	padding: 0 0 0 1em;
}
input.radio {
	border: none;
	background-color: transparent;
}
fieldset {
	border: 1px solid #111111;
	padding: 0px 10px 0px 10px;
	margin: 0px;
}
legend {
	
}
.score-option {
	padding-top: 10px;
}
/* Images
 ------------ */

#general img {
	border: 1px solid #000000;
	background: #FFFFFF;
	padding: 2px;
}

#general img:hover{
	border: 1px solid #c1bba9;
	background: #959081;
	padding: 2px;
}
#image img{
 border: 1px solid #000000;
}
#image-noborder img {
	border: none;
	filter:alpha(opacity=35);   /* Internet Explorer       */
    -moz-opacity:0.35;           /* Mozilla 1.6 and below   */
    opacity: 0.35;               /* newer Mozilla and CSS-3 */
}
#image-noborder img:hover {
	border: none;
	filter:alpha(opacity=70);   /* Internet Explorer       */
    -moz-opacity:0.70;           /* Mozilla 1.6 and below   */
    opacity: 0.70;               /* newer Mozilla and CSS-3 */
}

/*  User Reviews
 --------------------- */
.user_review_info {
background-color: #cccccc;
border: 1px solid #cccccc;
color: #FFFFFF;
}
.review_intro {
font-size: 11px;
font-weight: bold;
color: #186761;
}
.user_review_info1 {
background-color: #efefef;
border: 1px solid #cccccc;
height: 15px;
}
.user_review_info2 {
margin-bottom: 5px;
border: 1px solid #cccccc;
padding: 5px;
}
.user_review_info2 a:link {
font-size: 10px;
font-weight: bold;
color: #186761;
}
.user_review_info2 a:visited {
font-size: 10px;
font-weight: bold;
color: #186761;
}
.user_review_info2 a:hover {
font-size: 10px;
font-weight: bold;
color: #186761;
}

/*  Users Page
 --------------------- */
.row_members {
border-bottom: 1px solid #cccccc;
}

/* Links
 ------------ */
a:link {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

a:active,
a:visited {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	font-weight: bold;
    text-decoration: underline;
}