/* 
Theme Name: 404@IE7 
Theme URI: http://www.najmanowicz.com/
Description: Theme inspired by the IE7 Error pages
Version: 1.0
Author: Adam Najmanowicz
Author URI: http://blog.najmanowicz.com/
*/


#html, body
{
	font-family: "Segoe UI", "verdana", "arial";
	background: #fcfcfc url(images/top-glow.jpg) no-repeat fixed top left;
	background-color: #FbFbFb;
	margin-top: 20px;
	margin-left: 20px;
	color: #575757;
	font-size: 0.8em;
	font-weight: normal;
	margin-top: 10px;	
	margin-bottom: 1px;
}

/* what holds everything in place */
#container
{
/* background: #fff;*/
width: 870px;
margin: 10px auto;
padding: 2px;
}

/* the banner image holder */
#banner 
{
width: 990px;
margin: 0 0 3px 0;
position: relative;
height: 80px;
}

#banner table
{
width: 872px;
}


/* the banner image holder */
#infoIcon 
{
	width: 47px;
	background: url('images/info.png') top left no-repeat;
	margin: 0 0 3px 0;
	position: relative;
	height: 48px;
	color: #fff;
}

#banner a 
{
	color: #4465A2;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
	vertical-align:bottom;
	margin-top: 4px;
	margin-bottom: 7px;
	text-transform: lowercase;

}

#banner h1 {
	font-size: 32px;
	margin: 0;
	padding: 5px 20px 5px 0;
	text-align: left;
	vertical-align:top;
	font-weight: bold;
}

#banner h1 a {
/*	color: #FFFFFF;*/
	text-decoration: none;
}

#banner h1 a:hover {
/*
	color: #FFFFFF;
	letter-spacing: 1px;
*/
	text-decoration: underline;
}

#banner #desc {
	color: #FFFFFF;
	font-size: 13px;
	font-style: italic;
	font-weight: normal;
	margin: 0;
	padding: 0 20px 0 0;
	text-align: right;
}

.pageCodeAndDivider
{
	font-size: 0.8em;
	font-weight: normal;
	color: #4465A2; 
	/* color: #787878; */
	text-align: left;
	font-family: "Courier New", Courier;
}


.divider
{
	border-bottom: #d6dCe6 1px dotted;
}

/* the top navigation bar */
#nav 
{ 
/* background: #fff;
font-size: 13px;
width: 740px;
background: #fff; */
text-align: right;
padding: 5px;
margin: 0 0 5px 0;
}

#nav a
{
/*color: #666;
 font-weight: bold;*/
color: #4465A2;
text-decoration: none;
}

#nav a:hover
{
text-decoration: underline;
}

/* where all the main text is stored */
#content
{
overflow: hidden;
display: inline;
float: left;
margin-bottom: 20px;
padding: 5px;
width: 650px;
}

/* the right bar */
#sidebar 
{ 
float: right;
width: 180px;
border-left: 1px dotted #ccc;
padding: 12px 0px 0px 15px;
margin: 0;
}

#sidetable
{ 
float: right;
width: 130px;
padding: 0px 0 0 0px;
margin: 10px 0px 0px 0px;
}



#sidebar a
{
display: block;
color: #575757;
font-size: 11px; 
text-transform: lowercase;

/*
color: #4465A2; 
color: #666; 
border: #fff dotted 1px; 
*/
text-decoration: none;
padding: 5px 0 5px 0;
} 

#sidebar a:hover
{
/*background: #4465A2;
	color: #FFFFFF;
  border-left: #fff dotted 1px; 
  border: #4465A2 dotted 1px; 
  padding: 4px;*/
  color: #4465A2; 
  text-decoration: underline;
/*
	background: #6485e2; 
	color: #575757;
*/
}

#sidebar img 
{ 
border: 1px solid #fff; 
padding: 3px; 
margin: 3px 3px 0 7px; 
}


#sidebar img:hover
{ 
border: 1px dotted #cccccc; 
}

/*
#sidebar h2
{
color: #4465A2;
font-size: 12px;
text-align: center;
text-transform: lowercase;
}
*/

#sidebar h2 {
background:transparent url(images/bg.gif) repeat scroll 0 0;
border-top:1px solid #CCCCCC;
border-bottom:1px dotted #DDDDDD;
color:#666666;
font-size:0.7em;
letter-spacing:2px;
text-transform:uppercase;
padding:8px 0 6px 0;
margin:0;
}

#sidebar ul { margin: 0; 
margin-bottom: 35px; 
padding: 0; 
/* border-top: 1px solid #ccc; */
width: 180px; 
list-style-type: 
none; text-align: center;} 

#sidebar li { margin: 0; padding: 0; text-align: center; list-style-type: none; width: 180px; /*border-bottom: 1px solid #ccc;*/ }

