/*  
Theme Name: Amazing Grace
Theme URI: http://www.prelovac.com/vladimir/wordpress-themes/amazing-grace
Description: Eclectic theme for an eclectic blog. <a href="http://www.prelovac.com/vladimir/wordpress-themes/amazing-grace">Amazing Grace</a> is created by <a href="http://www.prelovac.com/vladimir/">Vladimir Prelovac</a>
Version: 1.0
Author: Vladimir Prelovac
Author URI: http://www.prelovac.com/vladimir/
The CSS/XHTML is released under GPL:  http://www.opensource.org/licenses/gpl-license.php

Color guide:
F8f8ec = cream background
424242 = blackish blog title color
333333 = body and post title text color
FCFCFC = sidebar contrast whitish
CCCCCC = lite gray for dots

f9f9f9 = whitish background color in search box
9d9d9d = lite gray text in search box

e6e6e6 = whitish text color in footer
98b7bb = hyperlink color in footer, hover color in body hyperlinks
B2b2b2 = gray hyperlink hover color in footer

D05664 = pinkish body hyperlink color, matching whimsical pic
b3960e = puke color from comment list, entry meta

*/

/*************************************
 +Containers
 *************************************/
body{
	background:#f8f8ec url(images/bg.jpg) repeat-x top left;
	color:#333333;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:70.5%;
	line-height:1.5;
	margin:0;
	padding:0;
	text-align:left;
}
#wrap{
	position:relative;
	margin:0 auto;
	padding-top:8px;
	text-align:left;
	width:1004px;	
}
#header{
	text-align:left;
	text-align:left;
	width:1004px;	
	margin-bottom:90px;
	padding:0px;
	padding-top:40px;
}
#portrait-bg {
	position:absolute;
	background:url(images/bg-portrait.jpg);
	width:319px;
	height:221px;
	right:0;
	top:0;
}
#rss-big {
	position:absolute;
	background:url(images/rss.jpg);
	width:111px;
	height:67px;
	top:126px;
	left:40px;
}
#content{
	font-size:1.1em;
	float:left;
	margin-left:12px;
	width:590px;
}
#sidebar-left{
      background:#FCFCFC;
      border:1px #ccc dotted;
	font-size:1em;
	float:left;
	padding:0 10px;      
	margin-left:20px;
	width:185px;
	
}
#sidebar-right{	
	font-size:1em;
	float:left;
	padding:10px 2px;
	margin-left:10px;
	width:150px;
}

#footer{
	background:url(images/bg-footer.jpg) repeat-x bottom left;
	padding:1em;
	color:#e6e6e6;
	font-size:1em;
	clear:both;
	text-align:center;
}

/*************************************
 +Search form
 *************************************/
.search-form {
	font-size:1.2em;
	background:url(images/search.jpg) no-repeat;
	position:relative;
	width:147px;
	height:44px;
	margin-bottom:20px;
}
.search-form input{
	width:125px;
	margin:14px 0 0 10px;
	border:0px;
	background:#f9f9f9;
        color: #9d9d9d;
}/*************************************
 +Footer
 *************************************/

#credits {
margin:55px 0px -10px;
}
#footer a {
	color:#98b7bb;
}
#footer a:hover {
      color:#b2b2b2;
	text-decoration: underline; 
}
#rss {
	background:url(./images/rss.gif) no-repeat;
	padding-bottom:6px;
	padding-left:20px;
}

/*************************************
 +Hn, a and p
 *************************************/
pre {  
	font-size: 1.2em; 	
	padding:10px; 
    max-width:580px;
	}

code {
        padding:10px; 
        font-size:1.2em;
        max-width:580px; 
}

a{
	color:#d05664;
	text-decoration:none;
}
a:hover{
	color:#98b7bb;
	text-decoration: underline;
}
h1, h2, h3, h4{
	font-weight:normal;
	letter-spacing: -.1px;
	margin:0;
}
#header h1{
	font-size:4em;
	margin-left:.5em;
}
#header h1 a{
	color:#424242;
}

#header p a{
	color:#f8f8ec;
	font-size:1.3em;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	text-transform: lowercase;
	margin-top:-0.9em;
	margin-left:15em;
	text-align:left;
	text-decoration: none;
	line-height: 0;
}


.entrytitle h1 a {
	color:#333333;
}
.entrytitle h1 a:hover{
	text-decoration: underline;
}
.entrytitle h1{
	font-size:1.9em;    
	text-align:left;
}

.entrytitle h2 a {
	color:#333333;
}
.entrytitle h2 a:hover{
	text-decoration: underline;	
}
.entrytitle h2{
	font-size:1.9em;
	text-align:left;    
}

.entrytitle h3{
	font-size:1.5em;
	color:#6F6F6F;
}


#rss-big a{
	display:block;
	width:110px;
	height:64px;
}
blockquote { 
	background:#D3E5E7;
	display: block;
	padding:.5em 1em;
	
}
/*************************************
 +Entry
 *************************************/
.entry{
	margin-bottom:0em;
	text-align:left;	
}

