/*#############################################################
Name: Dirtylicious
Date: 2007-03-10
Description: A soft-colored, bright and somewhat dirty two-column template.
Author: Viktor Persson
URL: http://templates.arcsin.se

Feel free to use and modify but please provide credits.

Ported to Frog CMS by: David Reimer - erajad.byethost10.com
Frog version: 1.0.1[20080806 - help from Bd! :) ]
Revised for Muffins Fast and Fantastic by David Reimer

RSS icon on site courtesy of Mark James' justly famous "Silk" set:
http://www.famfamfam.com/lab/icons/silk/
#############################################################*/


/* ====== standard elements ====== */
html {min-height: 100%;}

* {
	margin: 0;
	padding: 0;
}

a {color: #50659a;}
a:hover {color: #788dc2;}

body {
	background: #EAEEF8 url('img/bg.png') repeat;
	color: #444;
	font: normal 70% Tahoma,sans-serif;
	padding-top: 30px;
}

p,code,ul,ol {padding-bottom: 1.2em;}

li {list-style: none;}

h1 {font: normal 1.8em Tahoma,sans-serif;}
h2 {font: bold 1.4em Georgia, "Times New Roman", Times, Palatino, serif;}
h3 {font: bold 1.2em Georgia, "Times New Roman", Times, Palatino, serif;}
h4 {font: bold 1em Tahoma,sans-serif;}

form,input {margin: 0; padding: 0; display: inline;}

pre {
	background: #FFF;
	border: 1px solid #EEE;
	border-left: 6px solid #CCC;
	color: #666;
	display: block;
	font: normal 1em Tahoma,sans-serif;
	line-height: 1.6em;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}
code {
	background: #FFF;
	font: normal 1em "Courier New",monospace;
}
blockquote {
	color: #788dc2;
	font-weight: normal;
	margin: 0 0 0 20px;
	padding: 0 0 0 10px;
	border-left: 3px solid #788dc2;
}

h1,h2,h3,h4 {
	padding-top: 6px;
	color: #788dc2;
	margin-bottom: 4px;
}

/* misc */
.clearer {clear: both; font-size: 0;}
.footerLeft {float: left;}
.footerRight {float: right;}

/* ===== structure ====== */
#master {
	margin-left:auto;
	margin-right:auto;
	width:824px;
}
#top-container {
	background: url('img/inner_bg-top.png') no-repeat center top;
	width: 824px;
	height: 14px;
}
#bottom-container {
	background: url('img/inner_bg-bottom.png') no-repeat center top;
	width: 824px;
	height: 13px;
}
#inner-container {
	background: #FFF;
	margin-left:10px;
	font-size: 1.2em;
	padding: 4px 10px 10px 10px;
	width: 780px;
}

#outer-container {
	background: url('img/inner_bg2.png') repeat-y center;
	padding-bottom: 0px;
}

/* ====== header & title ====== */

#header {
	background: #fff url('img/bg_choc-chip.jpg') no-repeat;
	height: 160px;
	margin-bottom: 5px;
	text-align: left;
}
#about #header {	
  background: #fff url('img/bg_back-cov.jpg') no-repeat;
}
#articles #header {	
  background: #fff url('img/bg_finalmix.jpg') no-repeat;
}
#muffins #header {	
  background: #fff url('img/bg_blueberry.jpg') no-repeat;
}
#header #title {
	font-weight: normal;
	font-size: 3.5em;
	font-family: serif;
	padding: 10px 10px 0 10px;
	color: #788dc2;
}
#header #title #sitename a {
	text-decoration: none;
	color: #788dc2;
}
#header #title #sitename a:hover { color: #a0b5ea;}

#header #title #slogan {
	font: normal 14pt Georgia, Times, serif;
	text-transform: uppercase;
	padding-top: 4px;
}

/* for MUFFINS section */
#muffins #header #title {
	font-weight: normal;
	font-size: 3.5em;
	font-family: serif;
	padding: 10px 10px 0 10px;
	color: #eaeef8;
}
#muffins #header #title #sitename a {
	text-decoration: none;
	color: #eaeef8;
}
#muffins #header #title #sitename a:hover { color: #a0b5ea;}

#muffins #header #title #slogan {
	font: normal 14pt Georgia, Times, serif;
	text-transform: uppercase;
	padding-top: 4px;
}

