/* 
Theme Name: CoffeeSpot
Version: 1.3
Description: CoffeeSpot is yet another wordpress theme by <a  href="http://wpthemepark.com" title="WP ThemePark">WP ThemePark</a>.
Author: Sadish Bala
Author URI: http://wpthemepark.com
*/
/* Header image courtesy of http://www.sxc.hu/photo/712538 */

/* Section: Body --------- */

body {
	margin: 0;
	padding: 0;
	font-family: Verdana,Tahoma, Arial, Serif;	
  	font-size: 10px; 
  	background:url(img/bg.jpg) repeat;
 	color:#333;
	
}
/* Sub-Section: Body Paragraph and Links --------- */
p, li {
	margin: 0.5em 0 0.7em;
	line-height:1.8em;
}

a img { 
border: none;
}
a {
text-decoration: none;
color: #333;
}
abbr, acronym {
	font-style: normal;
	border-bottom: 1px dotted;
}
abbr[title]
{
	cursor:help;
}
blockquote{
	margin: 1em;
	padding: 1em;
	border-left: 2px solid #ccc;
	color:#666;
}
dl dt 
{
	font-weight:bold;
	margin:5px 0;	
}
dl dd 
{
	padding-left:20px;
	display:inline;
}

fieldset 
{
	border:none;
}
img
{
	border:#b7745a 1px solid;
}
img.wp-smiley, img.noborder
{
	border:none;
}
img.right 
{
	float:right;
	padding:5px;
	margin:0 1em 1em;
}
img.left 
{
	float:left;
	padding:5px;
	margin:0 1em 1em;
}
#rap {
	margin-left: 45px;
	margin-top: 0px;
	padding:0;		
	background: url(img/content.jpg) no-repeat;
	width: 996px;
	height: 860px;

}


/* Sub-Section:  FONTS --------- */
h1,h2,h3,h4,h5,h6 
{
	margin: 0;
	padding:0;
	font-family: 'Frutiger Linotype', 'Lucida Grande', 'Trebuchet MS', sans-serif;	
	font-weight:normal;
	color: #567;			
}
h2,h3 
{
	line-height:1.4em;	
	font-size: 1.6em;	
}

/* Section: Positioning --------- */

#header {
	height: 75px;
	margin:0 auto;
	padding:0;
	background: transparent;
}
#header h1 
{
	visibility: hidden;
}

#header h4
{
	visibility: hidden;
}

#content {
	height: 535px;
	font-size: 12px;
	overflow: scroll;
}
#main {
	float: right;
	width: 410px;
	padding: 0;	
	overflow: scroll;
	margin-right: 275px;		
}
#main ul 
{
	margin:1em;
	padding:0;
	list-style:none;
}
#main ul li 
{
	list-style-image:url(img/coffee-icon.jpg);
	padding:3px 0;	
	margin:0 1em;
}

.post-title
{
	margin-left:0px;			
}
.post-title a:link, .post-title a:hover, .post-title a:visited, .post-title a:active 
{
	border-bottom:none;
}
.day-date {
	font-size: 0.9em;
	color: #999;
	padding: 3px 0;
	margin: 0 0 0 0px;			
}
.day-date em 
{
	font-style:normal;
	color:#666;
}
.day-date a 
{
	border-bottom:none;
}
.post-content h4 
{
	font-size:1em;
	font-weight:normal;
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Serif;
}
.post-content h4 em
{
	font-style:normal;
	float:right;
	font-weight:normal;
}
.post-info {
	font-size : 0.9em;
	color : #666;
	margin : 0;
	background:url(img/comments-small.gif) no-repeat left center;
	padding-left:12px;
	clear:both;
}
.post-info a 
{
	border-bottom:none;
}
.post-content {
	padding:10px;	
}
#sidebar {
	float: left;
	width: 190px;
	margin-top: 270px;
	margin-left: 72px;
	font-size: 7px;
	color: #000;			
}
#sidebar ul
{
	padding: 0;
	margin: 0;
	list-style: none;	
}
#sidebar form, #sidebar .block, #sidebar ul 
{
	padding: 0px;	
	margin: 0px;	
}
#sidebar ul ul 
{
	margin:0;
	padding:0;	
}
#sidebar ul li 
{
	list-style-image:none;
	margin:0 10px;
	height: 28px;
	padding-top: 2px;
}
#sidebar ul li ul li
{
	list-style-image:url(img/arrow.gif);
	margin:0 10px;
	
}
#sidebar a {
	color: #000;	
	text-decoration: none;	
	border:none;
}

