/*
Theme Name: prefect
Theme URI: http://www.prefectlife.net/
Version: 1.0
Description:  Integration of Wordpress with external html.
+ initial template structure Dark Ritual by Viktor Perrson http://arcsin.se/
+ multilevel menu Copyright (c) 2005-2007  Stu Nicholls http://www.cssplay.co.uk/menus/flyout_4level.html
+ collapsing archives from: Robert Felty 
+ rotating header from:  */


/* standard elements */

* {
	margin: 0;
	padding: 0;
}

a { 	color: #0000FF;	}

a:hover {color: #9A6;}

p {	
	padding-bottom: 1em;
	margin: 0 0 0px 0; 
}

ul { 
	margin: 0; 
	padding-bottom: 1em;
	list-style : none; 
	/*margin-left: 1.2em;*/
}


h1 {
	font: bold 2em "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	padding: 0px 0 0 0px;
	margin: 0;
	color: #000000;
	bottom: 10px;
}


h2 { 
	font: bold 1.25em "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0 0 5px 0; 
	padding: 0; 
	letter-spacing: -1px;
	color: #ffffff; 
/*	background: inherit;*/
}

h1 a, h2 a {
	text-decoration: none;
	color: #3300FF;
/*	background: inherit; */
}

h1 a:hover, h2 a:hover {
	color: #C3593C;
}


/* -------------------------------------------------------------------misc */
.clearer {clear: both;}
.left {float: left;}
.right {float: right;}
.inline {display: inline;}

blockquote {
	background: #FFF;
	border-bottom: 1px solid #EEE;
	border-top: 1px solid #EEE;
	color: #333;
	display: block;
	font-size: 0.9em;
	margin-bottom: 1.2em;
	padding: 6px 12px;
}

blockquote p {padding: 3px 0;}

form { 
	margin: 0; 
}


/* ---------------------------------------------------------------- structure */
body {
	padding: 0;
	margin: auto;
	font: 0.74em Arial, Helvetica, sans-serif;
	line-height: normal;
	color: #000000;  /*near  black*/
	left: 0%; /* was 1%*/
	top: auto;
	background-color: #000000;
	background-position: left top;
	vertical-align: top;
	height: auto;
	width: inherit;
}

.container {
	/*font-size: 1.2em;*/
	background-color: #303030; /* #808000*/
	/* background: url(img/bgcontainer.gif) repeat-y; */
	margin: auto;
	width: 1000px; /* was 840 */
	border: 0px solid #CCFF33;
}

/*
.top {
	background: #222;
	color: #CCFF33;
	float: left;
	font: normal 1.4em Verdana;
	height: 50px;
	text-align: center;
	width: 639px;
}
*/

.subnav {
	float: left;
	width: 150px;
}


.main {
	float: left;
	width: 620px;  /*was 600 */
	background-color: #aa7	; /*97946F */
	padding: 10px 5px 0px 5px;
	margin: 0 0 0 0px;
	word-wrap: break-word; /*try to fix explorer random div size */
	overflow: hidden;/*try to fix explorer random div size */
}

.main li {list-style-image: url(../prefect/img/li.gif);}


/* ------------------------------------------------------------------page */
.page_main {
	float: left;
	width: 828px; /* now 828px. need 550 for blog, 750 for page */
	background-color: #aa7;
	padding: 10px 10px 10px 10px;
/*	word-wrap: break-word; /*try to fix explorer random div size */
	overflow: hidden; /*try to fix explorer random div size */
	}

page_main h2 {
/*	margin: 0 0 0px 0; 
	padding: 0; 
	font: bold 1em Arial, Helvetica, sans-serif;
	letter-spacing: -1px;*/
	color: #000;
}


/* -----------------------------------------------------------main_right */
.main_right {
	float: right;
	width: 219px; /*was 209*/
	color: #ffffff;
	background-color: #303030; /*97946F*/
	padding: 0px;
	margin: 0px;
	word-wrap: break-word; /*try to fix explorer random div size */
	overflow: hidden;/*try to fix explorer random div size */
}

.main_right a:link, .main_right a:visited{
	color: #0099CC;
	text-decoration: none;
}


#list ul {
	padding: 0 .5em 0 .5em;
	font-style: normal;
	font-size: small;
	}
	
#list li {
	margin: 0 0 1px 0;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
}

