/* Overall */
.base, 
body, html {
	color: #222;
	font-family:"Helvetica", "Arial", "Bitstream Vera Sans", "Verdana", sans-serif;
	font-size: 12px;
	background: #5A70B3 url(http://z4.ifrm.com/30570/190/0/p1080824/blue.grad.3.png) repeat-x top;
}

.base_link, 
a { color: #E77700; }

	.base_link:hover, 
	a:hover { color: #FB9E3B; }

.base_divider, 
hr { background: #DDD; }

/* Table Cells */
.table_cell, 
td, th { border: 1px solid #DDD; }
td { background: #F9F9F9; }
th { background: #F5F5F5 url(http://z4.ifrm.com/30570/190/0/p1080821/grey.grad.1.png) repeat-x top; }
.td_default,
dl#fast-reply dd {
	background: #F9F9F9;
	border: 1px solid #DDD;
}
.td_dark, 
.c_mark, .c_last, .c_info td,  
.c_sig, tr.c_postfoot td, 
.meta_menu, 
.portal_box h4, 
#portal #shoutopts {
	background: #F5F5F5;
	border: 1px solid #DDD;
}
.td_light, 
dl.user_info, dl.user_profile, 
dl.c_post-attachment, 
blockquote div, blockquote code, div.spoiler {
	background: #FFF;
	border: 1px solid #DDD;
}
.td_lighter, 
.portal_box .portal_content, 
#portal #shoutpost {
	background: #FAFAFA;
	border: 1px solid #DDD;
}
.td_footer,
td.c_foot, tr.postbtn td, 
.category .c_foot {
	border-bottom: 2px solid #3A5197;
}
.td_footer_special, 
#stats .c_foot, 
table.poll td.c_poll-vote, table.poll td.c_poll-total {
	background: #F5F5F5;
	border-bottom: 2px solid #E77700;
}
.th_default, 
.search_results {
	background: #F5F5F5 url(http://z4.ifrm.com/30570/190/0/p1080821/grey.grad.1.png) repeat-x top;
	border: 1px solid #DDD;
}
.th_default_bg_color { background: #F5F5F5; }

.td_border_color, 
#foot td {
	border-color: #DDD;
}
.meta_box {
	background: #F5F5F5 url(http://z4.ifrm.com/30570/190/0/p1080821/grey.grad.1.png) repeat-x top;
	border: 1px solid #DDD;
	border-radius: 5px;
}
/* Table Headers */
.table_header_default,
.cat_head td, thead th, 
blockquote dt, div.spoiler_toggle, 
#portal_news .portal_box h2 {
	color: #FFF;
	font-weight: 600;
	text-shadow: 0 1px 0 rgba(0,0,0,0.2);
	text-align: left;
	background: #576DB0 url(http://z4.ifrm.com/30570/190/0/p1080822/blue.grad.2.png) repeat-x top;
	border: 1px solid #3A5197;
	border-radius: 5px 5px 0 0;
}
.table_header_special, 
#stats .cat_head td,
dl#fast-reply dt, 
table.poll thead th, 
div.topic h2,
thead th.special {
	color: #FFF;
	font-weight: 600;
	text-shadow: 0 1px 0 rgba(0,0,0,0.2);
	text-align: left;
	background: #FB9A34 url(http://z4.ifrm.com/30570/190/0/p1080828/orange.grad.1.png) repeat-x top;
	border: 1px solid #E77700;
	border-radius: 5px 5px 0 0;
}
.table_header_basic, 
#portal_news .portal_box h4, 
.portal_box h2 {
	color: #222;
	font-weight: 600;
	text-align: left;
	background: #F5F5F5 url(http://z4.ifrm.com/30570/190/0/p1080821/grey.grad.1.png) repeat-x top;
	border: 1px solid #DDD;
	border-radius: 5px 5px 0 0;
}

/* Links */
.link_table_header_default, 
.cat_head h2 a { color: #FFF; }
.link_table_header_special {}
.link_table_header_basic {}
.link_topinfo, #top_info a { color: #D4DAEB; text-shadow: 0 1px 0 rgba(0,0,0,0.2); }
	.link_topinfo:hover, #top_info a:hover { color: #FFF; }
.link_topmenu, .drop_menu > li > a { color: #D4DAEB; text-shadow: 0 1px 0 rgba(0,0,0,0.2); }
	.link_topmenu:hover, .drop_menu > li > a:hover { color: #FFF; }
.link_dropmenu {}
	.link_dropmenu {}
.link_logo, #logo a { color: #D4DAEB; }
	.link_logo:hover, #logo a:hover { color: #FFF; }
.link_submenu, #submenu a { color: #D4DAEB; }
	.link_submenu:hover, #submenu a:hover { color: #FFF; }
.link_copyright, #copyright a, #zetaboardspro_copyright a, #copy a { color: #D4DAEB; }
	.link_copyright:hover, #copyright a:hover, #zetaboardspro_copyright a:hover, #copy a:hover { color: #FFF; }
.link_calendar, .calendar thead th a { color: #D4DAEB; }
	.link_calendar:hover, .calendar thead th a:hover { color: #FFF; }
.link_blog, #blog_head h1 a { color: #5A70B3; }
	.link_blog:hover, #blog_head h1 a:hover { color: #3A5197; }

/* Forms */
textarea, input, select {
	font-family:"Helvetica", "Arial", "Bitstream Vera Sans", "Verdana", sans-serif;
	border: 1px solid #CCC;
}

	textarea:focus, input:focus, select:focus { border-color: #AAA; }

/* Buttons */
.button_default, 
.button_small, button, .btn_fake {
	color: #FFF;
	font-weight: 600;
	text-shadow: 0 1px 0 rgba(0,0,0,0.2);
	background: #576DB0 url(http://z4.ifrm.com/30570/190/0/p1080822/blue.grad.2.png) repeat-x top;
	border: 1px solid #3A5197;
}
.button_special, 
.button_small.orange, #fast-reply button, .btn_fake {
	color: #FFF;
	font-weight: 600;
	text-shadow: 0 1px 0 rgba(0,0,0,0.2);
	background: #FB9A34 url(http://z4.ifrm.com/30570/190/0/p1080828/orange.grad.1.png) repeat-x top;
	border: 1px solid #E77700;
}

	.button_fake:hover, .btn_fake:hover { color: #FFF;}
	button:hover, .btn_fake:hover, #fast-reply button:hover { box-shadow: 0 1px 3px rgba(0,0,0,0.2); }

.pagination, 
ul.cat-pages li span {
	color: #FFF;
	font-weight: 600;
	text-shadow: 0 1px 0 rgba(0,0,0,0.2);
	background: #576DB0 url(http://z4.ifrm.com/30570/190/0/p1080822/blue.grad.2.png) repeat-x top;
	border: 1px solid #3A5197;
}

.button_large {
	color: #FFF;
	font-weight: 600;
	text-shadow: 0 1px 0 rgba(0,0,0,0.2);
	background: #445A9E url(http://b3.ifrm.com/30700/90/0/p3016780/blue.grad.4.png) repeat-x top;
	border: 1px solid #3A5197;
}

	.button_large.orange {
		background: #FB8301 url(http://b3.ifrm.com/30700/90/0/p3016781/orange.grad.4.png) repeat-x top;
		border: 1px solid #E77700;
	}

	.button_large.grey {
		background: #7e7e7e url(http://b3.ifrm.com/30700/90/0/p3016782/grey.grad.4.png) repeat-x top;
		border: 1px solid #737373;
	}

	.button_large:hover { box-shadow: 0 1px 5px rgba(0,0,0,0.2); }

.button_small {
	color: #FFF;
	font-weight: 600;
	text-shadow: 0 1px 0 rgba(0,0,0,0.2);
	background: #FB8301 url(http://b3.ifrm.com/30700/90/0/p3016781/orange.grad.4.png) repeat-x top;
	border: 1px solid #E77700;
}

	.button_small.grey {
		background: #7e7e7e url(http://b3.ifrm.com/30700/90/0/p3016782/grey.grad.4.png) repeat-x top;
		border: 1px solid #737373;
	}

	.button_small:hover { box-shadow: 0 1px 3px rgba(0,0,0,0.2); }

/* Markers */
.marker {
	color: #FFF;
	text-shadow: 0 1px 1px rgba(0,0,0,0.1);
	background: #FB8301 url(http://b3.ifrm.com/30700/90/0/p3016781/orange.grad.4.png) repeat-x top;
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
}

.marker.grey {
	background: #7e7e7e url(http://b3.ifrm.com/30700/90/0/p3016782/grey.grad.4.png) repeat-x top;
}

.marker.blue {
	background: #445A9E url(http://b3.ifrm.com/30700/90/0/p3016780/blue.grad.4.png) repeat-x top;
}

/* Width */
.width,
#top, 
#logo,
#submenu, 
#wrap, 
#copyright, #zetaboardspro_copyright, #copy {
	width: 90%;
	max-width: 1000px;
}

/* Main */
#top {
	color: #AFB9D6;
}

#logo {
	background: #576DB0 url(http://z4.ifrm.com/30570/190/0/p1080819/blue.grad.1.png) repeat-x top;
	border: 1px solid #3A5197;
	border-radius: 5px 5px 0 0;
}

#submenu {
	background: #445A9E;
	border: 1px solid #3A5197;
	border-top: 0;
}

#wrap {
	background: #FFF;
	border: 1px solid #3A5197;
}

#copyright, #zetaboardspro_copyright, #copy {
	color: #2B3C6F;
}

/* Dropmenu */
.dropmenu_box, 
.drop_menu > li > ul {
	background: #FFF;
	box-shadow: 0 1px 1px rgba(0,0,0,0.3);
}

.dropmenu_box_arrow, 
.drop_menu > li a + ul::before, .drop_menu > li > ul::before {
	border-bottom-color: #FFF;
}

/* Notice */
.notice_box, 
dl.notice {
	background: #F5F5F5;
	border: 2px solid #3A5197;
}

	.notice_box_error, 
	dl.notice.error {
		border-color: #E77700;
	}

.notice_box_heading, 
dl.notice dt {
	color: #3A5197;
}

.notice_box_error_heading, 
dl.notice.error dt {
	color: #E77700;
}

/* PM Toast */
#pmtoast {
	background: #FFF;
	border: 1px solid #3A5197;
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

	#pmtoast big {
		background: #3A5197;
		border: 1px solid #3A5197;
	}

	#pmtoast big { color: #D4DAEB; }
	#pmtoast big:hover { color: #FFF; }

	#pmtoast small {
		color: #888;
	}

	#pmtoast strong {
		color: #222;
	}

	#pmclose {
		background: #5A70B3;
	}

	a#pmclose { color: #D4DAEB; }
	a#pmclose:hover { color: #FFF; }

