@charset "utf-8";

/*#############################################################
Name: Fluid Solution
Date: 2006-09-06
Description: Totally liquid three-column layout, clean and simple.
Author: Viktor Persson
URL: http://arcsin.se

Feel free to use and modify but please provide credits.
#############################################################*/

/* standard elements */

* {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
}
body {
	background: #FFF url(images/bg.gif) repeat-x;
	color: #444;
	font: normal 10px "Lucida Sans Unicode",Verdana,sans-serif;
	padding-top: 40px;
}
code,ul {
	font-size: 1.2em;
	padding-bottom: 0.5em;
}
li {
	list-style: none;
}
h1 {
	font-size: 1.4em;
}
h1,h2,h3,h4  {
	font: normal 1.2em "Trebuchet MS",sans-serif;
	color: #F06;
}
    .ib                     { cursor:pointer;}
    .branch3                { cursor:pointer;}
    .c_cnt                  { font:0.75em Tahoma, Helvetica, Arial, Gulim, sans-serif;  color:#CCC;}
    
	img						{ border:0; }
    .imageblock             { padding:5px;  margin:0;}
    .left                   { }
    .center                 { }
    .right                  { }
    .dual                   { margin-bottom:5px;}
    .triple                 { margin-bottom:5px;}
	
/* misc */
.clearer {
	clear: both;
}
#container { width: 100%; }

/* left side (main content) */
#left {
	margin: 0 0 20px 30px;
	width: 550px;
	float:left;
}

/* header */
.header {
	background: url(images/stripes.gif) no-repeat;
	border-bottom: 1px solid #EEE;
	height: 160px;
	margin-bottom: 15px;
}

.header h1 {
	color: #222;
	font: normal 3em sans-serif;
	margin-top: 40px;
	text-align: center;
}

