/* - - - - - - - - - - - - - - - - - - - - -
Title : Ginkgo Dreams layout and style
Author : Reese Spykerman
URL : www.designbyreese.com
Created : July 1, 2006
Modified : July 31, 2006
- - - - - - - - - - - - - - - - - - - - - */


/* - - - BREAD AND BUTTER (STANDARD STUFF) - - - */
body {
background: #fff url(/graphics/bodytile.jpg) repeat-x;
margin: 0;
padding: 0;
font-family: Georgia, Times, Times New Roman, serif;
font-size: small;
color: #312815;
}

a {color: #312815; text-decoration: none; font-weight: bold;}
a:visited {color: #5c4740;}
a:hover {color: #5c4740; border-bottom: 3px double #5c4740;
}

input, area, textarea, option, select, submit {
border: 1px solid #b2d7e5;
background-color: #e9edf0;
padding: 2px;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 100%;
}

input:focus, area:focus, textarea:focus, option:focus, select:focus, submit:focus {
background-color: #b2d7e5;
border: 1px solid #e9edf0;
}

blockquote {
background-color: #f3f2f2;
padding: 10px 10px 5px 10px;
}


/* - - - - - - - LAYOUT - - - - - - - */
#container {
position: relative;
margin: 0 auto;
width: 898px;
background: transparent;
}

#archives-page #container {
position: relative;
margin: 0 auto;
width: 911px;
background: transparent;
}

#header {
position: absolute;
top: 90px;
left: 140px;
background: transparent url(/graphics/header.gif) no-repeat top center;
width: 214px;
height: 63px;
}

*html #header {
top: 100px;
}

#header h1 {
text-indent:-9999px;
height:1px;
display:block;
}

#google {
float: left;
width: 120px;
margin: 190px 0 20px 0;
}

.indexgoogle {
float: left;
width: 510px;
margin: 20px 0 0 0;
}

#navigation {
float: left;
width: 208px;
padding: 0;
margin-left: 22px;
margin-top: 171px;
background: transparent url(/graphics/navbg2.jpg) repeat-y;
text-align: right;
}

*html #navigation {
margin-top: 180px;
}

#navigation_bottom {
background: transparent url(/graphics/navbottom2.jpg) no-repeat bottom right;
width: 208px;
height: 135px;
}

ul#primarynav {
background: transparent url(/graphics/navbg2.jpg) repeat-y;
list-style: none;
text-align: right;
font-size: 100%;
margin: 0;
padding: 0;
}

ul#primarynav li {
display: inline;
}

ul#primarynav li a {
display: block;
margin: 0;
color: #49312a;
text-decoration: none;
background: transparent url(/graphics/navunderline.jpg) no-repeat bottom right;
padding: 3px 8px 3px 0;
font-weight: normal;
}

ul#primarynav li a:hover {
background: transparent url(/graphics/navhover.jpg) no-repeat bottom right;
color: #3d616f;
border: 0;
}

ul#primarynav li ul {
background: none;
margin: 10px 3px 10px 0;
}

ul#primarynav li ul li {
background: none;
font-size: 70%;
display: block;
text-align: right;
margin: 0 0 5px 0;
}

ul#primarynav li ul li ul {
background: none;
font-size: 120%;
display: block;
text-align: right;
margin: 0 0 5px 0;
}

ul#primarynav li ul li a {
background: none;
color: #4a6c79;
}

ul#primarynav li ul li a:hover {
background: none;
color: #49312a;
}

li.recentcomments {
border-bottom: 1px solid #fff;
}

#navigation input, area, textarea, option, select, submit {
border: 1px solid #b2d7e5;
background-color: #e9edf0;
padding: 2px;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 80%;
margin-right: 5px;
}

a.navigationlink {
font-weight: normal;
font-size: 90%;
margin: 5px 5px 5px 30px;
display: block;
border-bottom: 1px solid #fff;
}

a.navigationlink:hover {
border-bottom: 1px solid;
}


#content {
float: left;
padding: 0 0 20px 29px;
width: 470px;
margin: 29px 0 0 0;
}

#archives-page #content {
float: left;
padding: 0;
width: 523px;
margin: -19px 0 0 0;
background: url(/graphics/archivesbg.jpg) repeat-y;
}

*html #archives-page #content {
margin-top: -9px;
}

#archives-page #contenttop {
float: left;
width: 523px;
background-repeat: no-repeat;
background-image: url(/graphics/archivestop.jpg);
}

#photo {
float: left;
width: 404px;
background: #432b24 url(/graphics/photobg.gif) repeat;
padding: 18px;
border: 1px solid #b2d7e5;
margin: 0 0 16px 0;
text-align: center;
}

#archives-page #photo {
float: left;
width: 404px;
background: #432b24 url(/graphics/photobg.gif) repeat;
padding: 18px;
border: 1px solid #b2d7e5;
margin: 20px 0 16px 38px;
text-align: center;
}

*html #archives-page #photo {
margin-left: 20px;
}

#photo img {
border: 1px solid #fff;
}

#blog {
float: left;
width: 440px;
}

*html #blog {
width: 448px;
}

#archives-page #blog {
margin-bottom: 0;
border-bottom: 1px dotted #4a6c79;
padding-bottom: 10px;
margin-left: 38px;
}

*html #archives-page #blog {
margin-left: 10px;
}


#footer {
clear: both;
}

