/*  LAYOUT ----------------------------------------------- */
	* { font-family: arial; outline:none; }
  a { color:#999; text-decoration:none; }
  
  ul li { list-style:none; }

	.clear { clear:both; }
  
	html
	{
		height:100%;
	}
  body
  {
    background:#ffffff;
    padding:0;
  	margin:0;
  }
  body.admin
  {
    background:url('/static/images/admin-body-bg.jpg') top repeat-x;
  }
  body.client
  {
    background:url('/static/images/client-body-bg.jpg') top repeat-x;
  }
  #wrapper
  {
 		width:1024px;
    height:auto;
		display: block;
    margin-left: auto;
    margin-right: auto;
  }
	#header
	{
		width:100%;
		height:90px;
	}
  body.admin #header,
  body.client #header
  {
	  height:129px;
  }
  #header #logo
  {
    margin-left:33px;
    margin-right:31px;
		width:189px;
		height:50px;
    float:left;
  }
  #header #logo a img
  {
    border:0;
    margin-top:23px;
  }
  #header div#logo.active a img
  {
    margin-top:18px;
    
  }
  
/*  SEO ------------------------------------------------- */
  #logo span#welcome
  {
		display:none;
  }

/*  PRIMARY NAV ------------------------------------------ */
  #header #primary_nav
  {
    float:left;
    width:500px;
    margin-left:40px;
  }
  #header #primary_nav ul
  {
    margin:0;
    padding:0;
  }
  #header #primary_nav ul li
  {
    float:left;
    list-style:none;
    margin:0;
    padding:0;
    color:#666;
    text-align:bottom;
  }
  
  #header #primary_nav ul li a
  {
    color:#666;
    display:block;
    margin-top:40px;
    font-size:14px;
		letter-spacing:1px;
    text-decoration:none;
    text-transform:uppercase;
  }
  body.client #header #primary_nav ul li a
  {
    color:#fff;
  }
  body.admin #header #primary_nav ul li a
  {
    font-size:12px;
    line-height:20px;
		letter-spacing:0px;
  }
  #header div#logo.active,
  #header #primary_nav ul li.p_nav_item_active
  {
	  border-top:5px solid #f90;
  }
  body.admin #header div#logo.active,
  body.client #header div#logo.active,
  body.admin #header #primary_nav ul li.p_nav_item_active,
  body.client #header #primary_nav ul li.p_nav_item_active
  {
	  border-top:5px solid #fff;
  }
  #header #primary_nav ul li.p_nav_item_active a
  {
		color:#f90;
    margin-top:35px;
  }
  
  body.admin #header #primary_nav ul li a,
  body.client #header #primary_nav ul li a
  {
    color:#fff;
  }
  #header #primary_nav ul li a:hover
  {
    color:#000;
  }
  #header #primary_nav ul li.p_nav_item_active a:hover
  {
    color:#f90;
  }
  body.admin #header #primary_nav ul li.p_nav_item_active a:hover,
  body.client #header #primary_nav ul li.p_nav_item_active a:hover
  {
    color:#fff;
  }

  #primary_nav ul li#p_nav_portfolio	{ margin-left:10px; }
  #primary_nav ul li#p_nav_about			{ margin-left:35px; }
  #primary_nav ul li#p_nav_blog			  { margin-left:36px; }
  #primary_nav ul li#p_nav_contact		{ margin-left:31px; }

/*  LOGIN LINK ------------------------------------------ */
	#login_menu
	{
		float:left;
		width:70px;
		margin:42px 0 0 115px;
		padding:0;
	}
	#login_link,
	#logout_link
  {
    color:#999;
    font-size:9px;
		width:80px;
  }
  
  body.admin #logout_link a,
  body.client #logout_link a
  {
    color:#fff;
  }
	#login_link p,
	#logout_link p
  {
		font-size:9px;
		letter-spacing:.2px;
		line-height:10px;
		cursor:pointer;
		margin:0;
		padding:0;
  }
	#login_pane
	{
		background:url('/static/images/loginbar-bg.jpg') no-repeat top center #ff9900;
		height:25px;
	}
	#login_pane_ui
	{
	  width:300px;
    height:25px;
		display: block;
    margin-left: auto;
    margin-right: auto;
  	position:relative;
	  left:355px;
	  background:blue;
    background:url('/static/images/loginbar-form-bg.png') no-repeat top left;
	}
	#login_pane_ui form
	{
    height:25px;
	}
	#login_pane_ui #username_input
  {
    width:110px;
    height:14px;
    border:none;
    font-size:12px;
    background:none;
    margin-left:8px;
    position:relative;
    top:-1px;
  }
  #login_pane_ui #password_input
  {
    width:110px;
    height:14px;
    border:none;
    font-size:12px;
    background:none;
    margin-left:2px;
    position:relative;
    top:-1px;
  }
  #login_pane_ui #login_pane_submit
  {
    width:20px;
    height:18px;
    position:relative;
    top:3px;
    margin-left:10px;
  }
  #welcome_user
  {
  }
  
/*  MAIN CONTAINER -------------------------------------- */
  #body
  {
    min-height:500px;
    height:auto;
    clear:both;
		display: block;
    margin-left: auto;
    margin-right: auto;
		position:relative;
  }
  
/*  FOOTER ---------------------------------------------- */
	#footer
	{
		background-color:#fff;
		color:#666;
	  border-bottom:#f90 5px solid;
		width:100%;
		
		position:fixed;
		left:0px;
		bottom:0px;
		/*
    */
    margin-left: auto;
    margin-right: auto;
		text-align:center;
		font-size:9px;
		font-weight:bold;
		letter-spacing:2.7px;
		padding:5px 0;
		font-family:Arial;
	}
	#footer a
	{
		font-family:Arial;
		color:#666;
	}
	#footer a:hover
	{
		color:#f90;
	}
	#footer em
	{
		color:#f90;
		font-style:normal;
	}
                
/* HEADERS ---------------------------------------------- */
  h1
  {
    margin:0 0 10px 0;
    padding:0;
    font-size:34px;
    font-weight:normal;
    color:#ccc;
  }
	
/*  FORMS ------------------------------------------------ */
  textarea, input[type=text], input[type=password]
  {
    border:1px solid #ff9900;
    background: url('/static/images/global-forms-textareabg.png') #fff;
    padding:3px;
    font-size:12px;
  }
	div.field_wrap {
    margin:10px;
    clear:both;
  	color:#f90;
    min-height:42px;
  }
  div.tile_wrap {
    clear:both;
  	margin-bottom:20px;
  }
  div.tile {
    float:left;
    width:200px;
    min-height:42px;
    margin:10px;
  }

/*  FORMS ------------------------------------------------ */  
  
  div#admin_actions
  {
    clear:both;
  }
  
  div#admin_actions a.admin_action_button,
  a.admin_action_button
  {
    padding:2px 4px 1px 4px;
  	color:#f90;
  	font-size:12px;
    background:url('/static/images/global-forms-adminbtn-bg.png') #ffbf5e;
  }
  div#admin_actions a.admin_action_button:hover,
  a.admin_action_button:hover
  {
    background:#f90;
  	color:#ffeecc;
  }

/*  SIFR ------------------------------------------------- */
	.sIFR-dummy { 
	  width: 0px;
	  height: 0px;
	  margin-left: 42px !important;
	  z-index: 0;
	}

/** ADMIN ------------------------------------------------ */
	#edit_form
	{
	  color:#999;
	}
	#edit_form img
	{
	  border:1px solid #f90;
	}
	#edit_form input,
	#edit_form textarea
	{
		width:400px;
	}
	#edit_form p
	{
		margin:10px 0 5px 0;
		padding:0;
		font-size:10px;
		text-transform:uppercase;
	}
	

/** CONTEXT MENUS ------------------------------------------------ */
  div.contextMenu
  {
  	position: absolute;
  	top: 0;
  	left: 0;
  	font-family: verdana;
  }
  div.contextMenu a
  {
    display: block;
    text-decoration: none;
    cursor: pointer;
    outline: none;
    font-size: 11px;
      padding:2px 4px 1px 4px;
    	color:#f90;
    	font-size:12px;
      background:url('/static/images/global-forms-adminbtn-bg.png') #ffbf5e;
  }
  div.contextMenu a:hover
  {
    background: #f90;  
  	color:#fff;
  }
  div.contextMenu .separator {
  	height: 1px;
  	padding: 0;
  	overflow: hidden;
  }