/* ------------------------------------------------------------
SpinXpress.com
Designed by Michael Verdi
last update: Mar 06, 2007
Copyright 2007, Outhink, Inc.
----------------------------------------------------------- */

/* Let's set stuff up ------------------------------------- */

/* Zero the defaults */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a {
	margin: 0;
	padding: 0;
	border: 0;
}

/* Our defaults */
body {
	font-size: 100.01%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color:#333333;
	background-image:url(/images/grad_bkd.gif);
	background-repeat:repeat-x;
	background-color:#e1e1e1;
}

/* Jello - This centers a fixed-width design */
#wrapper {
	width:750px;
	margin-left: auto;
	margin-right: auto;
}

img {
	border:none;
}

.icon {
	margin-right:5px;
	border:1px solid #333333;
}

.icon a {
	border:1px solid #adcf00;
}

.functions {
	margin-left:5px;
	margin-right:5px;
}

/* Typography */

a {
	color:#0066FF;
	text-decoration:none;
	font-weight:bold;
}

a:hover {
	color:#adcf00;
	text-decoration:underline;
}


h1 {
	font-size:200%;
	font-weight:bold;
	margin:5px 15px 3px 15px;
}

h2 {
	font-size:115%;
	font-weight:bold;
	margin:5px 15px 3px 15px;
}

h3 {
	font-size:100%;
	font-weight:bold;
	margin:5px 15px 3px 15px;
}

h4 {
	font-size:90%;
	font-weight:bold;
}

p {
	padding:0 15px 15px 15px;
}

em {
	font-weight:bold;
	font-style:normal;
}
.private a {
	color:#ff0033;
}

.private a:hover {
	color:#adcf00;
}

.fineprint {
	color:#999999;
	font-size:70%;
}

.lineout {
	text-decoration:line-through;
}

/* End of Typography */

/* Done setting stuff up ----------------------------------- */



/* Layout -------------------------------------------------- */

/* Header - logo, nav, login, and system messages */
#header {
	position:relative;
	top:0;
	width:750px;
}

#id {
	position:absolute;
	top:0;
	width:358px;
}

#login {
	position:absolute;
	top:0;
	left:640px;
	width:110px;
	height:83px;
	background-image:url(/images/loginbkd.gif);
	background-repeat:no-repeat;
}

#loginform {
	position:absolute;
	top:21px;
	left:2px;
}

#loggedin {
	position:relative;
	top:25px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:80%;
}

#loggedin a {
	color:#333333;
}

#loggedin a:hover {
	color:#CCFF00;
}


.loginform {
	font-size:70%;
	height:12px;
	margin:0 5px 0 5px;
}

.loginbutton a {
	display:block;
	width: 30px;
	height:47px;
	position:absolute;
	top:17px;
	left:75px;
	background:url(/images/loginbutton.gif) 0 -47px no-repeat;
}

.loginbutton a:hover { 
	background-position: 0 0;
	background-color:transparent;
}

.downloadit a {
	display:block;
	width: 266px;
	height:83px;
	position:absolute;
	top:0;
	left:358px;
	background:url(/images/downloadit.gif) 0 -83px no-repeat;
}

.downloadit a:hover { 
	background-position: 0 0;
	background-color:transparent;
}

/* These are the nav tabs with rollovers. Absolute positioning used for IE6 */
.home a {
	display:block;
	width:55px;
	height:20px;
	position:absolute;
	top:72px;
	left:60px;
	background:url(/images/home.gif) 0 -20px no-repeat;
}

.home a:hover {
	background-position: 0 0;
	background-color:transparent;
}

.download a {
	display:block;
	width:79px;
	height:20px;
	position:absolute;
	top:72px;
	left:115px;
	background:url(/images/download.gif) 0 -20px no-repeat;
}

.download a:hover {
	background-position: 0 0;
	background-color:transparent;
}

.getmedia a {
	display:block;
	width:79px;
	height:20px;
	position:absolute;
	top:72px;
	left:194px;
	background:url(/images/getmedia.gif) 0 -20px no-repeat;
}

.getmedia a:hover {
	background-position: 0 0;
	background-color:transparent;
}

.resources a {
	display:block;
	width:83px;
	height:20px;
	position:absolute;
	top:72px;
	left:273px;
	background:url(/images/resources.gif) 0 -20px no-repeat;
}

.resources a:hover {
	background-position: 0 0;
	background-color:transparent;
}

.videoblog a {
	display:block;
	width:79px;
	height:20px;
	position:absolute;
	top:72px;
	left:356px;
	background:url(/images/videoblog.gif) 0 -20px no-repeat;
}