.header h1 a { color:#222; text-decoration:none; }

.header h2 {
	border-top: 1px solid #EEE;
	color: #666;
	text-align: right;
}
.header h2 span {
	background: #222;
	color: #EEE;
	padding: 0 6px;
}

/* content */
.content .date, .cnt, .name  {
	color: #a9a9a9;
	font-size: 11px;
	margin-bottom: 6px;
}
.content ul, ol { 
	margin-bottom : 15px;
}	
.content li { 
	margin-left: 18px; 
}
.content h1 {
	font-size: 9pt;
         font-weight : bold; 
	margin: 15px 0 5px 0;
	}
.content h2 {
	font-size: 1.5em;
	margin: 15px 0 5px 0;
}
.content a {
	color: #F06;
	text-decoration: none;
}
.searchList { line-height: 180%; }
.searchList a {
	font-size: 1.2em;
	color: #06f;
	text-decoration: none; 
}
.searchList a:hover {
	color: #444;
	text-decoration : underline; 
}
/* local log */
.localog .spot { 
	background:url(images/iconIndentArrow_local.gif) 5px 0 no-repeat;  
	padding-left:20px;  
	margin-top:5px;
}
.localog .info  { 
	background:url(images/iconIndentArrow_localinfo.gif) 5px 3px no-repeat;
	padding:0 0 10px 15px;
	margin-top:2px;
}
.localog a  { color:#06f;}
.localog a:hover  { color:#444; text-decoration:underline;}

/* tag log */
.taglog ul                  { padding:10px; margin:0; text-align:justify;}
.taglog li                  { display:inline;}
.taglog a:hover             { background-color:#eee;  color:#000;}
.taglog li .cloud1          { background-color:#eee;  color:#a2348f;  font-weight:bold;  font-size:16px;}
.taglog li .cloud2          { background-color:#eee;  color:#5a5194;  font-weight:bold;  font-size:15px;}
.taglog li .cloud3          { background-color:#eee;  color:#7870ab;  font-weight:bold;  font-size:14px;}
.taglog li .cloud4          { background-color:#eee;  color:#666;     font-size:13px;}
.taglog li .cloud5          { font-size:12px;  color:#999; }

/* entry */
.entry .date_a, .category_a, .author {
	color: #06F;
	font-size: 9pt;
	margin-bottom: 6px;
}
.entry p.text   { 
	background:url(images/imgProtected.gif) 0 no-repeat ; 
	padding: 10px 0 10px 50px; 
}
.entry input    { 
	width:200px;
}
.entry .submit2  { 
	width:50px; 
	padding-top:2px; 
	height:25px; 
	background-color:#ccc;
}
.article {
	font:11px verdana, "Lucida Sans Unicode", sans-serif ;
	color: #444;
	padding: 10px 0 0 0;  
	line-height: 170%;
	text-align: justify;
	margin-bottom: 15px;
}
.article .cap1  { font-size: 10px; color:#999;  text-align:center;}
.article li {
	list-style: url(images/li.gif);
	margin-left: 18px;
	font-size: 11px;
}

.article p 
	{ font:12px verdana, "Lucida Sans Unicode", sans-serif ;
	text-align: justify;
}

.key1 { 
	cursor: pointer; 
	border-bottom: 1px dotted #008000; 
}
.moreless_fold  { padding-left:20px; background:url(images/bullet_plus.gif) no-repeat 0 50%;} 
.moreless_top    { padding-left:20px; background:url(images/bullet_minus.gif) no-repeat 0 50%; margin-bottom:.5em;}
.moreless_bottom   { display:none;}

blockquote {
	background: #FBFCF5;
	border-bottom: 1px solid #EED;
	border-top: 1px solid #EED;
	color: #444;
	display: block;
	font: 12px Verdana,sans-serif;
	margin-bottom: 12px;
	padding: 12px;
}
.article a { 
	color: #F06; 
}

.article a:hover {
	color: #444;
	text-decoration: underline;
}
.entry .admin {
	text-align: right; 
	margin-top : 5px;  
}

.entry .tagTrail { 
	background:url(images/icon_tag.gif) 0 50% no-repeat; 
	padding-left : 30px; 
	margin-bottom: 20px;
	font-size: 11px;
}

.entry .actionTrail {
	font-size: 1.1em; 
	text-align: right; 
	padding: 5px; 
	border-bottom:1px solid #c0c0c0;
}
.entry .actionTrail a {
	color:#444;
	text-decoration: none;
}
.entry .actionTrail a:hover {
	color:#444;
	border-bottom: 1px solid #2f4f4f; 
}
/* trackback */
.entry .trackback  { 
	border-bottom :1px dotted #969696; 
}
.entry .trackback .tbadd	   { 
	text-align:center; 
	font-size: 1.0em; 
	color: #444; 
	letter-spacing: 1px; 
	padding: 5px 0; 
}
.entry .trackback h3	{ 
	font-size: 1.2em;
}
.entry .trackback ol	 { 
	margin: 0 0 10px 0;  
	padding: 0 ; 
	list-style:none; 
}
.entry .trackback li	{  
	color:#696969;
}
.entry .trackback p	{ 
	font-size: 1.2em;  
	text-align: justify; 
	margin:3px 0 0 0; 
	padding:3px 0 ;  
}

/* comment */
.comment .commentList  { 
	margin: 10px 0; 
}
.comment a { 
	color:#f06;
	text-decoration: none ;
}
.comment a:hover { 
	color:#444;
	text-decoration: underline;
}
.comment ol     { 
	margin: 0 0 10px 0; 
	padding: 0; 
	list-style: none; 
	border-bottom :1px dotted #969696; 
}
.comment li	{ 
	padding-top: 5px; 
	padding-bottom: 10px;
}
.comment ul	{ 
	margin: 0 0 5px 0; 
	padding-left:15px; 
	list-style: none; 
}
.hiddenComment { background:url(images/iconSecret.gif) no-repeat;  padding-left:20px;  font-weight:normal;}	
.comment .control a.address       { background:url(images/iconAddress.gif) no-repeat;  padding-left:52px;  padding-bottom:2px;  text-decoration:none;}
.comment .control a.address span  { display:none; }
.comment .control a.modify        {  background:url(images/iconModify.gif) no-repeat;  padding-left:52px;  padding-bottom:2px;  text-decoration:none; }
.comment .control a.modify span   { display:none;}
.comment .control a.write         { background:url(images/iconWrite.gif) no-repeat;  padding-left:52px;  padding-bottom:2px;  text-decoration:none;}
.comment .control a.write span    { display:none; }
.comment p.rp  { 
	border-left:4px solid #444; 
	margin: 5px 0 0 0; 
	padding-left: 5px; 
	font-size: 1.2em; 
	}
.comment p.rp2 	{ 
	border-left:4px solid #dd3151; 
	margin: 5px 0 0 0; 
	padding-left: 5px; 
	font-size: 1.0em; 
}

/* comment & guest Write area */
.content fieldset 	{ padding:1em; border:0; letter-spacing:0;}
* html fieldset 		{/* \ Not Mac */position:relative; clear:both;margin-top:1.8em;padding:2em 1em 1em;/* */}

.content legend 	  {font:1.5em 'Franklin Gothic Medium', Helvetica, Sans-Serif;color:#696969;}
* html fieldset legend  {/* \ Not Mac */position:absolute;top:-.8em;left:.4em;/* */}

.content fieldset div {margin:.3em 0;}

.content label 		{padding-left:.2em;font:1.0em 'Franklin Gothic Medium', Helvetica, Sans-Serif;vertical-align:middle;}
.content label span	{color:#999;}

.content input		{padding:2px .5em;width: 300px; font:1.2em Gulim, , AppleGothic,Sans-Serif;vertical-align:middle;color:#666;border:1px solid #ddd;}
.content textarea 	{padding:2px .5em;width:500px;height:100px;border:1px solid #ddd;font:1.2em Gulim,,AppleGothic, Sans-Serif;color:#666; overflow:hieedn;}
.content .checkbox 	{background:none;padding:0;width:12px;border:0 none;}
.content .comment .submit input {margin-top:1em;padding:.3em;width:80px;height:25px;font-size:.9em;color:#666;cursor:pointer;}

/* page error */
#page-error  { 
	font-size: 1.5em;
	font-weight : bold; 
	padding : 200px 0; 
	text-align : center; 
}

/* paging */
.paging           { padding:10px;  text-align:center;  font-size:1.0em;}
.paging .numbox   { padding-left:6px; margin-left:6px;  font:9px verdana;}
.paging .num      { padding-right:8px; margin-right:5px;}
.selected         { font-weight:bold; }


/* nav & subnavigation */
#nav,#right {
	top: 40px;
}	

/* navigation */
#container #nav {
	margin: 0 0 20px 15px;
	text-align: center;
	width: 135px;
	float: left;
}
#container #nav .logo {
	background: url(images/logo.gif) no-repeat center top;
	border-bottom: 1px solid #EEE;
	border-top: 1px solid #EEE;
	height: 159px;	
}

#container #nav h1 {
	color: #F60;
	margin: 12px 0;
}
#container #nav li {
	border-bottom: 1px solid #EEE;
}
#container #nav li a {
	color: #888;
	display: block;
	font: normal 1.0em serif;
	padding: 8px 0;
}
#container #nav li a:hover {
	background: #FAFAFA;
	color: #F06;
}

/* subnav */
#container #right {
	background: #222;
	margin: 0 0 20px 15px;
	width: 200px;
	float:left;
}

#searchform { margin-bottom: 10px; }
#searchform input { border: 1px solid #DEDED1; 	font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;	}
#searchform input.text { padding: 11px; background: #FDFDFB url(images/img06.gif) repeat-x; }
#searchform input.button { background: #763320 url(images/img07.gif) repeat-x; color: #FFFFFF; }

.subnav {
	padding: 12px 12px 0;
}
.subnav .date_s, .cnt_s, .name_s {
	color: #777;
	font-size: 10px;
	margin-bottom: 6px;
}

.subnav h1 {
	color: #F06;
	font-size: 9pt;
	height: 20px;
	margin-left: 8px;
}
.subnav .recent ul {
	margin: 0 0 16px;
	padding: 0;
}
.subnav .recent li { 
	list-style: none;
	margin: 0;
	padding: 5px;
	border-bottom: 1px solid #333;
}
.subnav .recent li a {	
	color: #777;
	font-size: 8px;
	text-decoration: none;
}
.subnav .recent li a:hover {
	color: #DDD;
}
.subnav .recent a {	
	color: #777;
	font-size: 0.9em;
	text-decoration: none;
}
.subnav .recent a:hover {
	color: #DDD;
}
/* Categories */

.categories ul { padding:0 0 0 10px;list-style:none;}
.categories li { padding-top: 3px; font-size: 9pt; }
.categories li a { color: #777; text-decoration: none; }
.categories li a:hover { color:#DDD; }


/* 1 depth */
.categories ul li ul { padding:0 0 20px 0; list-style:none; }
.categories ul li ul li {  }

/* 2 depth */
.categories ul li ul li ul  { padding:0 0 0 5px; list-style:none; }
.categories ul li ul li ul li {  }
.categories ul li ul li ul li a { }

.tagbox ul { margin: 0 0 15px 0; padding-left: 10px; list-style:none;  }
.tagbox  li {  display: inline; }
.tagbox  li .cloud1          { color:#fff;  font-weight:bold;  font-size:16px;}
.tagbox  li .cloud2          { color:#fff;  font-weight:normal;  font-size:15px;}
.tagbox  li .cloud3          { color:#444;  font-weight:normal;  font-size:13px;}
.tagbox  li .cloud4          { color:#444;     font-size:12px;}
.tagbox  li .cloud5          { font-size:11px;  color:#777; }

/* calendar */
	.cal_month { font-size : 11px; height: 18px; }
	.cal_week1 { font-size : 11px; height:18px; }
	.cal_week2 { font-size:12px; text-align: center; }
	.cal_day1 {	color: #fff; font-size:12px; text-align:center; }
	.cal_day2 {	color: #000; font-size : 11px; text-align: center; }
	.cal_day3 {	font-size : 11px; text-align: center; }
	.cal_day4 {
	text-align: center;
	font-size: 11px;
	border-bottom:1px solid #fff;
	font-weight:bold;
	color: #fff;
}
	a.cal_click:link, a.cal_click:visited {	color : #777; font-weight: bold; }
	a.cal_click:hover {	color : #369; font-weight: bold; }	
	
/* round edges */
.roundtl,.roundtr,.roundbl,.roundbr {
	background: #fff url(images/round.gif) no-repeat;
	height: 16px;
	width: 14px;
}
.roundtl,.roundbl {
	float: left;
}
.roundtr,.roundbr {
	float: right;
}
.roundtr {
	background-position: right top;
}
.roundbr {
	background-position: right bottom;
}
.roundbl {
	background-position: left bottom;
}

/* footer */
.footer {
	color: #666;
	border-top: 1px solid #EEE;
	font: normal 1em Verdana,sans-serif;
	line-height: 160%;
	margin: 10px 0 20px 0;
	padding: 8px 6px;
}
.footer a {
	color: #06f;
	text-decoration : none; 
}
.footer a:hover {
	color: #444;
	text-decoration : underline ;
}