/*   
Theme Name: Soi-Disant
Theme URI: http://www.goingthewongway.com
Description: A custom 2 column theme with a sidebar and separated entries
Author: Derek Wong
Author URI: http://www.goingthewongway.com
Version: 1.0
.
Copyright 2007 Derek Wong.  You may only use this theme with the expressed written permission of the author.
.
*/
/*



blue:                         334F7F
link blue:                    1E2CBB
background active link:       3A689D
background post:              B3DDB0
post border: 		      334F7F
light gray:                   F7F7F7




*/



/*************************** Reset *******************************/
/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, hr {
	margin: 0;
	padding: 0;
/*removed 071130 for tables	border: 0;*/
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/*a {
	text-decoration: none;
}*/

body {
	line-height: 1.3;
	color: black;
	background: white;
}
/*ol, ul {
	list-style: none;
}*/

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
	padding: 0 1px;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quote: "" "";
}
/*************************** End Reset *******************************/






/*temporary placeholder*/
#ad {
/*    height:60px;
    width: 468px;*/
    border: 1px dotted #eee;
/*    left: 600px;
    position: absolute;*/
/*    margin: 20px 0;*/
    float:right;
}



/*************************** Page Structure *******************************/

body {
/*      margin: 0 15px;*/
      margin: 0 2px;
}

#wrap {
     width: 97%;
     text-align: left;
/*     padding-right: 10px 20px 0 0;*/
}

#right_side {
      display:block
      width: 2%;
}

#header{ 
	height:100px;
	padding-bottom: 15px;
}

#left{ 
	float:left;
	width:210px;
	min-width:150px;
	padding: 0 10px 10px;
	min-height:650px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:650px; /* for IE5.x and IE6 */
        margin-bottom: 20px;
}

#navigation {
        padding-top: 0;
}

#content { 
	min-width: 350px;
	margin-left:250px;
/*	margin-right: 20px;*/
	min-height:650px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:650px; /* for IE5.x and IE6 */
}

#footer {
	clear:both;
	margin-top: 20px;
	padding: 20px 0 20px 0 ;
}

/*************************** End Page Structure *******************************/









/*************************** Content Styling *******************************/

body{ 
	background-color:#616161/*a5a5a5*/;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 100%;
	color: #444;
}

#left_side {
      background: #fff url(images/left_bg.gif) repeat-y left top;
      border-top: 5px solid #616161;
      border-bottom: 5px solid #616161;

}

#right_side {
 	background: transparent url(images/right_bg.gif) repeat-y right top;
}

#wrap {
      background-color: #fff;
}

#header a{
	overflow:hidden;
	text-indent:-100em;
	display:block;
	width: 100%;
	height: 100%;
}

#left {
      background-color: #f7f7f7;
}

#footer {
	border-top: thin solid #a5a5a5;
}



/************ More specific content styling *************/

/** selectors **/
h1 {font-size: 36px; font-weight: 900;}
h2 {font-size: 24px;font-weight: 800;}
h3 {font-size: 20px;font-weight: 800;}
h4 {font-size: 18px;font-weight: 700;}
h5 {font-size: 16px; font-weight: 700;}
h6 {font-size: 14px;font-weight: 600;}

b, strong {font-weight: 700;}
i, em {font-style: italic;}
cite {font-style: italic; }
cite a.permalink {font-size: .75em}
a {text-decoration: none;}
ol ol{list-style: lower-alpha;}
ol ol ol{list-style: lower-roman;}
ol,ul {margin-left: 30px;}
small {font-size: 0.6em;}

blockquote, q {
	margin: 0 60px 10px 10px;
	padding: 20px 50px 10px;
	background: #dfdfdf url(images/double_quote_open_40x20.gif) no-repeat top left;
	color: #556F7F/*old, changed 071203: 89afb9*/;
}

code {
     margin: 10px 60px 10px 10px;
     display:block;
     border: 1px dotted #74982a;
     padding: 10px 0 10px 20px;
     background-color: #dcdcdc;

     white-space: pre-wrap; /* css-3 */
     white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
     white-space: -pre-wrap; /* Opera 4-6 */
     white-space: -o-pre-wrap; /* Opera 7 */
     word-wrap: break-word; /* Internet Explorer 5.5+ */
     font-family: monospace;
}

ins {
     text-decoration: none;
     font-weight: 800;
     
}

/** classes **/

.align-left {
	float: left;
	margin: 0 10px;
}
.align-right {
	float: right;
	margin: 0 10px;
}

a:link, a:visited {color: #1e2cbb;}

a:hover,
a:active {
	color: #050505;
}

/** header **/

#header_logo {
/*	background: transparent url(images/Logo2_blue.png) no-repeat 0 0;*/
	background: transparent url(http://farm3.static.flickr.com/2491/3981888077_99b68a053d_o.png) no-repeat 0 0;
	position:absolute;
}
#header h1, #header #page_header{
	width: 500px;
	min-width: 500px;
	height: 100px;
	font-size: 40px;
	color: #12bad3;
}
#header a:link, #header a:visited, #header a:hover, #header a:active {
	text-decoration: none;
	color: none;
	background-color: transparent;
}
#description{
	float: right;
	margin-right: 20px;
	font-size: .8em;
}
/************/
#content p {
      margin-bottom: 10px;
/*      clear: right;*/
}

/** posts **/
.post {
	display: block;
	border: 1px dotted #334f7f;
	padding: 0 15px;
	margin-bottom: 70px;
}

.post p {
      line-height: 150%;
}

