/* This controls the width of the fluid width layouts */

div.fluid
{
width: 90% !important;
}

/* This controls the width of the fixed width layouts */

div.fixed
{
width: 960px !important;
}

/* Basic Stuff */

*
{
margin: 0em;
padding: 0em;
}

body
{
background-color: #000;
color: #585858;
font-size: 9pt;
font-family: arial, helvetica, sans-serif;
}

h1,h2,h3,h4,h5,h6
{
font-weight: normal;
letter-spacing: -1px;
}

h3,h4,h5,h6
{
color: #66000F;
}

h1 span
{
font-weight: bold;
}

h3 span
{
font-weight: bold;
}

h4 span
{
font-weight: bold;
}

br.clear
{
clear: both;
}

img
{
/*padding: 3px;
border: solid 1px #e1e1e1;*/
}

img.floatTL
{
float: left;
margin-right: 1.5em;
margin-bottom: 1.5em;
margin-top: 0.5em;
}

a
{
text-decoration: underline;
color: #003366;
}

a:hover
{
text-decoration: none;
}

ul
{
list-style: none;
}

ul li
{
line-height: 2em;
}

p
{
line-height: 1.8em;
}
/*
blockquote{
	background: #EEE url({{templatesroot}}Default_Template/images/blockquote.png) no-repeat bottom left;
	padding: 10px;
	padding-bottom: 40px;
	margin: 1em;
} */

/* 
   CONTAINER: WRAPS THE HEADER AND MAIN CONTENT AREA BELOW THE USER TOOLBAR
*/

div#container {
 margin: 0 auto;
 background-color: #fff;
}

/* Header */

.home #header {
	height: 97px;
	background: url(../images/header_home.jpg) no-repeat left top;
	display: block;
	}
.site #header {
	height: 95px;
	background: url(../images/header_site.jpg) no-repeat left top;
	display: block;
	}


/* Logo */

#logo {
	height: 153px;
	width: 616px;
	display: block;
}

#logo h1 {}

#logo h1 a {
	height: 153px;
	width: 616px;
	display: block;
	text-indent: -9999px;
	background: url(../images/iamsport_logo.jpg) no-repeat left top;
	}


/* Menu */

#search-header {
   position: absolute;
   right: 0.4em;
   top: 0.4em;
}

/* Featured Area */

#featured {
	height: 110px;
	padding: 10px 0 0 20px;
	background: url(../images/woa_bg.jpg) no-repeat left top;
	display: block;	
	}
	#featured a {
		width: 196px;
		height: 100px;
		display: block;
		text-indent: -9999px;
		background: url(../images/featured-trans.png) no-repeat left top;		
		}
		#featured a:hover {
			background: url(../images/featured-trans.png) no-repeat left bottom;
			}
/*---------------------- ELGG Toolbar ----------------------------*/

div#elggtoolbar {
	height:30px;
	top:0;
	left: 0;
	width:100%;
	background-color: #333333;
	color:#000;
	margin:0;
	padding:0 0 4px 0;
}

div#elggtoolbar p {
	margin:0;
	padding:6px 0 0 5px;
	color:#91B6C0;
}

div#elggtoolbar span a {
	color:#ccc;
	border:1px solid #777;
	padding:2px 4px 2px 4px;
}

div#elggtoolbar span a:hover {
	text-decoration:none;
}

div#elggtoolbar img {
	padding:0;
	margin:0 5px 0 0;
	border:0;
}


/* 
	GLOBAL USER OPTIONS: LOGOUT AND ACCOUNT SETTINGS, TOP RIGHT
*/

div#elggtoolbar #global-menuoptions{
	float:right;
	text-align:right;
	color: #FF9933;
	width:300px;
	margin:6px 10px 0 0;
	font-size:0.9em;
}

div#elggtoolbar #global-menuoptions ul {
	margin:0;
	padding:0;
	top: -200px;
}

div#elggtoolbar #global-menuoptions li {
	margin: 0; 
	padding: 0;
	color: #FF9933;
	display: inline;
	list-style-type: none;
	border: none;
}

div#elggtoolbar #global-menuoptions li a{
	text-decoration:underline;
	padding:0 10px 0 0;
	margin:20px 0 0 0;
	color: #6dcff6;
	background:transparent;
}

