body
	{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: center;  background: #E0DCC5 url(pound.gif);}

/* layout */
.clear
	{ clear: both; }
#container
	{ text-align: center; }
#main
	{ margin: 30px auto;text-align: left; width: 640px; border: 10px solid #E0DCC5; background: #E0DCC5; -moz-border-radius: 10px; -webkit-border-radius:10px;
border-radius: 10px; }
/*  opera code
#main
	{ margin: 30px auto;text-align: left; width: 640px; padding: 10px solid #E0DCC5; background: transparent url(rounded-tan1.svg);}	
*/	
#header
	{ margin: 0 0 0 0; padding: 40px 0 0 0; background: #107F10; color: #fff; border: solid 20px #107F10; -moz-border-radius: 10px 10px 0 0; -webkit-border-top-left-radius: 10px ; -webkit-border-top-right-radius: 10px; }
#header-pic
	{ float: right; margin: -30px 0 0 0;}
#header-pic img
	{ border: 6px solid #fff;}	
#menu
	{ padding: 10px; background: #4C392A; color: #f6f6ee; }
#menu ul
	{ float: left;}
#menu li
	{ display: block; float: left; margin: 0 10px 0 0;}
#menu li a
	{ display: block; float: left; padding: 10px; background: #412E1F; color: #fff; text-decoration: none; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}	
#menu li a:hover
	{ background: #107F10; }		
#content 
	{ padding: 20px; background: #f6f6f6; color: #010101; }
#footer 
	{ color: #f6f6ee; background: #412e1f;  border: solid 20px #412e1f; -moz-border-radius: 0 0 10px 10px; -webkit-border-bottom-left-radius: 10px ; -webkit-border-bottom-right-radius: 10px; border-radius: 0 0 10px 10px;}
#footer a
	{ color: #fff; font-weight: bold; }
	
#search-inner 
	{ padding: 20px; background: #412e1f; }
#search-inner input 
	{ float: left; margin: 0 10px 0 0; }	
#search-inner label
	{ color: #fff; }
	
/* TABS */
#infotabs
	{ position: relative; line-height: 1.2em;}
#infotabs a, #infotabs a:link, #infotabs a:active, #infotabs a:visited, #infotabs a:hover
	{ color: #fff; text-decoration: none;}
#infotabs a:hover
	{ text-decoration: underline;}	
	
#righttabs
	{ position: absolute; top: 250px; left: 640px; width: 200px; }
#righttabs div.tab-container
	{ width: 200px; overflow:hidden;}
#righttabs div.tab-inner
	{ width: 160px; border: solid 20px #4C392A;  background: #4C392A; color: #fff; -moz-border-radius: 0 10px 10px 0; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; border-radius: 0 10px 10px 0; }	
#righttabs .tab-link
	{ margin: 20px 0 0 0; display: block; background: #412E1F; color: #fff; font-weight:  bold; text-decoration: none; padding: 8px 10px; width: 60px; -moz-border-radius: 0 10px 10px 0; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; border-radius: 0 10px 10px 0;}
#righttabs .tab-link-selected
	{-moz-border-radius: 0 10px 0 0; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 0; border-radius: 0 10px 0 0;}


	
#lefttabs
	{ position: absolute; top: 250px; left: -200px; width: 200px; }
#lefttabs div.tab-container
	{ margin: 0 0 0 0; width:200px ;overflow:hidden; }
#lefttabs div.tab-inner
	{ width: 160px;  border: solid 20px #4C392A;  background: #4C392A; color: #fff; -moz-border-radius: 10px 0 0 10px; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; border-radius: 10px 0 0 10px; }	
#lefttabs .tab-link
	{ margin: 20px 0 0 120px; text-align:right; display: block; background: #412E1F; border: solid 8px #412E1F; color: #fff; font-weight:  bold; text-decoration: none; padding: 0 2px; width: 60px; -moz-border-radius: 10px 0 0 10px; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px;  border-radius: 10px 0 0 10px;}
#lefttabs .tab-link-selected
	{-moz-border-radius: 10px 0 0 0; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 0; border-radius: 10px 0 0 0;}


#about p a, #about p a:link, #about p a:active, #about p a:visited, #about p a:hover
	{ color: #D2B062; }


/* main elements */
h1, h2, h3, h4 
	{ font-family: 'Century Gothic', Arial; margin: 5px 0 10px 0; }
h1
	{ font-size: 20px; }
h2
	{ font-size: 20px; }
h3
	{ font-size: 18px; }	
h4
	{ font-size: 14px; }		
p
	{ margin: 0 0 15px 0 ; }
i, em
	{ font-style: italic; }
a, a:link, a:active, a:visited, a:hover 
	{ color: #194E76; text-decoration:none; }
a
	{ text-decoration: none; }
blockquote
	{ margin: 10px 20px; padding: 10px 10px 0 10px; border: 1px solid #ddd; background: #efefef; }
blockquote p
	{ margin: 0 0 10px 0; }

#content ul 
	{ margin: 10px 10px 10px 20px; list-style-type: square; }
#content ul li 
	{ margin: 0 0 0 10px; }
#content pre
	{ width: 530px; overflow: auto; background: #fff; border: 1px solid #ccc; padding: 4px;}
#content 
	{ line-height: 1.6em; }
	
	

/* posts */
.post 
	{ background: #efefef; padding: 10px; margin: 0 0 20px 0; border: solid 1px #ccc; border-width: 0 1px 1px 0;}
.post a:hover
	{ background: #194E76; color: #fff; }

.post h2
	{ border: solid 1px #999; border-width: 0 0 1px 0; width: 450px; }
.post h2 a:link, .post h2 a:active, .post h2 a:visited, .post h2 a:hover 
	{ color: #107F10; background: transparent; }

.post .pubDate
	{ float: right; display: block; width: 40px; padding: 5px; margin: 0 0 10px 10px; background: #412e1f; border: 1px solid #ccc; color: #fff; line-height: 1.0; text-align:center;}
.post .pubDate .month
	{ display: block; }
.post .pubDate .day
	{ display: block; font-size: 20px; }
.post .pubDate .year
	{ display: block; }
.post ol
	{ margin: 10px 10px 10px 20px; list-style-type: decimal;}
.post ol li
	{ padding: 2px 0 2px 10px; list-style-type: decimal;}


/* archive months */
#monthList			
	{ color: #fff; font-weight: bold;}
#monthList ul li	
	{ margin-left: 20px;font-weight: normal; }
#monthList li.year	
	{ cursor: pointer; }
#monthList ul		
	{ display: none; }
#monthList ul.open	
	{ display: block; }

/* tag cloud */
#tagcloud					
	{ list-style-type: none; margin: 0; padding: 0;}
#tagcloud li				
	{ display: inline; margin: 0; padding: 0;}
#tagcloud a.biggest:link	
	{ font-size: 16px; color: #D2B062; }
#tagcloud a.big:link		
	{ font-size: 14px; color: #DFC78F; }
#tagcloud a.medium:link	
	{ font-size: 12px; color: #E8D7AE; }
#tagcloud a.small:link		
	{ font-size: 10px; color: #EFE2C5; }
	
#categorylist li
	{ margin: 0 0 2px 0;}
#categorylist li a img
	{ margin: 0 5px 0 0; }

/*blog roll */
#blogroll ul 
	{ list-style-type: none; margin: 0 0 3px 0;padding: 0px; }
#blogroll ul li a 
	{ color: #D2B062; }
#blogroll ul li ul li
	{ margin-left: 10px;  }
#blogroll ul li ul li a 
	{ color: #666666; }
#blogroll ul li a img 
	{ border: none; margin-right: 3px; }	
	
/* side bar icons */
a.rolloverIcon { display: block; padding-left: 18px; height: 16px; background-repeat: no-repeat; margin: 4px 0; background-position: 0 0;}
a.rolloverIcon:hover 
			{ background-position: 0 -16px; }
a.rss 		{ background-image: url(../../pics/icons/rss.png); }
a.rdf 		{ background-image: url(../../pics/icons/rdf.png); }
a.facebook 	{ background-image: url(../../pics/icons/facebook.png); }
a.linkedin 	{ background-image: url(../../pics/icons/linkedin.png); }
a.opml 		{ background-image: url(../../pics/icons/opml.png);}
a.foaf 		{ background-image: url(../../pics/icons/foaf.png); }
a.apml 		{ background-image: url(../../pics/icons/apml.png); }
a.login 	{ background-image: url(../../pics/icons/lock.png); }
a.twitter 	{ background-image: url(../../pics/icons/twitter.png); }

/* archive */
#archive table 			
	{ width: 100%;}
#archive .date 			
	{ width: 100px; }
#archive .comments 		
	{ width: 100px; text-align:right;}
#archive th
	{ background: #4C392A; color: #fff; padding: 5px; }


/* comments */
.commenterslastpost
	{ display: block; margin-top: 20px; font-weight: bold; }
	
.comment 
	{ border: 1px solid #ccc; border-width: 0 1px 1px 0; background-color: #eeeeee;  margin: 0 0 40px 0 ; }
.comment .gravatar
	{ float: right; margin: -30px 15px 10px 10px; display: block;}
.comment .gravatar img
	{ border: 5px solid #999; background: #fff; height: 80px; width: 80px;}	
	
.comment .content
	{ padding: 10px; }
.comment .date 
	{ background: #ccc; display: block;font-size: 10px; color: #666666;  margin: 0; padding: 5px 10px; }
.comment .author 
	{ background: #ccc; padding: 10px; display: block; }


.self
	 { background: #4C392A; color: #fff; }
.self a
	 { color: #D2B062; font-weight: bold;  }	
.self .date
	 { background: #412E1F; color: #fff; }
.self .author 
	{ background: #412E1F; }
.self .gravatar img
	{ border-color: #412E1F; }	
	
	
/* related */
#relatedPosts a 	
	{ }
#relatedPosts span 	
	{ display:block; margin-top:5px; text-indent:10px; }		  
#relatedPosts
	{ margin: 0 0 20px 0; }


/* recent */
#recentComments li	
	{ margin:0 0 8px 0; color: #fff; clear: both;}
#recentComments .commentPic 
	{ width: 35px; float: left; margin: 0 4px 4px 0; border: 2px solid #D2B062; }
#recentComments a, #recentComments a:link, #recentComments a:active, #recentComments a:visited, #recentComments a:hover
	{ color: #D2B062; }


.commentForm {
	padding: 5px;
	line-height: 1.0em; 
}

.commentForm label {
	float: left;
	display: block;
	width: 80px;
	margin-top: 4px;
}

.commentForm input {
	width: 300px;
}

.commentForm textarea {
	width: 100%;
	height: 150px;
	border:1px solid silver;
}

#commentMenu{
	padding: 0;
	margin:0;
	clear:both;
}

#commentMenu li{
	float:left;
	border:1px solid silver;
	border-bottom: transparent;
	margin:0;
	list-style:none;
	margin-right:5px;
	padding: 3px 8px;	
	cursor:pointer;
	position:relative;
	top: 2px;
	background:#d8d8d8;
}

#commentMenu li.selected{
	background:white;
	border-bottom:1px solid white;
}

#commentPreview{
	display:none;
	clear:both;
	min-height: 150px;
}

.success {
	color: green;
	font-weight: bold;
}

.commentForm .bbcode {
    font-size:10px;
    float:right;
    position:relative;
    top:20px;
    padding: 3px;
}

.bbcode a {
    margin: 1px;
    padding: 1px 3px 1px 3px;
    background: #fff;
    border: 1px solid #ccc;
}