/*  
Theme Name: J Clean
Theme URI: http://www.cozykozy.com
Description: Clean 2 column design
Author: J Kozemczak
Author URI: http://www.cozykozy.com
*/

*
{
	padding: 0em;
	margin: 0em;
}

body
{
	background: #BE9D90 url(images/bg.gif) repeat fixed;
	padding: 35px 0px 35px 0px;
	font-family:Verdana, Tahoma, Arial, Serif;
	color: #3B2420;
	font-size:0.8em;
}
p
{
	line-height: 1.3em;
	margin: 0 0 0.8em;
}

a
{
	color: #485f54;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
h1,h2,h3,h4,h5,h6 
{
	font-family:Georgia, Verdana, Arial, Serif;
}
h2,h3,h4,h5
{
	display: inline;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: left;
	line-height:1.6em;
}
h2
{
	font-size:1.3em;
}
h3
{
	font-size: 1.7em;
}
h4
{
	font-size: 1.4em;
}
h5
{
	font-size: 1.2em;
}
h3 span
{
	font-weight: normal;
	font-size:60%;
	color:#999;
}
h5 
{
	font-weight:normal;
	font-family:Verdana, Arial, Serif;
	font-size:1em;
}
.contentarea
{
	padding-top: 1em;
	padding-bottom: 1em;
}
dl 
{
	margin:1em 0px;
}
dt 
{
	font-weight:bold;
}
dd 
{
	margin:0.5em 1em;
	padding:0;
}
img.left
{
	position: relative;
	float: left;
	margin: 0em 1.8em 1.4em 0em;
}
img.right
{
	position: relative;
	float: right;
	margin: 0em 0em 1.8em 1.8em;
}
img.profile
{
	position: relative;
	float: left;
	margin: 0.5em;
	padding:3px;
}
ul, ol 
{
	margin:1em;
	padding:0;
}
li 
{
	margin:0 1em;
	padding:0.15em;
}
blockquote 
{
    margin:1em;
    padding:0 0 0 40px;  
    color:#666;
    background:url(images/blockquote.gif) no-repeat left top;
}
fieldset 
{
	border:none;
}
.divider1
{
	position: relative;
	background: #fff url(images/border2.gif) repeat-x;
	height: 14px;
	margin: 2.0em 0em 1.5em 0em;
	clear: both;
}
.post 
{
	border-bottom: solid 1px #eaeaea;
	margin: 2em 0;	
}
.post h4 a 
{
	text-decoration:none;
	color:#578242;	
	border:none;
}
.post h4 a:hover
{
	text-decoration:underline;
}

.post .details
{
	position: relative;
	top: -1.2em;
	font-size: 0.85em;
	color: #787878;
	margin:0;
	padding:0;
}
.post .details .user 
{
	background:url(images/user.png) no-repeat left center;
	padding-left:15px;
}
.post .details .date 
{
	background:url(images/date.gif) no-repeat left center;
	padding-left:16px;
	margin:0;
}
.post .details .more
{
	background:url(images/icon-more.gif) no-repeat left center;
	padding-left:16px;
	margin:0 0 0 0;
}
.post .details .comments
{
	background:url(images/icon-comments.gif) no-repeat left center;
	padding-left:16px;
	margin:0 0 0 0;
}
#outer .post ul.controls
{
	clear: both;
	margin:0;
	padding:1em 0;
	background:#fcfcfc;
	color: #787878;
}

.post ul.controls li
{
	display: inline;
	font-size: 0.85em;
	margin:0;
	padding: 0em 1.0em 0em 15px;
}
.post ul.controls li.comments
{
	background: url(images/icon-comments.gif) no-repeat left center;
}

.post ul.controls li.more
{
	background: url(images/icon-more.gif) no-repeat left center;
}

.rsslink a
{
	padding-left:20px;
	background: url(images/feed.png) no-repeat left center;
}

.box
{
	background: #FDFCF6 url(images/boxbg.gif) repeat-x;
	padding: 1.5em;
	border-top: solid 1px #E1D2BD;
	border-bottom: solid 1px #E1D2BD;
	margin-bottom: 1.0em;
	text-align:left;
}

.box li
{
	font-size:.9em;
}

.box select
{
	margin-left:3px;
}

.box form
{
	margin-left:10px;
	font-size:.9em;
}

.box h6
{
	margin-left:10px;
}

ul.linklist
{
	list-style: none;
}

ul.linklist li
{
	line-height: 2.0em;
}

#outer
{
	z-index: 2;
	position: relative;
	/*
		The width value below controls the overall width of the design. By default it's set to 82%
		(so it'll take up 82% of the browser window's width). You can set it to a different percentage
		value (70%, 90%, etc.) or even a pixel value (760px, 800px, etc.) to enforce a fixed width.
	*/
	width: 950px;
	border: solid 1px #E8E8E8;
	background-color: #fff;
	margin: 0 auto;
}

#header
{
	position: relative;
	width: 100%;
	height: 8.4em;
	background: #3B2420 url(images/topbg.gif) repeat-x;
	margin-bottom: 2px;
}

#headercontent
{
	position: absolute;
	bottom: 0em;
	padding: 0em 2.0em 1.3em 2.0em;
}

#headercontent h1
{
	font-weight: normal;
	font-size: 2.5em;
}
#headercontent h1 a:link, #headercontent h1 a:visited
{
	color:#BED9C3;
	text-decoration:none;
	border:none;
}
#headercontent h1 a:hover, #headercontent h1 a:active
{
	text-decoration:none;
	color:#fff;
	border:none;
}
#headercontent h2
{
	font-size: 1.0em;
	padding-left:2.5em;
	font-weight: normal;
	color: #BE9D90;
}

#headerinfo
{
	position: absolute;
	top: .5em;
	right: 1.0em;
	padding-right: 0.0em;
	color: #ffebe3;
}

#search
{
	position: absolute;
	top: 4.8em;
	right: 1.0em;
	padding-right: 0.0em;
	color:#aaa;
}

#search input.text
{
	margin-right: 0.5em;
	vertical-align: middle;
	border: solid 1px #f0f0f0;
	padding: 0.1em;
	width: 10.0em;
	background:#fff url(images/button_bg.gif) repeat-x top;
}

#search input.submit
{
	background: #8f4008;
	border: solid 1px #BE9D90;
	font-weight: bold;
	padding: 0.25em;
	font-size: 0.8em;
	color: #BED9C3;
	vertical-align: middle;
}

#headerpic
{
	position: relative;
	height: 149px;
	background: #fff url(images/autumn2.jpg) repeat-x bottom left;
	margin-bottom: 2px;
}

#menu
{
	position: relative;
	background: #BED9C3 url(images/menubg.gif) repeat-x top left;
	height: 35px;
	padding: 0 1.0em;
	margin: 0 0;
}

#menu ul
{
	padding:1em 0 0 0;
	margin:0;
}

#menu ul li
{
	position: relative;
	display: inline;
	padding:0;
	margin:0;
}

#menu ul li a
{
	padding: 1em 1em 1em 1em;
	text-decoration:none;
	color: #3B2420;
}

#menu ul li a:hover, #menu ul li a:active, #menu ul li.current_page_item a
{
	background: url(images/menuactive.gif) repeat-x top left;
}

#menubottom
{
	background: #fff url(images/submenubg.gif) repeat-x;
	height: 20px;
	margin-bottom: .5em;
}

#menubottom ul
{
	list-style:none;
	margin:0 0 0 20px;
}
#menubottom ul li
{
	float:left;
	margin:0px 10px 0px 10px;
}
#menubottom ul li a
{
	color: #3B2420;
	font-size:.85em;
}

#content
{
	padding: 0 2.0em;
}

#primarycontainer
{
	float: left;
	margin-right: -18.0em;
	width: 100%;
}

#primarycontent
{
	margin: 1.5em 22em 0 0;
}

#contentarea h4
{
	font-size:1.9em;
}

#sidebar
{
	margin: 0;
	float: right;
	width: 18.0em;
}
#sidebar ul
{
	list-style:none;
	margin:0.3em 0 0;	
}
#sidebar li 
{
	margin:1em 0;
	padding:0.5em;
}
#sidebar li li 
{
	margin:0;
	padding:0.3em 0 0.3em 0.5em;
	background:none;
}
#sidebar li li li
{
	margin:0;
	padding:0.5em 0 0 1em;
}
#sidebar ul.feeds li 
{
	background:url(images/feed.png) no-repeat left center;
	margin:1em 0;
	padding:0 1.5em;	
}
#footer
{
	height: 2.0em;
	clear: both;
	padding-top: 4.5em;
	background: #fff url(images/border2.gif) repeat-x 0 2.5em;
	font-size: 0.8em;
}

#footer .left
{
	position: absolute;
	left: 2em;
	bottom: 1.2em;
}

#footer .right
{
	position: absolute;
	right: 2.0em;
	bottom: 1.2em;
}
/*comments and their styles*/
#comments, #respond{
	margin: 2em 0 0 5px;
}
#commentform 
{
	margin:10px;
	padding:10px;
}
#outer .commentlist {
	margin: 0;
	padding: 0;
}
.commentlist li 
{
	list-style:none;
	margin: 2em 1.5em;
	padding: .5em;
	background: #FDFCF6 url(images/boxbg.gif) repeat-x;
	border: solid 1px #E1D2BD;
}
.commentlist li .cmtinfo 
{
	font-family:Trebuchet MS,Verdana, Tahoma, Serif;
	font-size:0.9em;		
	padding:5px;
	margin-bottom: 10px;
	position:relative;	
}
.commentlist li .cmtinfo em 
{
	margin:0;
	padding:0 1em;
	text-align:right;
	font-style:normal;
}
.commentlist li .cmtinfo img
{
    vertical-align:middle;
	float: left;
	margin: 0px 10px 5px 0px;
}
.commentmeta
{
	padding-top:.8em;
}
.commenttext{
	clear: both;
	margin-top: 10px;
}
.commentlist li cite 
{
	font-style:normal;
	font-weight:bold;
}

