/*  
Theme Name: Clickatell
Theme URI: 
Description: Custom theme developed for Clickatell by Blazer Six, Inc.
Version: 1.0
Author: Blazer Six
Author URI: http://www.blazersix.com/
*/


a { color: #0066cc; text-decoration: none;}
a:hover { text-decoration: underline;}
body { margin: 0; padding: 0; color: #333; font-family: Arial, Tahoma, sans-serif; font-size: 65%; text-align: center; background: #fff url(images/page-bg.jpg) left top repeat-x;}

.comments { list-style: none; float: left; clear: both; margin: 0 0 30px 0; padding: 0; width: 600px;}
.comments .children { list-style: none; clear: both; margin: 0 0 0 30px; padding: 0;}
.comments .comment, .comments .pingback { float: left; clear: both; margin-top: 15px; width: 100%;}
.comments .comment .reply { padding-bottom: 15px; border-bottom: 12px solid #f6f6f6;}
.comments .comment-author { font-size: 1.3em; font-weight: bold;}
.comments .comment-meta { margin: 0 0 10px 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.1em; font-style: italic;}
.comments .comment-meta a { color: #999;}
.comments .pingback .comment-meta { margin: 0;}
.comments .pingback p { margin-top: 0;}
.comments .pingback .reply { overflow: hidden; height: 0; border-bottom: 12px solid #f6f6f6;}
.comments .pingback .says { display: none;}
.comments-wrapper { font-size: 1.1em;}
.comments-wrapper .title { margin: 0 0 10px 0; color: #998940; font-size: 1.8em; font-weight: normal;}
.content { float: left; clear: both; width: 911px; background: url(images/content-bg.jpg) left top repeat-y;}
.content-wrap1 { float: left; clear: both; width: 911px; background: url(images/content-top.jpg) left top no-repeat;}
.content-wrap2 { float: left; clear: both; padding-bottom: 25px; width: 911px; background: url(images/content-bottom.jpg) left bottom no-repeat;}
.content .primary { display: inline; float: left; margin: 8px 0 0 9px; width: 633px;}
.content .secondary { display: inline; float: right; margin: 8px 15px 0 0; width: 225px;}
.featured { float: left; clear: both; width: 633px; background: url(images/featured-bg.jpg) left top repeat-y;}
.featured-wrap1 { float: left; padding-bottom: 7px; width: 633px; background: url(images/featured-bottom.jpg) left bottom no-repeat;}
.featured-wrap2 { position: relative; float: left; width: 633px; background: url(images/featured-image.jpg) left top no-repeat;}
.featured .message { position: absolute; bottom: 0; left: 0; float: left; margin: 0; width: 273px; height: 56px; text-indent: -9999px; background: url(images/featured-message.jpg) left top no-repeat;}
.featured .posts { float: right; padding: 0 23px 8px 15px; width: 322px !important; width /**/: 360px; background: url(images/featured-top.jpg) right top no-repeat;}
.featured .posts h2 { margin: 0; font-size: 2em; font-weight: normal;}
.featured .posts p { margin: 0; font-size: 1.1em;}
.featured .posts .date { margin: 0 0 10px 0; font-size: 1.3em; font-style: italic;}
.featured .posts .latest-post h2 { margin-top: 10px; color: #74b000;}
.featured .posts .featured-post h2 { color: #f97d18;}
.featured .posts .featured-post .read-more { background-image: url(images/featured-featured-more-button.jpg);}
.featured .posts .post { float: left; clear: both; margin: 0; padding: 0; width: 322px; background: none;}
.featured .posts .read-more { overflow: hidden; float: right; margin-top: 5px; width: 102px; height: 22px; text-indent: -9999px; background: url(images/featured-latest-more-button.jpg) left top no-repeat;}
.footer { clear: both; width: 911px; }
.header { position: relative; float: left; clear: both; margin-bottom: 20px; padding-top: 20px; width: 911px;}
.header .logo { display: inline; float: left; margin: 0 0 0 12px; width: 257px; height: 57px; text-indent: -9999px; background: url(http://media.clickatell.com/images/za/logo.jpg) left top no-repeat;}
.header .logo a { overflow: visible; display: block; width: 257px; height: 57px;}
.main-body { display: inline; float: left; clear: both; margin: 20px 0 0 15px; width: 600px;}
.nav { list-style: none; display: inline; float: right; margin: 33px 60px 0 0; padding: 0; font-size: 1.1em;}
.nav li { float: left; padding: 0 3px; line-height: .9; border-right: 1px solid #fff;}
.nav li.last-item, .nav li:last-child { padding-right: 0; border-right: 0;}
.nav li a { color: #fff; text-decoration: none;}
.post { float: left; clear: both; margin-bottom: 20px; padding-bottom: 20px; width: 600px; background: url(images/divider.jpg) left bottom repeat-x;}
.post .date { margin: 0; color: #999; font-size: 1.4em;}
.post .excerpt { float: left; clear: both; width: 600px; font-size: 1.2em;}
.post .meta { float: left; clear: both; width: 600px; font-size: 1.2em;}
.post .meta a { margin-right: 10px;}
.post .title { margin: 0; font-size: 2.2em; font-weight: normal;}
.post .title a { color: #4ba4c2}
.post-nav { list-style: none; display: inline; float: left; clear: both; margin: 0; padding: 0; width: 600px;}
.post-nav li { float: left; width: 300px; font-size: 1.3em;}
.post-nav li#next { float: right; text-align: right;}
.post-nav li a { text-decoration: none;}
.post-nav li a:hover { text-decoration: underline;}
.widget { float: left; clear: both; margin-bottom: 15px; padding-bottom: 15px; width: 225px; font-size: 1.1em; background: url(images/divider.jpg) left bottom repeat-x;}
.widget ul { list-style: none; margin: 0; padding: 0;}
.widget ul li { padding-left: 15px; background: url(images/bullet.jpg) left 4px no-repeat;}
.widget ul.blog-nav { list-style: none; margin: 0; padding: 0;}
.widget ul.blog-nav li { padding: 0 0 15px 0; font-size: 1.18em; background: url(images/icon-archives.jpg) left top no-repeat;}
.widget ul.blog-nav li a { display: block; padding: 0 0 0 25px; color: #2673Cd; font-weight: bold;}
.widget ul.blog-nav li#bn-authors { background-image: url(images/icon-authors.jpg);}
.widget ul.blog-nav li#bn-categories { background-image: url(images/icon-categories.jpg);}
.widget ul.blog-nav li#bn-links { padding: 0; background-image: url(images/icon-links.jpg);}
.widget .title { margin: 0 0 10px 0; color: #998940; font-size: 1.8em; font-weight: normal;}
.wrapper1 { padding-bottom: 15px; background: url(images/footer-bg.jpg) left bottom repeat-x;}
.wrapper2 { margin: 0 auto 0 auto; width: 911px; text-align: left;}

#archives { margin-top: 20px;}
#archives .title { font-size: 1.33em;}
#archives ul li { font-size: 1.1em; line-height: 1.5;}
#authors, #categories { font-size: 1.1em; line-height: 1.5;}
#comment-form { float: left; clear: both; margin: 0; padding: 0; width: 425px;}
#comment-form div { float: left; clear: both; padding-bottom: 5px; width: 425px;}
#comment-form div div { clear: none; padding: 0; width: 215px;}
#comment-form div div input { padding: 1px 2px; width: 205px !important; width /**/: 215px; background-color: #fff !important; border: 2px solid #737373; border-right: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0;}
#comment-form div .label { display: inline; float: left; margin-left: 5px; line-height: 2;}
#comment-form #field-comment { width: 425px;}
#comment-form #field-comment textarea { padding: 3px; width: 417px !important; width /**/: 425px; border: 1px solid #999;}
#comment-form #field-comment .label { display: none;}
#footer-nav { list-style: none; display: inline; float: left; margin: 10px auto 0 auto; padding: 0; font-size: 1.1em;}
#page .excerpt { font-size: 1.2em;}
#respond { float: left; clear: both; margin-top: 15px; padding: 15px; background: #f6f6f6;}
#respond .title { margin: 0 0 1px 0; padding-bottom: 2px; width: 425px; color: #333; font-size: 1.2em; font-weight: bold; border-bottom: 12px solid #f0f0f0;}
#search-form { position: absolute; top: 15px; right: 70px; float: right; margin: 0; padding: 0;}
#search-form #search-button { float: left; margin-left: 4px; width: 32px; height: 26px; background: url(images/search-button-bg.jpg) left top no-repeat;}
#search-form #search-button button { cursor: pointer; float: left; margin: 0; padding: 0; width: 32px; height: 26px; text-indent: -9999px; background: transparent; border-width: 0;}
#search-form #search-field { float: left; margin-top: 3px; padding: 3px 0 0 3px; width: 115px !important; width /**/: 118px; height: 26px; background: url(images/search-field-bg.jpg) left top no-repeat;}
#search-form #search-field input { float: left; margin: 1px 0 0 0; padding: 0; width: 110px; height: 15px; color: #b2b6c9; font-size: 11px; background-color: #fff; border-width: 0;}
#subscribe-form { float: left; clear: both; padding-left: 42px; background: url(images/subscribe-icon.jpg) left 3px no-repeat;}
#subscribe-form a { color: #f79821; text-decoration: underline;}
#subscribe-form button { cursor: pointer; float: left; margin: 0; padding: 0; width: 47px; height: 19px; text-indent: -9999px; background: url(images/subscribe-submit.jpg) left top no-repeat; border-width: 0;}
#subscribe-form div input { display: inline; float: left; margin-right: 3px; padding: 0; width: 131px !important; width /**/: 133px; border: 1px solid #e97904;}
#subscribe-form span { display: block; margin-bottom: 5px;}
#tag_cloud a { color: #666666;}
#tagline { position: absolute; top: 80px; left: 0; margin: 0; width: 173px; color: #fff; font-size: 1.1em; text-align: center;}

img.alignright { float:right; margin:0 0 1em 1em;}
img.alignleft { float:left; margin:0 1em 1em 0;}
img.aligncenter { display: block; margin-left: auto; margin-right: auto;}
a img.alignright { float:right; margin:0 0 1em 1em;}
a img.alignleft { float:left; margin:0 1em 1em 0;}
a img.aligncenter { display: block; margin-left: auto; margin-right: auto;}