/*
Theme Name: Sonja Barfoed
Theme URI:?
Description: Custom theme for Sonja
Version: 1
Author: Teresa Watts
Author URI: http://teresawatts.com
Tags: sonja barfoed artist

*/



/* --------------------------------------
USUAL TAGS 
--------------------------------------*/
html, body {margin: 0px;
	padding: 0px;
height: 100%;
min-width: 900px;
}



input[name="s2_comment_request"]
{
width:10px !important;
}

.form TEXTAREA {
width:400px !important;
}

body {
	font-size: 13px;	
	font-family: Helvetica, arial, verdana, sans-serif;
	background: #ecedea url(http://chigarden.com/testing/wp-content/themes/sonja/images/tile.jpg);	
	color: #222222;
	text-align: left;
	line-height: 1.4;
	margin: 0px;
	padding: 0px;
	}
	
h1, h2, h3, h4 {
	color: #4c4c4c;
font-family: courier, helvetica, arial, sans-serif;
letter-spacing: -.02em;	
font-weight: normal
	}

h1 {
	font-size: 2em;
	margin: 10px 0px 1em;
	font-weight: normal;

}

h1.page-title a {color: #4c4c4c; text-decoration: none;}

h1.page-title {
clear: left;
}	
	
h2 {
	font-size: 1.35em;
	margin: 20px 0px 5px;
	}
	
h3 {
	font-size: 1.2em;
	margin: 20px 0px 5px;
	}

h3.page-title {
	font-size: 1.8em;
	margin-bottom: 0px;
	margin-top: 45px;
	}



h3 a {text-decoration: none;}
	
a, h2 a:hover, h3 a:hover {	
color: #000;	
font-style: italic;
}

a:hover {	color: #636363;	}	
	
code {	font: 1.1em 'Courier New', Courier, Fixed;	}	

acronym, abbr, span.caps {
	font-size: 0.9em;
	cursor: help;
	}

acronym, abbr {	border-bottom: 1px dashed #999;	}

blockquote {
	padding: 0px 75px 0px 65px;
	margin: 2em 0em;
font-style: italic;
font-size: 1.1em;
color: #3d3d3d;
background: url(images/swirl.gif) 30% 50% no-repeat;	
	
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

a img {	border: none;	}

.entry p a:visited {color: #000000;}
.entryblog p a:visited {color: #000000;}
hr {
	height: 1px;
	border: 0px;
	color: #e5ddd5;
	background-color: #e5ddd5;
	}

.entry ul li {
margin: .5em 0em;
}
.entryblog ul li {
margin: .5em 0em;
}

.entryblog ul {
padding-left:20px;
}

/* --------------------------------------
SMALL CLASSES
--------------------------------------*/
.postmetadata {	clear: both;}
.clear {clear: both;}	
.center {text-align: center;}
.hidden {display: none;	}
p.right {text-align: right;}

/* --------------------------------------
SECTIONS
--------------------------------------*/

#container{
	width: 890px;	
margin: 0px auto;
	}
	
#header { text-align: left; 
padding-top: 65px;

}	
#header h1 a {text-decoration: none}

#logo {

	border: 0px;
	float: left;
margin-bottom: 35px;

	}

#content {
clear: both;
	}


#content.home-content {
clear: both;
padding: 0px;

}


#content.home-content .post {
margin: 0px;
}



#content.home-content .entry {
background: #f6f7f6;
text-align: center;
}

#content.home-content .entryblog {
background: #f6f7f6;
text-align: center;
}

#content.home-content .entryblog p {margin: 0px;
text-align: center;}

#content.home-content .entryblog img {
margin: 0px;
border: 5px solid #fff;
margin: 0px auto;
}

#content.home-content .entry p {margin: 0px;
text-align: center;}

#content.home-content .entry img {
margin: 0px;
border: 5px solid #fff;
margin: 0px auto;
}

#footer {
text-align: center;
clear: both;
margin-bottom: 50px;
padding-top: 30px;
font-size: .8em;
font-family: courier, arial, sans-serif;
	}

/* --------------------------------------
MENU
--------------------------------------*/

#menu {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
float: right;
margin-top: 15px;
	}

#menu li {display: inline;}

#menu a {
	color: #4a4a4a;
	font-size: 1.2em;
	text-decoration: none;
	display: block;
margin-left: 0px;
	float: left;
font-family: courier, arial, sans-serif;
font-style: normal;
padding: 5px 15px;
	}


#menu a.current, #menu a:hover { 
background: #fff;
filter:alpha(opacity=80);
opacity: 0.8;

-moz-opacity:0.8;
}	

/* --------------------------------------
SIDEBAR
--------------------------------------*/

#sidebar {
clear: both;
	}

#sidebar li.widget {
width: 244px;
float: left;
margin: 0px 26px 0px 26px;
font-size: .9em;
}



#sidebar ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}


#sidebar h2 {
	font-family: courier, helvetica, sans-serif;
color: #000;
font-weight: normal;
font-size: 1.9em;
clear: left;
margin: 0;
margin-top: 1.1em;
	}


/* --------------------------------------
BLOG ENTRIES
--------------------------------------*/

.navigation  {
	background: #fafafa;
	display: block;
	margin: 10px 0px 40px;
	}

.post h1.post-title {
float: left;
display: block;
margin-top: 0px;
margin-bottom: 1em;
	}

.post h1.post-title a {
color: #000000; text-decoration: none;

}

.comment-link {
padding-top:10px;	
}


.post {
	margin: 0 0 30px;
	text-align: left;
	line-height: 1.4;
	clear: both;
	margin-left: 0px;
	
	padding:10px;
	}

/* date */
.date {
float: right;
color: #626262;
font-style: italic;
margin-top: 1.1em;
}

.entry {
clear: both;

}

.entryblog{
clear: both;
background-color:#ffffff;
padding:10px;
}

.search-result {
border-bottom: 1px solid #e2deda;
padding-bottom: 1em;
}

h3.post-title {margin-bottom: 0px;}

.search-result .date {
text-align: left;
float: none;
margin-top: 0px;
font-size: .9em;
}

.post-edit-link {
float: right;
font-size: .8em;
}

/* --------------------------------------
IMAGES
--------------------------------------*/

.entry img {border: 5px solid #fff}

.entry img.wp-smiley {border: 0px;}

.entryblog img {border: 5px solid #fff}

.entryblog img.wp-smiley {border: 0px;}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 20px 2px 0;
	display: inline;
	}

.alignright {	float: right;	}

.alignleft {	float: left;	}
	
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption-text {
text-align: center;
font-family: courier, helvetica, arial, sans-serif;
font-size: 1.2em;
margin-top: .5em;
background: #fff;
padding: 5px;
}

/* --------------------------------------
GALLERY
--------------------------------------*/

.gallery-content h1 {
border-bottom: 1px solid #fff;
padding-bottom: 5px;
}

.gallery-content .image {
clear: both;
}

.gallery-content .image img.the-image{
border: 5px solid #fff;
float: left;
margin-bottom: 3em;
margin-right: 20px;
}

.gallery-content .image-info {
float: right;
width: 500px;
margin-bottom: 3em;
}

.gallery-content .image-label {
background: #fff;
padding: 15px;
width: 200px;
}

.gallery-content .image-label h3,
.gallery-content .image-label p {
margin: 0px;
}

.gallery-content .image-label p {
font-size: .9em;
font-style: italic;}


.gallery-content .image-desc {
margin-top: 20px;
}

#submenu li {
list-style-type: none;
padding: 15px;
margin: 0px;
float: left;
width: 160px;
text-align: center;
}

#submenu li:hover {
background: #CFCFCF;
}

#submenu h4 {
background: #fff;
padding: 5px;
}

/* --------------------------------------
COMMENTS
--------------------------------------*/

.discussion {
	font-size: 1.2em;
font-style: italic;
padding: 1em 0em;
	}

.discussion h2 {
	margin-top: 5em;
clear: left;

	}

