/*GLOBAL*/

* 					{ margin:0; padding: 0; }
body 					{ background: #fff; height: 100%; width: 100%; font-family: arial, helvetica, sans-serif; }
h2 					{ margin-top: 13px; margin-left: 10px; color: #525150; font-size: 24px; font-weight: bold; }

/*HEADER*/

#head_wrap { background: url('/includes/images/header_background.jpg') repeat-x;}
#header 				{ height: 76px; width: 800px; margin: 0 auto; }
#logo 					{ background: url('/includes/images/logo.png') no-repeat; height: 55px; width: 178px; float: left; margin-top: 12px; cursor: pointer; }
#logo:hover 				{ background-position: -178px 0;}
#logo h1 				{ display: none;}
#flashcontent 				{ float: right; margin-bottom: 1px; }
#mainnav 				{ height: 23px; width: 800px; margin: 0 auto; padding-top: 3px; }
#mainnav a 				{ float: left; margin-top: 3px; margin-right: 30px; color: #dfdfdf; font-size: 15px; font-weight: bold; text-decoration: none; }
#mainnav a:hover 			{ color: #bbb; }


/*FOOTER*/

#foot_wrap       { margin-top: 50px;min-height: 150px;background: url('/includes/images/bottom_background.jpg') repeat-x;}

.clear 					{ clear:both; visibility:hidden; height:0; width:0; margin:0; }


/*MAIN CONTENT*/
#middle 		{  width: 100%; }
#middle_content 	{  width: 800px; margin: 0 auto; }
.readmore 		{ background: url('/includes/images/blog/readmore_button.png') no-repeat; height: 36px; width: 125px; display: block; margin-top: 10px; border: 0; cursor: pointer; }
.readmore:hover 	{ background-position: -125px 0; }
#search_container 	{ background: url('/includes/images/blog/searchbar_background.png') no-repeat; height: 43px; width: 255px; }
#search_container .input{ height: 24px; width: 191px; margin-top: 7px; margin-left: 10px; border: 1px solid #fff; color: #555; font-size: 1em; font-weight: bold; }
#searchText		{ float:right; margin-right: 5em; margin-bottom:2em;}
.submit 		{ background: url('/includes/images/blog/search_button.png') no-repeat; height: 31px; width: 23px; position: absolute; margin-top: 6px; margin-left: 12px; border: 0; cursor: pointer; }
.submit:hover 		{ background-position: -26px 0; }

/*ADMIN MENU / TOP POST FADER*/
#top_post 		{ background: url('/includes/images/blog/toppost_background.png') no-repeat; height: 274px; width: 528px; float: left; margin-top: 10px; }
.top_post_content 	{ height: 234px; width: 488px; margin-top: 20px; margin-left: 20px; }
.top_post_content p 		{ color: #474645; font-size: 14px; line-height: 18px; }
.top_post_content h1 		{ margin-top: 10px; margin-bottom: 10px; color: #477e93; font-size: 42px; font-weight: bold; line-height: 38px; }
.top_post_content h2 		{ color: #474645; font-size: 16px; font-weight: bold; line-height: 16px; }
#blog_admin_menu { float:left; width:250px;}

/*TAG CLOUD*/
#tag_cloud { width: 250px; height: 250px; float:right; margin-right:20px; }
.tag_item { float:left; font-size:.8em; width:95px; text-align:right;padding-right:6px;}
.tag_count { height: 8px; float:left; margin-top:4px;margin-bottom:6px;}


/*CATEGORY NAVIGATION+BOTTOM SECTION*/
#bottom_content 	{ background: url('/includes/images/blog/bottom_background.jpg') repeat-x; height: 500px; width: 100%; }
#bottom 		{ height: 500px; width: 800px; margin: 0 auto; }
#headers 		{ height: 29px; width: 800px; margin: 0 auto; }
.vspacer 		{ height: 3px; width: 800px; }

#s38_button {background: url('/includes/images/blog/suite38.png') no-repeat; height: 29px; width: 254px;float:left;margin-right:20px;}
#s38_button:hover {background: url('/includes/images/blog/suite38_active.png') no-repeat;}
#tech_button {background: url('/includes/images/blog/technical.png') no-repeat; height: 29px; width: 254px;float:left;}
#tech_button:hover {background: url('/includes/images/blog/technical_active.png') no-repeat;}
#fun_button {background: url('/includes/images/blog/fun.png') no-repeat; height: 29px; width: 254px;float:right;}
#fun_button:hover {background: url('/includes/images/blog/fun_active.png') no-repeat;}

/* CATEGORY POST STYLING */
.category_index {margin-right:20px;}

.s38 			{ width: 700px;  margin-top: 15px; padding-bottom:20px; }
.s38 .blogpost_info 	{ height: 24px; width: 700px; border-top: 1px solid #477e93; }
.s38 .date 		{ background: #477e93; height: 20px; width: 53px; float: left; margin-right: 5px; padding-top: 3px; padding-left: 4px; color: #fff; font-size: 12px; font-weight: bold; }
.s38 .blogpost_info p { margin-top: 3px; color: #477e93; float:right; }
.s38 h1 		{ margin-top: 10px; margin-bottom: 10px; color: #477e93; font-size: 24px; font-weight: bold; line-height: 22px; text-decoration: none; }
.s38 h1:hover		{ color: #aaa; }
.s38 a		{ text-decoration: none; }
.s38 p 		{ color: #474645; font-size: 14px; line-height: 18px; }
.s38 a 		{ color: #477e93; font-weight: bold; text-decoration: none; }
.s38 a:hover 	{ color: #aaa; }

.tech 			{ width: 700px; margin-top: 15px; }
.tech .blogpost_info 	{ height: 24px; width: 700px; border-top: 1px solid #593d2d; }
.tech .date 		{ background: #593d2d; height: 20px; width: 53px; float: left; margin-right: 5px; padding-top: 3px; padding-left: 4px; color: #fff; font-size: 12px; font-weight: bold; }
.tech .blogpost_info p { margin-top: 3px; color: #477e93; float:right; }
.tech h1 		{ margin-top: 10px; margin-bottom: 10px; color: #593d2d; font-size: 24px; font-weight: bold; line-height: 22px; text-decoration: none; }
.tech h1:hover		{ color: #aaa; }
.tech a		{ text-decoration: none; }
.tech p 		{ color: #474645; font-size: 14px; line-height: 18px; }
.tech a 		{ color: #593d2d; font-weight: bold; text-decoration: none; }
.tech a:hover 	{ color: #aaa; }

.fun 			{ width: 700px; margin-top: 15px; }
.fun .blogpost_info 	{ height: 24px; width: 700px; border-top: 1px solid #993a3a; }
.fun .date 		{ background: #993a3a; height: 20px; width: 53px; float: left; margin-right: 5px; padding-top: 3px; padding-left: 4px; color: #fff; font-size: 12px; font-weight: bold; }
.fun .blogpost_info p { margin-top: 3px; color: #477e93; float:right; }
.fun h1 		{ margin-top: 10px; margin-bottom: 10px; color: #993a3a; font-size: 24px; font-weight: bold; line-height: 22px; text-decoration: none; }
.fun h1:hover		{ color: #aaa; }
.fun a		{ text-decoration: none; }
.fun p 		{ color: #474645; font-size: 14px; line-height: 18px; }
.fun a 		{ font-weight: bold; color: #993a3a; text-decoration: none; }
.fun a:hover 	{ color: #aaa; }

#content { margin: 0 auto; width:800px;}
.pagination { margin: 5px auto; padding:5px; color: #aaa; }
.pagination .page { color: #000;  }
.pagination a { text-decoration: none; color: #477e93; }
.pagination a:hover { color: #aaa; text-decoration:underline; }