#copyright {
background: url(/graphics/footerbg.jpg) repeat-x;
margin: 0 auto;
height: 50px;
text-align: center;
font-family: verdana, arial, helvetica, sans-serif;
text-transform: uppercase;
font-size: 80%;
color: #000;
margin: 0 0 0 0;
}

#copyright p {
padding: 10px 0 0 0;
}

#copyright a {
color: #432b25;
font-weight: bold;
text-decoration: none;
}

#copyright a:hover {
color: #fff;
background: #432b25;
border: 0;
}

/* - - - RAMBLINGS (HEADINGS AND TEXT) - - - */
h2 {
color: #3f2721;
font-size: 170%;
font-weight: normal;
margin: 0 0 8px 0;
padding: 0;
}

.posted {
float: left;
padding: 0;
margin: 0 10px 5px 0;
width: 119px;
background: url(/graphics/postedbg.jpg) no-repeat;
border: 1px solid #321c13;
}

.posted a {color: #4a6c79; text-decoration: none; font-weight: normal;}

.posted a:hover {color: #5d4740; border: 0;}

p.date {
background: url(/graphics/dateline.jpg) repeat-x bottom left;
font-weight: bold;
color: #2c1e16;
text-align: right;
margin: 47px 0 0 0;
padding: 0 5px 5px 0;
}

p.category {
margin: 0;
padding: 0 5px 0 0;
text-align: right;
font-family: verdana, arial, helvetica, sans-serif;
text-transform: uppercase;
font-size: 80%;
}

p.comments {
padding: 25px 5px 3px 0;
margin: 0;
text-align: right;
font-family: verdana, arial, helvetica, sans-serif;
text-transform: uppercase;
font-size: 80%;
}

.entry p {
margin: 0 0 15px 0;
padding: 0;
}

p.author {
margin: 0;
padding: 2px;
text-transform: uppercase;
font-size: 80%;
letter-spacing: .03em;
color: #90acb7;
border: 1px dotted #90acb7;
border-left: 0;
border-right: 0;
}

/* - - - COMMENTS - - - */
.commentsgoogle {
float: left;
width: 510px;
margin: 20px 0 0 0;
text-align: center;
}

.commentspage {
float: left;
width: 448px;
}

h2.commentsheader {
font-size: 120%;
font-family: verdana, arial, helvetica, sans-serif;
text-transform: uppercase;
border-bottom: 1px dotted #4a6c79;
margin: 20px 0 10px 0;
padding: 0 0 3px 0;
}


h2.commentsheader a {
text-decoration: none;
font-weight: normal;
}

h2.commentsheader a:hover {
text-decoration: none;
border: 0;
color: #3f2721;
font-weight: normal;
}

h4.commentpreview {
font-weight: normal;
font-family: verdana, arial, helvetica, sans-serif;
text-transform: uppercase;
margin: 0 0 10px 0;
padding: 0 0 3px 0;
font-size: 110%;
border-bottom: 1px dotted #4a6c79;
}

.commentspage ul {
margin: 0;
padding: 0;
list-style: none;
width: 448px;
clear: left;
}

.commentspage li {
margin-bottom: 20px;
border: 1px solid #b2d7e5;
border-left: 0;
background-color: #d5cac5;
}

span.count {
float: left;
background: #432b24 url(/graphics/photobg.gif) repeat;
padding: 18px;
border: 1px solid #b2d7e5;
border-top: 0;
width: 50px;
text-align: center;
padding: 5px;
margin-right: 20px;
font-size: 200%;
color: #ac9e98;
}

p.commentsposted {
margin: 0 0 7px 0;
padding: 10px 10px 0 10px;
text-transform: uppercase;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 80%;
color: #928b87;
clear: both;
font-weight: bold;
}

.commentsbody {
padding: 0 10px 0 10px;
}

div.commentsbody p {
margin: 10px 0 0 0;
padding: 0;
font-size: 90%;
}

.trackback {
font-size : 11px;
height : 1.6em;
}

/* - - - MAIN PAGE MENU - - - */
.paginate {
float: left;
width: 448px;
margin-top: 80px;
font-size: 100%;
font-family: verdana, arial, helvetica, sans-serif;
text-align: center;
border: 1px dotted #4a6c79;
border-left: 0;
border-right: 0;
padding: 4px 0 4px 0;
}

.paginate #extLinkarchives_main{
}

.paginate #extTextarchives_main ul {
text-align: left;
}

.paginate #extLinkcategories_main{
display: inline;
}

.paginate #extTextcategories_main ul {
text-align: left;
}


/* Images */
img {
margin: 0px;
padding: 0px;
border: 0px;
}

.image_left {
margin: 0px;
padding-right: 6px;
padding-top: 3px;
padding-bottom: 3px;
float: left;
}

.image_right {
margin: 0px;
padding-left: 6px;
padding-top: 3px;
padding-bottom: 3px;
float: right;
}

margin: 0px 0px;
padding: 0px;
font-family: verdana, arial, sans-serif;
background : #f5f5e9 url(/images/background3.jpg) repeat; 
}

#container{
width: 800px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: auto;
margin-left: auto;
background-color: #FFFFFF;
	}

/*** see http://www.positioniseverything.net/easyclearing.html
   for explanation of Tony Aslett's elegant hack ***/

.clearing:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearing {
display: inline-block;
}

/* hides from IE/Mac \*/
* html .clearing {
height: 1%;
}

.clearing {
display: block;
}

/* end hide from IE-Mac */
/*** end clearing hack ***/