/* layout */

body {
margin:0 auto;
padding:0;
width: 785px;
text-align: center;
font-family:arial, verdana, sans-serif;
background-color:#F0F0F0 ;
}

#wrapper {
margin: 0 auto;
width: 785px;
text-align: left;
}

#blog-header {
padding:0px;
margin:0 34px;
background-color:#000000 ;
height:100px;
}

#blog-header-text {
padding:25px 0 0 13px;
float:left;
color: #FFF;
}

#content-wrapper {
width: 715px;
padding-left:00px;
padding-right:00px;
margin-left:34px;
background-color: #fff;
border-right:1px solid #000;
border-left:1px solid #000;
}

#content {
float:left;
width:421px;
padding:20px;
padding-top:10px;
padding-bottom:50px;
background-color: #fff;
border-right:1px solid #000;
}

#sidebar {
float:right;
width:247px;
margin-left:5px;
background-color: #fff;
}

#sidebar-content {
padding:5px;
}

#sidebar-top {
width:253px;
float:right;
height:21px;
margin-top:79px;
background-color: #fff;
border-right:1px solid #000;

}

#blog-footer {
padding:5px 5px 8px 20px;
background-color:#000000;
border-top:1px solid #666;
border-bottom:1px solid #ccc;
text-size:10px;
color: #ffffff;
margin:0 34px;
}



/* text */

body {
font:12px arial, sans-serif;
}

a:link, a:active, a:visited {
font-weight:bold;
color:#666;
}

a:hover {
font-weight:bold;
text-decoration:none;
color:#000;
}

#blog-header-text h1 {
margin:0;
padding:5px 0 0px 18px;
color:#fff;
font: bold 44px arial, MS Trebuchet, sans-serif;
letter-spacing:-0.07em;
text-decoration:none;
}

#blog-header-text h1 a, #blog-header-text h1 a:link, #blog-header-text h1 a:visited, #blog-header-text h1 a:hover {
color:#fff;
font: bold 44px arial, MS Trebuchet, sans-serif;
letter-spacing:-0.07em;
text-decoration:none;
}

#nav {
font:bold 11px arial, verdana, sans-serif;
padding:3px 2px 0 2px;
text-align: center;
color:#666;
}

#sidebar-top a {}

#sidebar {color:#666;}

#sidebar-top #nav a, #sidebar-top #nav a:link, #sidebar-top #nav a:visited, #sidebar-top #nav a:hover {
color:#333;
}

#sidebar ul {
padding:0;
margin:0;
list-style-type:none;
}

#sidebar h3.sidebar-header, #sidebar li.sidebar-header {
font:bold 12px arial, verdana, sans-serif;
color:#666;
margin:0;
padding-left:5px;
margin-bottom:5px;
}

#sidebar-content a, #sidebar-content a:link, #sidebar-content a:visited, #sidebar-content a:hover {
font-weight:normal;
color:#666;
}

#sidebar-content ul {margin-bottom:15px;}
#sidebar-content ul li {padding-left:14px;margin-bottom:2px;}
#sidebar-content h3.sidebar-header {margin-top:15px;}
#sidebar-content h3.first {margin-top:5px;}
#sidebar-content p {margin:0;}

/* search */
#sidebar-content form {margin:0;padding:0;margin-bottom:15px;}
#sidebar-content input.input {border:1px solid #ccc;padding:3px;font-size:11px;color:#808080;}
#sidebar-content input.button {border:1px solid #ccc;background-color:#eee;padding:1px;padding-bottom:2px;font-size:11px;color:#808080;}

/* post */

h2.date-header {
font:bold 12px arial, verdana, sans-serif;
color:#779BA4;
margin:0;
margin-top:20px;
padding-bottom:8px;
padding-left:17px;
background: url(http://www.halfadeckshort.com/images/uploads/trendy_grey_sq.gif) 0px 2px no-repeat;
}

.post {padding-bottom:15px;}

h3.post-header {
font:bold 24px arial, verdana, sans-serif;
letter-spacing:-0.07em;
color:#000;
margin:0;
margin-bottom:0px;
margin-top:5px;
}

.post-summary, post-summary p, .post-body, .post-body p { /* post-summary = index page ; post-body = comments page */
font:14px arial, verdana, sans-serif;
line-height: 1.4;
color: #3b3131;
}

.post-summary p, .post-body p {
margin-top:0;
margin-bottom:10px;
}


.post-details {margin-top:-5px;margin-bottom:5px;}

.post-details, .post-details a, .post-details a:visited, .post-details a:hover {
font:12px arial, verdana, sans-serif;
color:#666;
padding-top:3px;
}


/* comments */

#comments-wrapper {
border-top: 1px solid #ccc;
padding-top:10px;
margin-top:20px;
}

