/*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; }
#selection-image { background:transparent url('/includes/images/64x64-logo.png')no-repeat; width:64px; height:64px; left:0px; position:absolute; z-index:2000; }

/*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; float: right; margin: 10px 0 15px 0; }
#search_container .input{ height: 24px; width: 191px; margin-top: 7px; margin-left: 10px; border: 1px solid #fff; color: #dedede; font-size: 1em; font-weight: bold; }
.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 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:400px; padding: 10px;}
#blog_admin_menu .menu_item { padding: 2px; }
#blog_admin_menu .menu_item  a { color: #477e93; font-weight: bold; text-decoration: none; }
#blog_admin_menu .menu_item  a:hover { color: #aaa; }

/*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; width: 100%; }
#bottom 		{ width: 800px; margin: 0 auto; height:601px;}
#bottom a		{margin-right:20px;}
#headers 		{ height: 29px; width: 800px; margin: 0 auto; }
.vspacer 		{ height: 3px; width: 800px; }
.vspacer2		{height:25px; width:800px;clear:both;}

#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_column {width: 253px; float:left;}
.s38 			{ width: 253px; float: left; margin-top: 25px; min-height: 270px; margin-bottom:15px; }
.s38 .blogpost_info 	{ height: 24px; width: 253px; 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; font-size: 12px; font-weight: bold; }
.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 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_column {width: 253px; float:left; margin-left: 20px; margin-bottom:15px; }
.tech 			{ width: 253px; float: left; margin-top: 25px; min-height: 270px; }
.tech .blogpost_info 	{ height: 24px; width: 253px; 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: #593d2d; font-size: 12px; font-weight: bold; }
.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 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_column  {width: 253px; float: right; margin-left: 20px; margin-bottom:15px; }
.fun 			{ width: 253px; float: left; margin-top: 25px; min-height: 270px; }
.fun .blogpost_info 	{ height: 24px; width: 253px; 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: #993a3a; font-size: 12px; font-weight: bold; }
.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 p 		{ color: #474645; font-size: 14px; line-height: 18px; }
.fun a 		{ font-weight: bold; color: #993a3a; text-decoration: none; }
.fun a:hover 	{ color: #aaa; }

.top_post_content 	{ height: 234px; width: 468px; margin-top: 30px; margin-left: 25px; }


/* INTERIOR STYLING */
 
/* whole page */
#interior_content {background: url('/includes/images/blog/bottom_background_no_bar.jpg') repeat-x; width: 100%; height: 500px;}
#interior_wrap {width:800px; margin:0 auto;}

#left_column {width: 800px; padding-top: 20px;}
#left_column a { color: #477e93; font-weight: bold; text-decoration: none; }
#left_column a:hover 	{ color: #aaa; }
#right_column {float:right; margin: 20px 0 0 15px;width:280px;}
#social_buttons { margin: 0 auto; width: 190px;}
#social_buttons img { height:32px; border:none }
#social_buttons a { text-decoration:none; border:none; float:left; padding-right:2px; }


/* posts */
#post_title_s38  {color: #477e93;}
#post_title_tech  {color: #593d2d;}
#post_title_fun  {color: #993a3a;}

#post_subheader {color:#5a5a5a;font-weight:bold; margin: 6px 0;}
#post_content {color:#474645;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;margin:35px 0;}
#post_content a { color: #477e93; font-weight: bold; text-decoration: none; }
#post_content a:hover 	{ color: #aaa; } 


/* comments */
#comment_header_s38 {color: #477e93;font-weight:bold; margin-bottom: 10px;}
#comment_header_tech {color: #593d2d; font-weight:bold;margin-bottom: 10px;}
#comment_header_fun {color: #993a3a; font-weight:bold;margin-bottom: 10px;}

#comment_frame_hd {background: url('/includes/images/blog/interior/comment_top.png'); width:498px; height: 18px;}
#comment_frame {background: url('/includes/images/blog/interior/comment_body.png') repeat-y; width:498px;padding:8px;}
#comment_frame_ft {background: url('/includes/images/blog/interior/comment_bottom.png'); width:498px; height: 25px;}
#comment_name {color:#5a5a5a; font-weight:bold; margin-left: 15px; width: 250px; float:left; }
#comment_content {color:#a7a7a7; margin: 10px 0 0 14px; line-height:1.3em; font-size:.9em; width:468px;}
#comment_remove { width: 90px; float:right;}
#comment_remove a { float:left; }
#comment_remove img { border:none; height:16px; width:auto;}
#submit-element input { float:right;}


/* comment form */
#formTitle_s38 {color: #477e93;font-weight:bold; margin-top: 30px;}
#formTitle_tech {color: #593d2d; font-weight:bold;margin-top: 30px;}
#formTitle_fun {color: #993a3a; font-weight:bold;margin-top: 30px;}

