/*
uhh son! aka This Video Sucks style sheet

URL: 		uhson.com
Created by: 	Foxxyz/Ivo KH Janssen
For:		thirtytwo and stepchild
		Sole Technology
		The Code Dealers
Site Design by:	The Grotto
		
http://codedealers.com

*/

/******************\
| GENERAL STYLES   |
\******************/

* {
	margin: 0;
	padding: 0;
	}

	a img {
		border: none;
		}

	a:link, a:visited {
		color: #F78D1E;
		background-color: inherit;
		text-decoration: none;
		}

	a:hover {
		color: #28ABE2;
		background-color: inherit;
		}

body {
	background: #fff url(/app/css/images/this-video-sucks-bg.jpg) repeat scroll center top;
	color: #414141;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	}
	
.error {
	text-align: center;
	padding: 20px 10px;
	color: #fff;
	background-color: #F78D1E;
	}	
	
	.error p {
		text-align: left;
		padding: 5px;
		}

fieldset {
	border: none;
	}

	form div {
		margin: 7px 300px 20px;
		}

h1 {
	display: block;
	margin: 0 auto;
	width: 865px;
	height: 560px;
	color: inherit;	
	background: transparent url(/app/css/images/this-video-sucks.jpg) no-repeat scroll 0 0;
	}
	
h2 {
	margin: 7px 300px 20px;
	padding: 0 0 10px;
	border-bottom: dashed 1px #447a86;
	font-weight: normal;
	}	

h4 {
	width: 663px;
	height: 82px;
	margin: 0 auto;
	color: inherit;
	background: transparent url(/app/css/images/this-video-sucks-info.png) no-repeat 0 0;
	}
		
hr {
	display: none;
	}

input, textarea {
	border: solid 1px #447a86;
	font-size: 14px;
	padding: 2px 4px;
	color: #b7e0e9;
	background-color: #447a86;
	font-family: Verdana, sans-serif;
	}

	input.submit {
		background-color: #F78D1E;
		color: #fff;
		border: none;
		}

		input.submit:hover {
			background-color: #BC6E14;
			color: #fff;
			}

legend {
	display: none;
	}

p {
	margin-bottom: 1em;
	}

strong {
	background-color: inherit;
	font-weight: bold;
	}

textarea {
	padding: 10px 15px;
	font-size: 18px;
	width: 470px;
	}
	
ul {
	list-style-type: none;
	}	

/******************\
| ID SPECIFICS     |
\******************/

#wrapper {
	position: relative;
	text-indent: -9009px;
	width: 908px;
	margin: 0 auto;
	padding: 70px 0 60px;
	background: transparent url(/app/css/images/this-video-sucks-line.png) repeat-y scroll 0 0;
	color: #414141;
	}

/******************\
| CLASS SPECIFICS  |
\******************/

	.login #wrapper {
		background: #fff;
		border-right: 2px solid #c7c5c5;
		border-bottom: 2px solid #c7c5c5;
		border-left: 1px solid #adaaaa;
		border-top: 1px solid #adaaaa;
		text-indent: 0;
		}

.sites {
	overflow: hidden;
	margin: 45px auto 0;
	width: 877px;
	}
	
	.sites li {
		float: left;
		width: 438px;
		height: 170px;
		}
		
	.sites li#stepchild, .sites li#onboard {
		border-left: 1px solid #000;
		}
		
	.sites li#transworld, .sites li#onboard {
		border-top: 1px solid #000;
		}
		
		.sites li a {
			display: block;
			color: inherit;
			width: 310px;
			height: 93px;
			background: transparent url(/app/css/images/this-video-thirtytwo-logo.png) no-repeat 0 0;
			margin: 50px 0 0 52px;
			}
			
			.sites li a:focus {
				outline-style: none;
				}	
			
			.sites li a:hover {
				background-position: 0 -95px;
				}
	
		.sites li#stepchild a {
			background-image: url(/app/css/images/this-video-step-child-logo.png);
			width: 363px;
			height: 81px;
			margin: 50px 0 0 46px;
			}
			
			.sites li#stepchild a:hover {
				background-position: 0 -83px;
				}
    	
		.sites li#transworld a {
			background-image: url(/app/css/images/this-video-transworld-logo.png);
			width: 290px;
			height: 64px;
			margin: 45px 0 0 62px;
			}

			.sites li#transworld a:hover {
				background-position: 0 -65px;
				}			

		.sites li#onboard a {
			background-image: url(/app/css/images/this-video-onboard-logo.png);
			width: 309px;
			height: 58px;
			margin: 48px 0 0 41px;
			}

			.sites li#onboard a:hover {
				background-position: 0 -61px;
				}