div#elggtoolbar #global-menuoptions select {
	border: none;
}

div#elggtoolbar #global-menuoptions p {
	padding:0 10px 0 0;
}

div#elggtoolbar #global-menuoptions img {
	padding:0;
	margin:0 10px 0 0;
}

/* 
	USER NAVIGATION: THIS STYLES THE USERS MAIN NAV IN THE TOOLBAR,
	IN DEFAULT ELGG IT SITS OVER ON THE LEFT HAND SIDE
*/

div#elggtoolbar #navigation {
	height: 19px;
	margin: 0px 0 0 4px;
	padding:0;
	text-align:left;
	float:left;
}

div#elggtoolbar #navigation li {
	margin: 0; 
	padding: 3px;
	display: inline;
	list-style-type: none;
	float: left;
}

div#elggtoolbar #navigation a {
	margin: 0 2px 0 0;
	text-decoration: none;
	font-size:90%;
	color:#000;
	background:#efefef;
	border:1px solid #ccc;
	padding:2px 4px 2px 4px;
}

div#elggtoolbar #navigation a:hover {
	background:#B7E8FB;
}

div#elggtoolbar #navigation a.selected {
	color: #B7E8FB;
	background:#000;
	border:1px solid #B7E8FB;
}

			
/*--------------------------- Main -------------------------------*/

.home #content-holder {
	background: url(../images/content_home_bg1.jpg) no-repeat left top;
	height: 527px;
}

#content-holder-inner p {
   margin-bottom: 2.0em;
}

#content-holder-inner ul {
   margin-bottom: 2.0em;
}

#content-holder-inner {
position: relative;
width: 510px;
margin: 0 auto;
}

#content-holder-inner h1,h2,h3 {
position: relative;
}

#content-holder-inner h1 {
font-size: 2.1em;
padding-bottom: 0.1em;
margin-bottom: 1.5em;
color: #66000F;
}

#content-holder-inner h2, h3 {
font-size: 1.2em;
padding-bottom: 0.175em;
margin-bottom: 1.4em;
margin-top: 0.95em;
font-weight:bold;
}

#content-holder-inner h3 {
  font-size:1.4em;
  font-weight:normal;
}

#content-holder-inner .post {
position: relative;
}

#content-holder-inner .post h3 {
position: relative;
font-size: 1.7em;
padding-bottom: 1.2em;
}

#content-holder-inner .post ul.post_info {
list-style: none;
position: absolute;
top: 3em;
font-size: 0.8em;
}

#content-holder-inner .post ul.post_info li {
background-position: 0em 0.2em;
background-repeat: no-repeat;
display: inline;
padding-left: 18px;
}

#content-holder-inner .post ul.post_info li.comments {
background-image: url(/Nonzero-red/images/n6.gif);
margin-left: 1.1em;
}

/* Footer */

#footer {
	width: 950px;
	margin: 0 auto;
	clear: both;
	text-align: center;
	padding: 5px;
	text-transform: uppercase;
	}

.home #footer {
	color: #000;
	padding: 35px 0 0 0;
	}
	.home #footer a {
		color: #000;
		}
.site #footer {
	padding: 60px 0 30px 0;
	margin: 0 auto;
	color: #898989;
	
	}
	.site #footer a {
		color: #898989;
		}
	.site #footer span {
		color: #0076a3;
		padding: 0 15px;
		}
	.site #footer ul {
		list-style-type: none;
		clear: both;
		display: block;
		padding: 0 0 10px 0;
		}
		.site #footer ul li {
			display: inline;
			}
/* Search */

#search {
	width: 195px;
	height: 115px;
	display: block;
	padding: 70px 0 0 0px !important;
	padding: 37px 0 0 0;
	background: url(../images/searchbox_bg-trans.png) no-repeat left top;
	font-size: 11px;
	text-align: center;
	color:#B7E8FB;
	}
	#search a {
		color: #6dcff6;
		}
	#search p {
		padding: 10px 0 0 0;
		}
	#search h2 {
		height: 1px;
		text-indent: -9999px;
		}