#comment_form_wrap {margin: 10px 0 25px 0;}
legend {display: none;}
.fields .comment_form_frame { float: left; width: 400px; margin-left: 55px;}
.comment_form_frame input { border: 2px solid #a7a7a7; height: 25px; width: 250px; font-weight: bold; padding: 5px 0 0 5px;}
.comment_form_frame textarea { font-family: arial, helvetica, sans-serif; border: 2px solid #a7a7a7; height: 25px; width: 300px; font-weight: bold; padding: 5px 0 0 5px;}

#group1 {float:left; margin-left: 10px;}
#post_id-label {margin-left: -900000px; display: none;}
#post_id-element {margin-left: -900000px; display: none;}

#post_id-label {margin-left: -900000px; display: none;}
#author-label {margin-left: -900000px; display: none;}
#author-element {margin-top: 10px;}
#email-label {margin-left: -900000px; display: none;}
#email-element {margin-top: 10px;}
#website-label {margin-left: -900000px; display: none;}
#website-element {margin-top: 10px;}
#blog_post_content-label {margin-left: -900000px; display: none;}
#blog_post_content-element {margin-top: 10px;}
#name-label {margin-left: -900000px; display: none;}
#name-element {margin-top: 10px;}

#blog_post_image img {height:200px; margin-bottom:20px; border: 2px solid black;}
#post_image img {width:500px; border:2px solid black;}


#form_errors {margin: 10px 15px 0 10px; line-height: 1.3em; background: #993a3a; color: white; }
#form_errors ul { border: 1px solid #a7a7a7; padding: 8px 0 8px 25px;}
.zend_captcha {width: 175px; color:#333;}
.zend_captcha b { color: #477e93; }

#group2 {float:right; width:440px;}
#content-label {margin-left: -900000px; display: none;}
.fields #content {height: 210px; width: 420px; margin: 10px 0 -5px 0; border: 2px solid #a7a7a7;}

#submit {border: none; margin: 0 10px 10px 0; background: url('/includes/images/blog/interior/post_your_comment_button.png') no-repeat; width:240px; height:32px; text-indent: -900000px; display: block; overflow: hidden; line-height: 0px;font-size: 0px; }

.page_head h3 { color: #525150; font-size:1.2em; margin-top:25px;}

/* right sidebar */
#right_column .hr {background: url('/includes/images/blog/interior/dotted_line.png') no-repeat; height: 5px; margin:6px 0 0 3px; padding-bottom: 3px;}
#right_column hr {display: none;}
#rs_top { background: url('/includes/images/blog/interior/sidebar_top.png') no-repeat; width: 290px; height: 30px;} 
#rs_body { background: url('/includes/images/blog/interior/sidebar_body.png') repeat-y; width: 250px; padding: 0 25px;}
#rs_body a 		{ color: #477e93; font-weight: bold; text-decoration: none; }
#rs_body a:hover 	{ color: #aaa; }
#rs_body h3 		{ color: #477e93; font-weight: bold; text-decoration: none; }
#rs_body #search_container { background: url('/includes/images/blog/interior/search_bg_short.png') no-repeat; float: none; margin: 0 0 14px 3px;}
#rs_body #search_container .input {width:170px;}
#rs_body .subcategories {list-style:none; padding-left:25px;}
#rs_body .subcategories li {padding-bottom:5px;}

#rs_bottom { background: url('/includes/images/blog/interior/sidebar_bottom.png') no-repeat; width: 290px; height: 30px;} 
 
.newPost { width: 700px; padding:10px; }
.newPost input { border: 2px solid #a7a7a7; height: 25px; width: 170px; font-weight: bold; padding: 5px 0 0 5px;}
.newPost label { color: #477e93; }
.newPost textarea { font-family: arial, helvetica, sans-serif; border: 2px solid #a7a7a7; font-weight: bold; padding: 5px 0 0 5px; width:800px;}
.newPost select { width: 150px; }
.newPost .required {font-weight: bold;}
.newPost .category_buttons { width: 20px; margin:10px; vertical-align: middle; color:#fff; font-weight:normal;}
.newPost #category-tech { color:#593d2d; }

.newPost ul { list-style: none; }
.editPost ul { list-style: none; }
.errors li { margin: 5px 5px 15px 5px;padding: 8px; color:white; border: 2px solid #a7a7a7; background: #993a3a; width: 300px; font-weight: bold;}

 
.editPost { width: 700px; padding:10px }
.editPost input { border: 2px solid #a7a7a7; height: 25px; width: 170px; font-weight: bold; padding: 5px 0 0 5px;}
.editPost textarea { font-family: arial, helvetica, sans-serif; border: 2px solid #a7a7a7; font-weight: bold; padding: 5px 0 0 5px;}
.editPost select { width: 150px; }
.editPost label { color: #477e93; }
.editPost .required {font-weight: bold;}
.editPost .category_buttons { width: 20px; margin:10px; vertical-align: middle; color:#fff; font-weight:normal;}
.editPost #category-tech { color:#593d2d; }
 
#comment_content_approve { color:#a7a7a7; margin: 10px 0 0 14px; line-height:1.3em; font-size:.9em; width:300px; float:left; }
#comment_buttons { width: 150px; float:right;}
#comment_buttons a { float:left; }
#comment_buttons img { border:none; height:32px; width:auto;}
.code_block {padding-left:20px; white-space: nowrap; font-size: 12px; line-height: 20px; overflow: auto; overflow-y: hidden; margin: 10px 20px 20px 20px; background: #DDD url('/includes/images/line.png') repeat; border:1px solid #993a3a; color:#666; }
.code_block ol { padding-left:10px;color:#993a3a; border-left:2px solid #993a3a;}
.code_block li {color:#993a3a;}
.code_block .code_back { color:#666; }
#post_content textarea { width: 620px; line-height: 20px; margin: 10px 0 20px 0; font-size: 12px; display: none; }

/* NEW POST FORM */
div[section='blogPost'] input { width:300px; }
div[section='blogPost'] #submit { background:url('/includes/images/blog/publish_button.png') no-repeat; width:125px; height:36px; }
div[section='blogPost'] #submit:hover { background-position: -127px; }
div[section='blogPost'] textarea { float:right; margin-bottom:12px; }
div[section='blog_post_content'] label { clear:both; float:none; }
div[section='blog_post_content'] textarea { float:left; }
div[section='category'] { margin-top:12px; }
div[section='category'] label { float:right; margin-right:12px; width:auto; }
div[section='category'] label[for='category'] { float:left; }
div[section='category'] input[type=radio] { float:right; width:auto; }

/* EDIT POST FORM */
div#blog_post_image { float:right; }