/* Shoutbox */
.shoutbox_post, 
ul#shoutbox li {
	border-bottom: 1px solid #DDD;
}
.shoutbox_post_odd, 
ul#shoutbox li.odd {
	background: #F5F5F5;
}

/* Poll */
.poll_bar, 
table.poll td.c_poll-bar div {
	background: #FB9A34 url(http://z4.ifrm.com/30570/190/0/p1080828/orange.grad.1.png) repeat-x top;
	border: 1px solid #E77700;
}

/* Calendar */
.current_event, 
td#cal_current {
	background: #FFF;
	border: 2px solid #E77700;
}

/* Portal */
.portal_shoutbox_box, 
.portal_box ul#shoutbox {
	border: 1px solid #DDD;
}

/* Blog */
.blog_border_color,  
#blog_sub span, #blog_sub form, 
#blogleftwrap, 
#blog_head, 
#blog_main, 
.blog_entry, 
.blog_entry #blog_comments, 
#blog_comments li, 
#blog_sidebar > div {
	border-color:#DDD;
}

.blog_background_color, 
.blog_date, 
.blog_entry .blog_options, 
#blog_sidebar > div:nth-child(even) {
	background: #F5F5F5;
}

.blog_background_image, 
.blog_entry #blog_comments, 
#blog_user {
	background: #F5F5F5 url(http://z4.ifrm.com/30570/190/0/p1080821/grey.grad.1.png) repeat-x top;
}

