@media screen {

    /**
     * Global elements
     */

    body {
        color       : #222;
        background  : #000; 
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size   : 0.75em;
    }
 	h1, h2, h3, h4, h5 { font-family : Verdana, Geneva, sans-serif; color : #345374; }
    h1 { font-size : 1.7em; margin-top : 0; }
    h2 { font-size : 1.5em; color: #487911; margin-bottom: 5px; }
    h3 { font-size : 1.3em; font-weight: 300; color:#fff;}
    h4 { font-size : 1.1em; }
    h5 { font-size : 1.0em; }
   
	table, tr, td { margin:0; padding:0; }
    img { border : 0; }
    form { margin : 0; }

    a       { color : #069; background : none; text-decoration : underline; }
    a:hover { color : #ccc; text-decoration : underline; }
	.a-w{ color: #FFF; }
	
	ul { margin : 0; padding : 0 0 0 5px; }
	li { list-style: none; }
	
	.c { clear:both; } 
    .li-dot { list-style: circle; }
	
	/**
     * Setup the layout
     */

  	body { margin : 0; padding : 0; width: 100%;}
	
	#top-nav-container{
		width : 900px; text-align:right; 
		padding : 0;
		margin: 20px 1px 0 0;
	}
	
	#main-container    { 
		width : 900px; text-align:left; 
		padding : 0; 	
		clear: both;
	}
   
    #header, #footer { margin : 0; width : auto; text-align: left; clear: both; }
	#content-container { width: auto; padding: 5px 0 0 0; -webkit-border-top-left-radius: 20px; 	
						-khtml-border-radius-topleft: 20px;	-moz-border-radius-topleft: 20px;}
    #right-container   { width : 200px; float:right; margin: 25px 0 0 5px; }
	#left-container	   { clear:left; margin-bottom: 20px; }
	
	.column            { float : left; position : relative; }
	.box {
        padding     : 10px 20px;
        border      : 1px solid #a09c76;
        background  : #fff;
        font-size   : 0.9em;
        line-height : 1.6em;
		
    }
	
	.row { float:left; clear:both; }
	
	
	#left-container .box {
		 margin      : 10px 0 0 0;
		 text-align  : left;
	}
	#left-container h2 { 
		width: 150px; 
		border-bottom: 1px solid #ccc; 
		padding: 0 0 5px 0;
		margin: 5px 0 0 0; 
	}
	
	#right-container .box  {
        margin      : 0 10px 10px 0;
	}
	
    /************************
     * Style the header
     */
    
	#header{ margin:0; padding:0; 
		-webkit-border-top-left-radius: 20px;
		-khtml-border-radius-topleft: 20px;	
		-moz-border-radius-topleft: 20px;
		border-top-left-radius: 20px;
	}
	
	#header-logo {
		width:auto;
		height:70px;
		background: #000;
	}

	
	#search {
		float:right; width:243px; height:36px; margin:0 0 -5px 0;
		background:url(/images/search.gif) right no-repeat;
		border:none;
		z-index: 2;
		position:relative;
		z-index: -1;
		bottom: 3px;
		right: -1px;
	}
	#search-input { 
		border:0; width:140px; height:18px;
		margin: 2px 0 0 10px; padding:3px 10px 0 10px; 
		float:left; display:inline ;background:transparent;
	}
	#search div.bg{
		float:left;display:inline;margin:7px 0 0 32px;
		background:transparent;
	}
	#search-submit{ float:left; margin:7px 0 0 8px; width: 25px; height: 25px; }

	#topNav{
			float: right; display:block; width: 400px; height: 30px; padding: 20px 20px 0 0; text-align:right;
	}
		
	/******************
	 * Breadcrumbs
	 */
    #breadcrumbs {
        clear	  : both;
		font-size : 1.0em;
        color     : #777;
        padding : 0 0 10px 0;
		float: left;
		
    }
    #breadcrumbs a { color : #069; }
    #breadcrumbs a:hover { color : #069; }	
	
	

	/***************
	 * Website Content
	 */
	
	#content-container { 
	clear: both;
	}
	
	/********************
	 * Branding 
	 */
	 
	#branding {
		width: auto;
		background: url(/images/bg-branding.png) no-repeat;
		height: 314px;
		text-align: right;
	}
	
	#ul-branding {
		margin: 0 0 10px 30px;
	}
	#ul-branding li {
		list-style: circle;
		padding: 2px 0;
	}
	
	#plugoo {
	
	}
	
	/********************
	 * Content
	 */
	
	
	#content {

        line-height : 1.8em;
		padding     : 0 15px 20px;
		background  : #fff;
		width		: auto;
		clear	    : both;
		text-align  : left;
    }
	
	.hm-box {
		float: left;
      	width: 260px; height: 270px; 
            -moz-border-radius-bottomleft:10px;
			-moz-border-radius-bottomright:10px;
			-webkit-border-bottom-left-radius: 10px;
			-webkit-border-bottom-right-radius: 10px;
			-khtml-border-radius-bottomleft: 10px;
			-khtml-border-radius-bottomright: 10px;
			border-bottom-left-radius: 10px;
			border-bottom-right-radius: 10px;    
        margin: -52px 30px 0 0;
	}
	.hm-heading {
		background: url(/images/HM-logo.gif) no-repeat left #111; height: 36px;
            -moz-border-radius-topleft:10px;
			-moz-border-radius-topright:10px;
			-webkit-border-top-left-radius: 10px;
			-webkit-border-top-right-radius: 10px;
			-khtml-border-radius-topleft: 10px;
			-khtml-border-radius-topright: 10px;
			border-top-left-radius: 10px;
			border-top-right-radius: 10px; 
	}
	.hm-mainbox {
		border:1px solid #999; background: #FFF; 
   		    -moz-border-radius-bottomleft:10px;
			-moz-border-radius-bottomright:10px;
			-webkit-border-bottom-left-radius: 10px;
			-webkit-border-bottom-right-radius: 10px;
			-khtml-border-radius-bottomleft: 10px;
			-khtml-border-radius-bottomright: 10px;
			border-bottom-left-radius: 10px;
			border-bottom-right-radius: 10px;
	}
 	
	#paper-bg{
		background:url(/images/bgWhite80.png) no-repeat; 
		width: 840px;
		padding: 0 20px;
	}
	.paper40-bg{
		background:url(/images/bgWhite40.png) no-repeat; 
		width: 400px;
	}
	
	/**************
	 * Footer
	 */
	#footer 		   
		{ 
			background: #000;
			color       : #FFF;
			font-size   : 0.8em;
			text-align  : left;
			width       : auto;
			clear		: both;
			height		: 38px;
			
    	} 
	
	#disclaimer{
		padding-left: 20px;
		float: left;
	}
	#bottom-nav {
		color: #fff;
		float: right;
		padding: 0;
		margin: 0 20px;
		height: 14px;
	}
	#bottom-nav a {
		font-size: 11px;
		color: #fff;
		text-decoration: none;
	}
	#bottom-nav a:hover {
		color:#CCC;
	}
	
	
	
	
