/*********************************/
/* Listing Page                  */
/*********************************/

div#blogPostList div.pageHeader {
float:left;
width:550px;
padding-bottom:4px;
margin-top:0;
}

div#blogPostList div#feedIcon {
position:relative;
display:inline-block;
width:20px;
left:580px;
top:3px;
}

div#blogPostList div#leftColumn {
float:left;
width:600px;
}

div#blogPostList div#skyscraper {
float:right;
width:158px;
margin-top:-15px;
}

div#blogPostList div#skyscraper div {
margin-bottom:50px;
}

div#blogPostList dt {
}

div#blogPostList dd {
margin:0 0 50px 0px;
}

div#blogPostList div.header {
/*text-align:center;*/
border-bottom:1px dashed #404B4F;
/*border-top:1px dashed #999;*/
margin:0 0 10px 0;
}

div#blogPostList div.header h4 {
color:#151514;
font-size:1.5em;
margin-bottom:2px;
}

div#blogPostList h4 a {
text-decoration:none;
color:#404B4F;
font-size:1.1em;
}

div#blogPostList h4 a:hover {
color:#151514;
}

div#blogPostList p.tags {
color:#999;
font-size:1.1em;
margin-bottom:7px;
}

div#blogPostList p.tags a {
display:inline-block;
font-weight:bold;
color:#fff;
background-color:#151514;
padding:0 2px 0 2px;
margin-right:1px;
}

div#blogPostList p.tags a:hover {
background-color:#404B4F;
}

div#blogPostList div.postImage {
text-align:center;
margin-bottom:10px;
}

div#blogPostList div.postImage img {
display:inline;
}

div#blogPostList p.description {
margin-bottom:10px;
font-size:1.3em;
}

div#blogPostList p.description a {
font-weight:bold;
}

div#blogPostList p.description a.button2 {
text-align:center;
font-size:.7em;
padding:0 3px 0 3px;
margin-left:5px;
margin-top:3px;
display:inline-block;
position:absolute;
}

div#blogPostList div.postDetails {
background-color:#efefef;
padding:5px 10px 5px 10px;
}

div#blogPostList p.postMeta {
display:inline-block;
float:left;
}

div#blogPostList div.postDetails p.comments a {
display:inline-block;
float:right;
}

div#blogPostList div.postDetails p.comments a {
font-weight:bold;
color:#404B4F;
}

div#blogPostList div.postDetails p.comments a:hover {
color:#151514;
}

/*********************************/
/* View Blog Post                */
/*********************************/

div#viewBlogPost {
}

div#viewBlogPost div#leftColumn {
float:left;
width:600px;
}

div#viewBlogPost div#rightColumn {
float:right;
width:160px;
text-align:center;
padding-top:4px;
}

div#viewBlogPost div.pageHeader {
margin-bottom:2px;
margin-top:20px;
}

div#viewBlogPost p#tags {
margin-bottom:15px;
color:#999;
font-size:1.3em;
}

div#viewBlogPost p#tags a {
display:inline-block;
font-weight:bold;
color:#fff;
background-color:#151514;
padding:0 2px 0 2px;
margin-right:1px;
}

div#viewBlogPost p#tags a:hover {
background-color:#404B4F;
}

div#viewBlogPost div#skyscraper {
}

div#viewBlogPost div#postImage {
margin-bottom:3px;
}

div#viewBlogPost p#postImageCaption {
padding-left:10px;
margin-bottom:20px;
color:#999;
font-size:1.3em;
}

div#viewBlogPost h3#changeImage {
text-align:left;
color:#151514;
}

div#viewBlogPost div#postImageThumbnails {
background-color:#DBEBF7;
padding-left:9px;
margin-bottom:20px;
}

div#viewBlogPost div.oneWide {
width:92px;
}

div#viewBlogPost div.twoWide {
width:181px;
}

div#viewBlogPost div#postImageThumbnails div.thumbnail {
float:left;
width:81px;
height:81px;
margin:9px 9px 9px 0px;
}

div#viewBlogPost div#postImageThumbnails div.thumbnail:hover {
border:9px solid #151514;
margin:0 0 0 -9px;
}

div#viewBlogPost div#leftColumn h3, div#viewBlogPost h3#changeImage {
font-size:1.5em;
color:#151514;
margin: 0 0 15px 0;
}

div#viewBlogPost p#postText {
font-size:1.4em;
margin-bottom:20px;
}

div#viewBlogPost p#postText a {
font-weight:bold;
}

div#viewBlogPost div#postDetails {
background-color:#efefef;
padding:5px 10px 5px 10px;
margin-bottom:20px;
}

div#viewBlogPost div#postDetails p#postMeta {
}

div#viewBlogPost h3#commentsHeader {
float:left;
width:300px;
}

div#viewBlogPost div#feedIcon {
float:right;
width:100px;
text-align:right;
}

div#viewBlogPost div#feedIcon img {
display:inline;
}

div#viewBlogPost p#noComments {
margin-bottom:20px;
}

div#viewBlogPost ul#commentsList {
list-style-type:none;
margin-bottom:20px;
padding:0;
width:400px;
}

div#viewBlogPost ul#commentsList li {
margin:0 0 20px 0;
padding:0;
}

div#viewBlogPost div.commentAvatar {
float:left;
width:50px;
}

div#viewBlogPost div.commentAvatar img {
display:block;
}

div#viewBlogPost div.commentAvatar img:hover {
border:8px solid #151514;
margin:-8px -8px -8px -8px;
}

div#viewBlogPost div.comment {
float:right;
width:335px;
}

div#viewBlogPost div.comment h4 {
margin:0 0 3px 0;
padding:0;
}

div#viewBlogPost div.comment p.commentText {
margin:0 0 1px 0;
padding:0;
}

div#viewBlogPost div.comment p.commentDetails {
font-size:.8em;
color:#999;
}

div#viewBlogPost .commentBox {
width:400px;
height:100px;
margin-bottom:10px;
}