/*  
Theme Name: Finnix 2009
Theme URI:
Description: Design and development by Ryan Finnie, based off a design by Twelve Horses.
Version: 1.0
Author: Ryan Finnie
Author URI:

*/


/*****************************************************************************
TOP LEVEL SELECTORS
*****************************************************************************/
body
{
  padding: 0;
		margin: 0;
		/*
		background: #8f8f8f url(images/bg.jpg) repeat-x top center;
		*/
		background: #384654;
		color: #4b4334;
		font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6, h7
{
  margin: 0;
		padding: 0;
}

a
{
  color: #2c3a47;
}

a:hover
{
  text-decoration: none;
}

h3
{
  font-size: 12px;
		text-transform: uppercase;
  margin: 1em 0 1em 0;
}

/*****************************************************************************
BACKGROUND
*****************************************************************************/

#wrapper
{
  width: 975px;
		margin: 0 auto 20px auto;
}

/*****************************************************************************
HEADER
*****************************************************************************/
#header
{
		clear: both;
}

/*****************************************************************************
BODY
*****************************************************************************/
#body
{
  clear: both;
		padding: 10px 0 4px 0;
}

#body_top
{
  background: url(images/body_bg_top.gif) no-repeat;
		height: 6px;
		clear: both;
}

#body_middle
{
  background: url(images/body_bg_middle.gif) repeat-y;
		margin: 0;
		padding: 20px 0;
		float: left;
		clear: both;
}

#body_bottom
{
  background: url(images/body_bg_bottom.gif) no-repeat;
		height: 6px;
		clear: both;
}

/***********
Column 1
***********/
#column_1
{
  width: 670px;
		margin: 0 24px;
		float: left;
}

* html #column_1
{
  width: 670px;
		margin: 0 24px 0 12px;
}

/* TITLES */
#title_latest_entries
{
  background: url(images/title_latest_blog_entries.gif) no-repeat;
		width: 669px;
		height: 36px;
		text-indent: -9000px;
		font-size: 11px;
		margin: 0 0 10px 0;
		padding: 0;
}

#column_1 h2 a, #column_1 h2
{
  color: #3168b2;
		text-decoration: none;
		font: 18px Arial, Helvetica, sans-serif normal;
}

#column_1 h2.notitle a, #column_1 h2.notitle
{
  display: none;
}

#column_1 h2 a:hover
{
  text-decoration: underline;
}

.article_container
{
  border: 1px solid #a3a092;
		background: #eff3f7;
		padding: 20px;
		margin: 0 0 20px 0;
}

.text_container
{
  border: 1px solid #a3a092;
		background: #eff3f7;
		padding: 0px 20px;
		margin: 0 0 20px 0;
}

.page_container
{
  border: 1px solid #a3a092;
		background: #eff3f7;
		padding: 10px 20px;
		margin: 0 0 20px 0;
}

.page_container
{
  padding: 0 20px;
}

.page_container h2
{
  margin: 0 0 10px 0;
}

/* ARTICLE DATE */
.date
{
  border: 1px solid #c0c4c5;
		background: #fff;
		width: 49px;
		height: 52px;
		padding: 10px 0 0 0;
		margin: 0 0 4px 15px;
		float: right;
		text-align: center;
		font-family: Arial, Helvetica, sans-serif;
		position: relative;
		left: -1px;
		top: 3px;
}

* html .date
{
		top: 14px;
		margin: 0 8px 4px 0;
}

.posted_on_title
{
  display: none;
}

.posted_on_month
{
  font-size: 16px;
		display: block;
		font-weight: normal;
}

.posted_on_day
{
  font-size: 26px;
		display: block;
		font-weight: normal;
		margin: 3px 0 0 0;
}

/* OPTIONS */
.post_by
{
  list-style: none;
		padding: 0;
		margin: 3px 0 10px 0;
}

.post_by li
{
  background: url(images/icon_author.gif) no-repeat 0 50%;
		padding: 0 0 0 16px;
}

.post_details
{
  list-style: none;
		padding: 10px 0 0 0;
		margin: 0;
		clear: both;
}

* html .post_details
{
  list-style: none;
		padding: 0;
		margin: 0;
		clear: both;
}

.post_details li
{
		padding: 0 0 0 16px;
}

.post_details li.comment
{
  background: url(images/icon_add_comment.gif) no-repeat 0 50%;
		padding: 0 0 0 16px;
}

.post_details li.posted_in
{
  background: url(images/icon_folder.gif) no-repeat 0 50%;
		padding: 0 0 0 16px;
}

.post_details li.lj_imported, .post_details li.lj_current_music, .post_details li.lj_current_mood, .post_details li.lj_current_location,
.lj
{
  background: url(images/lj-12px.gif) no-repeat 0 50%;
		padding: 0 0 0 16px;
}

.post_details li a
{
  color: #2c3a47;
}

.post_details li a:hover
{
  text-decoration: none;
}

a.lj-user
{
  background: url(images/lj-12px.gif) no-repeat 0 50%;
		padding: 0 0 0 13px;
}

.page_title
{
  background: url(images/content_title_bg.gif) no-repeat;
		width: 655px;
		height: 36px;
		font: 14pt Arial, Helvetica, sans-serif;
		font-weight: bold;
		padding: 6px 0 0 14px;
		margin: 0 0 10px 0;
		color: #e4e6e8;
}

.page_title a
{
		color: #e4e6e8;
		text-decoration: none;
}

/***********
Column 2
***********/
#column_2
{
  width: 233px;
		margin: 0 24px 0 0;
		float: left;
}

* html #column_2
{
  width: 233px;
		margin: 0 12px 0 0;
}

/***********
SIDEBAR
***********/
#sidebar
{
  clear: both;
}

#sidebar .sidebar_item, .widget ul, #blogroll_ul ul, #sidebar_archives, .sidebar_list, .navigation
{
  background: #e8ecf0;
		border: 1px solid #a3a092;
		margin: 0 0 20px 0;
		padding: 15px;
}

.sidebar_list li {
  margin-left: 15px;
}

.sidebar_folder_list li {
  list-style: none;
  background: url(images/icon_folder.gif) no-repeat 0 4px;
		padding: 0 0 0 15px;
  margin: 0;
}

.sidebar_folder_list {
  /* max-height: 15em; */
  /* overflow: auto; */
}

.sidebar_external_list li {
  list-style: none;
  background: url(images/external.png) no-repeat 0 4px;
		padding: 0 0 0 15px;
  margin: 0;
}

.bullet_list
{
  list-style: none;
		padding: 0;
		margin: 0;
}

.bullet_list li a
{
  display: block;
		color: #2c3a47;
}

.bullet_list li a:hover
{
  text-decoration: none;
}

#recent-posts
{
  list-style: none;
}

#recent-posts ul li
{
  background: url(images/icon_page.gif) no-repeat 0 4px;
		padding: 0 0 10px 15px;
}

#categories ul li, #sidebar_archives li
{
  background: url(images/icon_folder.gif) no-repeat 0 4px;
		padding: 0 0 10px 15px;
}

#recent-comments {
  list-style: none;
}