.entry p {
       margin:1em 0;
}

.entry a:hover{
	text-decoration:none;
}



.entry h3{
	font-size:1.5em;
    	padding-bottom:0.3em;
}

.entrybody a{
	border-bottom:1px dotted #CCCCCC;	
}

.entrybody h2{
	margin:1em 0 0;
}

.entry code{
	font-size:1.1em;
	padding:.2em;
      text-align:left;
}
.entrymeta{
	font-size:0.9em;
	border-top:1px dotted #ccc;
      margin-bottom: 2em;
      clear:both;
}

.entry img {
	max-width:580px;		
	background:#fff;
	border:1px solid #ccc;
    	padding: 4px;  
}

/* nix hover effect
.entry img:hover{
	padding: 4px;
	border:1px dotted #333333;
}
*/

img.icon{
	vertical-align: middle;
	margin: .25em 0;
	border: 0;
}

/* use these for images w/o caption */
img.alignleft {
	float: left;
	margin-top: 1em;  	
	margin-right: 2em;
	margin-bottom: 1em;
}

img.alignright {
	float: right;
	margin-top: 1em;  	
	margin-left: 2em;
	margin-bottom: 1em;
}

img.aligncenter {
	display: block;
	margin-top: 1em;  	
	margin-bottom: 1em;
}

/* and these for images inside a div w/ caption */
.lcaptionbox{
	float: left;
	margin-top: 1em;  	
	margin-right: 2em;
	margin-bottom: 1em;
	font-size: .75em;
}

.rcaptionbox{
	float: right;
	margin-top: 1em;  	
	margin-left: 2em;
	margin-bottom: 1em;
	font-size: .75em;
}

.ccaptionbox{
	margin: 1em auto;
	font-size: .75em;
}

.postedby{
	background:url(./images/user.gif) no-repeat;
	padding:3px;
	padding-left:19px;
}
.filedto{
	background:url(./images/post.gif) no-repeat;
	padding:3px;
	padding-left:20px;
}
.commentslink{
	background:url(./images/packaged.gif) no-repeat;
	padding:2px;
	padding-left:20px;
}

/**************************************
 +lists  Added by BCF 9/10/08 from resource://gre/res/html.css
 *************************************/

.entry ul {
  display: block;
  list-style-type: disc;
  margin: 0;  /* BCF 9/10/08 remove top and bottom margins from Lists */
/*  margin: 1em 0;*/
/*  -moz-padding-start: 40px;*/
}

.entry ol { 
  display: block;
  list-style-type: decimal;
  margin: 0;  /* BCF 9/10/08 remove top and bottom margins from Lists */
/*  margin: 1em 0;*/
/*  -moz-padding-start: 40px;*/
}

.entry li {
  display: list-item;
  margin: 1em 0;  /* BCF 9/10/08 add spaces in bulleted & numbered lists */
}

/*************************************
 +Sidebar
 *************************************/
#sidebar ul{
	list-style-type:none;
	margin:0;
	padding:0;
	clear:both;
}

#sidebar ul li, #sidebar ul li a{
	padding:.3em 0;
}
#sidebar ul li a:hover{
	text-decoration:underline; 
}

#sidebar ul.children {
	padding-top:.3em;
	margin-left:1em;
}

#sidebar h2{
	color:#6F6F6F;
	font-size:1.5em;
	margin-top:1em;
}

#sidebar h4{
	color:#6F6F6F;
	font-size:1.5em;
	margin-top:1em;
}

#sidebar-left #cat {
	width: 195px;
	border:1px solid #CCCCCC;
}


#sidebar-right #cat {
	width: 150px;
	border:1px solid #CCCCCC;
}

#sidebar img
{
  max-width:140px;
  border:0;
}

/*************************************
 +Menu
 *************************************/
#menu {
	position:absolute; 
	width:600px;
	font-size:.8em; /* BCF Addition - make menu font smaller*/
/*	padding:0px; BCF Replace - lower menu position */
	padding:8px;
	margin:0 0 0 -10px;
}
#menu ul{
	font-size:1.3em;
	list-style: none;
	padding:0;
	margin:0;
}
#menu li{
	float: left;
	border-bottom:0px;
}
#menu li a {
	color:#fff;
	padding:0.6em 1em 0.3em 1em; 
	margin-left:0.5em;
	display:block;
}
#menu li a:hover{
	background:#9FBCC0;
	color:#424242;
}
#menu ul li ul {
	display:none;
}

/*************************************
 +Menu Categories
 *************************************/
#catmenu {
	position:absolute;
	width:540px;
	padding:0px;
	margin:0px;
	left:170px;
	top:148px;
}
#catmenu ul{
	font-size:1.2em;
	list-style: none;
	padding:0;
	margin:0;
}
#catmenu li{
	float: left;
	border-bottom:0px;
}
#catmenu li a {
	background:#B7CFD2;
	color:#d05664;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	padding:0.64em 1em 0.3em 1em;
	margin-left:0.5em;
	display:block;
}
#catmenu li a:hover{
	background:#a7a37e;
	color:#fff;
	text-decoration: underline;
}
#catmenu ul li ul {
	display:none;
}
/*************************************
 +Comments
 *************************************/