#sidebar ul.tagcloud li, #sidebar ul.tagcloud li a { 
display: inline;
float: none;
list-style-type: none;
background: none;
}

/* footer */
#footer 
{
font-size: 12px;
clear: both;
text-align: center; padding-bottom: 5px;
}

#footer a
{
color: #666;
font-weight: bold;
text-decoration: none;
}

#footer a:hover
{
text-decoration: none;
color: #CCCCCC;
}

#footer img
{
border: 1px dotted #eeeeee;
}

#footer img:hover
{
border: 1px dotted #aaaaaa;
}

.footer { 
	background: url('images/bg.gif'); 
	border-top: 1px solid #666; 
	text-align: right; 
	color: #666; 
	text-transform: uppercase; 
	letter-spacing: 2px; }

/* link styling */


#content a
{
	color: #4465A2;
	font-weight: normal;
	text-decoration: none; 
}

a.postTitle
{
	text-decoration: none; 
	color: #4465A2;
	font-size: 1.1em;
	font-weight: normal;
	vertical-align:bottom;
	margin-top: 7px;
	margin-bottom: 4px;
} 
#content a:hover
{ 
text-decoration: underline; 
}


#post a
{
} 

/* extra attributes */
.headline { font-size: 18px; margin: 3px 0 3px 0; }

.postheader
{
	width: 650px; 
	background: url('images/bg.gif'); 
	border-top: 1px solid #ccc;
	color: #666;
	text-transform: lowercase;
}

.meta 
{ 
	width: 650px; 
	background: url('images/bg.gif'); 
	border-bottom: 1px solid #ccc;
	border-top: 1px dotted #ddd;  
	font-size: 0.7em;
	text-align: right;
	color: #666;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom:30px;
}

.imageright { float: right; border: 1px solid #ccc; padding: 3px; margin: 3px 3px 0 7px; } .imageright:hover { border: 1px solid #666; }

.imageleft { float: left; border: 1px solid #ccc; padding: 3px; margin: 3px 10px 0 0px; }  .imageleft:hover { border: 1px solid #666; }

.sideimage { border: 1px solid #ccc; padding: 3px; margin: 4px; margin: 10px 0 5px 0; } .sideimage:hover { border: 1px solid #666; }

#topbar ul { margin: 0; padding: 0; } 

#topbar li { list-style: none;  width: auto;  }

#content ol,ul { } 

#content ol li
{
	list-style-image: none;
	list-style-type: decimal;
}

#wp-calendar a {
  /*color: #ffffff; */
  padding: 1px;
  border: #4465A2 dotted 1px; 
  color: #4465A2; 
  font-size: 11px; 
}

#wp-calendar a:hover {
  /*border: #4465A2 dotted 1px; 
  color: #FFFFFF;
  background: #4465A2;*/
  text-decoration: underline;
}


#today {
  border: #ff0000 solid 1px; 
  color: #ff0000;
}

#content li 
{
list-style-image: url(images/bullet.png);
line-height:20px;
text-align:left;
}


/*headings */
h1
{
font-size: 20px;
}

.postdatetime
{
font-size: 12px;
}

h2
{
	font-size: 1.2em;
	color: #4465A2;
	font-size: 1.1em;
	font-weight: normal;
	vertical-align:bottom;
	margin-top: 7px;
	margin-bottom: 4px;
}
h3
{
font-size: 14px;
}
h4
{
font-size: 12px;
}
h5
{
font-size: 10px;
}
h6
{
font-size: 8px;
}


strong { 
	/* color: #4465A2; */
	background: inherit; 
}

/*blockquote 
{
background: url('images/blockbg.jpg') repeat-x;
color: #666;
padding: 5px;
border: 1px solid #ccc;
margin: 5px 0 15px 0px;
}
*/

blockquote cite {
	margin: 5px 0 0 0;
	display: block;
	}


blockquote{
	color:#666;
	margin: 1em;
	padding: 30px 5px 5px 5px;
	background:#ffffff url(images/blockquote.gif) no-repeat left top;	
	border: 1px dotted #ddd;
}

.center {
	text-align: center;
	}
.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 40px;
	}
.post {
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: justify;
	}

.post img 
{ 
border: 1px dashed #aaa; 
padding: 3px; 
margin: 3px 3px 0 7px; 
}

.post img:hover
{ 
border: 1px dashed #4465A2; 
}



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px; 
	text-align: center;
	}

#sidebar #searchform #s {
	width: 130px;
	padding: 2px;
	border: 1px dotted #575757;
	margin-bottom: 5px;
	}

#headersearchform #s {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px; 
	text-align: left;
	border: 1px dotted #4465a2;
	color: #4465a2;
	width: 209px;
	}