#list  a {
	font: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: small;
	padding: .2em .8em;
	display: block;
	color: #BBDDFF;
	background-color: #25262C;
	}
	

#list a:hover {
color: #009cCC;
}



/*
.main_right ul {
	font-size: 1em;
	padding: 0;
	margin:0;
	margin-left: 1.2em;
}

.main_right li {
	list-style: none;
}

.main_right ul li {
	padding: 0px 0 0 5px;
}

.main_right ul li:hover{
	background: #333333;
}

*/

/* -----------------------------------------------------------content */

.content {
	/*width: 80%;*/
	margin-top: 0px; /* was 20 */
	margin-bottom: 10px;
	margin-left: 175px;

}


/* ---------------------------------------------------------------------header */
.header {
	float: left;
	width: 1000px;
	/*background: url(img/header.jpg) no-repeat; */
	font: normal 2.4em Verdana,sans-serif;
	line-height: 150px;
	text-align: center;	
}

.header_right {
	float: right;
	width: 550px;
	height: auto;
}

/* ------------------------------------------------------------------- footer */

.footer {
	background: url(../prefect/img/bgfooter.gif) repeat-x;
	color: #BBB;
	font-size: 0.9em;
	line-height: 39px;
	width: 100%;
	text-align: center;
}

.footer .left,.footer .right {padding: 0 16px;}
.footer .left a,.footer .right a {color: #CCC;}
.footer a:hover {color: #FAFCB0;}



/* ------------------------------------------------------------------- posts */
.post {
	margin:  10px 0 25px 10px;
	padding: 0 10px 0 0; /* was 0 25px 0 0 */
}

.post h1 a {
	font: bold 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	padding: 0px 0 0 0px;
	margin: 0;
	color: #FFFFFF;
	bottom: 10px;
}

.post .info {
	font-size: 0.9em; 
	color: #000000;
	padding:2px 3px 2px 8px;
	background-color:#cccc99; /*5b5b00*/
	border:1px solid #e3e4e4;
	border-color:#4A4A00;
	margin: .5em;
	clear: both;
	}
	
.meta { /*lump with .post .info */
	font-size: 0.9em; 
	color: #ffffff;
	padding:2px 3px 2px 8px;
	background-color:#5b5b00; /*5b5b00*/
	border:1px solid #e3e4e4;
	border-color:#4A4A00;
	margin: .5em;
	clear: both;
	}
	
	
	
	
.post a {
	color: #002BFF;
}

.post a:hover { color:#002bff;}

.post ul li {
	list-style:square;
	margin-left:18px;
	padding:5px;
}

.entry {
margin: 0 0 0 10px;}

.entry ol li {
	padding:5px;
	list-type:decimal;
	margin-left:22px;
}


/* ------------------------------------------------------- Comments Styling */
#commentlist li {
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px solid #700000;
}

#commentform {
	margin: 1em 0;
	width: 600px; /*was 280px*/
	color: #000000;
	background-color: #CCCC99;
}

#commentform textarea {
	border: 1px solid #000000;
	width: 600px; /*was 280px*/
	background-color: #ffffff;
}
#commentform textarea:hover {
background: #FFFFFF;
border: 1px solid #000000;
}
#commentform textarea:focus {
background: #ffffff;
border: 1px solid #000000;
}

#commentform #email, #commentform #author, #commentform #url {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #000000;
width: 600px; /*was 280px */
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #000000;
width: 600px; /* was 280px */
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #000000;
width: 600px; /*was 280px*/
}
#commentform input{
margin-bottom: 3px;
}

