@import url(reset.css);

/*---------LAYOUT---------*/
body {
background-image: url(images/blog_standard/wood_floor_background.jpg);
background-repeat: repeat;
background-attachment: fixed;
font-family: Georgia, "Times New Roman", Times, serif;
/*"Adobe Caslon Pro", "Adobe Garamond Pro", Constantia*/
font-size: 14px;
line-height: 160%;
text-rendering: optimizeLegibility;
image-rendering: optimizeQuality;
}

#center_column {
margin: 0 auto 30px auto;
padding: 0;
max-width: 960px;
position: relative;
}

#content #title_img {
border: none;
}

#side_pictures {
position: fixed;
}
.side_pics {
width: 550px;
height: 375px;
/*either
width 600 and margin-left -400 (#1) and -425 (#2 & 3)
width 500 and margin-left -300 (#1) and -325 (#2 & 3)
*/
background-repeat: no-repeat;
box-shadow: 3px 3px 6px rgba(0,0,0,.4);
-webkit-box-shadow: 3px 3px 6px rgba(0,0,0,.4);
-moz-box-shadow: 3px 3px 6px rgba(0,0,0,.4);
position: relative;
}
#background_pic_1 {
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
top: -30px;
margin-left: -300px; /*-350px*/
z-index: 5;
}
#background_pic_2 {
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
top: -25px;
margin-left: -325px; /*-375px*/
z-index: 4;
}
#background_pic_3 {
-webkit-transform: rotate(-20deg);
-moz-transform: rotate(-20deg);
-o-transform: rotate(-20deg);
top: -25px;
margin-left: -325px; /*-375px*/
z-index: 3;
}

#content {
position: relative;
margin-left: 250px;
background-color: white;
padding: 0 50px 50px 50px;
box-shadow: 3px 3px 6px rgba(0,0,0,.4);
-webkit-box-shadow: 3px 3px 6px rgba(0,0,0,.4);
/*disable the above line if the Safari "big shadow" bug makes things too slow*/
-moz-box-shadow: 3px 3px 6px rgba(0,0,0,.4);
z-index: 1;
}

#header {
/*width set by the header image: 610px*/
background-color: white;
/*z-index: 2;*/
padding-top: 40px;
margin-bottom: -5px;
}

#navigation {
margin-top: 20px;
padding: 5px 0;
border-top: 1px solid #CCC;
border-bottom: 1px solid #888;
}
#entries #bottom_navigation {
margin-top: 25px;
padding: 5px 0;
border-top: 1px solid #888;
list-style: none;
margin-bottom: 0;
}
.nav_left {
width:33%;
float:left;
}
.nav_center {
width:33%;
float:left;
text-align: center;
}
.nav_right {
float:right;
}

#mtcitation {
padding: 10px 0;
margin: 0 -50px -50px -50px;
background-color: #3f3f3f;
color: white;
font-family: Verdana, sans-serif;
font-size: 10px;
text-align: center;
line-height: 100%;
}
#mtcitation a {
color: white;
}


/*---------STYLING---------*/
h2, h2 a {
/*font-family: Georgia, Tahoma, "Arial Black", Verdana, Helvetica, sans-serif;*/
font-weight: normal;
font-size: 30px; /*26px*/
line-height: 100%;
background-color: transparent;
color: #555;
margin-top: 30px;
}
h6 {
font-family: "Verdana", "Arial", "Lucida Grande", "Lucida Sans Unicode", "Helvetica", sans-serif;
font-weight: normal;
font-size: 10px;
line-height: 100%;
background-color: transparent;
color: #777;
margin-top: 3px;
margin-bottom: 8px; /*10px*/
}
h6 a, #navigation a, #bottom_navigation a {
color: #777;
}

p, code, #entries ul {
    margin-bottom: 1em;
}

#entries ul {
list-style: disc;
list-style-image: url(images/blog_standard/bullet.jpg);
padding-left: 30px;
}
#entries ul ul {
list-style: circle;
list-style-image: url(images/blog_standard/bullet.jpg);
padding: 5px 0 0 30px;
}
#entries li {
padding-bottom: 5px;
}

.tweet_text {
background: url(images/blog_standard/thin_pipe.jpg) repeat-y top left;
margin: 30px auto;
width: 75%;
padding: 10px 25px;
}
.tweet_link {
background: url(images/blog_standard/splat.jpg) no-repeat left 10px;
margin: 30px auto;
width: 75%;
padding: 10px 25px;
}
.tweet_text h6, .tweet_link h6 {
margin-top: -7px;
margin-bottom: 3px;
}

.tweet_text p, .tweet_text p a {
font-style: italic;
/*want to include .tweet_link p, .tweet_link p a here?*/
}


#content img {
/*for the current design, make in-entry pics 700px--nay, now 610px--wide; if the actual width is smaller, the following will scale the image down rather than breaking the layout*/
max-width: 100%;
display: block;
margin: 0 auto 1em auto;
/*margin-bottom 1em to mimic the space at the end of a paragraph*/
border: 1px solid #666666;
}

a, #navigation .nolink, #bottom_navigation .nolink {
color: #2401a6;
font-weight: bold;
text-decoration: none;
}
a:hover, #mtcitation a:hover, #navigation a:hover, #bottom_navigation a:hover, h2 a:hover {
color: teal;
}
#navigation .nolink, #bottom_navigation .nolink {
color: #ccc;
}

em, i {font-style: italic;}
strong, b {font-weight: bold;}
i b, em strong, b i, strong em, .tweet_text p strong, .tweet_text p b {
font-style: italic;
font-weight: bold;
}
.strikethru {text-decoration: line-through;}
.indent, code {padding-left: 20px;}

code {
font-family: "Courier New", Courier, mono;
display: block;
}

blockquote {
margin: 8px auto 20px auto;
padding-top: 12px;
/*8px margin + 12px padding = 20px on top, to match 20px on bottom*/
padding-left: 20px;
background: url(images/blog_standard/opening_quote.jpg) top left no-repeat;
width: 85%;
}
.bigquote {
/*dunno if we'll ever use this*/
font-size: 125%;
line-height: 140%;
}
blockquote .quote {
background: url(images/blog_standard/closing_quote.jpg) bottom right no-repeat;
margin: 0;
}
blockquote .author {
margin: 0;
/*font-size: 90%;*/
text-align: right;
margin-right: 10%;
/*the author line is mostly white, so reduce the margin to keep things looking somewhat even*/
margin-bottom: -10px;
color: #777;
}

abbr[title='and'] {
 font-family: "Adobe Caslon Pro", Baskerville, Palatino, "Book Antiqua", Georgia, serif;
 font-style: italic;
}


/*---------INDIVIDUAL ENTRY---------*/
.divider {
/*pic color is #ddd, FWIW*/
background: url(images/blog_standard/divider.jpg) no-repeat center;
max-width: 100%;
height: 10px;
display: block;
margin: 30px auto 30px auto;
}

h4 {
font-size: 15px;
margin-top: 20px;
margin-bottom: -1px;
}


/*--------------ARCHIVE--------------*/
.archive_listing {
margin-left: 30px;
}

.archivelisting h2 {
margin-bottom: 8px;
}

.archivelisting p {
margin-bottom: 2px;
}


/*---------FORM-ATTING (har)---------*/
form label {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}

form label span {
font-weight: normal;
font-style: italic;
}

textarea {
display: block;
width: 100%;
height: 140px;
}

#comments-open h6, #linkpage h6 {
margin-bottom: 0;
}
#comments-open-data input, textarea {
font-size: 12px; /*16*/
line-height: 150%;
}