#sidebar a:hover 
{
	color: #993333;	
	background: none;
}

#sidebar ul img {
	border:none;
}
#sidebar ul ul 
{
	margin:5px;
	font-size:1em;
}
#sidebar h2
{
	margin:20px 0 0 0;
	font-size: 1.3em;	
	color: #fff;	
	height:20px;
	border:none;	
	font-variant:small-caps;		
	font-weight:bold;
	padding:3px 10px;
	background:url(img/sideh2.gif) no-repeat top center;
}
#sidebar li h2 
{
	background:none;
	color:#996666;
	border-bottom:#996666 1px solid;
	padding:0;
	margin:0;
}
#sidebar ul li.feed
{
	list-style:none;
	background:url(img/feed.png) no-repeat left center;
	padding-left:18px;
	margin:0;
}
#sidebar #login {
	font-size: 9px;
	margin-top: 3px;
	margin-bottom: 55px;
	margin-left: 20px;
}
#sidebar #login .field {
	border: 1px solid #999;
	background: transparent;
	width: 100px;
	height: 15px;
}

#footer {
	margin-top: 725px;
	margin-left: 675px;	
	color: #ddd;
	font-size: 1.1em;				
}
#footer p {
  line-height: 1.1;
}
#footer strong 
{
	color:#fff;
	font-size:1.4em;
}
#footer ul 
{
	margin:0;
	padding:0;		
}
#footer ul li 
{
	list-style:none;
	padding-left:15px;
	background:url(img/arrow.gif) no-repeat left center;	
}
#footer div 
{
	float:right;
	width:25%;	
}
#footer a 
{
	color:#ddd;		
	text-decoration:none;
	border:none;
}
#footer a:hover
{
	color:#fff;	
	border-bottom:#fff 1px solid;
	background:none;	
}
#comments, #respond{
	margin: 2em 0 0 5px;
}
#commentform 
{
	margin:10px;
	padding:10px;
}
#rap .commentlist {
	margin: 0 1em;
	padding: 0;
}
.commentlist li 
{
	list-style:none;
	padding: 1em;
	margin:0.5em 0;	
	background:#eeeee9;
}
.commentlist li.alt 
{
    background:#f4f4f4;
}
.commentlist li .cmtinfo 
{
	font-size:1em;	
}
.commentlist li cite 
{
	font-style:normal;
	font-weight:bold;
}
.commentlist li .cmtinfo em 
{
	float:right;
	margin:0;
	padding:0;
	font-style:normal;
	font-size:0.9em;
	color:#999;
}
.nocomments 
{
	padding-left:10px;
}

fieldset{
	border: none;
}

.field label{
	display: block;
}

textarea{
	width: 90%;
	height: 20em;
	border: 1px solid #ccc;	
	background:#f4f4f4;
}

input.textbox{
	border: 1px solid #ccc;	
	background:#f4f4f4;
}
input.textbox:focus, textarea:focus
{
	background:#f9f9f9;
	border:#aaa 1px solid;
}


/* Section: Misc --------- */

#header, #main,#content, #sidebar, #footer, .widget {
	overflow: auto;
}

.jspContainer
{
	overflow: hidden;
	position: relative;
	margin-top: 50px;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 5px;
	height: 100%;
}


.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #dde;
	position: relative;
}

.jspDrag
{
	background: #333;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}