.post ol,
.post ul {
      margin-bottom: 1em;
      margin-top: .5em;
}

.post li {
      margin: .3em 0;
}

.post-title {
	padding: 0 20px;
	display: block;
}
.post-title a {
        text-decoration: none;
}

.post-title a:visited { 
        color: #1e2cbb;
}

.tag_wrapper {
	font-size: .8em;
	color: #777;
        display: block;
        margin: 0 0 20px 20px;
}

.tags {
        font-size: 1.1em; 
}

#tag_title{
	margin-bottom: 20px;
}

.published {
	display:block;
	text-align: center;
	float:right;
	font-size: 1.5em; 
	background-color: #334f7f;
	color: #fff;
	margin: 0 5px;
	padding: 0 2px;
	border-bottom: none;
}
.pub-month {
	display:block; 
	font-size: .8em;
}
.pub-date { 
	display:block; 
	font-size: 1.2em;
	font-weight: 700;
}

.post-append {
        padding: 5px 0 20px 0 ;
	clear:right;
}

.post-navigation {
	display: block;
	text-align: center;
	padding: 5px 0;
	margin: 20px 0 0 0;
	font-size: 1.4em;
	float: left;
	width: 100%;
}

.post-response {
	font-size: 0.8em;
	width: 50em;
	margin: 40px auto 10px auto;
	background-color: #ccc;
}

#content p.post-links {
        margin: 0;
        font-size: 0.7em;
        text-align: right;
}

/* styles taken from brian's threaded comments */
.comment {
        position: relative;
        margin: 3px;
        margin-top: 6px;
        padding: 4px 4px 4px 8px;
        background-color: #fff;
}

.odd {
        background-color: #f8f8f8;
}

.comment div {
        position: relative;
}

.comment .comment img {
        margin: 0px;
}

.comment .collapseicon {
        width: 13px;
        height: 13px;
        overflow: hidden;
        background-image: url(http://www.goingthewongway.com/wp-content/plugins/briansthreadedcomments.php?image=subthread-open.png);
}

.collapsed .collapseicon {
        background-image: url(http://www.goingthewongway.com/wp-content/plugins/briansthreadedcomments.php?image=subthread.png);
}

.comment .reply, 
.pingback .reply {
        text-align: right;
        font-size: 80%;
        padding: 0px 6px 6px 0px;
}

.comment {
        border: 1px solid #ddd;
        margin-top: 10px;
}

input#subscribe {
        width: auto;
}

.comment .body .content {
/*removed 071029 - poor rendering with border
*         padding:                                0px 3px 0px 3px;*/
        width: 100%;
        overflow: auto;
        margin-top: 10px;/*added 071029 for spacing*/
}

.comment .title abbr {
        border: none;
}

.collapsed .body, .collapsed .comment {
        display: none;
}

#commentform textarea {
        width: 97%;
}

/* end styles taken from btc */


#comment_note {
	float:left;
	width:100%;
	font-weight:600;
}

#post-comment {
	margin: 20px 0;
	float: left;
	width: 100%;
}

p#entry-links {
        margin-bottom: 0px;
}

.meta {
      font-size: .8em;
}

div#respond {
        margin: 30px 0 0 0;
        border: 1px solid #DDD;
        padding: 4px 4px 4px 8px;
}

#cancel-comment-reply {
        margin: 0px 0px 15px 0px;
}

.add div { margin-bottom:3px;}

/*081211 for spacing #comments { margin-top: 30px; }*/

ul.commentlist,
ul.children {
       list-style:none; 
       margin-left: 0px;
}

.comment-meta {
        margin-bottom: 15px;
        font-size: 0.8em;
}

.small {
       width:100%;
       border-top: 2px solid #555;
       margin-top: 20px;
       float: left;
}

/************/



/** sidebar **/

#left h3 {
      color:/*#fd0521*/ #bbb;
      font-weight: 800;
      margin-bottom: 2px;
}

#left ol,
#left ul {
 list-style:none;
 margin-left: 0;
}

#left li ul li,
#left li ol li
{
      line-height: 1.4em;
}

.widget {
  margin-top: 20px;
}

#left h2 a {
      text-decoration: none;
}

li.page_item {
	margin-left: 10px;
}


li.current_page_item > a {
	background-color: #ccc;
        font-weight: bold;
}

#calendar td, #calendar th, #calendar caption{
	text-align: center;
}

a.rss  {
	padding-left: 25px;
	background: transparent url(images/feed-icon-14x14.png) no-repeat 5px 0;
}
.emailRSS{
	margin-top: 10px;
}

.emailRSS input {
	margin-bottom: 2px;
}


/** footer **/
#footer p {
	text-align:center;
}

#copy {
/*      float:left;*/
}


/********* Image Styling **********/

.post img {
  background-color: #fff;
/*not sure why this messes things up 071121:  max-width: 100%;*/
  border: 1px solid #aaa;
  padding: 5px;
  display: block; 
}

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

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

img.wp-smiley {padding: 0; margin: 0; border: none; background-color: transparent; display: inline;}

div.aligncenter {
        display:block;
        text-align:center;
        margin: 30px auto;
}

div.alignleft {
	float: left;
	display:block;
	margin-right: 20px;
	text-align:center
}

div.alignright {
	float: right;
	display:block;
	margin-left: 20px;
	text-align:center
	}

.alignleft em,
.alignleft i,
.alignright em,
.alignright i,
.aligncenter i,
.aligncenter em,
.wp-caption-text 
{
	font-style: italic;
	margin: 0 auto;
	font-size: 0.9em;
}

/************* End Images *************/