/*
Template Name: Blakesley
Template URI: http://blakesley.cmsmasters.net/
Description: The Blakesley HTML Temnplate.
Version: 1.0
Author: cmsmasters
Author URI: http://blakesley.cmsmasters.net/
Tags: black, blue, green, custom header, fixed width, two columns, widgets, many sidebars
Text Domain: cmsmasters

	This template was built by cmsmasters
*/


/* ---------------------------------- Home ----------------------------------------------*/

/* ---------------------------------- Breadcrumb ----------------------------------------------*/

/* ---------------------------------- Sidebar ----------------------------------------------*/

/* ---------------------------------- Middle Bottom ----------------------------------------------*/

/* ---------------------------------- Bottom ----------------------------------------------*/

/* ---------------------------------- Footer ----------------------------------------------*/

/* ---------------------------------- Widgets ----------------------------------------------*/

.widget {
	position:relative;
	overflow:hidden;
}

.widget h4 {padding:0 0 5px;}

.widget .nav {
	position:absolute;
	top:15px;
	right:25px;
}

#recent-widget.widget .nav span {
	display:block;
	width:23px;
	height:21px;
	float:left;
	padding:0 3px 0 0;
	cursor:pointer;
}

#test-widget ul, #twitter-widget ul, #recent-widget ul, #popular-widget ul, #comments-widget ul, #products-widget ul, #prod-widget ul {
	list-style:none;
	padding:0;
	margin:0;
}

#test-widget li, #twitter-widget li, #recent-widget li, #popular-widget li, #comments-widget li, #products-widget li, #prod-widget li {
	padding:0 0 30px;
	margin:0;
	position:relative;
	overflow:hidden;
}

#test-widget li p, #twitter-widget li p, #recent-widget li p, #popular-widget li p, #comments-widget li p, #products-widget li p {padding:0;}

#recent-widget {height:325px;}

#recent-widget small {
	display:block;
	padding:5px 0 0;
}

#recent-widget .date {margin:0 10px 7px 0;}

#recent-widget strong {
	display:block;
	padding:7px 0 0;
}

#products-widget li img {
	display:block;
	float:left;
	padding:4px;
	margin-right:15px;
}

#products-widget li {padding:0 0 18px;}

#prod-widget {height:430px;}

#prod-widget img {padding:0;}

#commentform small {font-size:1em;}

#commentform p.text small {line-height:1.5em;}

#comments-widget p {padding:0 0 30px;}

#comments-widget p small {text-transform:uppercase;}

#twitter-widget li {padding:0 0 20px;}

.widget_calendar table {width:100%;}

.widget_categories ul, .widget_pages ul, .widget_links ul, .widget_archive ul, .widget_meta ul, .widget_recent_entries ul, .widget_recent_comments ul, .widget_nav_menu ul {
	padding:0;
	margin:0;
}

.widget_categories li, .widget_pages li, .widget_links li, .widget_archive li, .widget_meta li, .widget_recent_entries li, .widget_recent_comments li, .widget_nav_menu li {
	padding:0 0 10px;
	margin:0;
}

.widget_pages li li {padding:10px 0 0 20px;}

#flickr {
	position:relative;
	overflow:hidden;
}

#flickr .flickr_badge_image {
	float:left;
	padding:0 8px 8px 0;
}

#contactFormWidget {width:250px;}

#test-widget {
	width:256px;
	height:200px;
	padding:25px 30px 0;
	position:relative;
	overflow:hidden;
}
#test-widget1 {
	width:256px;
	height:200px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 20px;
}

#test-widget li p {
	display:block;
	height:120px;
	width: 215px;
}

#test-widget li strong {padding-left:70px;}

#test-widget.widget .nav {
	right:12px;
}

#test-widget.widget .nav span {
	display:block;
	width:22px;
	height:20px;
	float:left;
	padding:0 3px 0 0;
	cursor:pointer;
}

#sidebar #test-widget {
	width:auto;
	height:320px;
	padding:0 30px;
	position:relative;
	overflow:hidden;
}

