@CHARSET "UTF-8";

@IMPORT url("navigation.screen.css");
@IMPORT url("../form.screen.css");
@IMPORT url("data.screen.css");

body, html {
	height:							100%;
	margin:							0;
	padding:						0;
	
	background-image:				url('../../images/frontend/background.jpg');
	background-position:			center 0;
	background-repeat:				repeat-x;
	
	background-color: 				#d5edf1;
	font-family:					verdana, arial, sans-serif;
	font-size: 						14px;
	line-height:					1.5em;
	color:							#444444;									
}

div#wrapper {
	width:							100%;
	min-height:						100%;
	position:						relative;
	margin:							0 auto;
	background-image: 				url("../../images/frontend/footer_background.png");
	background-repeat: 				repeat-x;
	background-position: 			bottom;	
}

div#wrapper-inner {
	width:							100%;
	overflow:						hidden;

}

body > #wrapper { height: auto; min-height: 100%; }


/**
 * General
 */
a {
	color:							#cc6601;	
}
a:hover {
	color:							#88af26;	
}
h6 {
	display:						none;	
}
h2, h3, h4, h5 {
    margin:                         20px;	
}


/*
 * Header
 */
div#header {
	margin:							0 auto;
	width:							900px;
	height:							140px;
	position:						relative;
}

h1 {
	margin:							0;
	padding:						0;
}

h1 a {
	display:						block;
	width:							270px;
	height:							140px;	

	position:						absolute;
	left:							-10px;
	
	background-image:				url("../../images/frontend/logo.png");
	text-indent: 					-99999em;
}

h2.header {
	display:						block;
	text-indent:					-99999em;
	background-repeat: 				no-repeat;
	margin:                        0;
}


/*
 * Body
 */
 
div#body-wrapper {
	margin:							0 auto;
	width:							900px;
	background-image: 				url("../../images/frontend/content_background_top.png"); 
	background-position:			top;
	background-repeat: 				no-repeat;
	padding-top:					10px;	
	padding-bottom:					260px;
}
 
div#body {
	width:							900px;
	min-height:						400px;
	padding-bottom:					20px;
	background-color:				#FFFFFF; 
	background-image: 				url("../../images/frontend/content_background_base.png"); 
	background-position:			bottom;
	background-repeat: 				no-repeat;		
	overflow:						auto;
}

div#content-slim {
	width:							580px;
	float:							left;
	position:						relative;
}

div#content-wide {
	width:							900px;
	float:							left;
	position:						relative;
}


div#body p {
	margin:							1em 30px 1em 20px;	
}

div#body p, div#body h3, div#body h4 {
  margin-left:        20px;	
} 






/*
 * Sidebar
 */
div#sidebar {
	float:							left;
	width:							300px;
	padding-left:					20px;
}

div#sidebar div.sidebar-generic {
	width:							300px;
	background-image: 				url("../../images/frontend/sidebar_background.png");
}

div#sidebar div.primary {
	width:							300px;
	min-height:						350px;
	padding-bottom:					50px;
	background-image: 				url("../../images/frontend/sidebar_background_base.png");
	background-position: 			bottom;
	background-repeat: 				no-repeat;
}

div#sidebar p {
	font-size:						0.8em;
	line-height:					1.2em;
	padding:						0 20px;
}

div#sidebar div.primary h4.header {
	display:						block;
	margin:							0;
	padding:						0;
	background-repeat: 				no-repeat;
	background-position:			30px 0;
	text-indent: 					-99999em;
}

div#sidebar div.primary h4.header a {
  display:                    block;
  height:                     100%;
  width:                      100%; 
}





/*
 * Footer
 */
 
div#footer {
	width:							100%;
	height:							160px;
	position:						relative;
	clear: 							both;
	margin-top:						-160px;
	background-color:				#90b52f;
}

div#footer-wrapper {
	width:							900px;
	height:							120px;
	margin:							0 auto;	
	position: 						relative;
}

div#footer-legal {
	height: 						60px;
	width:							700px;
	position:						relative;
	top:							80px;
	padding-left:					90px;
	padding-top:					15px;
	font-size:						0.8em;
	color:							#FFFFFF;
	background-image:				url("../../images/frontend/footer_logo.png");
	background-repeat:				no-repeat;
}

div#footer-legal p {
	margin:							0;
	line-height:                    1.4em;
}

div#footer-legal p a {
    color:                          #ffffff;
    font-weight:                    bold;	
}

a#footer-twitter-follow {
	display: 						block;
	width:							204px;
	height:							84px;
	
	position:						absolute;
	right:							0;
	
	background-image: 				url("../../images/frontend/footer_twitter-follow.png");
	text-indent:					-99999em;
}
a#footer-twitter-follow:hover {
	background-position:			bottom;
}



/**
 * Flash message
 */
div#body div.flash-message-error {
    width:                  490px;
    border:                 1px solid #c37477;
    background-color:       #dfbcbd;
    padding:                20px;   
    margin:                 20px 0 0 20px;
}

div#body div.flash-message-info {
    width:                  490px;
    border:                 1px solid #99ccff;
    background-color:       #dfedf1;
    padding:                20px;   
    margin:                 20px 0 0 20px;  
}

div#body div.flash-message-error p,div#body div.flash-message-info p {
	margin:                 0;
	padding:                0;
    padding-left:           26px;
    background-position:    top left;
    background-repeat:      no-repeat;
    font-size:              0.9em;
    line-height:            1.4em;
}
div#body div.flash-message-error p {
    background-image:       url('../../images/icons/exclamation.png');	
}
div#body div.flash-message-info p {
    background-image:       url('../../images/icons/information.png');  
}




/**
 * Utility
 */
 
span.lesser {
  font-size:                  0.9em;
  color:                      #666666;	
}
span.info {
  font-size:                  0.8em;
  color:                      #888888;
  padding:                    4px 0 4px 20px;  
  background:                 url("../../images/icons/information.png") no-repeat center left;
}

 
a.button {
  display:                    block;
  height:                     40px;
  margin:                     0 0 0 -8px;
  padding:                    0;  
  text-indent:                -99999em;
}

a.button:hover {
  background-position:        0 -40px; 
}

a.button-disabled, a.button-disabled:hover {
  background-position:        0 -80px;	
}

a.edit {
  width:                      82px;
  background-image:           url("../../images/frontend/button_edit.png");
}

a.refresh {
  width:                      92px;
  background-image:           url("../../images/frontend/button_refresh.png");
}

a.go {
  padding:                    4px 0 4px 16px;  
  background:                 url("../../images/icons/bullet_go.png") no-repeat center left;    
}


span.help {
    display:                  inline;
    background-image:         url("../../images/icons/help.png");
    background-repeat:        no-repeat;
    position:                 relative;
    text-indent:              -99999em;
}

span.help span.content {
	position:                  absolute;
	left:                      20px;
	border:                    1px solid #333333;
	text-indent:               0;
}