
/* Classes
----------------------------------*/
.hide {position: absolute; top: -99999px; left: -99999px;}
.clear {height: 0px; clear: both; width: 100%; overflow: hidden;}
.textRed {color:#FF0000;}
.uppercase {text-transform: uppercase;}
.floatLeft {float: left;}
.floatRight {float: right;}
.list-item {margin-left: -15px; width: 15px; display: inline-block;}

/* Elements
----------------------------------*/
body {font-family: Verdana, Geneva, sans-serif; background: #00aec5 url('../_images/bg.jpg') top center no-repeat; background-attachment:fixed;}
p {}
	p.list {padding-left: 15px; width: 285px !important;}
	p.sublist {padding-left: 30px; width: 270px !important; padding-top: 0px !important;}

/* General
----------------------------------*/
#wrap {width: 854px; margin: 0px auto; position: relative; z-index: 1;}
#top {width: 854px; height: 390px; display: block; overflow: hidden;}
	.page #top a {width: 854px; height: 300px; display: block; text-indent: -99999px;}
	
#bottom {width: 830px; height: 40px; display: block; margin: 10px auto;}
	.home #bottom {margin: 10px auto 0 auto !important;}
#bottom p {text-align: center; font-size: 11px; line-height: 30px; color: #605F5F;}

/* Headers
----------------------------------*/
	/* PAGES */
	#top.blog {background: url('../_images/header_blog.jpg') top left no-repeat;}


/* Navigation Bar
----------------------------------*/
#navbar {font-family: Arial, Helvetica, sans-serif; display: block; overflow: hidden; height: 23px; width: 826px; background: #d0281e; margin: 0 auto;}
#navbar ul {padding-left: 4px; width: 1500px;}
#navbar li {float: left;}
#navbar li a {color: #fff; font-weight: bold; text-transform: uppercase; letter-spacing: -1px; font-size: 13px; text-decoration: none; padding: 0 6px; display: block; line-height: 23px;}
#navbar li a.active {background: #000; color: #fff; text-decoration: none;}
#navbar li a:hover {background: #000; color: #fff; text-decoration: none;}

/* Blog
-----------------------------------*/
#middle {font-size: 12px;}

.page_blog #middle_top {margin: 20px;}
.page_blog #middle_top p {color: #605f5f; line-height: 15px; padding-bottom: 10px; font-weight: bold;}
	#intro {width: 520px; float: left;}
	#twitter {width: 256px; float: right; padding: 7px; background: url('../_images/bg_twitter.png') top left no-repeat; height: 117px; position: absolute; margin: 0 0 0 540px; font-size: 11px; line-height: 12px;}
	#twitter a {color: #ff0000; text-decoration: none;}
	#twitter a:hover {text-decoration: underline;}
	#twitter-link {text-indent: -99999px; height: 30px; width: 110px; display: block; position: absolute; top: 0; margin: 80px 0 0 30px;}
.page_blog #middle_top h2 {padding-bottom: 10px; color: #FF0000; font-size: 18px; font-weight: normal;}

.page_blog #middle_main {margin: 10px; background: url('../_images/bg_blog.png') top left repeat-x; padding-top: 30px;}

.page_blog #middle_main #content {width: 530px; float: left; padding: 10px;}
.page_blog #middle_main #content h2 {color: #ff0000; font-size: 20px; font-weight: normal; line-height: 25px; padding-bottom: 10px;}
.page_blog #middle_main #content h3 {color: #000; font-size: 13px; font-weight: normal; line-height: 20px;}
.page_blog #middle_main #content a {color: #ff0000 !important; text-decoration: none;}
.page_blog #middle_main #content a span {color: #ff0000 !important; text-decoration: none !important;}
.page_blog #middle_main #content a:hover {text-decoration: underline;}
.page_blog #middle_main #content .date {float: left; width: 130px; color: #605f5f; font-weight: bold; font-size: 20px; line-height: 25px;}
.page_blog #middle_main #content .post {float: right; width: 400px; color: #605f5f;}

.page_blog #middle_main #sidebar {width: 250px; float: right; padding: 10px;}
.page_blog #middle_main #sidebar h2 {font-size: 20px; font-weight: normal; color: #000; line-height: 25px;}
.page_blog #middle_main #sidebar ul {border-left: 2px solid #605f5f; padding-left: 5px;}
.page_blog #middle_main #sidebar ul li {line-height: 20px;}
.page_blog #middle_main #sidebar ul li a {color: #605f5f; text-decoration: none;}
.page_blog #middle_main #sidebar ul li a:hover {color: #ff0000;}

.page_blog #middle_main p {line-height: 20px; padding-bottom: 15px; font-size: 11px;}
.page_blog #middle_main #content .post li {line-height: 20px; padding-bottom: 15px; font-size: 11px; list-style-type:disc; margin-left: 15px;}

/* Images
-------------------------------*/
/* Begin Images */
.page_blog #middle_main #content .post p img {padding: 0; max-width: 100%;}
.page_blog #middle_main #content .post img.centered,
.page_blog #middle_main #content .post img.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.page_blog #middle_main #content .post img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;}
.page_blog #middle_main #content .post img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;}
.page_blog #middle_main #content .post .alignright {float: right;}
.page_blog #middle_main #content .post .alignleft {float: left;}