/* ====== path = navigation bar ====== */
#path {
	background: #788dc2 url('img/pathbar_bg.png') repeat-x center top;
	color: #FFF;
	font: normal 10pt Verdana,sans-serif;
	padding: 0 12px; /* 8px 12px; */
	height: 32px;
}
#path ul {
  display: inline;
  margin: 0;
  padding: 0;
}
#path li {
  list-style: none;
  float: left; 
  padding: 7px 10px 0 8px;
}
#path a {
	color: #FAFAFA;
	text-decoration: none;
}
#path a:hover {
	color: #3c5186;
	text-decoration: none;
}
#path li a.current {
  /* color: #eaeef8; for simple menu */
  color: #FAFAFA;
}

/* ====== main ====== */
#main {
	background: url('img/main.gif') repeat-y;
	border-top: 4px solid #FFF;
	padding: 0px 12px 0 0;
}

/* ====== content ====== */
#content {
	float: right;
	width: 538px;
	padding-top: 6px;
	line-height: 1.6em;
}
#content h2, content h3 {
	color: #788dc2;
}
#content .info {  /* .descr */
	color: #788dc2;
	font-size: 0.9em;
	margin-bottom: 6px;
}
#content .dateInfo {
	color: #788dc2;
	font-size: 0.8em;
}
#content ul li {
	list-style: url('img/li.png');
	margin-left: 18px;
}
#content ol li {
	list-style: decimal;
	margin-left: 18px;
	/* IE HACK: */
}
#content p {
	font-family: "Lucida Sans Unicode",sans-serif;
	margin: 1em 0;
	padding-bottom: 0;
}
#content .continue {
	font-size: 0.9em;
}
#content .continue a { color: #788dc2; }
#content .continue a:hover {color: #50659a; }
#content .comment-form-body {
	width: 450px;
}
#content img {
  /* float: left; */
  border: 1px dotted #dfe3e4;
  padding: 3px;
  margin: 6px 10px 6px 10px;
}
#content img.tight {
  border: 0 none;
  padding: 0px;
  margin: 0px;
  vertical-align: middle;
}

/* for WELCOME = Home page */
.latest_article {
	border: #dfe3e4 3px double;
	padding: 8px;
}
.latest_article p {
	display: inline;
}
/* ====== sidebar ====== */
#sidebar {
	float: left;
	width: 210px;
}
#sidebar h2, #sidebar h3 {
	color: #788dc2; /* #5A5A43; */
	font: bold 1.0em Tahoma,sans-serif;
	line-height: 30px;
	margin: 0;
	padding-left: 12px;
}
#sidebar ul, #sidebar ol {
	padding: 0;
	border-top: 1px solid #EAEADA;
}
#sidebar li {
	border-bottom: 1px solid #EAEADA;
	/* NEXT LINE = IE6 HACK! */
	line-height: 0px;
}
#sidebar li a {
	display: block;
	list-style: none;
	line-height: 1.6em;
	font-size: 1.0em;
	color: #554;
	text-decoration: none;
	padding: 8px 10px 8px 10px;
	width: 190px;
}
#sidebar li a:hover {
	background: #e2e6f0;
	color: #654;	
}
#sidebar p {
	border-top: 1px solid #EAEADA;
	border-bottom: 1px solid #EAEADA;
	line-height: 1.6em;
	font-size: 1.0em;
	color: #554;
	display: block;
	padding: 8px 0 8px 5%;
	width: 95%;
}
#sidebar p a {
	text-decoration: none;
}

/* ====== footer ====== */
#footer {
	background: #788dc2;
	color: #d8edff;
	font: normal 0.8em sans-serif;
	margin-top: 5px;
	padding: 10px 12px;
}
#footer a {
	color: #d8edff;
	text-decoration: none;
}
#footer a:hover {color: #fff;}

/* =====================
CTP Blues: dark --> light
3c5186
50659a
788dc2 <-- "normal"
dfe3e4
eaeef8
===================== */

/* CONTACT FORM */
.tbContactform .antispam {
	display:  none;
	visibility: hidden;
}
.tbContactform label {
	width:  95px;
	display:  inline-block;
	vertical-align: top;
	clear: both;
}
.tbContactform input.text,
.tbContactform textarea {
	width:  225px;
	padding: 2px;
}
.tbContactform textarea {
	height:  115px;
}
.tbContactform input.submit {
	display: block;
  	margin-left: 250px;
  	width:  auto;
}
.tbContactform .tbErrors p {
	color: #FF0000;
}