#search input.go {
	background: url(../images/go-trans.png) no-repeat left top;
	border: none;
	height: 21px;
	width: 55px;
	display: inline;
	cursor: pointer;
	}
	#search input.go:hover {
	background: url(../images/go-trans.png) no-repeat left bottom;
	}

#search select {
	border: none;
	width: 104px;
	height: 19px;
	font-size: 1.0em;
	padding: 3px 0 3px 3px;
	background: #fff url(../images/dropdown_bg.jpg) no-repeat left top;
	}
input.txtinput {
	border: none;
	width: 154px;
	height: 14px;
	font-size: 1.0em;
	padding: 5px 3px 3px 4px;
	margin: 0 0 4px 0;
	background: url(../images/sidebox_input-trans.png) no-repeat left top !important;
	background-color: #fff;
	}

/* Search */

#login {
	width: 195px;
	height: 218px;
	display: block;
	padding: 50px 0 0 0px !important;
	padding: 0;
	background: url(../images/loginbox_bg-trans.png) no-repeat left top;
	font-size: 11px;
	text-align: center;
	color:#B7E8FB;
	}
	#login a {
		color: #6dcff6;
		}
	#login p {
		padding: 10px 0 0 0;
		text-transform: uppercase;
		}
	#login h2 {
		display: none;
		height: 1px;
		text-indent: -9999px;
		padding: 0;
		margin: 0;
		border-bottom: none;
		}
	#login .lblreplace {
		padding: 0;
		margin: 0;
		height: 1px;
		text-indent: -9999px;
		}
	#login label {
		display: block;
		height: 4px;
		text-indent: -9999px;
		}
	#login input.txtinput {
		margin: 18px 0 7px 0;
		}
#login input.loginbtn {
	background: url(../images/login-trans.png) no-repeat left top;
	border: none;
	height: 44px;
	width: 177px;
	display: block;
	text-align: center;
	cursor: pointer;
	margin: 0 auto;
	}
	#login input.loginbtn:hover {
		background: url(../images/login-trans.png) no-repeat left bottom;
		}

/* LAYOUT - 2 COLUMNS */

	/* Primary content */
	
	.site #splitpane-content {
		position: relative;
		float: left;
		width: 690px;
		padding: 20px 0 0 20px;
		}
	#splitpane-content h1,h2,h3 {
	position: relative;
	}
	
		#splitpane-content h1 {
		font-size: 2.1em;
		padding-bottom: 0.1em;
		margin-bottom: .8em;
		color: #000;
		}
			#splitpane-content h1 a {
				text-decoration: none;
				}
		#splitpane-content h2, h3 {
		font-size: 1.2em;
		padding-bottom: 0.175em;
		margin-bottom: 1.4em;
		margin-top: 0.95em;
		font-weight:bold;
		}
		
		#splitpane-content h3 {
		  font-size:1.4em;
		  font-weight:normal;
		}
		#splitpane-content p {
			padding: 0 0 10px 0;
			}
			#splitpane-content .blue {
				color: #66B6C1;
				}
		#splitpane-content p a {
			color: #66B6C1;
			}
		#splitpane-content ol {
			list-style-position: inside;
			}
		#splitpane-content ul {
			list-style-position: inside;
			list-style-type: disc;
			}
			#splitpane-content ul li {
				padding: 0 0 0 5px;
				}
		
	#splitpane-content-inner {
		position: relative;
		float: left;
		width: 100%;
		margin-right: -15em;
		padding-right: 2em;
		}
	.home #splitpane-content {
		text-indent: -9999px;
		padding: 0;
		margin: 0;
		float: left;
		}
		.home #splitpane-content a.iamsportmail {
			display: block;
			width: 450px;
			height: 50px;
			margin-top: 50px;
			margin-left: 160px;
			background: transparent;
			text-indent: -9999px;
			}
	/* Secondary Content */
	
		.home #splitpane-sidebar {
			width: 210px;
			margin: 0 118px 0 0;
			float: right;
			}
		.site #splitpane-sidebar {
			float: right;
			margin: 12px 0 0 0;
			padding: 0 17px 0 14px;
			border-left: 2px solid #ccc;
			width: 201px;
			}
			.site #sidebar-holder {
				padding: 15px 0 0 0;
				}
				.site #sidebar-holder h2{
					padding: 20px 0 0 0;
					margin: 0 0 5px 0;
					width: 100%;
					border-bottom: solid 1px #999999;
					color: #000;
					font-size: 17px;
					}
			.site #splitpane-sidebar-inner {
				width: 201px;
			}
