/*
Theme Name: The Experiment
Theme URI: http://www.outsidetheboxexperiment.com/
Description: Custom WordPress theme for Outside The Box Experiment.
Version: 1.0
Author: Freek Productions
Tags: Custom built theme

	The Experiment v1.0

	This theme was designed and built by Freek Productions 
	exclusively for Outside The Box Experiment
*/



/* First things first, reset everything */
@import url("reset.css");

/* Begin Layout Areas */
body {
	font-size: 62.5%;
	font-family: Helvetica, Arial, Sans-Serif;
	background: #5a9dd4 url('images/bg_main.png') repeat-x;
	color: #333;
	text-align: center;
}
#page {
	width: 950px;
	margin: 0 auto;
	text-align: left;
}
#top {
	width: 920px;
	height: 31px;

	padding: 6px 15px 17px 15px;
	background: url('images/bg_top.png') no-repeat;
	display: block;
}

#sn_buttons {
	float: right;
	padding-right: 3px;
	height: 32px;
	display: block;
}
#sn_buttons img {
	margin-left: 5px;
}
	
#logo_main {
	width: 950px;
	height: 165px;
	background: url("images/bg_logo.png") no-repeat;
	display: block;
}

#logo {
	width: 550px;
	height: 165px;
	background: url("images/logo.png") no-repeat;
	display: block;
}

#nav_bar {
	width: 930px;
	height: 50px;

	padding: 10px 10px 0px 10px;

	background: url('images/bg_nav.png') no-repeat;
	display: block;
}

#nav {
	height: 34px;
	float: left;
	padding: 9px 0px 7px 21px;
}

#content_outer {
	background: url(images/bg_content.png) repeat-y;
}

#content_main {
	width: 930px;
	padding: 0px 10px;
	background: url(images/bg_content_left_bottom.png) no-repeat left bottom;
	overflow: hidden;
}

#content_left {
	float: left;
	width: 560px;
	padding: 0px 0px 25px 10px;
}

#content_right {
	float: right;
	width: 340px;
	background: url(images/bg_sidebar_top.png) no-repeat top;
	padding: 10px;
}

#content_postarea {
	background: url(images/bg_content_left_top.png) no-repeat top;
	width: 500px;
	padding: 40px 30px 0px;
}

#footer {
	clear: both;
}

#footer_left {
	float: left;
	width: 500px;
	height: 255px;
	padding: 0 30px 40px 50px;
	background: url(images/footer_left.png) no-repeat left top;
}

#nav_footer {
	width: 500px;
	height: 40px;
	background: url(images/separator_footer_left.png) no-repeat bottom;
}

#footer_ad {
	width: 500px;
	height: 190px;
	padding: 25px 0px 0px 0px;
}

#footer_right {
	float: right;
	width: 320px;
	height: 255px;
	padding: 0 30px 40px 20px;
	background: url(images/footer_right.png) no-repeat left top;
}

#bottom_spacer {
	width: 950px;
	height: 70px;
	display: block;
	clear: both;
	padding-top: 25px;
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 1.1em;
	font-weight: normal;
	color: #3577ad;
	line-height: 1.4em;
	vertical-align: middle;
	text-align: center;
}

#bottom_spacer a { color: #3577ad; }
#bottom_spacer a:hover { color: #FFFFFF; }