#sidebar #test-widget ul {
	width:230px;
	height:170px;
	padding:30px 20px;
}

#sidebar #test-widget li {
	width:230px;
	margin:35px 20px 0;
}

#sidebar #test-widget li p {
	display:block;
	height:170px;
	padding:0 10px;
}

#sidebar #test-widget li strong {padding-left:0;}

#sidebar #test-widget.widget .nav {
	top:290px;
	right:30px;
	z-index:20;
}

#sidebar #test-widget.widget .nav span {
	display:block;
	width:22px;
	height:20px;
	float:left;
	padding:0 5px 0 0;
	cursor:pointer;
}

/* ---------------------------------- Other ----------------------------------------------*/

a.button {
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	padding:6px 0 7px 10px;
	cursor:pointer;
}

a.button span {
	text-decoration:none;
	padding:6px 21px 7px 10px;
	cursor:pointer;
}

.form_text {
	width:auto;
	float:left;
	padding:0 20px 15px 0;
}

.form_text.but {padding:3px 0;}

.form_text.but a.button {
	float:left;
	margin:0 20px 0 0;
}

.fl {float:left;}

.fr {float:right;}

.tac, .center {text-align:center;}

.cl {clear:both;}

a.fl {
	display:block;
	margin:5px 25px 15px 0;
}

a.fr {
	display:block;
	margin:5px 0 15px 25px;
}

#middle table {
	width:100%;
	border-spacing:0;
	border-collapse:collapse;
	padding:0;
	margin:10px 0 20px;
}

#middle table th {
	text-align:center;
	text-transform:uppercase;
	padding:6px;
	margin:0;
}

#middle table td {
	text-align:center;
	padding:6px;
	margin:0;
}

#middle table.vac {
	width:auto;
	margin:7px 0 0;
}

#middle table.vac td {
	text-align:left;
	padding:0 0 7px;
	vertical-align:middle;
}

.screenReader {
	position:absolute;
	top:-9999px;
	left:-9999px;
}

a span {cursor:pointer;}

a.top {
	font-size:1.1em;
	position:absolute;
	bottom:20px;
	right:30px;
}

.one_third {
	width:31%;
	float:left;
	padding-right:3.5%;
	padding-bottom:20px;
}

.one_third.last {
	width:31%;
	float:right;
	padding-right:0;
	padding-bottom:20px;
}

.two_third {
	width:66%;
	float:left;
	padding-right:2%;
	padding-bottom:20px;
}

.two_third.last {
	width:66%;
	float:right;
	padding-right:0;
	padding-bottom:20px;
}

.one_half {
	width:47%;
	float:left;
	padding-right:3%;
	padding-bottom:20px;
}

.one_half.last {
	width:47%;
	float:right;
	padding-right:0;
	padding-bottom:20px;
}

.one_fourth {
	width:23%;
	float:left;
	padding-right:2.6%;
	padding-bottom:20px;
}

.one_fourth.last {
	width:23%;
	float:right;
	padding-right:0;
	padding-bottom:20px;
}

.three_fourth {
	width:73%;
	float:left;
	padding-right:2%;
	padding-bottom:20px;
}

.three_fourth.last {
	width:73%;
	float:right;
	padding-right:0;
	padding-bottom:20px;
}

.person {
	position:relative;
	overflow:hidden;
}

.person .fl {
	position:absolute;
	top:0;
	left:0;
}

.person .fr {padding-left:30%;}

.person .fr strong {display:block;}

.person .fr span {
	display:block;
	text-transform:uppercase;
	padding:2px 0 5px;
}

#middle .person img {padding:0;}

#middle .middle_content .person img {padding:4px;}

hr {margin-bottom:20px;}

a.all {
	padding:4px 22px 4px 7px;
	margin:0 0 0 -7px;
}

a.all:hover {text-decoration:none;}

a.all_post {
	padding:4px 22px 4px 7px;
	margin:0;
}

a.all_post:hover {text-decoration:none;}

