/* CSS Document */

/* -------------------------------------------------------------- 

	Theme Name: the garamond
	Theme URI: http://fearlessflyer.com
	Description: a simple wordpress theme by Michael Soriano
	Author: Michael Soriano
	Author URI: http://fearlessflyer.com
	Version: 0.1

-------------------------------------------------------------- */
* {padding:0; margin:0;}
body {color:#333333; font-family:verdana; font-size:11px; line-height:17px; background:url(images/body-bg.gif);}
a {color:#547da7; text-decoration:none; outline-style:none;}
a:hover {color:#dd8822 ;}
a img {border:none;}

.alignright {float:right;}
.alignleft {float:left;}
.alignnone {clear:both;}
.aligncenter {margin-left: auto; margin-right: auto;}

blockquote {padding:10px 0 10px 20px; margin:20px 0 20px 20px; font-family:garamond, georgia; font-size:14px;  line-height:20px; border-left:1px dashed #999999; }
blockquote blockquote {padding:10px 0 10px 20px; margin:20px 0 20px 20px; font-family:garamond, georgia; font-size:14px; line-height:20px; border-left:1px dashed #999999; }
.wp-caption {padding:5px; text-align:center; margin:0 auto;}
img.alignright {padding:10px 0 0 10px; display:inline;}
img.alignleft {padding:10px 10px 0 0; display:inline;}
img.aligncenter {margin:0 auto; display:block;}
img.alignnone {clear:both;}
code {}
#main-container ul {padding:15px 0 15px 25px;}
#main-container ol {padding:15px 0 15px 25px;}


#wrap {width:900px; margin:0 auto; }


#header {/*background:url(images/header-bg.png) top left no-repeat;*/ border-top:#000000 solid 6px; height:52px; width:900px; margin:0 auto; padding-bottom:12px;}

#logo {float:left; padding-left:25px; padding-top:10px;}
#logo a {background:url(images/logo.png); width:201px; height:52px; display:block; text-indent:-999px;}
ul#navigation {float:left; padding-top:22px; padding-left:25px;}
ul#navigation li {float:left; list-style:none; padding:0 5px 0 5px;}
ul#navigation li a {color:#999999; text-decoration:none;}

#searchform {padding-top:10px;}
#searchform .inputs {border:1px solid #CCCCCC; padding:2px; margin:7px 0 0 0;}
#searchform .go {background:url(images/go-btn.png); width: 26px; height:25px; border:none; margin:7px 0 0 5px;}

.header-image {margin:0 auto; text-align:center;}
#quotation {width:840px; clear:both; font-family:garamond, georgia; font-size:20px; line-height:26px; text-align:center; padding:15px 30px 20px 30px;  margin:0 auto; /*background:url(images/double-borders.png) repeat-x bottom left;*/  border-top:1px double #CCCCCC; border-bottom:1px double #CCCCCC; }


#quotation em {color:#999999; font-sytle:normal;}
#quotation p a {font-family:verdana; font-size: 11px; line-height:16px; font-style:normal;}

#sidebar1 {width:175px; margin:0 5px 0 0; float:left; padding-top:25px;  }
#sidebar2 {width:175px; float:left; margin:0 0 0 5px; padding-top:25px;}
.sidebar-row {padding:0 10px 20px 10px; margin:0 20px 20px 20px; border-bottom: #999999 dashed 1px}
.sidebar-row h4 {font-family:garamond, georgia; font-size:16px; text-transform: capitalize; color:#000000; font-weight:bold; padding:0 0 10px 0;}
.sidebar-row ul {}
.sidebar-row ul li {padding:0 0 3px 20px; list-style:none; background:url(images/ui-check-box.png) no-repeat top left;}
.sidebar-row ul li ul {padding:3px 0 3px 0;}
.sidebar-row ul li ul li {padding:0 0 3px 20px; list-style:none; background: url(images/ui-check-box-disable.png) no-repeat top left;}
a.buy-us-coffee {background:url(images/buy-us-coffee.png) no-repeat; width:153px; height:66px; display:block; text-indent:-9999px; margin:0 0 20px 20px;} 
a.rss {background:url(images/rss.png) no-repeat; width:153px; height:66px; display:block; text-indent:-9999px; margin:0 0 10px 20px;} 
a.adspot {background:url(images/adsspot.png) no-repeat; width:153px; height:66px; display:block; text-indent:-9999px; margin:0 0 10px 25px;}
a.adspot2 {background:url(images/adsspot.png) no-repeat; width:153px; height:66px; display:block; text-indent:-9999px; margin:0 0 20px 25px;}


#main-container {width:540px; min-height:640px; float:left;  margin:0; overflow:hidden; padding-top:25px;}
#main-container p {padding:5px 0 5px 0;}

.featured-post .the-title {padding:0 0 8px 0; line-height:50px;}
.featured-post .the-title a {font-family:garamond, georgia; font-size:60px; text-transform: capitalize; color:#000000; font-weight:bold; letter-spacing:-2px;}
.featured-post .the-content {border:none; padding:10px 0 10px 0;}
.featured-post {clear:both; padding:0 5px 20px 5px;}
.featured-post .the-date  {padding:0 0 10px 0;}
.featured-post .the-meta-data {margin-top:5px;}

.post {clear:both; padding:0 5px 20px 5px;}
.the-title {padding:0 0 8px 0; line-height:28px;}
.the-title a {font-family:garamond, georgia; font-size:24px; text-transform: capitalize; color:#000000; font-weight:bold;}
.the-date {font-weight: bold; color:#999999; text-transform:uppercase; padding:0 0 4px 0;}
.the-meta-data {background:url(images/cards.png) no-repeat; padding:0 0 10px 20px;}
.the-meta-data a {font-weight:bold;}
.span-comments {background:url(images/balloon-quotation.png) no-repeat  ; padding-left:20px;}
.the-content {border-top:#999999 dashed 1px; padding:10px 0 10px 0; margin-right:15px;}

.the-content h1 {font-family:garamond, georgia; font-size:80px; line-height:60px; font-weight:bold;  padding:10px 0 10px 0; letter-spacing:-2px; color:#666666;}
.the-content h2 {font-family:garamond, georgia; font-size:80px; line-height:60px; padding:10px 0 10px 0; letter-spacing:-2px; color:#666666;}
.the-content h3 {font-family:garamond, georgia; font-size:60px; line-height:48px; font-weight:bold;  padding:10px 0 10px 0; letter-spacing:-2px; color:#666666;}
.the-content h4 {font-family:garamond, georgia; font-size:60px; line-height:48px; padding:10px 0 10px 0; letter-spacing:-2px; color:#666666;}
.the-content h5 {font-family:garamond, georgia; font-size:40px; line-height:32px; font-weight:bold;  padding:10px 0 10px 0; letter-spacing:-2px; color:#666666;}
.the-content h6 {font-family:garamond, georgia; font-size:40px; line-height:32px; padding:10px 0 10px 0; letter-spacing:-2px; color:#666666;}


.thumbs {float:left; padding:5px; border:1px solid #CCCCCC; margin:20px 10px 0 0;}
.big-thumbs {clear:both; padding:5px; border:1px solid #CCCCCC; margin:15px 0 0 0;}

.postauthor {clear:both; background:#ffffff; border:1px dashed #CCCCCC;  padding:5px 15px 20px 15px; margin:0 15px 25px 0; }
.postauthor h4 {padding-top:20px;}
#comments {font-family:garamond, georgia; font-size:24px; text-transform: capitalize; color:#000000; padding:0 0 30px 0; font-weight:bold; }
.comment-author .avatar {float:left; padding:2px; border:1px solid #ccc; margin:5px 8px 0 0;}
ul.commentlist li {margin-bottom:15px;}
ul.children {padding:5px 0 0 25px; list-style:none;}
.reply {font-weight:bold;}
#respond h3 {font-family:garamond, georgia; font-size:44px; text-transform: capitalize; color:#000000; padding:30px 0 30px 0; font-weight:normal; font-weight:bold; letter-spacing:-1px; }
.comment-form-input-fields {padding:2px; border:1px solid #CCCCCC; margin-bottom:10px;}
#submit {margin:10px 0 10px 0;}

#footer {min-height:267px; clear:both; border-bottom:15px solid #000000; padding:20px 0 20px 0; margin-top:20px;}
.footer-cols {width:194px; padding:0 10px 0 10px; margin:0 5px 0 5px; float:left;  }
.footer-cols table {width:100%;}
.footer-cols2 {width:190px; padding:0 10px 0 10px; margin:0 5px 0 5px; float:right;  }
.footer-cols h4 {font-family: garamond, georgia; font-size:16px; text-transform: capitalize; color:#000000; font-weight:bold; padding:0 0 12px 0; margin-bottom: 12px; border-bottom: #999999 dashed 1px}
.footer-cols2 h4 {font-family:garamond, georgia; font-size:16px; text-transform: capitalize; color:#000000; font-weight:bold; padding:0 0 12px 0; margin-bottom: 12px; border-bottom: #999999 dashed 1px;}
.footer-cols h4 a {color:#000000;}
.footer-cols ul {padding:0 0 0 0;}
.footer-cols ul li {padding:0 0 3px 20px; list-style:none; background:url(images/ui-check-box.png) no-repeat top left;}
.footer-cols2 ul {padding:0 0 0 0;}
.footer-cols2 ul li {padding:0 0 3px 20px; list-style:none; background:url(images/feed-balloon.png) no-repeat top left;}
a.twitter-btn {background:url(images/TWITTER.png) no-repeat; width:207px; height:64px; display:block; text-indent:-9999px; margin:15px 0 0 0;}
