/* Information
	Design Name: Buttonizer Project.
	Author: Robin Ramsak, 2010.
	Copyright: Buttonizer Project, 2010.

	Filename: Stylesheet.css	
	Filesize: 5.31kb

	Created: 20/01-10
	Modified: 25/01-10
*/

/*General*/
* { margin: 0; padding: 0; }
body { background: #333 url('../img/bg/bg.png') repeat; }
h1 { font-size: 120%; }
a { text-decoration: none; }
a:link { color: #00ff33; }
a:visited { color: #00ff33; }
a:hover { color: #00ff33; text-decoration: underline; }
a:active { color: #00ff33; outline: none; }
a:focus { color: #00ff33; outline: none; }
/*End of General*/

/*Layout*/
#page {
	width: 1000px;
	margin: auto;
	margin-top: 20px;
	color: #ddd;
	background: #000;
	border: 5px solid #ccc;
}
#top {
	height: 100px;
	background: url('../img/bg/top.png') repeat-x;
}
#middle {
	padding: 5px;
	margin-bottom: 10px;
	border-bottom: 2px solid #ccc;
}
#bottom  {
	padding: 5px;
	text-align: center;
}
	/*Top*/
#banner {
	float: left;
}
#developers {
	padding: 55px 0 0 0;
	float: right;
}
	/*Middle*/
#button {
	float: left;
}
#redbutton {
	width: 369px;
	height: 340px;
	text-align: center;
	background: url('../img/button/button-link.png') no-repeat;
	cursor: pointer;
}
#quote {
	padding: 10px 20px;
	width: 560px;
	height: 320px;
	margin-bottom: 10px;
	float: left;
	font-size: 200%;
	color: #fff;
	background: #888 url('../img/bg/quotebg.png') repeat;
	border: 2px solid #ccc;
}
#clear {
	clear: both;
}
/*End of Layout*/

/*Design*/
	/*Formatting*/
#tal, .tal {
	text-align: left;
}
#tac, .tac {
	text-align: center;
}
#tar, .tar {
	text-align: right;
}
#st, .st {
	font-weight: bold;
}
	/*Ohter*/
#form {
	padding: 1px 3px;
	margin-left: 5px;
	color: #fff;
	background: url('../img/bg/formbg.png') repeat;
	outline: 4px solid #333;
}
#list {
	padding: 0 0 0 20px;
}
#textarea {
	padding: 1px 3px;
	margin-left: 30px;
	color: #fff;
	background: url('../img/bg/formbg.png') repeat;
	outline: 4px solid #333;
	font-family: helvetica;
	font-size: 100%;
}
/*End Design*/

/*Links*/
#button img:link {
	background: url('../img/button/button-link.png') no-repeat;	
}
#button img:visited {
	background: url('../img/button/button-link.png') no-repeat;
}
#button img:hover {
	background: url('../img/button/button-hov.png') no-repeat;
}
#button img:active {
	background: url('../img/button/button-act.png') no-repeat;
}
img.btn {
	border: none;
}
img.noborder {
	border: none;
}
/*End Links*/