/* 
   ELGG SPECIFIC CLASSES 
*/

/*
   TABLES IN ELGG
*/

td {
  border:0px solid #eee;
  padding:3px;
  margin:0;
}

td h4, h3, h5 {
  padding:0;
  margin:0;
}

/* 
   BLOGGING ENGINE
*/

.weblog-post {
   margin:20px 0 10px 0;
}

.user {
  float:left;
  margin:5px 10px 10px 0;
  height:120px;
  width:110px;
}

.user img {
   border:1px solid #eee;
   padding:2px;
}

.weblog_keywords p {
   font-weight:bold;
}

.weblog_keywords p a {
   margin:20px 0 0 0;
   padding:0;
   clear:both;
}

.weblog-title {
   margin:10px 0 10px 105px;
}

.weblog-title h3 {
   border:none;
}

.weblog-title a {
   color: #66000F;
   text-decoration:none;
   font-size: 1.2em;
}

.post {
   margin:10px 0 10px 105px;
 }

.info {
  border:1px solid #ccc;
  margin:10px 0 10px 105px;
  clear:both;
}

.info p { 
   padding:0 0 0 10px;
   margin:0;
   color:#990000;
}

.info p a { 
   font-size:0.9em;
   color:#555;
   padding:0;
   margin:0;
}

.weblog_dateheader {
background: url(/Nonzero-red/images/n5.gif) left no-repeat;
padding:0 0 0 15px;
}

/* this is the thin line between the actual post and comments */

#comments {
  margin:0 30px 0 30px;
}

#comments h4 {
  font-size:1.5em;
  background: url(/Nonzero-red/images/n6.gif) left no-repeat;
  padding:0 0 0 15px;
  margin:0 0 10px 0;
}

#comments ol li {
  margin:0 30px 0 30px;
}

#comments-divide {
   height:1px;
   background:#eee;
}

.comment-owner {
    border:1px solid #eee;
    background:#f2f7fb;
    padding:5px;
    margin:20px 0 5px 0;
    height:50px;
    width:550px;
}

.comment-owner img {
   margin:0px 5px 0px 0px;
   text-align:left;
}

.comment-owner a {
   background:#f2f7fb;
}

.comment-owner p {
  padding:0;
  margin:0;
}

/* END OF BLOGGING ENGINE */

/* 
   SUB MENU OPTIONS: THESE WILL BE MOVED TO THE NEW SIDEBAR SHORTLY
*/

div#sub-menu p {
  margin:10px 0 10px 0;
  padding:3px;
  background:#efefef;
  border:1px solid #ccc;
}

div#sub-menu img {
   padding:0;
   margin:0;
   float:left;
 }

/* END OF SUB-MENU DIV */

/*
   SYSTEM MESSAGES 
*/

div#system-message{ 
    border:1px solid #D3322A;
    background:#F7DAD8;
    color:#000;
    padding:3px 50px;
    margin:20px 20px 0 20px;
}

div#system-message p{
   padding:0px;
   margin:2px;
 }
 
 /*** NAV STYLES ***/
