/*
Theme Name: Foxhack.net Version 3
Theme URI: http://www.foxhack.net/wp-content/themes/foxhackv3/
Description: Foxhack's original theme
Version: 3.0
Author: Kitsune Sniper
Author URI: http://www.foxhack.net/
*/

/* 1em = 16px */

/* Link / A: colors */
a:link{text-decoration: underline;color:#FFFFFF}
a:visited{text-decoration: underline;color:#FFFFFF}
a:active{text-decoration: underline;color:#FFFFFF}
a:hover{text-decoration: underline;color:#FFFFFF}

/* li.comment even thread-even depth-1 {text-decoration: bold;} */
/* li.even thread-even {border-color: 2px;} */
/* Debugging code for comments */

/*
li.depth-1 {background-color: #70C000; border-width: 1px; border-style: solid}
li.depth-2 {background-color: #C07000; border-width: 1px; border-style: solid}
li.depth-3 {background-color: #0070C0; border-width: 1px; border-style: solid}
*/
li.depth-2, li.depth-3{list-style-type:square}

.avatar-40 { padding: 4px; margin: 0 7px 2px 0; display: inline; float: left;}

body {
	margin:0;
	background-color:#405060; /* Site's BG color */
	font-size: 1em;
	font-family: Verdana,sans-serif;
	color:#FFFFFF;
	}

.email {
                  font-style: italic;
}


/* This attribute thing contains the entire website in a 1000 pixel box. */

.wrap {
	width: 62.5em; /* Roughly 1000 pixels. Should be compatible with 1024px monitors and up. */
	margin: 0 auto;
	}

/* This attribute builds the box that contains the randomly changing media header and the site logo. */
#siteheader {
	width: 62.5em;
	height: 13.75em; /* Approximately 200 pixels. */
	border-color: #406480;
	border-width: 1px;
	border-style: solid; /* Surrounds the image with a 1 pixel border. */
	border-top: 0px; /* No border at the top */
	border-spacing: 0px;
	overflow: hidden;
	border-collapse: separate;
	}

/* This container puts the Foxhack.net logo in its place. */	
.logo {
	position: relative;
	left: 659px;
	top: -22px;
	}

/* Container for the menu up top. */
#navigation{
	background-color:#406480;
	width: 62.5em;
	border-width: 1px;
	border-color: #000000;
	border-style: solid;
	}
	
img.navil{
	margin: .2em .5em .2em 0em;
	border-width: 0px;
	}


img.navim{
	margin: .2em .5em .2em .5em;
	border-width: 0px;
	}

img.navir{
	margin: .2em 0em .2em .5em;
	border-width: 0px;
	}

	
/* This container is the header, top sidebar, and footer separator. */
.hspace{
	height:.4em;
}


/* Replacement for H2; should be used as header titles on individual pages.*/
.entrytitle{
	font-size: .80em;
    color:#ffffff;
    text-decoration:none;
    background-color:#406480;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	white-space: nowrap;
	font-weight: bold;
	padding-left:.25em;
    padding-top:.1em;
    padding-bottom:.1em;
	}
	

.sidebar{
	/* font-size: 1em; */
	float: right;
	width: 11.3em;
	background-color:#406480;
	border-width: 1px;
	border-style: solid; /* Makes a border appear */
	border-color: #000000;
	padding-top: .25em;
	padding-bottom: .25em;
	padding-left: .35em;
	padding-right: .35em;	
}

/* Replacement for the old H4 code */
.sidebartitle{
	/* font-size: .80em; */
    color:#ffffff;
    text-decoration:none;
    background-color:#304050;
	padding-left:.25em;
    padding-top:.1em;
    padding-bottom:.1em;
	border-style: solid; /* none solid none; */
	border-width: 1px;
	border-color: #000000;
	font-weight: bold;
	white-space: nowrap;
	/* margin-top: .5em;
	margin-bottom: .5em; */
	}
	
 .sidebartext{
	font-size:.66em;
	/* margin-top: .5em;
	margin-bottom: .5em;
	margin-left: .75em;
	margin-right: .75em; */
	}
	
.sidebarinnertext{
	margin-top: .5em;
	margin-bottom: .5em;
	margin-left: .25em;
	margin-right: .25em;
	}

#content{
	background-color:#304050;
	float: left;
	width: 49.3em;
	border-style: solid; /* Makes a border appear */
	border-width: 1px;
	border-color: #000000;
	padding-top: .25em;
	padding-bottom: .25em;
	padding-left: .35em;
	padding-right: .35em;
/* text-shadow: #6374AB 1px 1px 0px; */
}

#content-trans{
	background-color:#304050;
	float: left;
	width: 49.3em;
	border-style: solid; /* Makes a border appear */
	border-width: 1px;
	border-color: #000000;
	padding-top: .25em;
	padding-bottom: .25em;
	padding-left: .35em;
	padding-right: .35em;
    /* text-shadow: #6374AB 1px 1px 0px; */
	}
	