span.dropcap {
	font-size:4em;
	display:block;
	float:left;
	padding:10px 10px 5px 0;
	margin:0;
}

span.dropcap2 {
	font-size:3em;
	display:block;
	float:left;
	padding:10px 10px 5px 0;
	margin:0;
}

.custom {
	margin:0 0 20px;
	position:relative;
	overflow:hidden;
}

.custom_top {
	height:10px;
	position:relative;
	overflow:hidden;
}

.custom_top_l {
	width:10px;
	height:10px;
	float:left;
	position:relative;
	overflow:hidden;
}

.custom_top_r {
	width:10px;
	height:10px;
	float:right;
	position:relative;
	overflow:hidden;
}

.custom_top_bg {
	height:10px;
	margin:0 10px;
	position:relative;
}

.custom_bot {
	height:10px;
	position:relative;
	overflow:hidden;
}

.custom_bot_l {
	width:10px;
	height:10px;
	float:left;
	position:relative;
	overflow:hidden;
}

.custom_bot_r {
	width:10px;
	height:10px;
	float:right;
	position:relative;
	overflow:hidden;
}

.custom_bot_bg {
	height:10px;
	margin:0 10px;
	position:relative;
}

.custom_bg {
	text-align:right;
	padding:15px 30px 11px;
	position:relative;
	overflow:hidden;
}

.custom_bg h1 {
	float:left;
	margin-top:-3px;
	padding:0;
}

#middle .tab, #middle .accordion, #middle .togg {
	margin:10px 0 20px;
	position:relative;
	overflow:hidden;
}

#middle ul.tabs {  
	margin:0; 
	padding:0 0 0 35px;
	height:38px;
}

#middle ul.tabs li {  
	float:left;	 
	padding:0;
	margin:0 4px 0 0;  
	list-style-type:none;	
}

#middle ul.tabs a { 
	float:left;
	font-size:1.2em;
	display:block;
	padding:10px 20px;	
	text-decoration:none;
	height:16px;
	position:relative;
	top:1px;	
	outline:0;
}
	
#middle ul.tabs a.current {cursor:default;}

#middle .tab .tab_content {
	display:block;
	position:relative;
	overflow:hidden;
}

#middle .tab .tab_content div {
	display:none;
	padding:30px;
	position:relative;
	overflow:hidden;
}

#middle .accordion .tog, #middle .togg .tog {
	display:block;
	cursor:pointer;
	font-size:1.2em;
	padding:10px 20px 12px;
	height:16px;
	position:relative;
	top:1px;	
	outline:0;
}

#middle .accordion .tog a, #middle .togg .tog a {
	display:block;
	margin:0 0 0 -20px;
	padding:1px 0 0 50px;
}

#middle .accordion .tog a:hover, #middle .togg .tog a:hover {text-decoration:none;}

#middle .accordion .tab_content, #middle .togg .tab_content {
	display:none;
	padding:20px 15px 30px;
	position:relative;
	overflow:hidden;
}

#middle .togg .tab_content {display:block;}

.box {
	padding:7px 9px 9px 7px;
	margin:0 0 30px;
}

#middle .box table {margin:0;}

#middle .box table td {
	font-size:1.2em;
	text-align:left;
	padding:10px 30px;
}

#middle .box table td a {text-decoration:underline;}

#middle .box table td a:hover {text-decoration:none;}

#middle .box table td.b_img {
	width:105px;
	height:95px;
	padding:0;
}

span.post_sep {padding:0 5px;}

.form {
	padding:0 0 10px;
	position:relative;
	overflow:hidden;
}

.form .loading {
	width:20px;
	height:15px;
	position:absolute;
	bottom:10px;
	left:100px;
	display:none;
}

.form form label span {float:right;}

.form form label strong {font-weight:normal;}

.error404 {
	text-align:center;
	min-height:750px;
}

.error404 h1 {
	font-size:30em;
	font-weight:bold;
}

.error404 h2 {
	font-size:4em;
	font-weight:bold;
}

