/** 
    This CSS file is included into <head> of each user template after amember.css
    and before site.css (if it is exists).

    There you can see variable %bgcolor% - it is configured in setup form 
    (see application/default/themes/sample/Theme.php) and now substituted here.
    Files with variables must be added to special list ($publicWithVars) of Am_Theme
    class and these files are routed via special URL. Routed via URL, it is cached
    in browser for 1 hour.

    @link Am_View->printLayoutHead()
*/


.clear { clear: both; }

/* Text  
-----------------------------------------------------------------------------*/ 
     
h1, h2, h3, h4, h5, h6, p, blockquote,
 form, label, ul, ol, dl, fieldset, address, hr, table {
    margin-bottom: 1em;
}

body {
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	height: 100%;
}


a:link { color: #0080FF; }
a:visited { color: #0080FF; }
a:hover { color: #ff0000; }
a:active { color: #00ff00; }
a { text-decoration:none }

/* Navigation 
-----------------------------------------------------------------------------*/ 


#container {
	margin: 0 auto;
	height: 386px;
	background:url(http://mobscripts.com/images/header_background.png) repeat-x;
	
	}
	
#nav {
	margin: 0 auto;
	background:url(http://mobscripts.com/images/navigation.png) no-repeat;
	height: 43px;
	width: 760px;
	list-style: none;
	padding-left: 0px;
	}
	ul#nav li a{
		display: block;
		float: left;
		margin-top: 19px;
		color: #414141;
		font-weight: bold;
		text-decoration:none;
		padding-left: 15px;
		padding-right: 15px;
		}

/* Header 
-----------------------------------------------------------------------------*/ 
		
#header {
	margin: 0 auto;
	width: 760px;
	background:url(http://mobscripts.com/images/header_gradient.png) repeat-y;
	}

#display {
	margin: 0 auto;
	width: 760px;
	height: 265px;
	background:url(http://mobscripts.com/images/display.png) no-repeat;
	}
	#members {
		float: right;
		margin: 20px 5px 5px 3px; /* top, right, bottom, left */
		width: 199px;
		}

/* Homepage 
-----------------------------------------------------------------------------*/ 
	
#content_container {
	background-color: #2D2B2C;
	height: auto;
	}
	#content {
		margin: 0 auto;
		width: 760px;
		height: auto;
		background:url(http://mobscripts.com/images/content_background.png) repeat-y;
		}
		.main {
			display:block;
			margin: 0 auto;
			width: 900px;
			padding: 20px;
			min-height: 400px;
			}
			
		.main_foot {
			display:block;
			float: left;
			margin: 10px;
			width: 525px;
			color: #FFF;
			height: auto;
			}
		.sidebar {
			display:block;
			float: right;
			margin: 8px;
			width: 200px;
			color: #FFF;
			height: auto;
			}
		.am-body{
			
			background-color: #2D2B2C;
			background: #2D2B2C;
		}
		.am-user-identity-block, .am-signup-link{
			color: #ccc;
			margin: 10px;
		}
		#grid-user.grid-wrap, .am-helpdesk{
			color: #ccc;
		}

/* Footer 
-----------------------------------------------------------------------------*/ 
		
#footer_container {
		position:relative;
		margin: 0 auto;
		height: 173px;
		background:url(http://mobscripts.com/images/footer_background.png) repeat-x;
	}
	.footer {
		margin: 0 auto;
		width: 760px;
		padding-top: 15px;
		}
	.copyright {
		position:absolute;
		margin: 0 auto;
		bottom:10px;
		width: 760px;
		color: #FFF;
		}