#recent-comments ul li
{
  background: url(images/icon_comment.gif) no-repeat 0 4px;
		padding: 0 0 10px 15px;
}

/* SPONSORS */
#sidebar_sponsors
{
  list-style: none;
		padding: 0;
		margin: 0;
}

#sidebar_sponsors li
{
  width: 191px;
		height: 101px;
		background:url(images/sponsor_bg.gif) top center;
		margin: 0 0 10px 0;
}

#sidebar_sponsors li a
{
  position: relative;
		top: 2px;
		left: 2px;
}

#sidebar_sponsors li a img
{
  border: none;
}

/* TITLES */
#recent-posts h2
{
  background: url(images/title_sidebar_events.gif) no-repeat;
		width: 231px;
		height: 36px;
		text-indent: -9000px;
		font-size: 11px;
		margin: 0 0 10px 0;
		padding: 0;
}

#categories h1
{
  background: url(images/title_sidebar_event_cats.gif) no-repeat;
		width: 231px;
		height: 36px;
		text-indent: -9000px;
		font-size: 11px;
		margin: 0 0 10px 0;
		padding: 0;
}

#title_archives
{
  background: url(images/title_sidebar_archives.gif) no-repeat;
		width: 231px;
		height: 36px;
		text-indent: -9000px;
		font-size: 11px;
		margin: 0 0 10px 0;
		padding: 0;
}

