﻿/*
* Blogengine Theme: BusinessTime
* Version: 1.0
* For BlogEngine 1.5
* Last Changed: 10/27/09
* Created By: Tom McCarthy (Mooglegiant)
* Thanks to http://www.lostpassword.com/
*/

/***************************************************************
* Defaults
***************************************************************/
body { margin: 0; padding: 0; }
form { margin: 0; padding: 0; }
img { border:none; }

/***************************************************************
* Layout
***************************************************************/
#center { width: auto; }
#menu { padding: 0; height:28px; }
#menu ul { margin: 0 0 0 50px; padding: 0; }
#menu ul li { padding-top: 7px; padding-right: 20px}
#menu ul li a img { padding-right: 5px; }
#header { padding-left: 10px; padding-bottom: 4px; margin: 0px; height: 50px; }
#header h1 { padding: 0; margin: 0; }
#header h2 { padding: 0; margin: 0; }
#content { padding: 0; margin: 0; }
#leftcolumn { float: left; width: 68%; margin-left: 50px; margin-right: 4%}
#rightcolumn { float: left; width: 22%; }
#footer { height: 50px; padding-top: 5px; }
.clear { clear: both; }

/***************************************************************
* Styling
***************************************************************/
a { color: #FF9933; text-decoration: none; }
a:hover { color: #6DB932; text-decoration: none; }

body { font-family: Verdana, Arial, Sans-Serif; font-size: 11px; background-color: #ffffff; color: #000000; }
#menu { background-color: #454545; }
#menu ul { list-style-type: none; }
#menu ul li { float: left; }
#menu ul li a { font-family:Tahoma, Geneva, sans-serif; text-decoration:none; color: #ffffff; }
#menu ul li a:hover { color: #FF9933;  }
#header { background: #6DB932; }
#header h1 a, #header h1 a:visited { font-family: Tahoma; font-weight: normal; font-size: 28px; color: #FFFFFF; text-decoration:none; }
#header h2 { font-family: Tahoma; font-weight: normal; font-size: 12px; color: #FFFFFF; }
#content { background-color: #ffffff; }
#leftcolumn { background-color: white}
#rightcolumn { background-color: white }
#footer { background-color: #454545; color:#8f8f8f; }
#footer a { color:#8f8f8f; }
#footer a:hover { color: #b5ff7b; }

.textleft { text-align: left; }
.textright { float: right; text-align: right; }

/***************************************************************
* Pages
***************************************************************/

/* Page */
#page { padding: 3px 0px; margin-bottom: 20px; line-height: 17px; }
#page h1 { margin: 0; border-bottom: 1px dashed silver; font-size:20px; padding-bottom: 10px; color: #184860; }
#page #admin { border-top: 1px solid #696969; margin-top: 10px; padding: 5px 0; }

/* Posts */
div.post, .mceContentBody { padding: 3px 0px; margin-bottom: 5px; }
div.post h1, .mceContentBody h1 { font-size: 18px; margin: 5px 0 0 0; }
div.post h1 a { color: #6DB932; }
div.post .author { color: #666666; font-size: 9px; float: left; text-transform: capitalize; }
div.post .pubDate { color: #666666; font-size: 9px; float: right; }
div.post .text { color: #212121; font-size: 12px; margin-top: 0px; }
div.post .text ul { text-indent: 0; padding-left: 0; margin-left: 25px; }
div.post .text h1 { font-size: 16px; font-weight: bold; color: #454545; padding: 0; }
div.post .text h2 { font-size: 14px; font-weight: bold; color: #454545; padding: 0; }
div.post .text h3 { font-size: 12px; font-weight: bold; color: #454545; padding: 0; }
div.post .footer { text-align: right; border-top: 1px dashed silver; padding-top: 4px; padding-bottom: 2px; }
div.post .title { font-size: 9px; margin-top: 5px; color: #FF9933; }

div.postfooter { padding: 2px 3px 3px 8px; border: 1px solid #E4E4E4; background-color: #F5F5F5; font-size: 9px; color: #7F7F7F; }
div.postfooter a { color: #7F7F7F; text-decoration: none }
div.postfooter a:hover { color: #FF9933; text-decoration: none }
div.postfooter img { border: none; margin-right: 1px}

/* Comments */
.comment { color: #7F7F7F; font-size: 9px; }
.comment .date { color: #7F7F7F; text-align: right; margin: 0; padding: 3px 0px; border-bottom: 1px dashed silver; }
.comment .author { border-bottom: 1px dashed silver; padding-bottom: 2px}
#addcomment, #comment { font-size: 12px; letter-spacing: 1px; font-weight: bold; color: #6DB932; }
.self { background: #F5F5F5; }
.comment .gravatar { float: left; clear: both; margin: 5px 10px 5px 0; }
.comment .gravatar img { height: 80px; width: 80px; border: 1px solid #696969; }
.comment .content { min-height: 50px; font-size: 11px;}
.comment cite { font-family: Monospace; font-style: normal; }
.comment img.flag { position: relative; top: 2px; }
.commentForm { padding: 5px; color: #7F7F7F; font-size: 9px; }
.commentForm label { float: left; display: block; width: 80px; margin-top: 4px; }
.commentForm input { width: 300px; }
.commentForm textarea { width: 100%; height: 150px; border: 1px solid #696969; }
#commentMenu { padding: 0; margin: 0; clear: both; }
#commentMenu li { float: left; border: 1px solid #696969; border-bottom: transparent; margin: 0; list-style: none; margin-right: 5px; padding: 3px 8px; cursor: pointer; position: relative; top: 2px; background: #d8d8d8; }
#commentMenu li.selected { background: white; border-bottom: 1px solid white; }
#commentPreview { display: none; clear: both; min-height: 150px; }
.success { color: #6DB932; font-weight: bold; }
.commentForm .bbcode { font-size: 10px; float: right; position: relative; top: 20px; padding: 3px; }
.bbcode a { margin: 1px; padding: 1px 3px 1px 3px; background: #fff; border: 1px solid #ccc; }

/* Nested Comments */
.comment-replies { background: transparent url(../../pics/reply-arrow.gif) no-repeat 2px 2px; padding: 0 0 0 15px; margin: 5px 0 0 0; }
#commentlist #comment-form { border: solid 1px #ccc; background: #fff; padding: 10px; margin: 10px 0; }

/* Archive */
#archive h1 { margin: 0; border-bottom: 1px dashed silver; font-size:20px; padding-bottom: 10px; color: #184860; }
#archive h2 { border-bottom: 1px solid #696969; padding-bottom: 6px; font-size: 12px; margin-top: 5px; margin-bottom: 10px; }
#archive h2 img { margin-right: 3px; }
#archive ul { list-style-type: square; margin: 0 10px; padding: 10px; }
#archive ul li { margin-right: 20px; }
#archive table { width: 100%; border-collapse: collapse; }
#archive table td, #archive table th { text-align: left; }
#archive table td { text-align: left; border-bottom: 1px solid #D8D8D8; padding: 2px 0; }
#archive .date { width: 70px; }
#archive .comments { width: 70px; text-align: center; }
#archive .rating { width: 70px; text-align: center; }

/* Star rater */
.rating { margin-bottom: 10px; }
.rating p { display: inline; position: relative; top: 14px; left: 55px; }
.star-rating { position: relative; width: 125px; height: 25px; overflow: hidden; list-style: none; margin: 0; padding: 0; background-position: left top; }
.star-rating li { display: inline; }
.star-rating a, .star-rating .current-rating { position: absolute; top: 0; left: 0; text-indent: -1000em; height: 25px; line-height: 25px; outline: none; overflow: hidden; border: none; }
.star-rating a:hover, .star-rating a:active, .star-rating a:focus { background-position: left bottom; }
.star-rating a.one-star { width: 20%; z-index: 6; }
.star-rating a.two-stars { width: 40%; z-index: 5; }
.star-rating a.three-stars { width: 60%; z-index: 4; }
.star-rating a.four-stars { width: 80%; z-index: 3; }
.star-rating a.five-stars { width: 100%; z-index: 2; }
.star-rating .current-rating { z-index: 1; background-position: left center; }

/* smaller star */
.small-star { width: 50px; height: 10px; }
.small-star, .small-star a:hover, .small-star a:active, .small-star a:focus, .small-star .current-rating { background-image: url(../../pics/star_small.gif); line-height: 10px; height: 10px; }

/* Search page */
#searchpage { margin-bottom: 30px; }
#searchpage input#q { width: 300px; }
#searchpage input#comment { clear: both; }
.searchresult { margin-bottom: 20px; }
.searchresult a { font-weight: bold; }
.searchresult span.text { clear: both; display: block; margin: 3px 0; }
.searchresult span.type { display: block; }
.searchresult span.url { color: Gray; }
.searchpage ul.paging { list-style-type: none; margin: 0px; margin-bottom: 20px; padding: 0px; }
.searchpage ul.paging li { display: inline; border: 1px solid gray; background: #f1f1f1; margin-right: 5px; }
.searchpage ul.paging li a { padding: 5px 8px; }
.searchpage ul.paging li.active { background: #f1f1f1; border: 1px solid black; }
.searchpage h1 { margin: 0; border-bottom: 1px dashed silver; font-size:20px; padding-bottom: 10px; color: #184860; }

/* Contact page */
#contact { border-bottom: 1px solid #696969; padding-bottom: 15px; }
#contact h1 { margin: 0; border-bottom: 1px dashed silver; font-size:20px; padding-bottom: 10px; color: #184860; }
#contact label { display: block; padding-top: 5px; }
#contact input.field { width: 200px; }
#contact textarea { display: block; overflow: auto; width: 75%; height: 150px; margin: 0; }

/***************************************************************
* Widgets
***************************************************************/
div.widgetzone { padding: 5px 0 0 0; background: none; width:100%; }
div.widgetzone .clear {	clear: left; }

div.widget { background: white; margin-bottom: 10px; width: 100%; z-index: 1; min-width: 1px; clear: both; }
div.widget .content { color: #7F7F7F; width: 100%; float: none; margin: 0; }
div.widget h4 { font-size: 12px; font-weight:bold; color: #6DB932; margin-bottom: 5px; z-index: 0; letter-spacing: 1px; }
div.widget a { color: #7F7F7F; text-decoration: none }
div.widget a:hover { color: #FF9933; text-decoration: none }
div.widget a.edit, div.widget a.move { font-size: 10px; font-weight: normal; float: right; z-index: 1; margin-left: 5px; }
div.widget a.delete { font-weight: bold; color: #999999; float: right; margin-left: 5px; z-index: 1; text-decoration: none; }
div.widget a.delete:hover { color: black; }

.widgetzone .widget .content ul { list-style-type: none !important; margin: 0 !important; padding: 0 !important; text-transform: capitalize; }
.widgetzone .widget .content ul li { list-style: none !important; margin: 0; padding: 0; margin-bottom: 3px; }

.widgetzone div#moveWidgetToContainer {	text-align: right;	margin: 3px; }

/* Blogroll */
#blogroll ul { list-style-type: none; margin: 0 0 3px 0; padding: 0px; }
#blogroll ul li ul li a { margin-left: 25px; color: #666666; }
#blogroll ul li a img { border: none; margin-right: 3px; }

/* Related Posts */
#relatedPosts div { background: white; padding: 5px 10px 10px 10px; border: 1px solid #696969; }
#relatedPosts h1 { margin: 0 0 10px 0; }
#relatedPosts p { font-size: 15px; letter-spacing: 1px; font-weight: bold; }
#relatedPosts a { display: block; margin-top: 5px; }
#relatedPosts span { color: #666666; text-indent: 10px; font-size: 10px; }

/* Recent posts */
ul.recentPosts li { padding-bottom: 10px; }
ul.recentPosts li a { font-weight: bold; }
ul.recentPosts li span { display: block; text-indent: 10px; text-transform: none; }

/* Recent comments */
ul.recentComments li { padding-bottom: 10px; text-transform: none; }
ul.recentComments li a.postTitle { font-weight: bold; }

/* Search */
#searchbox { font-size: 10px; }
#searchbox input { font-size: 10px; }
#searchbox #searchbutton { margin-left: 5px; }
#searchbox #searchfield { width: 180px; }

/* Search on search */
#searchonsearch { background: white; padding: 5px 10px; margin-bottom: 20px; border: 1px solid #696969; }
#searchonsearch h3 { margin: 3px; font-size: 13px; }
#searchonsearch ol li { margin: 2px 0; }

/* Month list */
ul#monthList { font-weight: bold; }
ul#monthList ul li { margin-left: 20px; font-weight: normal; }
ul#monthList li.year { cursor: pointer; }
ul#monthList ul { display: none; }
ul#monthList ul.open { display: block; }

/* Tag cloud */
.tagcloud { margin-bottom: 10px; white-space: normal; }
.tagcloud li { display: inline; }
.tagcloud a { margin-right: 3px; display: inline; }
.tagcloud a.biggest { font-size: 19px; }
.tagcloud a.big { font-size: 17px; }
.tagcloud a.medium { font-size: 14px; }
.tagcloud a.small { font-size: 12px; }
.tagcloud a.smallest { font-size: 10px; }

/* Calendar */
#calendarContainer { text-transform: capitalize; margin: 0 auto; }
.calendar { border: none; margin: 0 auto; }
.calendar .weekend { background-color: #F1F1F1; }
.calendar .other { color: silver; }
.calendar a.exist { display: block; font-weight: bold; background-color: #F1F1F1; }
.calendar td { vertical-align: top; background: white; }

/***************************************************************
* Icons
***************************************************************/
.dotnetkicks { background: url(./images/icons/dotnetkicks.png) no-repeat; padding: 3px; padding-left: 20px; }
.EmailIt { background: url(./images/icons/email.png) no-repeat; padding: 3px; padding-left: 20px; }
.delicious { background: url(./images/icons/delicious.png) no-repeat; padding: 3px; padding-left: 20px; }
.dzone { background: url(./images/icons/dzone.png) no-repeat; padding: 3px; padding-left: 20px; }
.plink { background: url(./images/icons/link.png) no-repeat; padding: 3px; padding-left: 20px; }
.rssLink { background: url(./images/icons/rssButton.gif) no-repeat; padding: 3px; padding-left: 20px; }
.filedto { background: url(./images/icons/post.gif) no-repeat; padding: 3px; padding-left: 20px; }
.commentslink { background: url(./images/icons/comment.png) no-repeat; padding: 3px; padding-left: 20px; }
.tagged { background: url(./images/icons/tag_blue.png) no-repeat; padding: 3px; padding-left: 20px; }
.postinfo { border: 1px solid #99CCFF; padding: 3px; margin-bottom: 10px; }