/* Dev - Toolkit */
.block h1 { text-transform: uppercase; color: #3a5197; }
	.block h1::after { background: rgba(0,0,0,0.2); }
.block h2 { text-transform: uppercase; color: #2e4078; }
	.block h2::after { background: rgba(0,0,0,0.2); }
.block h3 { color: #3a5197; }
	.block h3::after { background: rgba(0,0,0,0.2); }
.block h4 { color: #2e4078; }
.block a.button-small {
	color: #3a5197;
	border: 1px solid #5A70B3;
	background: transparent;
}
	.block a.button-small:hover {
		color: #FFF;
		background: #3a5197;
		border-color: #3a5197;
		text-shadow: 0 1px 1px rgba(0,0,0,0.2);
	}
.block a.button-big {
	color: #3a5197;
	border: 2px solid #5A70B3;
}

	.block a.button-big:hover {
		color: #FFF;
		background: #3a5197;
		border-color: #3a5197;
		text-shadow: 0 1px 1px rgba(0,0,0,0.2);
	}

/* Fixes - Do Not Edit */
.portal_box h4 { border-top: 0; } /* do not edit */
.portal_box .portal_content, #portal #shoutpost { border-top: 0; } /* do not edit */
thead th, thead th.special { border-radius: 0; } /* do not edit */
#portal_news .portal_box h4 { border-radius: 0; } /* do not edit */

/* --- Responsive --- */
/* Tablet */
@media (max-width:768px) {
	/* Fixes - Do Not Edit */
	#submenu, #wrap, dl.notice { border: 0; } /* do not edit */
	html, body, #wrap, #top, #logo, #submenu, #copyright, #copy { width: 100%; } /* do not edit */
	/* Edit Below */
	
	html { background: #FFF; }
	body { background: #FFF; }
	
	/* Topmenu */
	#top {
		background: #FFF;
		color: rgba(0,0,0,0.6);
	}
	
	#top_info, #top_menu { border-bottom: 1px solid rgba(0,0,0,0.1); }
	
	#top a { color: rgba(0,0,0,0.8); }
		#top a:hover, #top a:active { color: rgba(0,0,0,0.9); }
	
		#top_menu > li::after { color: rgba(0,0,0,0.2); }
	
	#top_submenu_button {
		color: rgba(0,0,0,0.9);
		border-right: 1px solid rgba(0,0,0,0.1);
	}
	
	/* Submenu */
	#submenu {
		background: #F0F0F0;
	}
	
		#submenu a {
			border-bottom: 1px solid rgba(0,0,0,0.1);
			color: rgba(0,0,0,0.9);
		}
	
	/* Navigation / Logo */
	#nav li:nth-child(2) { border-bottom: 2px solid rgba(0,0,0,0.1); }
	
	/* Notice */
	dl.notice {
		background: #f1e2a4;
		color: #8a7f51;
		border-bottom: 1px solid rgba(0,0,0,0.1);
	}
	
		dl.notice dt { color: #6a6039; }
}

/* Phone */
@media (max-width:550px) {
	/* Fixes - Do Not Edit */
	#pmtoast, #pmtoast big, a#pmclose { border: 0; } /* do not edit */
	#pmtoast big { background: transparent; } /* do not edit */
	/* Edit Below */
	
	/* PM Toast */
	#pmtoast { background: #999; }
		#pmtoast big { color: #111; }
		#pmtoast small { color: #444; }
		#pmtoast strong { color: #222; }
		a#pmclose {
			background: #909090;
			border-left: 1px solid rgba(0,0,0,0.1);
			border-bottom: 1px solid rgba(0,0,0,0.1);
			color: #222;
		}
	
	/* Mini Profile */
	.min_profile { border-bottom: 1px solid rgba(0,0,0,0.1); }
	
	/* Dev - Toolkit */
	.row { flex-flow: column; padding: 0; }
	.block { margin: 0; padding: 20px; }
	
}