/* CSS Document for tonyleodesign.com - by Tony! Leo */

/*
Table of Contents--
	1. Resets
	2. General
	3. Basic Theming
*/

/* 1. Resets */

html,body,div,span,a,img,h1,h2,h3,h4,h5,h6,p,blockquote,q,cite,abbr,acronym,caption,address,strong,strike,del,big,small,font,dfn,ins,kbd,s,samp,tt,var,pre,code,dfn,var,iframe,applet,object,fieldset,form,label,legend,dl,dt,dd,ul,ol,li,table,caption{
	border: 0;
	font-family: inherit;
	font-style:inherit; 
	font-weight:inherit;
	margin:0;
	outline: 0;
	padding:0;
	vertical-align: top;}
caption,th,td {text-align:left}
table {
	border-collapse:collapse;
	border-spacing:0;}
blockquote:before,blockquote:after,q:before,q:after {content:''}

/*----------------------------------------------------------------------*/

/* 2. General */

strong {
	font-weight: bold; }
em {
	font-style: italic; }
cite {
	font-style: italic;
	font-weight: bold; }
.clear {
	clear:both; }
.green {
	color: #a2cd3a; }
.gray {
	color: #686868; }
.left {
	float: left; }
.right {
	float: right; }

/* --------------------------------------------- */

/* 3. Theming */	

body {
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 1.3em;
	overflow-x: hidden; }
a {
	background-color: #d0e992;
	color: #333;
	text-decoration: underline; }
a:hover {
	text-decoration: none; }
.code {
	background: transparent url('/img/code.gif') no-repeat;
	height: 15px;
	text-indent: -100000px;
	width: 44px; }
h1 {
	background: transparent url('/img/tonyisawesome.gif') no-repeat;
	color: #a2cd3a;
	font-family: "Barlow by Thunderpanda ver 01", Helvetica, sans-serif;
	font-size: 59px;
	height: 51px;
	margin: 10px 0 20px;
	text-indent: -100000px;
	width: 521px; }
h2 {
	font-family: "Barlow by Thunderpanda ver 01", Helvetica, sans-serif;
	font-size: 36px;
	line-height: 1.1em;
	margin-bottom: 15px; }
p {
	margin: 0 15px 10px 0; }
#footer p {
	margin-bottom: 0; }
#wrap {
	height: 625px;
	margin: 0 auto;
	overflow:hidden;
	width: 900px; }
#content {
	height: 477px;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 9000px; }
.slide {
	height: 477px;
	float: left;
	margin-top: 40px;
	padding-left: 10px;
	width: 900px; }
#footer {
	font-size: 12px;
	margin: 5px auto;
	width: 880px; }
.gutter {
	margin-right: 10px; }
.col1 {
	width: 285px; }
.col2 {
	width: 290px; }
.col3 {
	width: 285px; }
.span2 {
	width: 585px; }
.span3 {
	width: 880px; }
label {
	clear: both;
	color: #686868;
	float: left;
	font-size: 12px;
	margin: 5px 8px 0 0;
	text-align:right;
	width: 70px; }
input.text {
	background: transparent url('/img/textinput.gif') no-repeat;
	border: none;
	color: #686868;
	float: left;
	height: 26px;
	padding: 0 5px 0 5px;
	width: 155px; }
input.text:focus, input.text:active {
	outline:none; }
textarea {
	background: transparent url('/img/textareainput.gif') no-repeat;
	border: none;
	color: #686868;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	height: 75px;
	overflow:hidden;
	padding: 5px 10px 10px 6px;
	resize:none;
	width: 170px; }
textarea:focus, textarea:active {
	outline:none; }
input.submit {
	background: transparent url('/img/send.gif') no-repeat;
	border: none;
	clear: both;
	float: left;
	font-family: "Barlow by Thunderpanda ver 01", Helvetica, sans-serif;
	font-size: 36px;
	height: 28px;
	margin: 0 0 0 75px;
	text-indent: -100000px;
	width: 67px; }
input.submit:hover {
	background: transparent url('/img/send2.gif') no-repeat; }
#tony {
	border: 1px solid #a2cd3a;
	height: 435px; 
	width: 283px; }
.feature {
	border: 1px solid #a2cd3a;
	height: 435px;
	width: 583px; }
.feature img {
	border: 1px solid #dcdcdc;
	height: 393px;
	margin: 20px 10px;
	width: 563px; }
#details {
	height: 385px; }
#nav {
	margin-top: 15px; }
a.previous {
	background: transparent url('/img/previous.gif') no-repeat;
	display: inline-block;
	height: 30px;
	width: 150px;
	text-indent: -100000px; }
#nav a.next {
	background: transparent url('/img/next.gif') no-repeat;
	display:inline-block;
	height: 30px;
	text-indent: -100000px;
	width: 115px; }
.notice {
	background-color: #333;
	border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px;
	display:none;
	opacity: .9;
	padding: 20px 10px 10px;
	position:fixed;
	margin-left: 600px;
	top:0px;
	z-index:100; }
.notice p {
	color: #fff;
	float:left;
	font-size: 14px;
	margin: 5px 5px 0 0;
	text-align: right; }
.notice .bigger {
	font-size: 18px; }
	
/* ----------------------------------------------------- */

/* 4. Image Replaced H2s */

h2#whoiam {
	background: transparent url('/img/whoiam.gif') no-repeat;
	height: 27px;
	text-indent: -100000px;
	width: 135px; }
h2#sayhello {
	background: transparent url('/img/sayhello.gif') no-repeat;
	height: 27px;
	text-indent: -100000px;
	width: 142px; }
h2#messagesent {
	background: transparent url('/img/messagesent.gif') no-repeat;
	height: 27px;
	text-indent: -100000px;
	width: 216px; }
h2#oops {
	background: transparent url('/img/oops.gif') no-repeat;
	height: 32px;
	text-indent: -100000px;
	width: 85px; }