.commentsblock, contactform{
	font-size:1em;
	

}
.commentsblock textarea, .contactform textarea{
	width:44em;
}
.commentsblock input, .commentsblock textarea, .contactform input, .contactform textarea{
	border:1px solid #d1d1d1;
}
.commentsblock textarea:focus, .contactform textarea:focus{
	background:#eee;
	border:1px solid #a1a1a1;
}
.commentsblock textarea:focus, .commentsblock input:focus, .contactform textarea:focus, .contactform input:focus{
	background:#eee;
	border:1px solid #a1a1a1;
}
.commentauthor{
	display:block;
	font-size:1.5em;
}
ol.commentlist{
	color:#505247;
	font-size:1em;
	list-style-type:none;
	margin:0;
	margin-top:1.5em;
	padding:0;      
}
ol.commentlist a{
	color:#664f36;
}
ol.commentlist a:hover{
	text-decoration: underline;
}
.commentlist li{
	margin-bottom:0.5em;
	padding:0.5em 1em;
}
.alt{
	background:#e3e7cb;
	padding:0.5em;
}
h3.comments{
	font-size:1.3em;
	color:#6C6C6C;
}	
#commentmeta{
	font-size:1em;
	padding:.3em;
	border-bottom:1px dotted #ccc;
}
#commentmeta cite{
	padding-right:1em;
	border-right:1px dotted #ccc;
	margin-right:1em;
	font-weight:bold;
	font-size:15px;
}
/*************************************
 +Flickr
 *************************************/
#flickr {
	margin:0 1em 0 .5em;
	padding:0em;
}
#flickr img {
	border:0px;	
}
#flickr a {
	background:#FFF;
	border: 1px dotted #ccc;
	float: left;
	display: inline;
	margin:0.7em;
	padding:5px;
	width: 75px;
	height: 75px;
}
#flickr a:hover{
	border: 1px dotted #333333;
}
/*************************************
 +Misc
 *************************************/

#ad_block { 
	background:#e3e7cb; 
	padding: 10px 0 10px 0; 
	margin: 1em 0 1em 0; 
	text-align: center; 
}

#ad_block_middle { 
	background:#e3e7cb; 
	padding: 10px 0 10px 0; 
	margin: 1em 0 0em 0; 
	text-align: center; 
}

.ltextbox {
	width: 140px;
	float: left;
	margin-top: 1em;  	
	margin-right: 2em;
	margin-bottom: 1em;
	background: #fff;
	border: 1px dotted #ccc;
    	padding: 1em;  
}

.rtextbox {
	width: 140px;
	float: right;
	margin-top: 1em;  	
	margin-left: 2em;
	margin-bottom: 1em;
	background: #fff;
	border: 1px dotted #ccc;
    	padding: 1em;  
}

/*************************************
 +Vlado
 *************************************/


.archd {
	background:#BFBC94 none repeat scroll 0%;
	color:#FFFFFF;
	margin-bottom: 10px;
	display:block;
	text-align: center; 
}

/*Next Previous Styling*/
div#nav-below{font-size:0.9em;padding-bottom: 2px; border-bottom:1px dotted #ccc;}
div#nav-below .nav-next{text-align:right; margin-top:-2px;}
div#nav-below .nav-previous{text-align:left;margin-top:15px;}


div#nav-global{font-size:1em;padding:3em 0px 2px 0px; border-bottom:1px dotted #ccc;}
div#nav-global .nav-previous{text-align:left;}
div#nav-global .nav-next{text-align:right;margin-top:-1.4em; }

.sb {padding: 0.4em 0em 0em 0.2em;}
.sbdel {padding-left: 16px; background: url(images/delicious.gif) center left no-repeat;}
.sbdigg {padding-left: 16px; background: url(images/digg.gif) center left no-repeat;}



.relpost {
	padding-bottom:2px; 
	border-bottom:1px dotted #ccc;
	font-size: 0.9em;color: #6C6C6C;
	margin-bottom:2em;
}

.relpost ul {
	list-style-type:none;
	padding: 0.01em;
}

.relpost li {
	margin: 0;
}

.dotie {border: 1px dotted #cccccc; padding: 6px 10px; font-size:1em;}

.endate { 
      font-size:0.9em;
	color:#669933; 
      font-family: Georgia, serif;
	border-top:1px dotted #CCCCCC;
}

.endate a { 
	color:#669933; 
	text-decoration: underline;
}

.endate a:hover { 
	color:#669933; 
	text-decoration: underline;
}

#ftnav {
margin:0px 0px 5px;
}

#print{
	background:url(./images/print.gif) no-repeat;
	padding:3px 2px 1px 20px;
}

.btitle{
	font-weight:normal;
	letter-spacing: -.1px;
	margin:0;
        font-size:5em;
	margin-left:.25em;
      font-family:freestyle script, cursive;

}
.btitle a{
	color:#424242;
	text-decoration: none 
}