#content-trans p {
	font-size:.66em;
	margin-top: .5em;
	margin-bottom: 1em;
	margin-left: .75em;
	margin-right: .75em;
	}

 DIV.entrycontent {
	font-size:.66em;
	margin-top: .5em;
	margin-bottom: .5em;
	margin-left: .75em;
	margin-right: .75em;
	}
	

/* #content p {
	font-size:.66em;
	margin-top: .5em;
	margin-bottom: 1em;
	margin-left: .75em;
	margin-right: .75em;
	} */

.tr-header{
    font-size: .80em;
    color:#ffffff;
    text-decoration:none;
	font-weight: bold;
    background-color:#406480;
    padding-left:.25em;
    padding-top:.1em;
    padding-bottom:.1em;
	border-style: solid; /* none solid none; */
	border-width: 1px;
	border-color: #000000;
	/* margin-top: .5em;
	margin-bottom: .5em;
	margin-left: .5em;
	margin-right: .5em; */
	}

#content-trans li{
font-size:.66em;
}

/* CSS for translation page screenshots */
.screenshots{
text-align: center;
margin-left: auto;
margin-right: auto;
padding-top: .5em;
padding-bottom: .25em;}


/* CSS for borders and padding */
img.screent{
/* margin: .2em .5em .5em .5em;} */
margin: .25em .25em .25em;}


#footer{
	background-color:#406480;
	clear: both;
	border-style: solid; /* Makes a border appear */
	border-width: 1px;
	border-color: #000000;
	width: 62.5em;
}

.ftext{
	font-size: .6em;
	margin-top: .5em;
	margin-bottom: .5em;
	margin-left: .75em;
	margin-right: .75em;
}

/* CSS for centered images */
img.center{display: block;
	margin-left: auto;
	margin-right: auto;}
	
li.twitter-item {font-size:1em;}
p.twitter-message{
	font-size: 1em;
	margin-left: .25em;
	margin-right: .25em;}

.pnmain {
	border-style: none; /* Makes a border appear */
 	margin-top: .5em;
	margin-bottom: 2em; /* This ensures that the icons below are clear enough to do their thing. */
	}
	
.alignright {
	float: right;
	font-size:.66em;
	margin-right:.75em;
	}

.alignleft {
	float: left;
	font-size:.66em;
	margin-left:.75em;
	}
	
.pnmainsingle {
	border-style: none; /* Makes a border appear */
/* 	margin-top: .5em; */
	margin-bottom: 3em; /* This ensures that the icons below are clear enough to do their thing. */
	}

.alignrightsingle {
	float: right;
	}

.alignleftsingle {
	float: left;
	}

/* CSS for Comment Box */

.form-input{
padding: 5px;
}

.form-textarea{
padding: 5px;
}

.input{
    font-family: Verdana, Sans-Serif;
    font-size: 1em;
    padding: 5px;
    border: 1px solid #b9bdc1;
    width: 30em;
    color: #111111;
    }

.override .input{
    font-family: Verdana, Sans-Serif;
    font-size: 1em;
    padding: 5px;
    border: 1px solid #b9bdc1;
    width: 30em;
    color: #111111;
    }

.form-label{
	font-family: Verdana, Sans-Serif;
	font-size: 1em;
	display: block;
	float: left;
	width: 10em;
padding: 5px;
	}
.commentbox{
    font-family: Verdana, Sans-Serif;
    font-size: 1em;
    width: 50em;
    padding: 5px;
    border: 1px solid #b9bdc1;
    color: #111111;
	}

.form-required{
    font-family: Verdana, Sans-Serif;
    font-size: 1em;
}