/*
-----------------------------------------------
Master Screen Style
-----------------------------------------------
DesignInfluences
version:	textpattern: default
file:		txp_default_050810.css
author:		Stephen Bau
date:		20 Sep 2005
----------------------------------------------- */


/* body
----------------------------------------------- */
body {
	font: normal 12px/16px "lucida grande", arial, sans-serif;
	text-align: left;
	color: #666;
	margin:36px;
	padding:0;
	}
/* These rules affect all elements within the body tag: */
body * {
	margin:0;
	padding:0;
	text-decoration:none;
	border:none;
	color: #666;
	list-style-type:none;
}
	
	
/* anchors
----------------------------------------------- */
a { 
	color: #000;
	text-decoration: none;
	}
a:link, a:visited, a:active  { 
	color: #000;
	text-decoration: none;
	}
a:hover {
	color: #F00;
	text-decoration: none;
	}


/* image replacement
----------------------------------------------- */
em.ir, strong.ir {
	display:block;
	width:0;
	height:0;
	overflow:hidden;
	font-size:0.5em;
	}


/* layout
----------------------------------------------- */
#container { 
	width: 928px; 
	position: relative;   
	background: url(../css/i/column_rules_446-300-180.gif) center repeat-y;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	}


/* header
----------------------------------------------- */
#header {	
	height:62px;
	margin:0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#fff;
	}
#logo h1 {
	padding:0;
	margin:0;
	}
#logo h1 a {
	position:absolute;
	top:0;
	left:0;
	height:63px;
	border-right:1px solid #ccc;
	}

.site-imagine #logo h1 a {background: url(../css/i/title_imagine.gif) 0 18px no-repeat; width:177px;}
.site-design #logo h1 a {background: url(../css/i/title_design.gif) 0 18px no-repeat; width:224px;}
.site-build #logo h1 a {background: url(../css/i/title_build.gif) 0 18px no-repeat; width:227px;}
.site-faithhopelove #logo h1 a {background: url(../css/i/title_faithhopelove.gif) 0 18px no-repeat; width:204px;}

.site-imagine #logo h1 a:hover {background: url(../css/i/title_imagine.gif) 0 -32px no-repeat;}
.site-design #logo h1 a:hover {background: url(../css/i/title_design.gif) 0 -32px no-repeat;}
.site-build #logo h1 a:hover {background: url(../css/i/title_build.gif) 0 -32px no-repeat;}
.site-faithhopelove #logo h1 a:hover {background: url(../css/i/title_faithhopelove.gif) 0 -82px no-repeat;}
.site-faithhopelove #logo h1 a:active {background: url(../css/i/title_faithhopelove.gif) 0 -32px no-repeat;}

#logo p {
	position:absolute;
	top:0;
	width:300px;
	height:63px;
	}

.site-imagine #logo p {background: url(../css/i/tag_imagine.gif) 0 23px no-repeat; left:205px;}
.site-design #logo p {background: url(../css/i/tag_design.gif) 0 23px no-repeat; left:252px;}
.site-build #logo p {background: url(../css/i/tag_build.gif) 0 23px no-repeat; left:255px;}
.site-faithhopelove #logo p {background: url(../css/i/tag_faithhopelove.gif) 0 23px no-repeat; left:232px;}


/* iconNav links
----------------------------------------------- */
#iconNav h3 {
  position:absolute;
  left:623px;
  top:0;
  }
#iconNav h3 a,
#iconNav h3 a:hover {
  display:block;
  width:124px;
  height:63px;
  border-right:1px solid #ccc;
  }
#iconNav h3 a {background: url(../css/i/bauhouse_button.gif) 0px -35px no-repeat;}
#iconNav h3 a:hover {background: url(../css/i/bauhouse_button.gif) 0px 15px no-repeat;}
  
#iconNav ul{
  float:right;
  padding:2px 0 2px 2px;
  width:178px;
  height:59px;
  list-style:none;
  }