#headersearchform #searchsubmit {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
	text-align: left;
	border: 0px #ffffff;
	color: #4465a2;
	background-color: #ffffff;
	width: 35px;
	}
	
#searchform #s {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px; 
	text-align: left;
	border: 1px dotted #4465a2;
	color: #4465a2;
	width: 209px;
	}

#searchform #searchsubmit {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
	text-align: left;
	border: 0px #ffffff;
	color: #4465a2;
	background-color: #ffffff;
	width: 35px;
	}
	
#sidebar 
	searchsubmit{
	padding: 1px;
	}

input[type=submit] {
	background: #eee;
	border: 1px outset #aaa;
	color: #111;
	font-family: "Segoe UI", "verdana", "arial";
	font-size: 12px;
	margin: 0;
	padding: 1px;
}

#s, #author, #email, #url, #comment
 {
	border: 1px inset #666;
	font-family: "Segoe UI", "verdana", "arial";
	font-size: 12px;
	margin: 0;
	padding: 2px;
	width: 45%;
}

#s:focus, #author:focus, #email:focus, #url:focus, #comment:focus
{
	border: 1px outset #008000;
}

.entry form 
{ /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
}

select
{
	width: 130px;
}

#commentform { float: left; }

#commentform input
{
width: 400px;
padding: 2px;
margin: 5px 5px 1px 0;
background:transparent url(images/bg.gif) repeat scroll 0 0;
border:1px solid #CCCCCC;
}

#commentform textarea
{
width: 50%;
padding: 2px;
width: 400px;
background:transparent url(images/bg.gif) repeat scroll 0 0;
border:1px solid #CCCCCC;
}

#commentform #submit
{
float: left;
width: auto;
margin: 58px 0 0 40px;
}
/* End Form Elements */

/* Comment List Styling */

.commentlist {
background: #F8FAF8;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
line-height:20px;
text-align:left;
}

div#comments ol li
{
list-style-image:url(images/lic.gif);
}

div#comments cite 
{
font-weight: bold;
font-style: normal;
font-size: 1.1em;
list-style-image:url(images/lic.gif);
}



h3#comments, h3#respond 
{
color: #232323;
font-size: 1em;
margin: 0;
}


code, pre
{
color: #000;
font-family: "Courier New", Courier, monospace;
padding-left: 20px;
padding-right: 2px;
padding-top: 20px;
padding-bottom: 20px;
border: 1px dashed #ddd;
overflow: auto;
}

.alt 
{
background-color: #f8faf8;
border-top: 2px solid #ddd;
border-bottom: 2px solid #ddd;
}

.alt img {
border: 0px;
margin: 0px
}

.alt img:hover {
border: 0px;
margin: 0px;
}
.comment
{
color: #232323;
background: inherit;
}

.title
{
color: #F8FAF8;
}

a img 
{
border: none;
}

#borderless img{
border: 0px;
/* margin: 0px;*/
}

#twitter_div ul 
{
margin : 0 0 4px;
text-align: left;
}

#twitter_div a
{
display: inline;
color: #4465A2;
}

#twitter_div li
{
text-align: left;
margin : 4px 0 6px;
}

#twitter_div
{
margin : 0 0 35px;
}

/*-----------------------------------------------------------------------------------------------
  Ancillary Items
-----------------------------------------------------------------------------------------------*/
#ancillary{
	padding: 2em 0px 0px 0px;
	margin: 0px 0px 0px 0%;
    background:transparent url(images/bg.gif) repeat scroll 0 0;
    border-top: 1px dotted #bbb;
    display: block;
    width: 850px;
    text-align: center;
}

#ancillary .block{
	text-align: left;
	float: left;
	display: inline;
	margin: 0px 0px 0px 5%;
	width: 30%;
	background: inherit;
}

#ancillary .block h2, #ancillary .block h3{
	margin: 0px 0px 2em 0px;
}

#ancillary .block-separator{
	clear: both;
	height: 2.5em;
}

#ancillary .first, * html #ancillary .first{
	clear: both;
	margin: 0px;
}

#ancillary .thrice-length{
	width: 100%;
}

#ancillary .twice-length{
	width: 65%;
}

#ancillary .block ul li{
	list-style-type: none;
}

#ancillary .block a {
	font-weight: normal;
}

#ancillary .centered {
	text-align: center;
	padding: 0;
	margin: 0;
}

.block ul li{
	border-bottom: 1px solid #C2C2C2;
	list-style-type: none;
	margin: 0px;
	padding: 0.5em 0px;
}

.block ul {
	padding: 0;
}

#banner #blogtitle {
	font-size: 36px;
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
	margin-top: 0;
	vertical-align: middle;
}