/**
 * ApeUrl.com
 *
 * @file		css/main.css
 * @link		http://www.apeurl.com/
 * @copyright	Goodings Media, Matt Hodder 2009
 *
 *
 *	--STYLE GUIDE:
 *	
 *	Font: Arial, Helvetica, sans-serif;
 *	Main-BG: #a7b37e
 *	
 *	Box-Text: #a59988
 *	Box-Link: #7793a6
 *	Box-BG: #FFF
 *	
 *	Footer-text: #575f46
 *	Footer-link: #FFF
 *	
 *	Counter-text: #9c7e65
 *	
**/

@import url("reset.css"); /* Clean Up */

/* Common */

.center {
	text-align: center;
}

.clear {
	clear: both;
}

.small {
	font-size: .7em;
	padding: 5px 0px 0px 0px;
	color: #a59988;
}

.small a {
	color: #a59988;
}

.small a:hover {
	text-decoration:underline;
}


/* Main */

body {
	background: url(../images/bg-top.png) top center repeat-x;
	background-color: #a7b37e;
	font-family: Arial, Helvetica, sans-serif;
}
#header {
	margin: 20px auto;
	width: 380px;
}
	#header a {
		width: 165px;
		height: 73px;
		cursor:pointer;
	}
	
	#header .logo {
		background:url(../images/logo-header.png);
		width: 165px;
		height: 73px;
		text-indent: -9999px;
	}

#wrapper {
	margin: 0 auto;
	width: 900px;
	overflow: hidden;
}
#box {
	margin:0 auto;
	width: 583px;
	float: left;
}

#charahold {
	background: url(../images/chara-ape.png) no-repeat;
	width: 266px;
	height: 308px;
	float: left;
}

/* Rounded Box */

#box_top {
	font-size: 0px;
	width:583px;
	height:20px;
	background:url(../images/border-top.png) no-repeat;
}
#box_bottom{
	width:583px;
	height:20px;
	background:url(../images/border-bottom.png) no-repeat;
	margin-bottom: -1px;
}
#box_bg {
	width:583px;
	background:url(../images/border-body.png) repeat-y;
}
#box_content{
	padding: 5px 40px 5px 40px;
}

/* Form */

#box label {
	color: #a59988;
	font-size: 1em;
	font-weight: bold;
	display: block;
	padding: 0px 0px 5px 2px;
	margin-top: 30px;
}
#box input.text {
	background: #FFF url(../images/bg-form.gif) repeat-x;
	width: 462px;
	border: 1px solid #e6e4de;
	padding: 5px;
	color: #888;
	margin: 0px 10px;
	font-size:1.1em;
}
#box input.submit {
	border:1px solid #E6E4DE;
	cursor:pointer;
	margin:30px 0 10px;
}
	#box input.submit:hover, #box input.text:hover, #box input.text:focus {
		border: 1px solid #cbd5db;
	}

/* Styling for the content pages */

#page_text {
	font-weight:normal;
	font-size:0.85em;
	margin: 0.5em 0;
	color: #A59988;
}

#page_text h2 {
	margin: 0.8em 0;
	color:#555;
	font-size:1.5em;
}

#page_text h3 {
	margin: 0.7em 0;
	color:#666;
	font-size: 1.4em;
}

#page_text h4 {
	margin: 0.6em 0;
	color:#777;
	font-size:1.25em;
}

#page_text p{
	margin: 0.5em 0;
	line-height:1.4em;
}

#page_text table {
	border:1px solid #A59988;
	margin:0.5em 0;
	width:100%;
}

#page_text table th {
	text-align:left;
	font-weight:normal;
	color:#f5f5f5;
	background:#A59988;
	padding:0.3em;
}

#page_text table td {
	color:#777;
	background:#f5f5f5;
	padding:0.2em 0.3em;
}

#page_text code {
	background-color:#F5F5F5;
	border:1px solid #A59988;
	color:#555555;
	display:block;
	margin:0.5em 0;
	padding:1em;
}

/* input rounded box styling */

.input_top {
	font-size: 0px;
	width:495px;
	height:10px;
	background:url(../images/form-top.gif) no-repeat;
}
.input_bottom{
	width:495px;
	height:10px;
	background:url(../images/form-bottom.gif) no-repeat;
}
.input_bg {
	width:495px;
	background:url(../images/form-body.gif) repeat-y;
}


/* Footer */

#footer-text .footer_links {
	font-size: .7em;
	color: #575f46;
	line-height: 1.5em;
	font-weight: bold;
}
#footer-text .footer_links a {
	color: #FFF;
	text-decoration: none;
}
	#footer-text .footer_links a:hover, #footer-text .footer_links a:active {
		color: #DDD;
		text-decoration: none;
	}

#footer-text {
	float: left;
	width: 365px;
	padding-left: 5px;
	padding-top: 6px;
	text-align: center;
}

#footer-counter {
	background: url(../images/graphic-boxpull.png) no-repeat;
	width: 202px;
	height: 44px;
	float:right;
	padding-right: 10px;
	text-align: center;
	padding-top: 10px;
}

#footer-counter p {
	color: #9c7e65;
	font-weight: bold;
	font-size: .95em;
}

/* Errors */
#shorten_error {
	background:#fff;
	border:1px solid #E6E4DE;
	padding:10px;
	width:475px;
	color:red;
	font-weight:bold;
}

#shorten_error:hover {
	border:1px solid #CBD5DB;
}

/* Success Stuff */

#box #success {
	text-align: center;
	width: 100%;
}

#box #success img {
	padding: 10px 0px 15px 0px;
}


#box #success .getanother {
	border: 1px solid #e6e4de;
	padding: 0px;
	margin-top: 30px;
	margin-bottom: 20px;
}
	#box #success .getanother:hover {
		border: 1px solid #cbd5db;
	}

#box #success .url {
	background: white;
	border: 1px solid #e6e4de;
	padding: 10px;
}

#box #success .url {
	background: white;
	border: 1px solid #e6e4de;
	padding: 10px;
}
	#box #success .url:hover {
		border: 1px solid #cbd5db;
	}

#box #success .url a {
	text-decoration: none;
	color: #7793a6; 
	font-size: 1.1em;
	font-weight: bold;
}
	#box #success .url a:hover, #box #success .url a:active  {
		color: #a8c6d9; 
	}