* { margin: 0; padding: 0; outline: 0; }
body { font: 12px/17px Verdana,Arial,sans-serif; color: #5c5d5e; text-align: left; background: url(images/background2.gif) repeat 0 5px; padding-bottom: 50px; }

a { color: #C00000; font-weight: bold; text-decoration: none; }
a:hover { cursor: pointer; text-decoration: underline; }
a img { border: 0; }

.fl { float: left !important; display: inline; }
.fr { float: right !important; display: inline; }
.ac { text-align: center; }
.ar { text-align: right; }
.al { text-align: left; }
.cl { clear: both; height: 0; line-height: 0; font-size: 0; text-indent: -4000px; }
.hidden { display: none; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.shell { width: 960px; margin: 0 auto; }
#page { background: url(images/background.gif) repeat-x 0 0; }

h1#logo { float: left; display: inline; height: 100px; width: 296px; font-size: 0; line-height: 0; margin: 12px 0 0 34px; }
h1#logo a { display: block; height: 100px; background: url(images/logo.png); text-indent: -4000px; }
#header h2.description { float: left; display: inline; font: italic 20px/40px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 20px 0 0 2px; color: #605d5c; }
#header { padding: 20px 0 13px; }


#search { float: right; display: inline; width: 262px; height: 29px; background: url(images/search.png) no-repeat 0 0; margin-right: 8px; padding: 24px;  }
#search div { position: relative;  }
#search img { float: left; display: inline; margin: 5px 0 0 3px; }
#search input.field { float: left; display: inline; margin: 5px 0 0 7px; padding: 2px 4px; width: 150px; border: 0; background: none; color: #fff; position: relative;  z-index: 1000; }
#search .btn { float: left; display: inline; height: 29px; width: 63px; background: url(images/search-btn.png) no-repeat 0 0; cursor: pointer; border: 0; font: bold 12px Verdana, Arial, sans-serif; color: #e5e5e5; padding-bottom: 2px; margin-left: 5px; position: relative; }

#content { position: relative; width: 933px; margin: 0 auto; }
#cnt-top, #cnt-bottom { height: 30px; width: 100%; background: url(images/cnt-top.png) no-repeat 0 0; }
#cnt-bottom { background-image: url(images/cnt-bottom.png); }
#cnt-middle { height: 100%; background: url(images/cnt-bg.png) repeat-y 0 0; padding: 0 25px; }

#navigation { height: 20px; overflow: hidden; margin: 5px 0 12px; }
#navigation ul { list-style: none outside; }
#navigation li { float: left; display: inline; height: 20px; border-right: 1px dotted #484848; padding-right: 20px; margin-left: 20px; text-transform: uppercase; }
#navigation li.last { border: 0; }
#navigation li a { float: left; display: inline; color: #494b4a; }
#navigation li a:hover { color: #fff; text-decoration: none; }
#navigation li a.active { color: #9cb96a; }

#content-slider { position: relative !important; }
#content-slider .container { position: relative; overflow: hidden; width: 883px; height: 291px; }
#content-slider .container .inner-container { position: absolute; top: 0; left: 0; width: 200000px; }
#content-slider .container .inner-container img { float: left; }
#content-slider .container h2 { font: bold 40px/60px Helvetica, Arial, sans-serif; color: #fff; text-transform: lowercase; background: url(images/title-h2-bg.png) repeat 0 0; padding: 0 15px;   } 

.title-1, .title-2 { height: 60px; background: url(images/title-bg.png) no-repeat 0 0; width: 100%; position: absolute; left: 0;}
.title-1 { top: 45px; }
.title-1 h2 { margin-left: 45px;  width: 390px; }
.title-1 span { color: #de637e; }

.title-2 { top: 106px; }
.title-2 h2 { margin-left: 180px; width: 360px; }
.title-2 h2 span { color: #a9c85e; }

#content-slider .previous, #content-slider .next { display: block; height: 89px; width: 37px;  position: absolute;  cursor: pointer; } 
#content-slider .previous { top: 80px; left: -38px; background: url(images/left-arrow.png) no-repeat  0 0;}
#content-slider .next { top: 80px;right: -38px; background: url(images/right-arrow.png) no-repeat 0 0; }


.short-col { float: left; display: inline; width: 288px; background: #0c0c0c; margin-right: 20px; min-height: 256px; }
.short-col .header, .last-short-col .header { background: #060707; height: 54px; }
.short-col .header span, .last-short-col .header span { float: left; display: inline; height: 54px; width: 50px; background: #1a1a1a url(images/shape1.gif) no-repeat right center; }
.short-col .header span img { margin: 18px 0 0 10px; }
.short-col .header h2, .last-short-col h2 {  float: left; display: inline; font: 24px/54px Verdana, Arial, sans-serif; color: #bfbfc0; margin-left: 15px; }
.short-col-cnt { padding: 20px 10px 2px 20px; }
.short-col p { padding-bottom: 15px; }
.short-col img { margin: 0 20px 10px 0; }
.short-col ul { list-style: none outside; }
.short-col li { line-height: 32px; background: url(images/list-bg.gif) no-repeat 0 center; padding-left: 12px; }
.short-col li a {color: #575757; font-weight: bold; }

#feeds { width: 217px; height: 90px; background: url(images/subscribe-feeds.png) no-repeat 0 0; position: relative; margin: -60px 0 0 -15px; padding: 15px 25px; }
#feeds div { position: relative; }
#feeds form { float: left; display: inline; width: 113px; margin-left: 2px; }
#feeds label { font: 15px Verdana, Arial, sans-serif; color: #a09f9f; display: block; margin-bottom: 10px; }
#feeds label span { font: bold 15px/18px Verdana, Arial, sans-serif; color: #c00000; }
#feeds .field { float: left; display: inline; border: 0; border-top: 2px solid #000; border-left: 2px solid #000; background: #111; padding: 4px; width: 107px; color: #fff;  }
#feeds .fl { margin-left: 20px; }

#sidebar { float: left; display: inline; width: 235px; }
#sidebar h2 { background: url(images/categories-icon.gif) no-repeat 0 center; padding-left: 28px; }
#sidebar .box { background: #0c0c0c; min-height: 140px; margin-bottom: 20px; }
#sidebar ul { list-style: none outside; padding: 20px; }
#sidebar li { line-height: 30px; background: url(images/category-list-icon.gif) no-repeat 0 center; padding-left: 20px; border-bottom: 1px dotted #3d3d3d; }
#sidebar ul.no-bg li { background: none; padding-left: 0;  }
#sidebar li.last { border: 0; }
#sidebar li span {  float:right; display: inline; margin: 15px 5px 0 0; }
#sidebar li a { color: #5c5d5e; }

#footer { background: #0b0b0b url(images/footer-bg.gif) repeat-x 0 0; padding: 20px 20px 0 20px; height: 100%; position: relative; margin: 0 -4px 0px; width: 851px; }
#footer .header { border-bottom: 2px solid #050505; padding-left: 3px; }
#footer .header h2 { float: left; display: inline; font: 20px/30px Verdana, Arial, sans-serif; color: #343435; }
#footer .header h2.maker { margin: 0 130px 0 173px; }
#footer .cnt { border-top: 1px solid #1b1c1b; padding-top: 18px; }

#about-author { float: left; display: inline; width: 320px; }
#about-author img { padding: 1px; border: 5px solid #282727; margin-right: 20px; }
#about-author .text { float: left; display: inline; font: 11px/16px Verdana, Arial, sans-serif; width: 210px; }
#about-author .text p { padding-bottom: 15px; }
#about-author .text span { color: #C00000; font-weight: bold; }

#find-us { float: left; display: inline; width: 210px; margin-left: 30px; }
#find-us ul { list-style: none outside; }
#find-us li { line-height: 29px; border-bottom: 1px dotted #3d3d3d; } 
#find-us li.last { border: 0; } 
#find-us li a  { display: block; padding-left: 33px;color: #5c5d5e; font-weight: normal; background-repeat: no-repeat; background-position: 0 center; } 
#find-us .twitter { background-image: url(images/twitter-icon.gif); }
#find-us .twitter span { color: #4f7c9e; }
#find-us .blogger { background-image: url(images/blogger-icon.gif); }
#find-us .blogger span { color: #af6d29; }
#find-us .flickr { background-image: url(images/flickr-icon.gif); }
#find-us .flickr span { color: #9e3153; }
#find-us .my-space { background-image: url(images/my-space-icon.gif); }
#find-us .my-space span { color: #4f7c9e; }
#find-us .rss { background-image: url(images/rss-small-icon.gif); }
#find-us .rss span { color: #af6d29; }

.legal-stuff { float: left; display: inline; margin-left: 60px; width: 230px;}
.legal-stuff p { padding-bottom: 17px; }

#widecolumn { float: left; display: inline; width: 617px; padding: 20px 0 20px 15px; }

#articles { background: #0c0c0c; width: 597px; }
#articles .header { background: #060707; height: 54px; line-height: 54px; }

.post .comments { float: left; display: inline; width: 100px; background: #1a1a1a url(images/shape1.gif) no-repeat right center; padding: 12px 0 12px 12px; height: 30px; }
.post .comments p { line-height: normal; font: italic 11px Verdana, Arial, sans-serif; color: #484848; }
.post .comments p span { display: block; font: 18px Verdana, Arial, sans-serif; color: #c00000; }
.post .header h2 { float: left; display: inline; font: 24px/54px Verdana, Arial, sans-serif; padding-left: 15px; color: #bfbfc0; }
.post .header h2 a { display: block;  font-weight: normal; color: #bfbfc0; }

.post .entry { padding: 20px 20px 11px 20px; }
.post .entry a.fl img {  margin: 0 20px 15px 0; }
.post .entry small { font: 11px Verdana, Arial, sans-serif; color: #7e7e7e; display: block; margin-bottom: 20px; }
.post .entry p { padding-bottom: 20px; }

#comments .header h2, #post-comment .header h2 { font: 18px/54px Verdana, Arial, sans-serif; color: #636363; margin-left: 15px; }
#comments .header h2 span { color: #C00000; }

#comments .comment { width: 560px; margin: 0 auto; border-bottom: 1px dotted #272827; padding: 20px 0; }
#comments .comment .avatar { float: left; display: inline; height: 52px; width: 61px; background: url(images/comments-avatar-placeholder.gif) no-repeat 0 0; padding: 5px; }
#comments .comment-text { float: left; display: inline; width: 470px;margin-left: 10px; }
#comments .comment-text h3 a { color: #7e7e7e; }
#comments .comment-text small { font: italic 10px Verdana, Arial, sans-serif; display: block; margin-bottom: 20px; }
#comments .last-comment { border: 0; }

#post-comment form { padding: 20px; }
#post-comment label { display: block; font: bold 12px Verdana, Arial, sans-serif; color: #C00000; margin-bottom: 5px; }
#post-comment label span { font: 11px Verdana, Arial, sans-serif; color: #7e7e7e; }
#post-comment textarea { overflow: auto; height: 110px; width: 400px; border: 0; border-top: 2px solid #000; border-left: 2px solid #000; background:  #070707; color: #fff; padding: 7px 5px; margin-bottom: 10px; }
#post-comment .field { display: block; width: 254px; border: 0; border-top: 2px solid #000; border-left: 2px solid #000; background:  #070707; color: #fff; padding: 7px 5px; margin-bottom: 10px; }
#post-comment .btn { display: block; height: 29px; width: 128px; background: url(images/button.gif) repeat-x 0 0; cursor: pointer; border: 0; font: bold 12px Verdana, arial, sans-serif; color: #e5e5e5; padding: 0 5px 1px; margin-left: 283px; }
#post-comment .btn:hover { text-decoration: underline; }

#advertisement { background: #0c0c0c; padding: 15px; padding-bottom: 0; margin-bottom: 20px; }
#advertisement a { display: block; margin-bottom: 15px; }

#archives { padding: 20px 24px; }
#archives h3 { font: 18px Verdana, Arial, sans-serif; color: #999; margin-bottom: 27px; }
#archives ul { list-style: none outside; }
#archives li { line-height: 30px; border-bottom: 1px dotted #272827; color: #3f4040; padding: 0 4px; }
#archives li.last { border: 0; }
#archives li span {color: #6c6c6c; }

.blog-post { margin-bottom: 20px; background: #1A1A1A; margin-right: 21px; position: relative; width: 596px; }
.blog-post .metadata { float: left; display: inline; width: 170px; background: #1a1a1a url(images/shape1.gif) no-repeat right 12px; position: relative;padding: 0 20px; text-align: right; }
.blog-post .metadata .meta-icon { position: absolute; top: 0; left: 13px;  }
.blog-post .metadata h2 { font: 18px/48px Verdana, Arial, sans-serif; color: #bfbfc0; padding-right: 2px; margin-bottom: 10px; }
.blog-post .metadata h2 span { color: #c00000; }
.blog-post .metadata p { border-top: 1px dotted #373737; padding: 14px 0; color: #484848; position: relative; margin-left: -5px; }
.blog-post .metadata p strong {display: block; font: bold 14px Verdana, Arial, sans-serif; color: #bfbfc0; }
.blog-post .metadata p a { color: #484848; font-weight: normal; font-size: 11px; }
.blog-post .post-text { float: left; display: inline; width: 386px; background: #0c0c0c; }
.blog-post .post-text .header { background: #060707; height: 54px; padding-left: 25px;  }
.blog-post .post-text .header  h2 { font: 24px/54px Verdana, Arial, sans-serif; color: #bfbfc0; }
.blog-post .post-text .header  h2 { font: 24px/54px Verdana, Arial, sans-serif; color: #bfbfc0; }
.blog-post .post-text .entry { padding: 20px 22px 20px 25px; }

.blog-post .post-text .button { float: left; display: inline; margin: 0 8px 13px 25px; }
.blog-post .post-text small { float: left; display: inline; font: italic 11px/29px Verdana, Arial, sans-serif; position: relative; padding-bottom: 13px; }

a.button { display: inline-block; padding: 0 10px; height: 29px; background: url(images/button.gif) repeat-x 0 0; line-height: 29px; color: #e5e5e5; }
#pages { margin-top: 20px; background: #0c0c0c; padding-left: 13px; width: 584px; }
#pages p { line-height: 43px; }
#pages a { color: #fff; display: inline-block; background: #361c24; padding: 0 10px; margin-right: 7px; line-height: 29px; margin-top: 8px; }
#pages a:hover, #pages a.active { text-decoration: none; background: #81324a; }

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */