/*
Theme Name: SHoP Class
Theme URI: 
Version: 1.0
Description: 2 Column theme
Author: sho
Author URI:

margin: top right bottom left;
*/

/*** Global Settings ****/

body {
font : normal 12px Arial, Helvetica, sans-serif;
color : #5A4A44;
margin : 0;
padding : 0;

background:#dce0e4 url(images/blue_promo.jpg);
}

/* syh commented out below to fix line breaks in post 
p { 
margin : 0;
padding : 0;
}
*/

a:visited, a:link {
color : #1a2817;
text-decoration : underline;
background:none;
}

a:hover {
color : #1a2817;
text-decoration : underline;
background:none;
}

/* post title */
h1 { color : #1a2817;
margin: 0px 0px 0px 0px;
padding: 0px;
font : normal 14px Arial Narrow, serif;
text-transform:uppercase;
letter-spacing: 3px;
/*border-bottom : 1px dotted #8B726A;*/
}

h2 {color : #1a2817;
margin : 20px 0 10px;
padding-bottom : 10px;
font : normal 17px Georgia, serif;
border-bottom : 1px solid #efece7;

}
/* sidebar category titles */
h3 {color : #1a2817;
margin : 10px 0;
padding-bottom : 10px;
font : bold 10px Arial, Helvetica, sans-serif;
border-bottom : 1px solid #efece7;
text-transform: uppercase;
letter-spacing: 2px;
}


/* sidebar list items (4px indent) */
ul {
padding:0;margin:0 0 0 4px;
list-style-type: none;
}

.box {
/* syh commented background : #f5f5f5; */
/*border : 1px solid #f0e9eb;*/
padding : 15px 15px 12px 0;
margin: 20px 0 0px 0;
}

/*** Layout ****/
#wrapper {
/*syh below gives left margin for wrapper; centered is: "margin : 0 auto;" */
margin : 0 auto 0 auto;
width : 780px;
background:#fff;
border-left : 1px dotted #ADAFB7;
border-right : 1px dotted #ADAFB7;
}

#header {
margin : 0px;
}

#headerimg
{
/* syh commented width:780px;*/
}

#bg {
height : 36px;
}

#main-content {
margin : 0 auto;
background:#fff;
}

#logo {
margin-bottom : 20px;
padding:10px;
}

/*main post content*/
#right-column {
width : 720px; /*760 was Orig, but seemed too wide for text; photos are that wide anyway*/
margin : 0 auto 0 -1px;  /*syh added after upgrade to WordPress 3.0 (dotted lines did not quite line up) */
padding : 0 10px 30px 50px; /* to line up perfectly with header graphic: 0 10px 30px 15px; */
float : left;
background:#fff; /*syh added after upgrade to WordPress 3.0 (bg of wrapper was invisible) */
border-left : 1px dotted #ADAFB7;
border-right : 1px dotted #ADAFB7;

}

/*really the "right" column with links, etc*/
#left-column {
width : 200px;
/*syh below moves sidebar 'outside' wrapper "margin : 0 -210px 0 0px;" */
margin : 0 -210px 0 0px;
float : right;
}

/*image formatting within post*/
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
img {
margin-top: 15px; margin-bottom: 15px;
}
.crd a:visited, .crd a:link, .crd a:hover{
text-decoration : none;
color : #2a3845;
cursor: text;
}

#footer {
background : #f7f7f7;
border-top : 1px solid #f0e9eb;
padding : 10px 15px;
clear : both;
}

/*** SideBAR ***/
.sidebar {
width : 200px;
margin : 0 auto;
padding : 0px 10px;

}


#menu
{
width: 100%;
	background-color: #FFFFFF;
}

#menu ul
{
	padding: 1em 2.5em 1em 2.5em;
	list-style: none;
	
}

#menu li
{
	display: inline;
	padding-right: 2.5em;
	  font-size: 1.2em;

}

#menu li a
{
	color: #fff;
	background-color: inherit;
	text-decoration:none;
	padding:10px;
}

#menu li a:hover
{
		background: #fff;
	color:#1a2817;
}


/* --- Post Date --- */

.post_date {
	background: transparent;
	padding:5px 5px 5px 0;
	font-weight: bold;
	width:3.5em;
	font-size: 85%;
	float:left;
margin-top:-7px;
	text-align: center;
	display: block;
color:#fff;

}

.post_date span.month {
	padding:1px 0px 2px 0;
	background: #ADAFB7;
	width: 100%;
	display: block;
}

.post_date span.day {
	padding:1px 0px 2px 0;
	width: 100%;
	display: block;
	background: #ADAFB7;
	margin-top: 1px;
}

.post_date span.year {
	padding:1px 0px 2px 0;
	background: #ADAFB7;
	width: 100%;
	/*display: block;*/
	margin-left: 1px;
}

/*Category: Portrait | Edit| No Comments » formatting*/
.entry-info {
color: #ADAFB7;
text-decoration: none;
font-size:10px; /*font-size of post info entry*/
}

/*link formatting for "Category: Portrait | Edit| No Comments " */
.entry-info a{
color: #ADAFB7;
text-decoration: none;
font-size:10px;
}


/*below post title*/
.box h1 a
{
padding-left:3px;
border-bottom:1px dotted #8B726A;
/*	width: 620px;*/
	margin: 7px 0 0 40px;
	display: block;
	text-decoration:none;
}

.box .info{
padding:2px 3px 3px 8px;
border:1px solid #e3e4e4;
background-color:#f5f5f5;
font-size:0.9em;
color:#505050;
margin-top:10px;
}


.box .info a
{
text-decoration:none;
}



.entry ul li
{
list-style:square;
}

#commentlist li {
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px solid #700000;
}

#commentform {
margin: 1em 0;
background: #ffffff;
width: 280px;
}

#commentform textarea {
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform textarea:hover {
background: #FFFFFF;
border: 1px solid #d6d3d3;
}
#commentform textarea:focus {
background: #ffffff;
border: 1px solid #939793;
}

#commentform #email, #commentform #author, #commentform #url {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width: 280px;
}
#commentform input{
margin-bottom: 3px;
}