h3#comments {
	clear: left;
	margin-bottom: 10px;
	text-align: left;
	}

ol.commentlist {
	padding: 0px;
	margin: 0px;
	text-align: left;
	margin-bottom: 20px;
	}

.commentlist .clear {margin-bottom: -15px;}

.commentlist li {
	margin: 0px;
	list-style: none;
border-top: 1px solid #eee;
padding-top: 1em;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentlist cite {
	text-decoration: none;
	font-size: 1.2em;
	font-style: normal;
	margin: 0px;
font-weight: bold;
	}

.commentlist cite a {text-decoration: none;}
.commentmetadata {
font-size: .9em; 
float: right;
margin-top: 3px;}

.commentmetadata a {
	text-decoration: none;
	color: #8d8d8d;
	}

.avatar {float: left;}

.comment-content {
	float: left;
	padding: 15px;
	margin-bottom: 8px;
	color: #5f5f5f;
	
	width: 620px;
	}

/* style for comments by blog author */
.authcomment .comment-content {color: #474747;}

/* --------------------------------------

COMMENT FORM
--------------------------------------*/
#commentform-outer {

	margin: 10px 0px 20px;

}

h3.title {
	margin: 0px 0px 10px;
	text-transform: uppercase;
	}

.form label {

	display: block;

	padding-bottom: 2px;
	text-align: left;
	}

.form .fields {
float: left;
width: 200px;
text-align: left;
}

.form p {margin: 0px; text-align: center;}

.form input {
	border: 1px solid #ebe6e2;
	margin-bottom: 8px;
	width: 167px;
	font-family: georgia, garamond, times, sans-serif;
	color: #46302a;
	font-size: 1em;
	padding: 2px;
float: left;
	}

.form textarea {
	border: 1px solid #ebe6e2;
	width: 269px;
	height: 180px;
	float: left;
	margin-right: 10px;
font-family: georgia, garamond, times, sans-serif;
color: #46302a;
font-size: 1em;
padding: 3px;


	}


.form .button {
	border: 1px solid #c0d3d5;
font-family: georgia, garamond, times, sans-serif;
padding: .15em .3em .25em;
background: #6e8d91;
font-style: italic;
font-size: 1.1em;
color: #fff;
margin: 0px;
width: auto;
margin-top: .5em;
	}


/* --------------------------------------
SEARCH FORM
--------------------------------------*/
#searchform input#s {
border: 1px solid #c0d3d5;
font-family: georgia, garamond, times, sans-serif;
padding: .4em;
color: #222222;
width: 165px;
margin: 0px;
float: left;
}

#searchform input#searchsubmit {
border: 1px solid #c0d3d5;
font-family: georgia, garamond, times, sans-serif;
padding: .15em .3em .25em;
background: #6e8d91;
font-style: italic;
font-size: 1.1em;
color: #fff;
margin: 0px;
margin-left: -2px;
}

#searchform h2 {display: none;}

/* --------------------------------------
post widget
--------------------------------------*/

.yd_rp_excerpt {
font-size:1.1em;
line-height:1.4;
}

.yd_rp_widget ul li h4 {
font-size:13px;
font-family:Helvetica,arial,verdana,sans-serif;
padding-top:5px;
padding-bottom:5px;
}

.yd_rp_widget ul {
padding-top:10px !important;
}


.widgettitle {
padding-bottom:10px;
}

.sidebar2 {
float:right;
width:150px;
clear: both;
}

#content.home-content .post2 {
margin: 0px;
}

#twitter-3.widget div ul li {
padding-bottom:10px;	
}

.post2 h1.post-title {
float: left;
display: block;
margin-top: 0px;
margin-bottom: 1em;
	}

.post2 h1.post-title a {
color: #000000; text-decoration: none;

}


.post2 {
	margin:0 0px 0 0;
	text-align: left;
	line-height: 1.4;
	
	margin-left: 0px;
	float:left;
	padding:10px;
	width:670px;
	margin-top:20px;
	}
	
.commentlist LI {
float:left;
}

.navigation .alignright {
margin-right:60px;
}