#comments-wrapper h4, #comments-wrapper h4 a, #comments-wrapper h4 a:visited, #comments-wrapper h4 a:hover {
font: bold 14px  arial, verdana, sans-serif;
letter-spacing:-0.05em;
color:#666;
}

.comment {
color:#666;
}

.comment-text, .comment-info p {
margin: 8px 10px 8px 10px;
padding: 8px 0px 0px 10px;
padding: 0;
}

.comment-info {
margin: 10px 15px 10px 10px;
padding: 0;
text-align: right;
border-top: 1px solid #ccc;
line-height: 16px;
}

.one { 
margin: 0px 5px 10px 5px;
padding: 0;
background: #ffffff;
border: 1px solid #ccc;
}

.two {
margin: 0px 5px 10px 5px;
padding: 0;
background: #EFF3F4;
border: 1px solid #ccc;
}

.three {
margin: 0px 5px 10px 5px;
padding: 0;
background: #b7c3d0;
border: 1px solid #ccc;
color:#FFF;
}


.comment-details {
color:#999;
}

#post-comment {
color:#666;
border-top: 1px solid #ccc;
padding-top:10px;
margin-top:10px;
}

#post-comment h4 {
}


/* footer */

#blog-footer {
text-align:center;
color:#fff;
}

/* misc */

.clear {
clear: both;
}

blockquote {color:#567880;margin:0 35px 10px 55px;padding-left:8px;border-left:8px solid #CFDCDF;}

#sidebar .powered-by {
padding-top:15px;
padding-left:15px;
}

#sidebar .powered-by img {border:0;padding:0;margin:0;}

#sidebar-content .about img {
float:left;
margin-right:10px;
padding:5px;
background-color:#fff;
border:1px solid #ccc;
}

.paginate {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:			12px;
 font-weight: 		normal;
 letter-spacing:	.1em;
 padding:			10px 6px 10px 4px;
 margin:			0;
 background-color:	transparent;
}

.pagecount {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:			10px;
 color:				#666;
 font-weight:		normal;
 background-color: transparent;
}

/*
    Formatting Buttons
------------------------------------------------------ */

.buttonMode {
font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size: 10px;
color: #73769D;
background-color: transparent;
white-space: nowrap;
}

.htmlButtonOuter, .htmlButtonOuterL {
background-color: #f6f6f6;
padding: 0;
border-top: #333 1px solid;
border-right: #333 1px solid;
border-bottom: #333 1px solid;
}
.htmlButtonOuterL {
border-left: #333 1px solid;
}
.htmlButtonInner {
background-color: transparent;
text-align: center;
padding: 0 3px 0 3px;
border-left: #fff 1px solid;
border-top: #fff 1px solid;
border-right: #ccc 1px solid;
border-bottom: #ccc 1px solid;
}
.htmlButtonOff {
font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif;
font-size: 11px;
font-weight: bold;
padding: 1px 2px 2px 2px;
white-space: nowrap;
}
.htmlButtonOff a:link {
color: #000;
text-decoration: none;
white-space: nowrap;
}
.htmlButtonOff a:visited {
text-decoration: none;
}
.htmlButtonOff a:active {
text-decoration: none;
color: #999;
}
.htmlButtonOff a:hover {
background-color: #fff;
text-decoration: none;
color: #999;
}
.htmlButtonOn {
font-family: Verdana, Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
font-size: 11px;
font-weight: bold;
background: #f6f6f6;
padding: 1px 2px 2px 2px;
white-space: nowrap;
}
.htmlButtonOn a:link {
color: #990000;
text-decoration: none;
white-space: nowrap;
}
.htmlButtonOn a:visited {
text-decoration: none;
}
.htmlButtonOn a:active {
text-decoration: none;
color: #999;
}
.htmlButtonOn a:hover {
background-color: #fff;
color: #999;
text-decoration: none;
}