/*--------------------------------------------left bar menu ---------- */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_4level.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu {
height:150px;
font-size:90%;
margin:0px 0px 0px 0px; /* this page only */
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
position:relative;
z-index:500;
padding:0;
margin:0;
list-style-type:none;
width:150px;
}
/* style the list items */
.menu li {
background:#d4d8bd url(shade.gif);
height:26px;
/* for IE7 */
float:left;
}
.menu li.sub {background:#d4d8bd url(sub.gif) no-repeat right center;}

.menu li.level2 {text-align:left; background-color:#C0C0C0;}
.menu li.level3 {text-align:left; background-color:#B4BBCD;}

.menu li.break {background:#303030; display:block;width:149px;}

/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.menu a, .menu a:visited {
display:block; 
text-decoration:none;
height:25px;
line-height:25px;
width:149px;
color:#000;
text-indent:5px;
border:1px solid #fff;
border-width:0 1px 1px 1px;
}
/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {width:150px; w\idth:149px;}
/* style the link hover */
* html .menu a:hover {color:#efa; background:#aa7; position:relative;}

.menu li:hover {position:relative;}

/* For accessibility of the top level menu when tabbing */
.menu a:active, .menu a:focus {color:#efa; background:#aa7;}

/* retain the hover colors for each sublevel IE7 and Firefox etc */
.menu li:hover > a {color:#efa; background:#aa7;}
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu li ul {
visibility:hidden;
position:absolute;
top:-30px;
/* set up the overlap (minus the overrun) */
left:60px; /* was 40px */ 
/* set up the overrun area */
padding:30px 0 0 0; /*need top=30px for correct vertical offset*/
/* this is for IE to make it interpret the overrrun padding */
background:transparent url(transparent.gif);
}

/* for browsers that understand this is all you need for the flyouts */
.menu li:hover > ul {visibility:visible;}


/* for IE5.5 and IE6 you need to style each level hover */

/* keep the third level+ hidden when you hover on first level link */
.menu ul a:hover ul ul{
visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
.menu ul a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
.menu ul a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}

/* make the second level visible when hover on first level link */
.menu ul a:hover ul {
visibility:visible;
}
/* make the third level visible when you hover over second level link */
.menu ul a:hover ul a:hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level link */
.menu ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* -------------------------------------------------------------end of list */

 


/* ---------------------------------------------------------------- banner */ 
.banner {
	padding: 0;
	margin: auto;
	line-height: normal;
	color: #808000;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	height: 125px;
	z-index: 10;
	border-bottom-style: solid;
	border-bottom-color: #857716;
	border-bottom-width: 2px;
	width:1000;
}
 
.bannerleft {
	float: left;
	color: #666666;
	background-color: #FFFFFF;
	padding-top: 0px;
}
  
.bannerright {
	float: right;
	color: #666666;
	background-color: #FFFFFF;
	margin-right: 50px;

}

.bannerbar { 					/* cause of space between banner and content*/
	background-color: #433f3d; /*433f3d*/
	height: 0px;
	/*line-height: 0px;*/
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	border-top-width: 2px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-bottom-color: #433f3d;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #857716;
}


/* ----------------------------------------------------------------- album*/

.album_title {
	padding: .5em 0 1em 0;
}

.album_block { 
/*	background-color: inherit;*/
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	padding: 0px;
	margin: 5px;
	color: #000000;
	clear: both;
	#float:left; /* ie formatting, # is hack that only ie sees -removed to try to fix ff */
	/*display: table; /* firefox formatting -- this breaks firefox randomly! now formatting bad, though*/
}

.album_cell {
	#float: left; /*ie formatting, #is hack that only ie sees- removed to try to fix ff */
	display: table-cell; /*firefox formatting */
	vertical-align:top;
	}

.album_title h1 {
	color: #000000;
	display: inline;
}
.album_title h2 { font-size: 1em; color:#000000; display:inline;}

.album_text h2 {
	width: 575px;
	color: #000000;
	font-size: 1.5em;
	}
	
.album_image {
	background-color: inherit;
	margin: 5px;
	padding: 3px;
	border: 1px solid #333333;
}

.album_text {
	padding-right: 10px; 
}





/* ---------------------------------------------- collapsing archives list */
#list_archive ul, #list archive a {
	color: #ffffff; 	/* bullets and (#) */
	background-color: #25262c;	/* whole list background */
	margin: 0 0 0 0;
	padding: 0 0em 0 0em;	/*font-size: x-small;*/
}


#list_archive li a {	/* year */
	color: #ffffff;
	font-size: medium; 
	font-weight: bold;
} 


#list_archive li li a { /* month */
	padding: 0 0 0 0em;
	color: #ffffff;
	font-size: medium;
	font-weight: normal;
}

#list_archive :hover {
	color: #ffffff;
}

#list_archive li, #list_archive li li      {	/* bullet and (#) */
	padding: 0 0 0 .5em;
	margin: 0 0 0 0;
	color: #ffffff;
	/*border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #ffffff;
	border-bottom-color: #000000;
	display: block;
	color: #BBDDFF;
	background-color: #25262C;*/
}
	

#list_archive li li li {
	padding: 0 0 0 0em ; 
	margin: 0 0 0px 0;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000000;
	border-bottom-color: #25262c; 
	display: block;
	color: #BBDDFF;
	background-color: #25262C; 
}

#list_archive li li li a {
	/*font: 1em Arial, Helvetica, sans-serif;*/
	font-size: small;
	/*font-size: small;*/
	padding: .2em .8em;
	display: block;
	color: #BBDDFF;
	background-color: #25262C;
}


.box_top {
	/*height: 7px;*/
	background-color: #272423;
	background-repeat: no-repeat;
}


.center {text-align:center;}

			
.box_body {
	font-size: 0.9em;
	color: #BBDDFF;
	background-color: #303030;
	background-repeat: no-repeat;
	background-position: bottom;

	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
/*	border: 1px groove #856C18;*/
}



.thumb {
	float: left;
	/*width: 50px;*/
	border: 1px solid #000000;
	color: #fff;
	background: inherit; /*#47667A;*/
	margin: 0px 5px 0px 0px;
	padding: 2px 2px 2px 2px;
	text-align:left;
}

.books {
	padding:3px 0 3px 0;
	text-align: center;
}

#norm { 
	list-style:disc;
	margin-left: 2em;
}

