/*
 * @project Studirabatte
 * @version 1.0
 * @author Peter Kröner
 * 
 * @colordef #FFF White (Background)
 * @colordef #41444B Very dark blue (Text)
 * 
 */



/**
 * Grid layout
 * @subsection grid
 */
.full { width:960px; }
.huge { width:720px; } /* 960-small */
.wide { width:640px; } /* 2*medium */
.half { width:480px; } /* 960/2 */
.medium { width:320px; } /* 960/3 */
.small { width:240px; } /* 960/4 */
.mini { width:192px; } /* 960/5 */
.micro { width:160px; } /* 960/6 */
.nano { width:120px; } /* 960/8 */
.full, .huge, .wide, .half, .medium .small, .mini, .micro, .nano { float:left; }



/*
 * Header
 * @section header
 */
#header div.full { position:relative; float:none; margin:0 auto; }
#header p { float:right; }



/*
 * Wrapper
 * @section wrapper
 */
#wrapper { width:960px; margin:0 auto; padding:0 16px 64px 16px; }



/*
 * Navigation
 * @section navigation
 */
#navi div { width:960px; margin:0 auto; padding:0; }
	#navi div ul { margin:0; padding:0; }
		#navi div ul li { display:inline; }



/*
 * User panel
 * @section usernavigation
 */
#userstatus p { width:960px; margin:0 auto; padding:0; }
	#usernavi { width:960px; margin:0 auto !important; padding:0 16px; }
		#usernavi div { width:928px; margin:0 auto; padding:0 16px 4px 16px; }
		#usernavi ul { list-style:none; margin:0; padding:0; }
		#usernavi li { display:inline; }



/*
 * Sidebar
 * @section aside
 */
#aside { width:240px; float:left; }



/*
 * Main content
 * @section main
 */
#main { width:544px; float:left; }
div.admin #main { width:960px; }
div.textcontainer { padding:0 16px; }



/*
 * Banner
 * @section banner
 */
#banner { width:160px; float:right; }



/*
 * Footer
 * @section footer
 */
#footer {  }
	#footer div { position:relative; width:960px; margin:0 auto; padding:0; }
		#footer div img { position:absolute; bottom:0; left:0; }
	#footer ul { list-style:none; margin:0; padding:0; }
		#footer ul li { display:inline; }


/**
 * Useful classes
 * @section misc-classes
 */
.fifty { width:45%; }
.twenty { width:25%; }
.clearfix:after, dl:after { content:"."; display:block; width:100%; clear:both; height:0; visibility:hidden; }
.clear { display:block; clear:both; }
.cl { display:block; clear:left; }
.cr { display:block; clear:right; }
.left { float:left; }
.right { float:right; }



/*
 * Debugging stuff
 * @subsection debug
 */
pre.this-log, pre.session-log, table.cake-sql-log { width:960px; margin-left:auto; margin-right:auto; padding:0; }