/*
---------------------------------------------------------------------------------
	ONEHUB.com | Landing Page 01.r01
	-----------------------------------------------
	Created: August '08
	Last updated: 09.16.2008 / swalker
	-----------------------------------------------
	
	Design / Code:
	Stephen M. walker II { swalker@onehub.com }
	
---------------------------------------------------------------------------------
*/


/* Basics
--------------------------------------------------------------------------------- */

*													{ margin: 0 auto; padding: 0; }
abbr											{ border: 0; }
body 											{ background: url('bg-body.jpg') #313b4c top center no-repeat; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; }
.left											{
	float: left;
	color: #999;
}
.right										{ float: right; }


/* Framework
--------------------------------------------------------------------------------- */

#container 								{ width: 962px; padding: 0 10px; }

#header 									{ height: 80px; padding-bottom: 30px;}
#header #logo							{ width: 260px; height: 45px; background: url('bg-logo.png') no-repeat; float: left; margin-top: 32px; }
#header #logo a						{ display: block; width: 198px; height: 45px;}
#header #logo a span			{ visibility: hidden; display: none; }
#header #slogan						{ width: 651px; height: 54px; background: url('bg-slogan.png'); float:right; margin-top: 36px; }
#header #slogan span			{ visibility: hidden; display: none; }

#slideshow 								{ background: url('bg-slideshow.png') no-repeat; width: 962px; min-height: 400px; position:relative; }
#slideshow a span					{ visibility: hidden; display: none; }
.slide-button a						{ display: block; width: 67px; height: 67px; }
#slide-left								{ width: 67px; height: 67px; top: 167px; left: -33px; position: absolute; background: url('btn-slide-left.png'); }
#slide-right							{ width: 67px; height: 67px; top: 167px; right: -33px; position: absolute; background: url('btn-slide-right.png'); }

.ss-object								{ width: 886px; height: 393px;  }
.ss-object span						{ visibility: hidden; display: none; }
#slide-connect						{ background: url("bg-connect.png") no-repeat center 30px;}
#slide-share							{ background: url("bg-share.png") no-repeat center 30px;}
#slide-customization			{ background: url("bg-customize.png") no-repeat center 30px;}
#slide-collaborate				{ background: url("bg-collab.png") no-repeat center 30px;}

#signup		 								{
	background: url('bg-signup3.png') #a6a6a6 no-repeat bottom center;
	color:#152705;
	width: 900px;
	border-top: 1px solid #CCC;
	padding: 30px;
	font-size: 12px;
}
#signup-title							{ background: url('bg-txt-signup.png') no-repeat; width: 131px; height: 46px; display: block; float: left; margin-bottom: 15px; }
#signup-title span				{ visibility: hidden; display:none; }
#signup-text							{ width: 200px; float: left; clear: left; }
#signup a									{ color:#0f0f0f; text-decoration: none; }
#signup a:hover						{ color:#000; text-decoration: none; }
#signup p.required				{ font-size: 0.8em; padding: 0 0 10px 0; color: #0a1401; }

form, fieldset						{ border: none; }
form h3										{ font-size: 1.6em; color:#363; margin-bottom: 10px; }
ol												{ list-style: none; border-bottom: 1px solid #51792b; padding-bottom: 15px; margin-bottom: 15px; }
ol li											{ display: inline; float: left; padding-bottom: 10px; width: 180px; }
ol hr											{ color: #649330; height: 1px; background: #649330; border: 0; margin: 10px 0; display: none; visibility: hidden; }
input											{ width: 160px; padding: 2px 2px; }
input[type=checkbox]			{ margin: 3px 5px 0 0; width: auto; }
input[type=image]					{ width: auto; }
textarea					{ font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; padding: 2px 2px;  }

.checkbox									{ width: 290px; padding: 0 0 0 20px; }
.checkbox label						{ color: #162805; }

.message									{ padding: 10px; border: 5px solid #666; font-size: 0.8em; margin: 0 0 10px 0; }
.alert p								  { color: #333; font-size: 1.4em; }
.message ul								{ list-style: none; padding-top: 10px;}
.message ul a							{ text-decoration: underline; }
.fieldWithErrors input		{ background: #ffb4b4; }
.terms a									{ font-weight: bold;  }

#footer		 								{ color:#adcbf5; padding: 20px 30px; font-size: 0.72em; margin-bottom: 15px; }
#footer a									{
	color: #CCC;
	border-bottom: 1px dotted #adcbf5;
}
#footer a:hover						{
	color: #999;
	border-bottom: 1px solid #fff;
}
#footer ul								{ list-style: none; }
#footer ul li							{ border-right: 1px solid #07264d; display: inline; float: left; padding: 0 10px; }
#footer ul li.last				{ border-right: none; }

/* ssmcimain alternate version styles
----------------------------------------------- */
.ssmcimain #slideshow 		{
	background: url('bg-slideshow.png') no-repeat;
	width: 942px;
	min-height: 30px;
	position:relative;
	padding: 10px;

}
.ssmcimain #slideshow p	{ font-size: 1.4em; color: #cfcfcf; }
.ssmcimain #signup-form	{ width: 880px; margin-left: 10px; float: left; }
.ssmcimain input				  { font-size: 1em; }
.ssmcimain input#email_address_address	 { width: 250px; }
.ssmcimain input[type=text] { padding: 8px 6px; }
.ssmcimain input[type=password] { padding: 8px 6px; }
.ssmcimain #create_account li { margin-right: 10px; }

/* positioniseverything clearfix
----------------------------------------------- */

.clearfix:after 								{ content: ".";display: block;height: 0;clear: both;visibility: hidden; }
.clearfix 											{ display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix 								{ height: 1%; }
.clearfix 											{ display: block; }
/* End hide from IE-mac */


.underlinemenu{
font-weight: bold;
width: 100%;
}

.underlinemenu ul{
padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
margin: 0;
text-align: right; //set value to "left", "center", or "right"*/
}

.underlinemenu ul li{
display: inline;
}

.underlinemenu ul li a{
color: #FFF;
padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
margin-right: 20px; /*spacing between each menu link*/
text-decoration: none;
border-bottom: 3px solid #333; /*bottom border is 3px*/
}

.underlinemenu ul li a:hover, .underlinemenu ul li a.selected{
border-bottom-color: gray;
}

.Header {
	font-size: 38px;
	font-weight: normal;
	color: #313B4C;
	font-family: Georgia, "Times New Roman", Times, serif;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #313B4C;
}
ul {
	list-style-type: square;
	list-style-position: inside;
}
.morevideos {
	font-size: 12px;
	text-align: center;
}

/* BUTTONS */

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#d3d7dc;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#323a4d;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#a1b3c9;
    border:1px solid #c2e1ef;
	text-decoration:none;
    color:#336699;
}
.buttons a:active{
    background-color:#d3d7dc	;
    border:1px solid #6299c5;
    color:#323a4d;
	text-decoration:none;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* Rounded button css */

a.button{
background:url(icons/button.gif);
display:block;
color:#555555;
font-weight:bold;
height:30px;
line-height:29px;
margin-bottom:14px;
text-decoration:none;
width:191px;
}
a:hover.button{
color:#0066CC;
}

/* -------------------- */
/* CLASSES */
/* -------------------- */
.add{
background:url(icons/add.gif) no-repeat 10px 8px;
text-indent:30px;
display:block;
}
.delete{
background:url(icons/delete.gif) no-repeat 10px 8px;
text-indent:30px;
display:block;
}
.user{
background:url(icons/user.gif) no-repeat 10px 8px;
text-indent:30px;
display:block;
}
...