@charset "utf-8";
/*
-----------------------------------------------
Reset Styles
-----------------------------------------------
*/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/* END: Reset Styles */

/* Generic Styles */
.hide{ 
	display:none;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

.headline img, .story img {
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin:2px 0 5px 10px;
  float:right;
}

#posts .headline img {
	margin:0 10px 0 0;
	float:left;
}

div.alpha-shadow {
	float: right;
	background: url("/wp-content/themes/mine/images/shadow1.gif") no-repeat bottom right;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
}

.headline div.alpha-shadow {
	float:left;
	margin: 10px 10px 0 0 !important;
	margin: 10px 5px 0 0;
}

div.alpha-shadow div {
  background: url("/wp-content/themes/mine/images/shadow2.png") no-repeat left top !important;
  background: url("/wp-content/themes/mine/images/shadow2.gif") no-repeat left top;
  padding: 0px 5px 5px 0px;
}

div.alpha-shadow div img, #posts .headline div.alpha-shadow div img {
	margin:0;
	float:none;
}

/* End Images */

/* END: Generic Styles */

/* Globals */
html{ 
	font-size:16px; /* Make sure the default is always 16px */
}
body {
	background-color:#ebebeb;
	font-size:62.5%; /* 16px * 62.5% = 10px : 1em now = 10px */
	font-family:Geneva, Tahoma, Helvetica, sans-serif;
	color:#333;
}
#content {
	overflow:auto;
	width:900px;
	margin:0 auto 0 auto;
	border:#5a3b3b solid 1px;
	border-top:0;
}
h1 {
	font-size:2.5em;
	font-weight:bolder;
	font-style:italic;
	margin-bottom:10px;
}
h2 {
	font-size:1.6em;
	margin:10px 0 10px 0;
}
p{
	font-size:1.1em; /* 15px */
	line-height:1.8em;
	margin-bottom:0.5em;
}
strong {
	font-weight:bold;
}

#page .navigation {
	overflow:auto;
	margin-bottom:10px;
	border-bottom:1px dotted #5a3b3b;
}

#page .navigation div {
	margin-bottom:10px;
}

#page h2 {
	font-size:2.2em;
	
}

#page .postinfo {
	margin:12px 0;
	padding-top:3px;
	border-top:1px dotted #5a3b3b;
	border-bottom:1px dotted #5a3b3b;
}

#page #post {
	overflow:auto;
}


/* Breadcrumb Nav */
#breadcrumb {
	background:#5A3B3B;
	border-left:#5a3b3b solid 1px;
	border-right:#5a3b3b solid 1px;
	border-bottom:#666666 solid 1px;
	color:#FFFFFF;
	height:29px;
	margin:10px auto 0 auto;
	padding:0;
	text-align:left;	
	width:900px;	
}
#breadcrumb p {
	padding:5px 0 0 6px;
	text-align:left;
}

#breadcrumb p a {
	color:#FFFFFF;
	text-decoration:none;
}

#breadcrumb p a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}
/* END: Breadcrumb Nav */

/* Title bar graphic and non graphic */
#logo {	
	background:url("/wp-content/themes/mine/images/masthead.jpg") center no-repeat;
	width:900px;
	height:103px;
	margin:0 auto 0 auto;
	padding: 0;
	border-left:#5a3b3b solid 1px;
	border-right:#5a3b3b solid 1px;
}
/* END: Title bar graphic and non graphic */

/* Main Menu */
#main_menu {
	margin:0 auto 0 auto;
	padding: 0;
	border:#5a3b3b solid 1px;
	background-image: url("/wp-content/themes/mine/images/bg_menu.png");
	width:900px;
	height:22px;
}
#main_menu ul {
	margin:0;
	padding:0;
	height:22px;
}
#main_menu li {
	padding: 4px 5px 0 5px;
	list-style:none;
	float:left;
	height:19px;
	border-right:#5a3b3b solid 1px;
}
#main_menu li:hover {
	background:#5a3b3b;
}