.commentlist li.alt
{
	background:#fcfcf9 url(images/border2.gif) repeat-x top;
}

.nocomments
{
	padding-left:2em;
	font-style:italic;
}

#commentsubmit
{
}

textarea{
	width: 90%;
	padding:5px;
	height: 20em;
	border: 1px solid #ccc;	
	background:#f9f9f9 url(images/button_bg.gif) repeat-x top;
	font:1em Verdana, Arial, Serif;
}
#outer input.text 
{
	background:#f9f9f9 url(images/button_bg.gif) repeat-x top;
	border:#ccc 1px solid;
	padding:2px;
	font:1em Verdana, Arial, Serif;
}
.post h5 em
{
	font-style:normal;
	float:right;
	font-weight:normal;
}
#header, #content, #sidebar, #footer, .widget {
    overflow: hidden;
}

/* WP recommended styles */
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

/* Breadcrumbs styling */
#breadcrumbs
{
	font-size:.8em;
	text-align:right;
	margin:0 0 .5em 0;
	padding:0;
}

/* Twitter Widget Styling */

/* wrapper (IMPORTANT: Do NOT add _width_ here, they are defined dynmically by the plugin!) */
#twitterwidget {
  border: 0;
  margin: 0;
  padding: 5px 0px 3px 6px;
}
/* tweet wrapper */
#twitterwidget div.tweet {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px dashed gray;
}

/* date */
.twitterwidget-date {
  font-weight: bold;
}
/* links */
.twitterwidget-tweet-link {
/*  color: #0000ff;*/
}
.twitterwidget-link-link {
/*  color: #0000ff;*/
}
.twitterwidget-link-hashtag {
/*  color: #0000ff !important;*/
}
.twitterwidget-link-user {
/*  color: #0000ff;*/
}

a.twitterwidget-link-user,
a.twitterwidget-tweet-link{
	text-decoration:none;
}
a.twitterwidget-link-user:hover,
a.twitterwidget-tweet-link:hover{
	text-decoration:underline;
}

/* follow me button */
#twitterwidget strong {
  display: block;
  padding: 0;
  text-align: center;
}
#twitterwidget strong a {
  background: url(images/twitter.gif) left no-repeat;
  padding-left: 24px !important;
  text-decoration: none;
  text-transform: uppercase;
  font-style: normal;
  font-weight: bold;
  font-size: 1.2em;
}
#twitterwidget strong a:hover {
	text-decoration: underline;
}