#iconNav li {
  float:left;
  margin:0;
  padding:0;
  }
#iconNav a {
  display:block;
  margin:0;
  width:60px;
  height:88px;
  }

#iconNav a.imagine {background: url(../css/i/icon_sprites.jpg) 0 0 no-repeat;}
#iconNav a.design {background: url(../css/i/icon_sprites.jpg) -60px 0 no-repeat;}
#iconNav a.build {background: url(../css/i/icon_sprites.jpg) -120px 0 no-repeat; width:58px}

#iconNav a.imagine:hover {background: url(../css/i/icon_sprites.jpg) 0 -88px no-repeat;}
#iconNav a.design:hover {background: url(../css/i/icon_sprites.jpg) -60px -88px no-repeat;}
#iconNav a.build:hover {background: url(../css/i/icon_sprites.jpg) -120px -88px no-repeat;}

#iconNav a.imagine:active {background: url(../css/i/icon_sprites.jpg) 0 -176px no-repeat;}
#iconNav a.design:active {background: url(../css/i/icon_sprites.jpg) -60px -176px no-repeat;}
#iconNav a.build:active {background: url(../css/i/icon_sprites.jpg) -120px -176px no-repeat;}

#iconNav .definition {display:none;}

/* iconNav active states */
.site-imagine #iconNav a.imagine {background: url(../css/i/icon_sprites.jpg) 0px -176px no-repeat;}
.site-imagine #iconNav a.imagine:hover {background: url(../css/i/icon_sprites.jpg) 0 -88px no-repeat;}
.site-imagine #iconNav a.imagine:active {background: url(../css/i/icon_sprites.jpg) 0px -176px no-repeat;}

.site-design #iconNav a.design {background: url(../css/i/icon_sprites.jpg) -60px -176px no-repeat;}
.site-design #iconNav a.design:hover {background: url(../css/i/icon_sprites.jpg) -60px -88px no-repeat;}
.site-design #iconNav a.design:active {background: url(../css/i/icon_sprites.jpg) -60px -176px no-repeat;}

.site-build #iconNav a.build {background: url(../css/i/icon_sprites.jpg) -120px -176px no-repeat;}
.site-build #iconNav a.build:hover {background: url(../css/i/icon_sprites.jpg) -120px -88px no-repeat;}
.site-build #iconNav a.build:active {background: url(../css/i/icon_sprites.jpg) -120px -176px no-repeat;}


/* menu
----------------------------------------------- */
#menu {
	background:#fff;
	border-bottom:15px solid #fff;
	}
#menu h3 {
	display:none;
	}
#menu ul {
	padding:.7em 0;
	line-height:normal;
	border-bottom:1px solid #ccc;
	}
#menu ul li {
	display:inline;
	font-size:.9em;
	letter-spacing:.2em;
	text-transform: uppercase;
	list-style:none;
	}
#menu ul li a {
	padding:.5em .9em;
	color:#666;
	border-right:1px solid #ccc;
	}
#menu ul li.home a {
	padding-left:0;
	}
#menu ul li a:link {color:#666;}
#menu ul li a:hover {color:#000;}
#menu ul li a:active {color:#f00;}

/* menu active states */
#home #menu ul li.home a,
#s_about #menu ul li.about a,
#s_articles #menu ul li.articles a {color:#f00;}


/* content
----------------------------------------------- */
#content p { 
	margin-bottom:15px;
	}
#content h2 {
	margin-bottom:15px;
	font-family:Georgia, serif;
	font-size:1.5em;
	font-weight:normal;
	}
#content h3,
#content h4 { 
	font-size:.9em;
	font-weight: normal;
	letter-spacing:.2em;
	text-transform: uppercase;
	}
#content h3 { 
	margin: 0 -16px 10px -14px;
	padding:3px 16px 3px 14px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	}
#content h4 {color:#f00;}
#content h4,
#content h5,
#content h6 { 
	margin-bottom: 10px;
	}
