/*  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:#241919;
    padding:0;
  	margin:0;
  }
  body.admin
  {
    background:url('/static/images/admin-body-bg.jpg') top repeat-x #241919;
  }
  body.client
  {
    background:url('/static/images/client-body-bg.jpg') top repeat-x #241919;
  }
  #wrapper
  {
 		width:1024px;
    height:auto;
		display: block;
    margin-left: auto;
    margin-right: auto;
  }
	#header
	{
		width:100%;
		height:90px;
	}
  body.admin #header,
  body.client #header
  {
  }
  #header #logo
  {
    margin-left:46px;
    margin-right:31px;
		width:250px;
    float:left;
  }
  #header #logo a img
  {
    border:0;
    margin-top:29px;
  }
  
/*  SEO ------------------------------------------------- */
  #logo span#welcome
  {
		display:none;
  }

/*  PRIMARY NAV ------------------------------------------ */
  #header #primary_nav
  {
    float:left;
    width:500px;
    margin-left:8px;
  }
  #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:#fff;
    display:block;
    padding:4px;
    margin-top:52px;
    font-size:14px;
    font-weight:bold;
		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
  {
    margin-top:55px;
    font-size:11px;
		letter-spacing:0px;
  }
  #header #primary_nav ul li.p_nav_item_active a
  {
    padding-bottom:0;
  }
  
  #header #primary_nav ul li.p_nav_item_active div.underline
  {
	  border-bottom:3px solid #ccc;
	  margin:0 4px 0 4px;
  }
  body.client #header #primary_nav ul li.p_nav_item_active div.underline
  {
	  border-bottom:3px solid #fff;
  }
  
  
  #header #primary_nav ul li.p_nav_item_active a
  {
		color:#a8d5d6;
    margin-bottom:2px;
  }
  
  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:#fff;
    background-color:#a8d5d6;
  }
  body.client #header #primary_nav ul li a:hover
  {
    background-color:#a8d5d6;
  }
  #header #primary_nav ul li.p_nav_item_active a:hover
  {
    color:#a8d5d6;
    background:none;
  }
  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:8px; }
  #primary_nav ul li#p_nav_about			{ margin-left:33px; }
  #primary_nav ul li#p_nav_blog			  { margin-left:33px; }
  #primary_nav ul li#p_nav_contact		{ margin-left:29px; }

/*  LOGIN LINK ------------------------------------------ */
	#login_menu
	{
		float:left;
		width:70px;
		margin-top:61px;
		margin-left:38px;
		padding:0;
	}
	
	#login_link,
	#logout_link
  {
    width:100px;
  }
  
	#login_link p,
	#logout_link p
  {
    color:#A8D5D6;
		font-size:9px;
		letter-spacing:.5px;
		line-height:10px;
		cursor:pointer;
		margin:0;
		padding:0;
		text-align:right;
  }

  body.client #logout_link a
  {
    color:#fff;
		margin:0px 0 0 0px;
  }
  
	#login_pane
	{
		background:url('/static/images/loginbar-bg.jpg') no-repeat top center #99cccc;
		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:#a8d5d6 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:#a8d5d6;
	}
	#footer em
	{
		color:#a8d5d6;
		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 #a8d5d6;
    background: url('/static/images/global-forms-textareabg.png') #fff;
    padding:3px;
    font-size:12px;
  }
	div.field_wrap {
    margin:10px;
    clear:both;
  	color:#a8d5d6;
    min-height:42px;
  }
  div.tile_wrap {
    clear:both;
  	margin-bottom:20px;
  }
  div.tile {
	  color:#a8d5d6;
    float:left;
    width:200px;
    min-height:42px;
    margin:10px;
  }

/*  FORMS ------------------------------------------------ */  
  
  div#admin_actions
  {
    clear:both;
  	margin-bottom:10px;
  }
  
  div#admin_actions a.admin_action_button,
  a.admin_action_button
  {
    padding:2px 4px 1px 4px;
  	color:#a8d5d6;
  	font-size:12px;
    background:#423636;
  }
  div#admin_actions a.admin_action_button:hover,
  a.admin_action_button:hover
  {
    background:#a8d5d6;
  	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 #a8d5d6;
	}
	#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:#a8d5d6;
    	font-size:12px;
      background:url('/static/images/global-forms-adminbtn-bg.png') #ffbf5e;
  }
  div.contextMenu a:hover
  {
    background: #a8d5d6;  
  	color:#fff;
  }
  div.contextMenu .separator {
  	height: 1px;
  	padding: 0;
  	overflow: hidden;
  }