.error404 h3 {
	font-size:1.5em;
	font-weight:bold;
	text-transform:uppercase;
}

/* Blue Color Scheme */

/* ---------------------------------- Header ----------------------------------------------*/

a.user {
	background:url(blue/user.png) 0 3px no-repeat;
	color:#feffff;
}

a.user:hover {color:#2dbffd;}

#header .search, #middle .search {background:url(blue/search_bg.png) 0 0 no-repeat;}

#header .search input[type="text"], #middle .search input[type="text"] {
	border:0;
	background:none;
	color:#7b7b7b;
}

#header .search input[type="text"]:focus, #middle .search input[type="text"]:focus {color:#191918;}

#header .search input[type="submit"], #middle .search input[type="submit"] {
	border:0;
	background:url(blue/search_but.png) 0 0 no-repeat;
}

#header .search input[type="submit"]:hover, #middle .search input[type="submit"]:hover {background:url(blue/search_but_sel.png) 0 0 no-repeat;}

#navigation {background:url(blue/nav_bg.png) top repeat-x;}

#navigation li {background:url(blue/nav_sep.jpg) right 5px no-repeat;}

#navigation li a {
	background:url(blue/nav_item.jpg) top repeat-x;
	color:#fffffe;
}

#navigation li li {
	border-top:5px solid #2cbffd;
	background:none;
}

#navigation li.current_page_item a {background:none;}

#navigation li:hover a {background:url(blue/nav_sel.jpg) top repeat-x;}

#navigation li ul {background:#292929;}

#navigation li li a, #navigation li:hover li a {background:#292929 url(blue/sub_nav_item.jpg) top repeat-x;}

#navigation li:hover li:hover a, #navigation li:hover li.current_page_item a {background:#149dfb url(blue/sub_nav_sel.jpg) top repeat-x;}

#navigation li:hover li:hover li a {background:#292929 url(blue/sub_nav_item.jpg) top repeat-x;}

#navigation li:hover li:hover li:hover a, #navigation li:hover li:hover li.current_page_item a {background:#149dfb url(blue/sub_nav_sel.jpg) top repeat-x;}

/* ---------------------------------- Top ----------------------------------------------*/

/* ---------------------------------- Middle ----------------------------------------------*/

#middle h1 a, #middle h2 a, #middle h3 a, #middle h4 a, #middle h5 a, #middle h6 a {color:#171717;}

#middle img {
	border:1px solid #ddd;
	background:#fefffe;
}

.middle {background:url(blue/middle_bg.jpg) left repeat-y;}

#homepage .middle {background:url(blue/middle_home_bg.jpg) left repeat-y;}

.middle_top {background:url(blue/middle_top_line.png) top repeat-x;}

.middle_bot {background:url(blue/middle_bot.jpg) top left no-repeat;}

#homepage .middle_bot {background:url(blue/middle_home_bot.jpg) top left no-repeat;}

.middle_head {background:url(blue/middle_top_bg.png) top repeat-x;}

.middle_content .descript {border-bottom:1px solid #d6d6d6;}

#middle .date {
	background:url(blue/date_bg.png) 0 0 no-repeat;
	color:#fefeff;
}

#middle .navigation .wp-pagenavi a.page {
	background:url(blue/pager.png) top left no-repeat;
	color:#feffff;
}

#middle .navigation .wp-pagenavi a.page:hover {background:url(blue/pager_sel.png) top left no-repeat;}

#middle .navigation .wp-pagenavi span.current {
	background:url(blue/pager_sel.png) top left no-repeat;
	color:#fefffd;
}

#middle h2 {color:#151615;}

#middle h4 a:hover {color:#151515;}

#middle ul.list li {background:url(blue/list_item.png) 0 5px no-repeat;}

#middle .content ul.list_grey li {background:url(blue/list_item_grey.png) 0 2px no-repeat;}

#middle .post_user {background:url(blue/h_sep.jpg) top repeat-x;}