#recent-comments h2
{
  background: url(images/title_sidebar_comments.gif) no-repeat;
		width: 231px;
		height: 36px;
		text-indent: -9000px;
		font-size: 11px;
		margin: 0 0 10px 0;
		padding: 0;
}

#title_recentreaders
{
  background: url(images/title_sidebar_recentreaders.gif) no-repeat;
		width: 231px;
		height: 36px;
		text-indent: -9000px;
		font-size: 11px;
		margin: 0 0 10px 0;
		padding: 0;
}

#blogroll_ul
{
  list-style: none;
		padding: 0;
		margin: 0;
}

#blogroll_ul li
{
  margin: 0 0 10px 0;
}

#blogroll_ul h2
{
  background: url(images/title_sidebar_blogroll.gif) no-repeat;
		width: 231px;
		height: 36px;
		text-indent: -9000px;
		font-size: 11px;
		margin: 0 0 10px 0;
		padding: 0;
}

#title_sponsors
{
  background: url(images/title_sidebar_sponsors.gif) no-repeat;
		width: 231px;
		height: 36px;
		text-indent: -9000px;
		font-size: 11px;
		margin: 0 0 10px 0;
		padding: 0;
}


/*****************************************************************************
FOOTER
*****************************************************************************/
#footer
{
  clear: both;
		text-align: right;
		padding: 0;
		margin: 0;
		font-size: 10px;
}

/*****************************************************************************
MISC
*****************************************************************************/
.content_hr
{
  display: none;
}

/*****************************************************************************
CONTACT FORM
*****************************************************************************/
#gb_form_div #message
{
  width: 380px;
}

#formwrap, #formwrap fieldset
{
  border: none;
		padding: 0;
		margin: 0;
}

#formwrap legend
{
  display: none;
}

#formwrap input, #formwrap select, #formwrap textarea
{
  margin: 0 0 10px 0;
}

#formwrap .button
{
  margin: 10px 0 0 0;
}

#formwrap .short
{
  display: block;
}

/*****************************************************************************
RECENT READERS
*****************************************************************************/
#MBL_COMM
{
  width: 100% !important;
		margin: 0 0 20px 0;
		
		background: #e8ecf0;
		border: 1px solid #a3a092;
		padding: 15px;
}

.mbl_h, .mbl_fo_hidden
{
  display: none;
}




.side_title
{
  background: url(images/sidebar_title_bg.gif) no-repeat;
		width: 220px;
		height: 36px;
		font: 14pt Arial, Helvetica, sans-serif;
		font-weight: bold;
		padding: 6px 0 0px 14px;
		margin: 0 0 10px 0;
		color: #e4e6e8;
}

.side_title a
{
		color: #e4e6e8;
		text-decoration: none;
}

.navigation .alignleft {
  float: left;
}

.navigation .alignright {
  float: right;
}

.navigation .clear {
  clear: both;
}

#flickr-container h3 {
        font-size: 12pt;
	color: #fff;
        text-transform: none;
	font-weight: bold;
	border-bottom: dotted 1px #ddd;
	margin: 0 0 10px 0;
}
#flickr-container .view-all a {
	color: #fff;
	font-size: 60%;
	font-weight: normal;
}
#flickr-container {
	background: #08171D;
	padding: 1em;
	margin: 0 0 20px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#flickr-container h3 {
	background: url('images/flickr.gif') left center no-repeat;
	padding-left: 45px;
}
#flickr-container ul {
	padding: 0;
	text-align: center;
}
#flickr-container a img {
	border: solid 4px #fff;
}
#flickr-container a:hover img {
	border-color: #3A6AD3;
}
#flickr-container li {
        list-style: none;
	padding: 0 10px 5px 0;
	float: left;
}
#events-container {
	margin: 1em 1em 1em 0;
	width: 400px;
	float: left;
	font-size: 90%;
}

#flickr-container .clear {
  clear: both;
}

#flickr-container h3 a {
        text-decoration: none;
        color: #fff;
}

pre {
  overflow: auto;
}

#searchform #s {
  width: 100%;
}