/* AWEBER form styles */
#awb_large_round_container { width: 340px; background-color: #002892; margin-bottom: 10px; }
#awb_large_round_bottom { background: url(images/awb_large_rbr.png) no-repeat top right; }
#awb_round_container { width: 300px; background-color: #FFF; margin: 0px 20px; }
#awb_round_top { background: url(images/awb_rtr.png) no-repeat top right; }
#awb_round_bottom { background: url(images/awb_rbr.png) no-repeat top right; clear: both; margin-bottom: 17px; }
.awb_right { width: 170px; padding: 5px 0px; font-family: Arial, Sans-Serif; font-size: 1.1em; color: #333; }
.awb_left { vertical-align: middle; }
input.awb_input {background: transparent; font-size: 1.1em; color:#333; font-family: Arial, Sans-Serif; font-weight: bold; width:150px; background-image: url(images/awb_input.png); background-repeat: no-repeat; background-position: top; height: 20px; vertical-align: top; margin: 0px; padding: 4px 10px 0px 10px; border: none;}

/* Top Search Styling */
#search { float: right; padding: 12px 30px 0px 0px; }
#search input.field { background: transparent; font-size: 1.3em; color:#d4ceff; font-family: Helvetica, Arial, Sans-Serif; width:208px; background-image: url(images/search_field.png); background-repeat: no-repeat; background-position: top; height: 22px; vertical-align: top; margin: 0px; padding: 5px 13px 0px 10px; border: none;}

/* Top menu styling */
#nav ul { list-style-type: none; margin: 0px; padding: 0px; float: center; font-family: Helvetica, Arial, Sans-Serif; font-weight: bold; color: #FFF;}
#nav ul li { display: block; float: left; padding: 0px !important; height: 34px; margin: 0px 4px; background-image: url(images/nav_left_h.png); background-repeat: no-repeat; background-position: left -34px;}
#nav ul li.current_page_item {display: block; float: left; padding: 0px !important; height: 34px; margin: 0px 4px; background-image: url(images/nav_left.png); background-repeat: no-repeat; background-position: left 0px;}
#nav ul li:hover { background-position: left 0px;}
#nav a:link, #nav a:visited { color: #fff; font-size: 14px; height: 14px; display: block; padding: 10px 10px; float: left; background-image: url(images/nav_right_h.png); background-repeat: no-repeat; background-position: right -34px;}
#nav ul li.current_page_item a { color: #fff; font-size: 14px; height: 14px; display: block; padding: 10px 10px; float: left; background-image: url(images/nav_right.png); background-repeat: no-repeat; background-position: right 0px;}
#nav a:hover { background-position: right 0px; color: #FFF;}

/* Bottom menu styling */
#nav_footer ul { list-style-type: none; margin: 0px; padding: 0px; float: left; font-family: Helvetica, Arial, Sans-Serif; font-weight: bold; color: #FFF;}
#nav_footer ul li { display: block; float: left; padding: 0px !important; height: 38px; margin: 0px;}
#nav_footer a:link, #nav_footer a:visited { color: #fff; font-size: 14px; height: 14px; display: block; padding: 11px 11px; float: left;}
#nav_footer ul li.current_page_item a { color: #fc9a00; font-size: 14px; height: 14px; display: block; padding: 11px 11px; float: left;}
#nav_footer a:hover { color: #a3cef1;}

/* Twitter Widget Styling */
#footer_twitter_main { width: 320px; height: 155px; background: url(images/twitter_update_area.png) no-repeat bottom; }
#footer_twitter_main a.twitter_title_link:link, #footer_twitter_main a.twitter_title_link:hover, #footer_twitter_main a.twitter_title_link:visited { display: block; float: left; padding: 11px 0px 0px 0px; font-family: Helvetica, Arial, Sans-Serif; font-size: 1.5em; font-weight: bold; color:#FFF; }
#footer_twitter_main p.twitter-message { position: relative; clear: both; float:left; margin: 26px 0 0 118px; width: 165px; height: 65px; padding: 12px; font-family: Helvetica, Arial, Sans-Serif; font-size: 1em; color:#258af4; font-weight: bold; word-wrap: break-word; }
span.twitter-timestamp { position: absolute; bottom: 12px; right: 12px;} 
a.twitter-link:link, a.twitter-link:active, a.twitter-link:visited { font-family: Helvetica, Arial, Sans-Serif;	font-size: 1em;	color:#258af4; font-weight: bold; }
a.twitter-link:hover { font-family: Helvetica, Arial, Sans-Serif; font-size: 1em; color:#fc9a00; font-weight: bold; }
a.twitter-user:link, a.twitter-user:active, a.twitter-user:visited { font-family: Helvetica, Arial, Sans-Serif; font-size: 1em; color:#258af4; font-weight: bold; }
a.twitter-user:hover { font-family: Helvetica, Arial, Sans-Serif; font-size: 1em; color:#fc9a00; font-weight: bold; }

/* Bottom Search Styling */
#search_footer_title { padding: 25px 0px 15px; font-family: Helvetica, Arial, Sans-Serif; font-size: 1.5em; font-weight: bold; color:#FFF; }
#footer_right input.field { background: transparent; font-size: 1.3em; color:#d4ceff; font-family: Helvetica, Arial, Sans-Serif; width:225px; background-image: url(images/search_field_bottom.png); background-repeat: no-repeat; background-position: left top; height: 22px; vertical-align: top; margin: 0px; padding: 5px 13px 0px 10px; border: none;}

/* Sidebar Round Corners Container */
#sround_container { width: 340px; background-color: #a3cef1; margin-bottom: 10px; }
#sround_top { background: url(images/lrtr.png) no-repeat top right; }
#sround_bottom { background: url(images/lrbr.png) no-repeat top right; }
#iround_container { width: 300px; background-color: #FFF; margin: 0px 20px; }
#iround_top { background: url(images/irtr.png) no-repeat top right; }
#iround_bottom { background: url(images/irbr.png) no-repeat top right; clear: both; }
img.corner { width: 5px; height: 5px; border: none; display: block !important; }
img.corner_s { width: 3px; height: 3px; border: none; display: block !important; }
#sb_wraper_title { padding: 10px 20px 15px 20px; font-family: Helvetica, Arial, Sans-Serif; font-size: 1.4em; font-weight: bold; color:#FFF; }
#sb_wraper_link_empty { height: 17px; }
#sb_wraper_link { padding: 12px 20px 12px 20px; height: 11px;}
a.wraper_link { font-family: Tahoma; font-size: 10px; color:#658bab; }
a.wraper_link:hover { color:#FFF; }

/* Categories display */
.main_cat_list { display: table; width: 300px; }
ul.main_cat_list>li { display: table-cell; padding: 15px; vertical-align: top; }
.cat_col { float:left; display:block; overflow: hidden; }
.cat_col li { font-family: Arial, Sans-Serif; font-size: 1.1em; line-height: 1.4em; color: #258af4; clear:left; display:block; }
.cat_col li a { color: #258af4; }
.cat_col li a:hover { color: #ff7800; }

/* Tabs Styling */
#tabs_nav { padding: 0 20px; }
h4 a { font-family: Arial, Helvetica, Sans-Serif; font-size: 1.2em; font-weight: bold; color:#FFF;}
h4 a:hover{ color: #fc9e00; }
ul.htabs li { float:left; background: url(images/tabs_l_normal.png) no-repeat; }
ul.htabs li a { display: block; height: 22px; background: url(images/tabs_r_normal.png) right no-repeat; padding: 8px 10px 0px; }
.tabs {	clear: both; }
.tab ul li { display: block; width: 260px; padding: 15px 20px; }
.tab ul li.list_item { background: url(images/bg_tabs.png) center top no-repeat; }
.tab li, .tab li a { font-family: Arial, Helvetica, Sans-Serif; font-size: 1.2em; color:#258af4; }
.tab li a:hover { color:#fc9e00; } 

/* Related Posts Styling */
.related_post_title { padding-bottom: 10px; }
.related_post { list-style-type: none; margin: 0px !important; padding: 0px; }
.related_post li { display: block; width: 490px; padding: 5px 10px; background: #edf5fa; border-bottom: 2px #FFF solid; }
.related_post li a { font-family: Arial, Helvetica, Sans-Serif; font-size: 1em; color:#258af4; }
.related_post li a:hover { color:#fc9e00; } 

/* Post Styling */
div.post { padding-bottom: 25px; }
#post_title { float: left; width: 355px; }
#post_title_wide { float: left; width: 500px; }
#posted_by { padding: 6px 0px 20px; font-family: Tahoma, Verdana, Arial, Sans-Serif; font-size: 1em; color: #bebebe; background: url(images/post_separator_small.png) no-repeat left bottom; }
#post_comments { width: 114px; height: 36px; float: right; background: url(images/bg_comments.png); text-align: center; padding: 7px 0px 0px 0px; }
#post_comments a, #post_comments a:hover, #post_comments a:link, #post_comments a:visited { font-family: Helvetica, Arial, Sans-Serif; font-size: 1.4em; color:#FFF; }
small { font-size: 1.1em; font-weight: normal; line-height: 1.4em; color: #333; padding-bottom: 10px; }
h2, .post h2 a { font-size: 20px; font-weight: bold; letter-spacing: -1px; color: #258af4; }
h2.static { padding-bottom: 25px; }
.entry { clear: both; padding: 0px 0px 20px; font-family: Helvetica, Arial, Sans-Serif; width: 500px; background: url(images/post_separator.png) bottom no-repeat; margin-bottom: 20px; }
.entry p { font-size: 1.3em; font-weight: normal; line-height: 1.4em; text-align: left; margin: 0 0 1.0em 0; }
.entry p a { color: #258af4; }
.entry p a:hover { color: #fc9a00; }
a.stbutton span.stbuttontext { font-size: 1.3em; color: #258af4; }
a.stbutton:hover span.stbuttontext { font-size: 1.3em; color: #fc9a00; }
a.more-link,a.more-link:hover, a.more-link:link, a.more-link:visited { float: right; font-family: Helvetica, Arial, Sans-Serif; font-size: 1.2em; font-weight: bold; color:#fc9a00; }
a.post-edit-link { clear: both; padding: 30px 0px; }
ul.postspermonth li { color: #333; }
ul.postspermonth li a { color: #258af4; }
ul.postspermonth li a:hover { color: #ff6603; }
p.postmetadata, p.small { font-family: Helvetica, Arial, Sans-Serif; font-size: 1.1em; font-weight: normal; line-height: 1.3em; text-align: justify; color: #999; }
p.postmetadata { background: url(images/post_separator_inv.png) top no-repeat; padding-top: 30px; }
p.postmetadata a, p.small a { color: #258af4; }
p.postmetadata a:hover. p.small a:hover { color: #fc9a00; }


/* Set the lists back to their original style for post entries */
.entry li ul, .entry li ol { margin:0 1.5em; }
.entry ul, .entry ol { margin:0 1.5em 1.5em 1.5em; font-size: 1.3em; font-weight: normal; line-height: 1.4em; }
.entry ul, .entry ul li { list-style-type:disc; }
.entry ol, .entry ol li { list-style-type:decimal; }

/* Navigation styling */
.navigation { width: 500px; height: 30px; margin: 0px 0px 20px; background: url(images/page_nav_bg.png) no-repeat; }
.com_navigation { width: 480px; height: 20px; margin: 40px 0px 10px; padding: 10px 10px 0px; background: url(images/page_nav_bg.png) no-repeat; }
.alignleft a, .alignright a { color: #333; }
.alignleft a:hover, .alignright a:hover { color: #258af4; }
.alignleft { float: left; }
.alignright { float: right; }

/* Comment area styling */
h3 { font-family: Helvetica, Arial, Sans-Serif; color: #fc9e00; font-size: 1.5em; padding-top: 15px; }
h3.search { padding-top: 0px; padding-bottom: 15px; }
h3.search a { color: #fc9e00; }
h3.search a:hover { color: #258af4; }
#commentform p { padding: 10px 0px 0px; }
#commentform p a { color: #258af4; }
#commentform p a:hover { color: #fc9e00; }
ol.commentlist { padding-bottom: 20px; background: url(images/post_separator.png) bottom no-repeat; }
.commentlist li { margin: 30px 0px; }
.comment_author_area { float: left; width: 85px; padding-right: 10px; }
.comment_author { width: 85px; font-size: 10px; color: #bebebe; text-align: left; line-height: 12px; overflow: hidden; }
.comment_author a { color: #bebebe; }
.comment_author a:hover { color: #333; }
div.comment_name { text-align: left; padding-bottom: 5px; font-size: 1.3em; color: #fc9e00; font-weight: bold; line-height: 20px; }
div.comment_name a { color: #fc9e00; }
div.comment_name a:hover { color: #258af4; }
.bypostauthor div.comment_name { color: #258af4; }
.bypostauthor div.comment_name a { color: #258af4; }
.bypostauthor div.comment_name a:hover { color: #fc9e00; }
div.comment_avatar { width: 77px; height: 77px; border: 1px #e0e0e0 solid; padding: 3px; background: #FFF; }
div.comment_time { padding-top: 7px; text-align: left; color: #258af4; line-height: 12px; }
div.comment_time a { color: #bebebe; }
.comment_content_area { float: right; width: 390px; padding-left: 15px; background: url(images/comment_side.png) no-repeat top left; }
.comment_outer { width: 390px; background: url(images/comment_top.png) no-repeat top #ffd99a; }
.comment_inner { position: relative; font-size: 1.2em; font-weight: normal; line-height: 1.4em; width: 350px; padding: 20px; min-height: 100px; background: url(images/comment_bottom.png) no-repeat bottom; }
.comment_inner_editable { position: relative; font-size: 1.2em; font-weight: normal; line-height: 1.4em; width: 350px; padding: 20px 20px 55px; min-height: 60px; background: url(images/comment_bottom.png) no-repeat bottom; }
.bypostauthor .comment_content_area { background: url(images/comment_admin_side.png) no-repeat top left; }
.bypostauthor .comment_outer { background: url(images/comment_admin_top.png) no-repeat top #258af4; }
.bypostauthor .comment_inner { background: url(images/comment_admin_bottom.png) no-repeat bottom; color: #FFF; }
.bypostauthor .comment_inner_editable {	background: url(images/comment_admin_bottom.png) no-repeat bottom; color: #FFF; }
.comment_edit { width: 350px; height: 15px; padding-top: 10px; background: url(images/comment_edit_bg.png) no-repeat top center; position: absolute; left: 20px; bottom: 15px; color: #258af4; }
.bypostauthor .comment_edit a {	color: #FFF; }
.bypostauthor .comment_edit { color: #FFF; }	
.comment_edit a { color: #258af4; }
.comment_edit a:hover { color: #fc9e00; }
div.explanation { padding: 10px 0 5px; font-family: Helvetica, Arial, Sans-Serif; font-size: 1em; font-weight: normal; color: #bebebe; }
input#author, input#email, input#url, input#contact_name, input#contact_email { width: 490px; height: 19px; font-family: Helvetica, Arial, Sans-Serif; font-size: 1.2em; font-weight: normal; color: #333333; line-height: 1.4em; padding: 5px 5px 5px; background: transparent url(images/input_text_bg.png) no-repeat; margin: 0; border: none; }
textarea#comment, textarea#contact_message { width: 490px; height: 100px; font-family: Helvetica, Arial, Sans-Serif; font-size: 1.2em; font-weight: normal; color: #333333; line-height: 1.4em; padding: 5px; background: transparent url(images/input_textarea_bg.png) no-repeat; margin: 0; border: none; }

/* Contact and Donate form special */
#contact_notice { font-family: Helvetica, Arial, Sans-Serif; font-size: 1.3em; font-weight: bold; color: #fc9a00; }
select#contact_subject { width: 500px; height: 25px; font-family: Helvetica, Arial, Sans-Serif; font-size: 1.2em; font-weight: normal; color: #333333; line-height: 1.4em; padding: 5px 5px 5px; background: transparent url(images/input_text_bg.png) no-repeat; margin: 0; border: none; }
option { background: #FFFFFF; line-height: 1.4em; color: #333333; }
#donate_input { width: 500px; height: 21px; background: url(images/input_radio_label_bg.png) no-repeat; margin: 0 0 5px; padding-top: 4px; }
#donate_input input { vertical-align: text-bottom; }
#donate_input label { font-family: Helvetica, Arial, Sans-Serif; font-size: 1.2em; font-weight: normal; color: #333333; line-height: 1.4em; padding: 5px 10px 0px; }

/* Other */
.clear { clear: both; }
.separator { width: 500px; height: 26px; margin: 0px 0px 40px; background: url(images/post_separator.png) no-repeat; }

/* End Stylesheet */