.padded {padding:0px 20px 0px 20px;}

/* shadowed frame for images */
img.frame {
/*	display: block;*/
	margin-left: auto;
	margin-right: auto;
	padding:3px;
	border:solid;
	border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
	border-width: 1px 2px 2px 1px;
	background-color:white;
}


/* tooltip popups, fickle as they may be */
a.tooltip:hover {background:#ffffff;text-decoration:none;}
a span {display:none; padding: 2px 3px; margin: 75px 0 0 -130px; width:130px;}
a:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;}

th.tooltip:hover {background:#ffffff;text-decoration:none;}
th span {display:none; padding: 2px 3px; margin: 35px 0 0 -100px; width:130px;}
th:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;}


div.tooltip:hover {;text-decoration:none;}
div.tooltip span {display:none; padding: 2px 3px; margin: 35px 0 0 -50px; width:50px;}
div.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;}




/*
Collapsing Archives version: 0.9.4
Copyright 2007 Robert Felty

This work is largely based on the Fancy Archives plugin by Andrew Rader
(http://nymb.us), which was also distributed under the GPLv2. I have tried
contacting him, but his website has been down for quite some time now. See the
CHANGELOG file for more information.

This file is part of Collapsing Archives

    Collapsing Archives is free software; you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation; either version 2 of the License, or
    (at your option) any later version.

    Collapsing Archives is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with Collapsing Archives; if not, write to the Free Software
    Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA
*/
span.collapsArch { /*year style */
	border:0;
 	padding:0; 
 	margin:0; 
 	cursor:pointer;
 	font-size:1.5em;
}
#list_archive li.collapsArch:before {content:'';} 

#list_archive li.collapsArch {		/* month style */
			list-style-type:none;
			font-size:1em;}
			
#list_archive li.collapsArchPost {	/* post style */
			 text-indent:-1em;
              list-style-type:none;
             margin:0 0 0 1em;
			 font-size:1.5em; /*was 5em */
			 color:#FF6633;}
			 
/* bullet and spacing around post item
#list_archive li.collapsArchPost:before {content: "\00BB \00A0" !important;} */
#list_archive li.collapsArch .sym {  /* symbol style */
               font-size:1.0em;
               font-family:Monaco, 'Andale Mono', 'FreeMono', 'Courier new', 'Courier', monospace;
               margin:0px 5px 0px 0;  /*was 2 5 0 0 */
               line-height:.8em;
               padding:0;
               /* uncomment to put a box around +/- 
               border:1px solid;
               height:.9em;
               display:inline-block;
               vertical-align:baseline;*/
               
              }