/*   
    Theme Name: Illuminate2
    Theme URI: http://www.incoherence.net
    Description: Light-based lamp theme
    Author: Datheron
    Author URI: http://www.incoherence.net
    Version: 1.0
*/

/* Site-wide settings */
body { font-size: 14px; text-align: left; background-color: #6f6f6f; }  
* { margin: 0; padding: 0; }
a:link, a:visited { text-decoration:none; }
a:hover { text-decoration:underline; }
    
/* Utility classes */
.nodisplay { display: none; }
.clearBoth { clear: both; }
    
/* Background */
#page { 
	text-align: left; width: 800px; margin: 20px auto;
    border: 1px solid #202020; overflow: hidden; 
    background: #406480 url('images/background/bg_strip.jpg') repeat-y top left;
}
#header { 
    background: #507ea1 url('images/background/top_strip.jpg') no-repeat top center;
    height: 60px; clear: both;
}
#footer  { 
	background: url('images/background/bottom_strip.jpg') no-repeat top center;
    width: 800px; height: 110px; clear: both;
}

/* Layout */
#leftside { width: 80px; height: 100%; background-color: #406480; float: left; }
#content { width: 500px; float: left; background-color: #ffffff; }
#rightside { width: 220px; height: 100%; float: left; }
#contentpane { padding: 0px 20px; width:460px; 
    background: #ffffff url('images/background/content_strip.jpg') no-repeat 0 -19px; }
/* Fixes for IE7 & IE6 */
*:first-child+html #contentpane { background-position:0 -4px; } 
* html #contentpane { background-position:0 -4px; }  
#lamp { background: #507ea1 url('images/background/left_strip.jpg') no-repeat; height: 400px; }
#banner { height: 135px; width: 500px; background: #ffffff url('images/nav/banner.jpg') no-repeat; clear: both; }
#contentpane .nomatch { text-align:center; height:200px; margin:20px auto; }

/* Navigation */
.navigation { display:block; float:right; }   
.navigation a, .navigation div { background: url('images/nav/navbuttons.jpg') no-repeat;
    width:24px; height:22px; text-decoration:none; float:left; margin:0 1px; display:inline;
}
.navigation a:hover { text-decoration:none; }
.navigation a.end { background-position: -48px 0; }
.navigation a.end:hover { background-position: -48px -22px; }
.navigation div.disabledend { background-position: -48px -44px; }
.navigation a.next { background-position: 0 0; }
.navigation a.next:hover { background-position: 0 -22px; }
.navigation div.disablednext { background-position: 0 -44px; }
.navigation a.begin { background-position: -72px 0; }
.navigation a.begin:hover { background-position: -72px -22px; }
.navigation div.disabledbegin { background-position: -72px -44px; }
.navigation a.prev { background-position: -24px 0; }
.navigation a.prev:hover { background-position: -24px -22px; }
.navigation div.disabledprev { background-position: -24px -44px; }

#navbar { width: 500px;  text-align: center; height: 24px; list-style: none; border: none; }  
#navbar li { float: left; width: 100px; height: 24px; }   
#navbar li a {  background: url('images/nav/navbar.jpg') no-repeat;	display: block; width: 100%; height: 100%; }
#navbar li a:hover { text-decoration:none; }
#navbar a span { display: none; }   
li#navbar_home a { background-position: 0 0; }
li#navbar_home a:hover { background-position: 0 -24px; }
li#navbar_articles a { background-position: -100px 0; }
li#navbar_articles a:hover { background-position: -100px -24px; }
li#navbar_about a { background-position: -200px 0; }
li#navbar_about a:hover { background-position: -200px -24px; }
li#navbar_pictures a { background-position: -300px 0; }
li#navbar_pictures a:hover { background-position: -300px -24px; }
li#navbar_admin a { background-position: -400px 0; }
li#navbar_admin a:hover { background-position: -400px -24px; }

/* Wide Content Layout */
#wide_content { width:720px; float: left; background:#406480 url('images/background/bg_strip_mini.jpg') repeat-y top left; }
#picture_content { width:680px; background: url('images/background/content_strip.jpg') no-repeat top left; padding:10px; }