#content #links h3 { 
	margin: 0 0 10px -14px;
	padding:3px 0 3px 14px;
	}
#content form { 
	background:#eee;
	padding:15px;
	margin: 0 -16px 0 -14px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	}
#content form input { 
	margin-right:6px;
	}
#content form input#s { 
	width:190px;
	}
#content #articles form {
	margin:15px 0 15px 0;
	border:0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	}
#content #articles form li {
	list-style-type:none;
	margin-left:0;
	}
#content #articles form label {
	display:block;
	font-size:.8em;
	font-weight: normal;
	letter-spacing:.2em;
	text-transform: uppercase;
	margin:5px 0;
	}
#content #articles form input.text {
	width:250px;
	}
#content #articles form textarea {
	width:400px;
	}
#content #articles h3 {
	margin-left:0;
	padding-left:0;
	}
#content h3 a.view {
	letter-spacing:0;
	text-transform: none;
	}


/* columns
----------------------------------------------- */
#col-a { 
	float:left;
	width: 446px;
	}
#col-b { 
	float:left;
	width: 300px;
	}
#col-c { 
	float:left;
	width: 180px;
	}


/* articles
----------------------------------------------- */
#articles { 
	margin-right:15px;
	}
#articles ol,
#articles ul { 
	margin-left:1em;
	margin-bottom:1em;
	}
#articles ol li,
#articles ul li { 
	margin-left:1em;
	list-style-type:square;
	margin-bottom:.5em;
	}
#articles ol li {
	list-style-type:decimal-leading-zero;
	}
#articles pre { 
	padding:15px;
	margin-bottom:15px;
	background:#eee;
	overflow:auto;
	}
#articles .info {
	position:relative;
	margin-top:-3px;
	padding:3px;
	border-top:1px solid;
	border-bottom:1px solid;
	font-size:0.9em;
	border-color:#ddd;
	background-color:#eee;
}
#articles .info a {
	border-color:#949494;
}
#articles blockquote {
	padding-left:15px;
	border-left:1px dotted #999;
}


/* lists and links
----------------------------------------------- */
#lists { 
	margin:0 15px;
	font-size:.9em;
	}
#links { 
	margin-left:15px;
	font-size:.9em;
	}
#links ul { 
	margin-bottom:10px;
	}
#lists ul.posts li {
	list-style-image:url(../css/i/blix_post_red.gif);
	}
#links ul.categories li {
	list-style-image:url(../css/i/blix_categories_red.gif);
}
#links ul.links li {
	list-style-image:url(../css/i/blix_links_red.gif);
}
#links ul.file_download_list li {
	list-style-image:url(../css/i/blix_post_over.gif);
	}
#links ul.feeds li {
	list-style-image:url(../css/i/blix_feeds_red.gif);
}
#links ul.categories li li {
	list-style-image:url(../css/i/spring_flavour/sub_categories_red.gif);
}
#lists ul,
#links ul {
	margin-bottom:15px;
}
#lists ul li,
#links ul li {
	margin:2px 0 2px 15px;
	padding-bottom:2px;
	border-bottom:1px solid;
}
#lists li a,
#links li a {
	display:block;
	padding:1px 0;
	height:1%; /* IE WIN */
}
#lists ul li,
#links ul li {
	border-bottom-color:#eee;
}
#lists li a:hover,
#links li a:hover {
	color:#333;
	background-color:#F0F0F0;
}
#lists li a:active,
#links li a:active {
	color:#f00;
}

#links li.date_small {font-size:.8em; margin:0;}


/* footer
----------------------------------------------- */
#footer { 
	clear:both;
	border-top:1px solid #ccc;
	padding-top: 12px;
	background:#fff;
	color:#999;
	font-size: .8em;
	}

#footer p a {color: #999;}
#footer p a:link, #footer p a:visited {color: #666;}
#footer p a:hover {color: #F00;}
#footer p a:active {color: #000;}