#main_menu a {
	font-size:11px;
	color:black;
	text-decoration:none;
	border-bottom: 1px black dotted;
}
#main_menu a:hover {
	color:white;
	border-bottom: 1px white dotted;
}











#sidebar {
	width:205px;
	float:left;
}

/*
-----------------------------------------------
Sidebar
-----------------------------------------------
*/
#sidebar div {
	padding:0 5px 0 5px;
	border-bottom:#5a3b3b solid 1px;
}
#sidebar h2, #sidebar h4 {
	
	font-size:1.2em;
	font-weight:bold;
	margin:10px 0 10px 0;
}

#sidebar p {
	
	font-size:1em;
	line-height:1.6em;
}
#sidebar ul{
	padding:0;
	margin:0 0 18px 8px;
}
#sidebar li {
	list-style:none;
	margin-bottom:0.4em;
}
#sidebar li a {
	
	font-size:1.1em;
	padding-left:20px;
	background-position:left;
	background-repeat:no-repeat;
	color:black;
}

#sidebar .widget_categories li a {
	background-image:url("/wp-content/themes/winterearth/images/icon_go.png");
}



#page {
	width:684px;
	float:right;
	border-left:#5a3b3b solid 1px;
	padding:5px;
	background-color:#FFFFFF;
}
	
#posts {
	width:694px;
	float:right;
	border-left:#5a3b3b solid 1px;
	
}

#posts .headline {
	margin:0;
	padding:5px;
	background-color:#FFFFFF;
	overflow:auto;
}

#posts ul {
	text-align:right;
}

#overflow {
	background-image: url("/wp-content/themes/mine/images/shadow_bottom.png");
	background-position:top;
	background-repeat:repeat-x;
	width:460px;
	background-color:#FFFFFF;
	padding:2px 0;
	float:left;
	border-right:#5a3b3b solid 1px;
}

.story {
	padding:8px;
	border-bottom:#5a3b3b dotted 1px;
	overflow:auto;
	}

/* PermaLinks */
.permalinks {
	clear:both;
}
.permalinks li {
	list-style:none;
	display:inline;
}

.permalinks li a {
	font-size:1.1em;
	text-decoration:none;
	color:#5a3b3b;
}

.permalinks li.date a {
	background-image: url("/wp-content/themes/mine/images/page.png");
	background-position:left;
	background-repeat:no-repeat;
	padding:0 10px 0 18px;
}

.permalinks li.comments a {
	border-left:#5a3b3b solid 1px;
	background-image: url("/wp-content/themes/mine/images/talky.png");
	background-position:right;
	background-repeat:no-repeat;
	padding:0 18px 0 18px;
	margin-right:10px;
}


/* Inset */
#inset {
	width:233px;
	float:right;
	background-image: url("/wp-content/themes/mine/images/shadow_bottom.png");
	background-position:top;
	background-repeat:repeat-x;
}
#inset h2 {
	font-size:1.4em;
	padding:3px;
}
#inset h3 {
	font-size:12px;
	padding:3px;
}
#inset .side {
	font-size:10px;
	line-height:16px;
	padding:3px;
}
#inset .photolist {
	text-align:center;
}
#inset img {
	border:none;
	padding:1px 1px 0 1px;
}
#inset ul{
	padding:0;
	margin:0 0 8px 8px;
}
#inset li {
	list-style:none;
	margin-bottom:4px;
}
#inset li a {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:20px;
	background-position:left;
	background-repeat:no-repeat;
	color:black;
}
#inset blockquote {
	border:0;
	margin:0;
	padding:0;
}





/*
 *  Single Page Template Stuff
 */


ol.comments li img {
	float:left;
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

ol.comments li {
	display:block;
	margin-bottom:5px;
	overflow:auto;
}

ol.comments li.odd {
	background-color:#EBEBEB;
}







#footer {
	/*height:150px;*/
	width:900px;
	margin:0 auto 0 auto;
	padding:20px 0 10px 0;
	text-align:right;
}