/**************************
 *    Forms
 */
	
	.form_error { 
		float: left; 
		width: 250px;
	}
    div.error {
        padding    : 8px 10px 8px 10px;
        margin     : 5px 0;
        color      : #333;
		width	   : 250px;
		margin     : 2px 0 0 0;
		border: 1px solid #F2A4B6;
		background :#F9D8D5;
		-webkit-border-radius: 4px;
		-khtml-border-radius: 4px;	
		-moz-border-radius: 4px;
		border-radius: 4px;
		font-size : 12px;
        line-height : 1em;
    }

    form .row {
	    font-size : 13px;
        line-height : 1em;
    }

    form .row { margin : 10px 0; clear : both; width: 800px; }

    form .row label {
        width       : 130px;
        float       : left;
        display     : block;
    }

.submit { background: #DFDFDF; border-color:#CCCCCC rgb(153, 153, 153) rgb(153, 153, 153) rgb(204, 204, 204); border-style:solid; border-width:1px; color:#333333;  }
fieldset {
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;	
-moz-border-radius: 6px;
border-radius: 6px;
border:1px solid #CCCCCC;
}

#paper-bg label {
	padding: 7px 20px 0 15px;
	font-weight: 400;
	float:left;
	width: 140px;
	
}
#paper-bg label.tab {
	background: url(/images/tab.gif) no-repeat;
	width: 308px;
	height: 42px;
}
input.text {
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;	
-moz-border-radius: 4px;
border-radius: 4px;
background:#F5F5F5 none repeat scroll 0%;
border:1px solid #888;
color:#444;
font-size:14px;
height:18px;
margin:2px 0 2px 2px;
padding:6px 5px 4px 7px;
float:left;
width: 250px;
}

select.dropdown {
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;	
-moz-border-radius: 4px;
border-radius: 4px;
background:#F5F5F5 none repeat scroll 0%;
border:1px solid #888;
color:#444;
font-size:14px;
height:28px;
margin:2px 0 2px 0;
padding:3px 5px 5px;
vertical-align:top;
width: 180px;
float: left;
}

.button, .button-secondary {
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;	
-moz-border-radius: 5px;
border-radius: 5px;
background:#E5E5E5 none repeat scroll 0%;
border:1px solid #A3A3A3;
color:#224466;
cursor:pointer;
font-size:14px;
height:30px;
padding:0 10px 2px 10px;
}

.button:hover{ border-color: #535353; }

	
	/***************
	 * Status Boxes
	 */
	 
	div.status {
		 padding	: 5px;
		 margin 	: 5px 0;
	}
	 
	.status.live {
		 color 		: #fff;
		 background : #070;
	}
	 
	.status.draft {
		 color 		: #fff;
		 background : #fa0;
	}
	 
/****************************
 * Blog Manager
 */
	  
	 #month-preview .status {
		  font-weight : normal;
		  font-size   : 0.9em;
	 }
	  
	 #month-preview dt {
		  font-weight : bold;
		  padding-top : 10px;
		  border-top  : 1px dashed #ccc;
	 }
	 .dt-line {
		  padding-bottom: 10px;
		  font-weight: normal;
		  margin-left: 0px;
	 }
	 .preview-status form { margin-top : 5px; }
	 .preview-status { margin-bottom : 10px; }
	 .preview-date {
		  font-size : 0.9em;
		  color 	: #999;
	 }
	  
	 #blog-content {
		  width: 100%;
		  height: 300px;
	 }
}

@media print {

    /**
     * Elements to hide
     */
    #nav { display : none; }
}