#nav {
	height: 40px;
	display: block;
	}
	#nav ul{
		list-style-type: none;
		clear: both;
		margin: 0;
		}
		#nav ul li {
			display: inline;
			float: left;
			}
			#nav ul li a {
				display: block;
				height: 40px;
				text-indent: -9999px;
				}
	/* Homepage Nav */	
	.home #nav {
		background: url(../../_graphics/iamsport/nav_home_bg.jpg) repeat-x left top;
		}
		.home #nav ul{
			padding: 0 0 0 15px;
			}
				.home .nav_vision a {
					width: 148px;
					margin-right: 20px;
					background: url(../../_graphics/iamsport/nav_home_vision.jpg) no-repeat left top;
					}
					.home .nav_vision a:hover {
						background: url(../../_graphics/iamsport/nav_home_vision.jpg) no-repeat left bottom;
						}			
				.home .nav_partners a {
					width: 147px;
					margin-right: 22px;
					background: url(../../_graphics/iamsport/nav_home_partners.jpg) no-repeat left top;
					}
					.home .nav_partners a:hover {
						background: url(../../_graphics/iamsport/nav_home_partners.jpg) no-repeat left bottom;
						}
				.home .nav_company a {
					width: 155px;
					margin-right: 19px;
					background: url(../../_graphics/iamsport/nav_home_about.jpg) no-repeat left top;
					}
					.home .nav_company a:hover {
						background: url(../../_graphics/iamsport/nav_home_about.jpg) no-repeat left bottom;
						}
				.home .nav_store a {
					width: 153px;
					margin-right: 20px;
					background: url(../../_graphics/iamsport/nav_home_store.jpg) no-repeat left top;
					}
					.home .nav_store a:hover {
						background: url(../../_graphics/iamsport/nav_home_store.jpg) no-repeat left bottom;
						}
	
				.home .nav_foundation a {
					width: 246px;
					background: url(../../_graphics/iamsport/nav_home_foundation.jpg) no-repeat left top;
					}
					.home  .nav_foundation a:hover {
						background: url(../../_graphics/iamsport/nav_home_foundation.jpg) no-repeat left bottom;
						}
				
		/* Rest of Site Nav */
		.site #nav {
				background: url(../../_graphics/iamsport/nav_site_bg.jpg) repeat-x left top;
				}
			.site #nav ul{
				padding: 0 0 0 15px;
				}
				.site .nav_vision a {
					width: 148px;
					margin-right: 20px;
					background: url(../../_graphics/iamsport/nav_site_vision.jpg) no-repeat left top;
					}
					.site .nav_vision a:hover {
						background: url(../../_graphics/iamsport/nav_site_vision.jpg) no-repeat left bottom;
						}
				.site .nav_partners a {
					width: 147px;
					margin-right: 20px;
					background: url(../../_graphics/iamsport/nav_site_partners.jpg) no-repeat left top;
					}
					.site .nav_partners a:hover {
						background: url(../../_graphics/iamsport/nav_site_partners.jpg) no-repeat left bottom;
						}
				.site .nav_company a {
					width: 156px;
					margin-right: 20px;
					background: url(../../_graphics/iamsport/nav_site_about.jpg) no-repeat left top;
					}
					.site .nav_company a:hover {
						background: url(../../_graphics/iamsport/nav_site_about.jpg) no-repeat left bottom;
						}
				.site .nav_store a {
					width: 153px;
					margin-right: 20px;
					background: url(../../_graphics/iamsport/nav_site_store.jpg) no-repeat left top;
					}
					.site .nav_store a:hover {
						background: url(../../_graphics/iamsport/nav_site_store.jpg) no-repeat left bottom;
						}
				.site .nav_foundation a {
					width: 246px;
					background: url(../../_graphics/iamsport/nav_site_foundation.jpg) no-repeat left top;
					}
					.site .nav_foundation a:hover {
						background: url(../../_graphics/iamsport/nav_site_foundation.jpg) no-repeat left bottom;
						}

/* MINI NAV */

/*
#mininav {
	height: 25px;
	display: block;
	}
	#mininav a {
		text-indent: -9999px;
		display: block;
		margin: 0;
		padding: 0;
		float: left;
		}
		a.nav_vision {
			width: 229px;
			height: 25px;
			background: url(../_graphics/iamsport/nav_site_vision.jpg) no-repeat left top;
			}
			 a.nav_vision:hover {
				background: url(../_graphics/iamsport/nav_site_vision.jpg) no-repeat left bottom;
				}			
		a.nav_partners {
			width: 211px;
			height: 25px;
			background: url(../_graphics/iamsport/nav_site_partners.jpg) no-repeat left top;
			}
			a:hover.nav_partners  {
				background: url(../_graphics/iamsport/nav_site_partners.jpg) no-repeat left bottom;
				}*/

#signup a {
	width: 504px;
	height: 40px;
	display: block;
	margin: 0 0 0 120px;
	background: url(../images/signup_home.jpg) no-repeat left top;	
	}
	#signup a:hover {
		background: url(../images/signup_home.jpg) no-repeat left bottom;	
		}
		
.right {float: right;}
.clear {
	clear: both;
	}