/*  
Theme Name: Antbag10.2
Theme URI: http://www.antbag.com
Description: A clean, attractive, SEO Optimized theme for the serious blogger!
Author: Anthony Baggett
Author URI: http://www.antbag.com/

*/

body, h1, h2, h3, h4, h5, h6, blockquote, p, form{ margin: 0; padding: 0; }

body{ margin: 0; font-family: Calibri, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size: 14px; text-align: center; vertical-align: top; background: #333; color: #111; }

#wrapper { overflow: hidden; width: 870px; margin: 0 auto; background: #252525 url(images/shadow.png) repeat-y; }

#container{ overflow: hidden; clear: both; margin: 0px auto; padding: 0; width: 850px; text-align: left; border: none; background: #fff; }

h1{ font-family: Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 10px; font-weight: normal; display: inline; padding: 5px 0 2px 15px; margin-top: 15px; }

h2.page_heading{ padding: 0; margin: 0 0 15px 0; }

h2.archive_head{ margin: 15px 0 0 20px; font-family: Georgia, Sans-serif; font-size: 18px; font-weight: normal; padding: 3px 0; color: #aaa; }

h3{ padding: 15px 0 5px 1px; }

h4{ padding: 15px 0 10px 1px; }

a{ text-decoration: none; color: #069; }

a:hover{ text-decoration: underline; color: #000; }

a img { border: none; }

/*******************
----Custom Styles---
*******************/

blockquote { font-style: italic; color: #555; margin: 15px; padding: 5px; background: #f5f5f5; }

code { color: #090; font-family: Courier, monospace; }

.entry p { margin: 0 0 15px 0; }

.bg { background: #eff5fb; padding-top: 15px; padding-bottom: 10px; padding-right: 10px; }

.entry ul, .entry ol { margin: 0 0 15px 10px; }

.entry ul { list-style-type: disc; }

.entry ul.bg { background: #eff5fb; padding-top: 15px; padding-bottom: 10px; padding-right: 10px; }

.entry ul.bg.blue { background: #E0ECF8; }

.entry ol.bg { background: #eff5fb; padding-top: 15px; padding-bottom: 10px; padding-right: 10px; }

.entry ol.bg.blue { background: #E0ECF8; }

.entry li { margin: 0 0 5px 0; }

.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { margin: 5px 0 5px 30px; }

.entry blockquote.right { width: 150px; font-style: normal !important; color: #555; margin: 0.3em 0 0.3em 15px !important; padding: 5px; border-left: 3px double #b00; text-align: center; float: right; }

.entry blockquote.left { width: 150px; font-style: normal !important; color: #555; margin: 0.3em 15px 0.3em 0 !important; padding: 5px; border-right: 3px double #b00; text-align: center; float: left; }

.entry blockquote.right p, .entry blockquote.left p { margin: 0; line-height: 1.4em !important; }

.flickr_blue { 	color: #007ae4; 
		text-transform: lowercase; }

.flickr_pink { 	color: #ff2a96; 
		text-transform: lowercase; }

.green { color: #090; }

.red { color: #c00; }

.orange { color: #f90; }

.purple { color: #000; }

/********************
----Image Styles----
********************/

.entry img.left { padding: 7px; margin: 10px 15px 3px 0; border: none; background: #ccc; float: left; clear: left; }

.entry img.right { padding: 7px; margin: 10px 0 3px 15px; border: none; background: #ccc; float: right; clear: right; }

.entry img.center { display: block; padding: 9px; margin: 0 auto 1.5em auto; border: none; background: #ccc; float: none; clear: both; }

.entry img.off { padding: 0 !important; border: none !important; }

.entry img.stack { clear: none !important; }

/*******************
------Header-------
*******************/

#header{ float: left; width: 100%; height: 60px; padding: 0 10px 0 10px; margin: 0; background: #fff; border-bottom: none; color: #fff; clear: both; }

.title{ float: left; margin: 0; width: 200px; padding: 10px 15px 5px 15px; text-align: left; color: #069; }

.title h1{ width: 177px; height: 40px; position: relative; margin: 0; padding: 0; }

.title h1 span{ background: url(images/logo_2.jpg) no-repeat; position: absolute; width: 177px; height: 40px; }

.title h4{ display: none; font-size: 10px; margin-left: 80px; color: #777; }

/**************************
---Rotating Header---------
**************************/

#rotating_image { clear: both; width: 850px; height: 180px; margin: 0 auto; padding: 0; border: none; background: #000; }

/*************************
----Top Navigaiton Bar---
************************/

#top-nav{ clear: both; float: right; width: 470px; margin: 20px 35px 10px 0; font-family: Arial, Helvetica, Georgia, Sans-Serif; text-align: left; }

#top-nav a{ text-decoration: none; padding: 0px 15px; outline: none; border-left: 1px solid #ddd; }

#top-nav a:hover{ text-decoration: underline; color: #d00; }

#top-nav a.home{ border-left: none; }

#top-nav ul{ margin: 3px auto; padding: 0; text-align: center; width: 650px; }

#top-nav ul li{ display: inline; padding: 0; font-size: 11px; text-transform: uppercase; }

/*******************
---------Post-------
*******************/

#post_column{ float: left; width: 550px; padding: 10px 20px 0 0; background: #fff; }

.post{ padding: 25px 0 0 0; }

.post h2{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 26px; font-weight: normal; padding: 5px 0 5px 30px; }

.post h2 a{  color: #000; }

.post h2 a:hover{ text-decoration: none; color: #069; }

.post h3{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 17px; font-weight: normal; padding: 15px 0 5px 1px; color: #000; }

.post h4{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-weight: normal; padding: 12px 0 10px 1px; color: #000; }

.entry{ line-height: 23px; padding: 0 3px 0 30px; }

.entry a{ text-decoration: none; }

.entry a:hover{ text-decoration: underline; }

.entry p{ margin-left: 2px; }

.entry p a{ text-decoration: underline; }

.entry p a:hover{ color: #d00; }

.entry p.postmetadata a{ color: #777; text-decoration: none; }

.entry p.postmetadata a:hover{ text-decoration: underline; background: #fff; color: #000; }

.postinfo{ font-family:  Calibri, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size: 11px; letter-spacing: 1px; color: #777; padding: 0; margin: 0 0 20px 30px; }

.post_date{  text-transform: uppercase; }

.post_author{  text-transform: uppercase; }

.comment_info{  text-transform: uppercase; }

.postinfo a{ color: #777; }

.postinfo a:hover{ text-decoration: underline; }

.comments_info{ margin-left: 10px; padding: 0 0 0 20px; background: url(images/comments.png) no-repeat; text-align: right; }

.postmetadata{ font-family:  Calibri, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size: 11px; letter-spacing: 1px; color: #777; padding: 0; margin: 30px 0 0 0; text-transform: uppercase; }

/* This is the link at the bottom of a post which lets you go to the next or previous post */

.postnav{ padding: 10px 20px 20px 30px; font-size: 14px; font-weight: bold; line-height: 18px; }

.navigation{ margin: 20px 30px; padding: 3px; }

.green_note { background: #ECF8E0; border: 2px solid #D0F5A9; padding: 10px; margin: 10px auto; }

.blue_note { background: #E0ECF8; border: 2px solid #CEE3F6; padding: 10px; margin: 10px auto; }

.gray_note { background: #F2F2F2; border: 2px solid #DDDDDD; padding: 10px; margin: 10px auto; }

.yellow_note { background: #FFFFCC; border: 2px solid #F3F781; padding: 10px; margin: 10px auto; }

/*****************
-----Asides-------
*****************/

ul.miniblog { margin: 30px 0 0 0; padding: 5px 5px 5px 18px; list-style: none; background: #eff5fb; border-left: 15px solid #81bef7; }

.miniposttitle { font-weight: bold; }

.miniblog li { color: #666; line-height: 22px; list-style: none; margin-bottom: 5px; }

.miniblog li a { color: #000; text-decoration: underline; }

.miniblog li a:hover { color: #d00; text-decoration: underline; }

.mini_post_info { font-family:  Calibri, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size: 11px; letter-spacing: 1px; color: #777; text-transform: uppercase; }

.miniblog .minicomments a { color: #777; text-decoration: none;  padding: 0; }

.minicomments a:hover { text-decoration: underline; }

.minipostdate {  padding: 2px 0; }

/********************
----Sidebar Styles---
********************/

.sidebar{ float: right; width: 275px; margin: 0; padding: 25px 0 15px 0; display: inline; overflow: hidden; }

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

.sidebar ul li{ margin: 15px 0; padding: 0 0 10px 0; border: none; }

.sidebar ul li h2{ font-family: Calibri, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size: 13px; font-weight: normal; text-transform: uppercase; color: #fff; padding: 8px; letter-spacing: 2px; text-align: left; margin: 3px 0 3px 15px; background: #036; border-right: 15px solid #81bef7; }

.sidebar ul li h3{ font-family: Calibri, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size: 13px; font-weight: bold; text-transform: uppercase; color: #fff; padding: 8px; letter-spacing: 2px; text-align: left; margin: 3px 0 3px 15px; background: #036; border-right: 15px solid #81bef7; }

.sidebar ul li h3.posts { background: #f00; border-right: 15px solid #f5a9a9; }

.sidebar ul li h3.tuts { background: #036; border-right: 15px solid #81bef7; }

.sidebar ul li h3.host { background: #df7401; border-right: 15px solid #f5d0a9; }

.sidebar ul ul{ padding: 0 25px 0 15px; margin: 0; line-height: 15px; list-style: none; border: none; }

.sidebar ul ul li{ padding: 4px 0; margin: 0; line-height: 15px; list-style: none; border: none; }

.sidebar a{ text-decoration: none; }

.sidebar a:hover{ text-decoration: underline; }

.sidebar ul ul.rss{ padding: 5px; border: 1px solid #f5d0a9; border-right: none; margin: 5px 0 0 15px; }

.sidebar ul ul li.sub{ margin: 0; color: #ddd; }

.sidebar a.feed { display: inline; background: url(images/feed_bw.png) no-repeat left; padding: 3px 1px 3px 20px; margin-left: 7px; }

.sidebar a.email { display: inline; background: url(images/email_bw.png) no-repeat left; padding: 3px 1px 3px 20px; margin-left: 13px; }

.sidebar a.twitter { display: inline; background: url(images/twitter_bw.png) no-repeat left; padding: 3px 1px 3px 20px; margin-left: 13px; }

.sidebar a:hover.feed { display: inline; background: url(images/feed.png) no-repeat left; }

.sidebar a:hover.email { display: inline; background: url(images/email.png) no-repeat left; }

.sidebar a:hover.twitter { display: inline; background: url(images/twitter.png) no-repeat left; }

.page_list a { font-size: 18px; font-weight: bold; line-height: 18px; }

.page_list a:hover { color: #000; }

.badges { margin: 30px auto; }

.badges img.center { display: block; padding: 0 10px; margin: 0 auto 5px auto; float: none; clear: both; }

.light { font-family:  Calibri, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size: 11px; letter-spacing: 1px; color: #777; padding: 0; margin: 0; text-transform: uppercase; }

/**********************
------COMMENT FORM-----
**********************/

#comment-form{ margin: 20px 0; padding: 5px 0 15px 0; border: none; background: #FFF; color: #222; font-family: Helvetica, Arial, Sans-serif; font-size: 13px; }

.comments-template{ margin-top: 20px; }

.comments-template ol{ margin: 0; list-style: none; padding: 0 0 15px 0; border-bottom: none; }

.comments-template ol li{ line-height: 18px; margin: 10px 0 10px 30px; padding: 15px 0 25px 0; border-bottom: 1px solid #eee; min-height: 75px; }

.commentlist li .avatar{ float: right;	border: 1px solid #ddd;	padding: 3px 3px 15px 3px; background: #eee; margin: 0.5em 0 0.5em 15px; clear: right; }

.commentlist li p{ padding-top: 10px; }

.comments-template .entry{ padding-bottom: 15px; }

.comments-template h3{ font-family: Calibri, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size: 11px; font-weight: normal; text-transform: uppercase; color: #777; letter-spacing: 2px; }

.alt {  }

.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 14px; border-bottom: 1px dotted #ccc; }

.commentlist cite a:hover { text-decoration: none; color: #d00; }

.commentmetadata{ font-family: Calibri, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size: 11px; font-weight: normal; text-transform: uppercase; color: #777; letter-spacing: 2px; }

.commentmetadata strong { font-size: 16px; }

.commentmetadata a { color: #777; }

.commentmetadata a:hover { color: #555; }

.comments-template p.nocomments{ padding: 0; }

h3#comments { margin-top: 40px; padding: 10px 10px 10px 20px; background: #eff5fb; border-left: 15px solid #81bef7; }

#comment_form { margin-top: 30px; padding: 10px 10px 10px 20px; background: #eff5fb; border-left: 15px solid #81bef7; }

#comment_form  h3 { margin: 0 15px 15px 0; border-bottom: 1px dotted #81bef7; color: #069; }

.comments-template input{ border: 1px solid #e0ecf8; background: #fff; padding: 5px; color: #000; margin: 5px 0; }

.submit input{ border: 2px solid #E1DDD1; background: #333; cursor: pointer; padding: 5px; color: #fff; font-weight: bold; }

.comments-template textarea{ font-family: Arial, Hevletica, Georgia, Sans-seriff; font-size: 12px; color: #000; padding: 10px; margin: 15px 0; background: #fff; border: 1px solid #e0ecf8; width: 440px; }

/********************
--------FOOTER-------
*********************/

#footer{ clear: none; overflow: hidden; width: 850px; margin: 0 auto; padding: 10px 0 5px 0; line-height: 18px; font-size: 80%; color: #777; text-transform: uppercase; background: #222; }

.footer{ width: 855px; margin: 0 auto; }

#footer a{ color: #777; text-decoration: none; }

#footer a:hover{ color: #000; text-decoration: underline; }

#footer .footer_left { width: 350px; float: left; display: inline; text-align: left; padding: 0 0 0 35px; }

#footer .footer_right { width: 350px; float: right; display: inline; text-align: right; padding-right: 20px; }

/********************
-----Sidebar Ads----
********************/

#side_ads{ width: 270px; height: 270px;  margin: 15px auto 5px auto; }

.ad_1{ float: left; width: 125px; height: 125px; border: 1px solid #ddd; margin: 4px; }

.ad_2{ float: right; width: 125px; height: 125px; border: 1px solid #ddd; margin: 4px; }

/********************
---Preview Themes---
********************/

.preview{ border-bottom: 1px dotted #ddd; background: #FFF; text-align: center; padding: 25px 0; }

.preview h4{ font-size: 16px; color: #777; margin-bottom: 10px; }

.preview img{ margin-top: 10px; margin-bottom: 10px; }

.theme_view{ text-align: center; margin: 20px auto; }