#middle a.hov span {background:url(blue/light.png) 50% 50% no-repeat;}

/* ---------------------------------- Home ----------------------------------------------*/

#home .widget {background:url(blue/sep.png) top right repeat-y;}

#home .widget h3 {background:url(blue/headline_sep.png) top right no-repeat;}

/* ---------------------------------- Breadcrumb ----------------------------------------------*/

#breadcrumb {color:#afafaf;}

#breadcrumb a {
	background:url(blue/bred_l.png) left -1px no-repeat;
	color:#313131;
}

#breadcrumb a span {
	background:url(blue/bred_r.png) right -1px no-repeat;
	color:#313131;
}

#breadcrumb a:hover {
	background:url(blue/bred_l_sel.png) top left no-repeat;
	color:#fefdfe;
}

#breadcrumb a:hover span {
	background:url(blue/bred_r_sel.png) top right no-repeat;
	color:#fdfffe;
}

#breadcrumb span.bred {
	background:url(blue/bred_l_unsel.png) top left no-repeat;
	color:#313131;
}

#breadcrumb span.bred span {
	background:url(blue/bred_r_unsel.png) top right no-repeat;
	color:#313131;
}

/* ---------------------------------- Portfolio ----------------------------------------------*/

.p_options {background:url(blue/p_opt_top.png) top repeat-x;}

.p_options a.opt_but, .p_options a.opt_but_g {
	background:url(blue/p_opt_but.png) 0 0 no-repeat;
	color:#fefffd;
}