.videoblog a:hover {
	background-position: 0 0;
	background-color:transparent;
}

.developers a {
	display:block;
	width:87px;
	height:20px;
	position:absolute;
	top:72px;
	left:435px;
	background:url(/images/developers.gif) 0 -20px no-repeat;
}

.developers a:hover {
	background-position: 0 0;
	background-color:transparent;
}

.aboutus a {
	display:block;
	width:79px;
	height:20px;
	position:absolute;
	top:72px;
	left:522px;
	background:url(/images/aboutus.gif) 0 -20px no-repeat;
}

.aboutus a:hover {
	background-position: 0 0;
	background-color:transparent;
}

.down {
	background-position: 0 0; /* for button down state on  current page */
}

/* End of the nav tabs */

/* This is for System Messages */
#system {
	position:absolute;
	top:65px;
	font-size:70%;
	color:#FF0000;
}

/* End of Header */

/* Main Content */
/* This is the same as sx.main.css except for the postion of the maincontentwrapper div */
#maincontentwrapper {
	position:relative;
	top:20px;
	left:0px;
	width:750px;
}
/* This is the same as sx.main.css except for the postion of the maincontentwrapper div */

/* SpinSidebar */
#spinsidebar {
	width:110px;
	float:right;
	margin-bottom:50px;
}

#spinsidebartop a:hover {
	background-color:transparent;
}

.searchform {
	font-size:70%;
	height:12px;
	margin:0 5px 5px 5px;
}

#spinsidebarmid {
	background-image:url(/images/sidebarsides.gif);
	font-size:70%;
	padding-left:8px;
	padding-right:8px;
	line-height:150%;
}


.sidebarheadtop {
	border:none;
}

.sidebarhead {
	border:none;
	margin-bottom:4px;
}

.sidebartext {
	top:-4px;
	position:relative;
}
/* End of SpinSidebar */

.filelistitem {
	margin:10px 20px 0 20px;
	font-size:130%;
}

.filelisttitle {
	top:-2px;
	position:relative;
}

.filelistdetails {
	margin:0 20px 5px 20px;
	font-size:75%;
}

.preview {
	margin:0 20px 5px 20px;
	background-image:url(/images/loading.gif);
	background-repeat:no-repeat;
	height:130px;
	width:200px;
}

.singleclear {
	width:624px;
	float:left;
}

/* End of Main Content */

/* Get Started */
#gsheader {
	position:relative;
	top:0px;
	width:750px;
	height:84px;
}

#gslogo {
	position:relative;
	width:750px;
	z-index:100;
}

.get a {
	display:block;
	width:83px;
	height:21px;
	position:absolute;
	top:30px;
	left:400px;
	z-index:100;
	background:url(/images/gsget.gif) 0 -21px no-repeat;
}

.get a:hover {
	background-position: 0 0;
	background-color:transparent;
}

.getdown {
	display:block;
	width:83px;
	height:21px;
	position:absolute;
	top:30px;
	left:400px;
	z-index:100;
	background:url(/images/gsget.gif) 0 -21px no-repeat;
}

.share a {
	display:block;
	width:93px;
	height:21px;
	position:absolute;
	top:30px;
	left:483px;
	z-index:100;
	background:url(/images/gsshare.gif) 0 -21px no-repeat;
}

.share a:hover {
	background-position: 0 0;
	background-color:transparent;
}

.sharedown {
	display:block;
	width:93px;
	height:21px;
	position:absolute;
	top:30px;
	left:483px;
	z-index:100;
	background:url(/images/gsshare.gif) 0 -21px no-repeat;
}

.publish a {
	display:block;
	width:110px;
	height:21px;
	position:absolute;
	top:30px;
	left:576px;
	z-index:100;
	background:url(/images/gspub.gif) 0 -21px no-repeat;
}

.publish a:hover {
	background-position: 0 0;
	background-color:transparent;
}

.publishdown {
	display:block;
	width:110px;
	height:21px;
	position:absolute;
	top:30px;
	left:576px;
	z-index:100;
	background:url(/images/gspub.gif) 0 -21px no-repeat;
}


#left {
	width:340px;
	float:left;
}
#blog {
	width:350px;
	float:right;
}

#blog img {
	margin:10px 10px 5px 0;
}
#feed {
	padding-left:10px;
	padding-right:10px;
	max-height:460px;
	_height:460px;
	overflow:hidden;
}
#more {
	padding:10px;
}
#intro {
	padding-left:10px;
	padding-right:10px;
}
#video {
	padding:10px;
}

#adspace {
	width:600px;
	height:120px;
	clear:both;
	margin:auto;
	background-color:#FFFFFF
}

/* End of Layout ------------------------------------------- */