.p_options .p_options_block {background:#5b5b5b url(blue/p_opt_bg.jpg) top repeat-x;}

.p_options .switcher span {color:#f9f9f9;}

.p_options .switcher a {
	background:url(blue/p_col.png) 0 0 no-repeat;
	color:#fdfffd;
}

.p_options .switcher a.current, .p_options .switcher a:hover {
	background:url(blue/p_col_sel.png) 0 0 no-repeat;
	color:#1b1b1b;
}

div.p_filter {color:#e1e1e1;}

ul.p_filter {background:url(blue/p_sort_dropdown.png) bottom center no-repeat;}

ul.p_filter li a {color:#e1e1e1;}

ul.p_filter li.current a {
	background:url(blue/p_sort.png) 3px 0 no-repeat;
	color:#e1e1e1;
}

ul.p_filter:hover li.current a {
	background:url(blue/p_sort_sel.png) 0 -2px no-repeat;
	color:#1b1b1b;
}

.p_sort {color:#e1e1e1;}

.p_sort a[name="date"] {
	background:url(blue/p_date.png) 0 0 no-repeat;
	color:#e1e1e1;
}

.p_sort a[name="date"].sel {
	background:url(blue/p_date_sel.png) 0 0 no-repeat;
	color:#1c1c1c;
}

.p_sort a[name="date"].sel2 {
	background:url(blue/p_date_sel_up.png) 0 0 no-repeat;
	color:#1c1c1c;
}

.p_sort a[name="name"] {
	background:url(blue/p_name.png) 0 0 no-repeat;
	color:#e1e1e1;
}

.p_sort a[name="name"].sel {
	background:url(blue/p_name_sel.png) 0 0 no-repeat;
	color:#1c1c1c;
}

.p_sort a[name="name"].sel2 {
	background:url(blue/p_name_sel_up.png) 0 0 no-repeat;
	color:#1c1c1c;
}

/* ---------------------------------- Content ----------------------------------------------*/

#content .product img {
	border:0;
	background:none;
}

#content .post .postline {color:#7c7c7c;}

#content ol.commentlist {background:url(blue/h_sep.jpg) bottom repeat-x;}

#content .comment-body .com_box {color:#7e7c7c;}

/* ---------------------------------- Sidebar ----------------------------------------------*/

#sidebar {background:url(blue/sidebar_bg.jpg) top left repeat-y;}

#sidebar .widget h3 {background:url(blue/sidebar_head.png) top left no-repeat;}

#sidebar li {background:url(blue/list_item_grey.png) 0 3px no-repeat;}

#sidebar span.col {color:#848484;}

/* ---------------------------------- Middle Bottom ----------------------------------------------*/

#middle_bottom {
	background:url(blue/bottom_block.jpg) bottom left no-repeat;
	color:#fdfffd;
}

#middle_bottom li {background:url(blue/list_item_blue.png) 0 4px no-repeat;}

#middle_bottom h1, #middle_bottom h2, #middle_bottom h3, #middle_bottom h4, #middle_bottom h5, #middle_bottom h6 {color:#feffff;}

/* ---------------------------------- Bottom ----------------------------------------------*/

#bottom .toggle {background:url(blue/bottom_line_bg.jpg) 0 11px repeat-x;}

#bottom .toggle a.show, #bottom .toggle a.hide {color:#feffff;}

#bottom .toggle a.hide {background:url(blue/hide.png) top center no-repeat;}

#bottom .toggle a.show {background:url(blue/show.png) bottom center no-repeat;}

#bottom .toggle a.hide:hover {background:url(blue/hide_sel.png) top center no-repeat;}

#bottom .toggle a.show:hover {background:url(blue/show_sel.png) bottom center no-repeat;}

.bot_container {background:#2b2b2b url(blue/bottom_bg.png) top repeat-x;}

.bottom {color:#fefdfd;}

#bottom h1, #bottom h2, #bottom h3, #bottom h4, #bottom h5, #bottom h6 {color:#fffffe;}

#bottom li {background:url(blue/list_item_white.png) 0 4px no-repeat;}

#bottom .widget {background:url(blue/bottom_sep.png) top right repeat-y;}

#bottom a:hover {color:#fffdfe;}

#bottom span.col {color:#feffff;}

/* ---------------------------------- Footer ----------------------------------------------*/

/* ---------------------------------- Widgets ----------------------------------------------*/

.widget .nav span#prev_new {background:url(blue/new_prev.png) 0 0 no-repeat;}

.widget .nav span#next_new {background:url(blue/new_next.png) 0 0 no-repeat;}

.widget .nav span#prev_new:hover {background:url(blue/new_prev_sel.png) 0 0 no-repeat;}

.widget .nav span#next_new:hover {background:url(blue/new_next_sel.png) 0 0 no-repeat;}

#test-widget li, #twitter-widget li, #recent-widget li, #popular-widget li, #comments-widget li, #products-widget li, #prod-widget li {
	background:none;
	right: 40px;
	width: 250px;
}

#recent-widget small a {color:#848484;}

#recent-widget small a:hover {color:#2cbefd;}

#products-widget li img {border:1px solid #ddd;}

#prod-widget img {
	border:0;
	background:none;
}

#test-widget {
	background:url(blue/test_block.png) 0 0 no-repeat;
	width: 203px;
	margin-top: 0px;
}

.widget .nav span#prev_test {background:url(blue/test_prev.png) 0 0 no-repeat;}

.widget .nav span#next_test {background:url(blue/test_next.png) 0 0 no-repeat;}

.widget .nav span#prev_test:hover {background:url(blue/test_prev_sel.png) 0 0 no-repeat;}

.widget .nav span#next_test:hover {background:url(blue/test_next_sel.png) 0 0 no-repeat;}

#sidebar #test-widget {background:none;}

#sidebar #test-widget ul {background:url(blue/side_test_bg.png) 0 0 no-repeat;}

#sidebar #test-widget li p {color:#737373;}

#sidebar .widget .nav span#prev_test {background:url(blue/new_prev.png) 0 0 no-repeat;}

#sidebar .widget .nav span#next_test {background:url(blue/new_next.png) 0 0 no-repeat;}

#sidebar .widget .nav span#prev_test:hover {background:url(blue/new_prev_sel.png) 0 0 no-repeat;}

#sidebar .widget .nav span#next_test:hover {background:url(blue/new_next_sel.png) 0 0 no-repeat;}

/* ---------------------------------- Other ----------------------------------------------*/