/*
Theme Name: Angry Catfish Bicycle
Theme URI: http://www.joshuaadrian.com
Description: Awesome Bike Theme
Version: .5 (WP2.8.4)
Author: Joshua Adrian
Author URI: http://www.joshuaadrian.com
Tags: awesome, rad, bitchin
*/

/*----- COLOR PALLETE -----*/

/* ACF ORANGE #f3792c */
/* ACF DARK ORANGE #e34a20 */
/* ACF BLUE #3076ba */
/* ACF PURPLE #262c70 */

/*----- /COLOR PALLETE -----*/


/*----- MY RESET -----*/
body {font-family: "museo-1","museo-2", "museo-3";}
#typekit-badge-dqz7xmj {display:none !important}
/* body {font-family: "Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif} */
div {position:relative}
.clearFix {clear:both; display:block; height:1px; margin:-1px 0 0 0}
a {outline:none}
/*----- /MY RESET -----*/

/*----- STRUCTURE -----*/

#row1 {width:100%; height:90px; margin:0 0 0 0; background: url(/wp-content/themes/acf/images/header_bg.gif) top left repeat-x #f47d30; overflow:hidden}
	#row1_wrapper {width:950px; margin:0 auto; overflow:hidden;}
#row2 {width:100%; padding:20px 0 20px 0; background-color: #fffcdf; overflow:hidden}
	#row2_wrapper {width:1020px; margin:0 auto; overflow:hidden}
#row3 {width:100%; background: url(/wp-content/themes/acf/images/footer_bg.gif) top left repeat-x #f47d30; overflow:hidden}
	#row3_wrapper {width:950px; margin:10px auto 0 auto; overflow:hidden}
	
/*----- /STRUCTURE -----*/

/*----- ROW1 -----*/

#logo {float:left; clear:both; width:164px; height:90px; margin:0 0; }
#shop_info {float:right; width:400px; margin:23px 0; text-align:right;}
	#shop_info p {font-size:10px; line-height: 16px; font-weight:bolder; color:#fbc46b; margin:0; padding:0}

/*----- /ROW1 -----*/

/*----- ROW2 -----*/

#nav {position:absolute; top:0px; left:5px; width:30px; margin:20px 0 0 0; padding:10px 0; overflow:hidden; z-index:100; background: url(/wp-content/themes/acf/images/nav_bg.gif) top left repeat-y #ffd576;}
	#nav a {float:left; clear:left; width:30px; background-image: url(/wp-content/themes/acf/images/nav/nav_sprite.gif); background-repeat: no-repeat; text-indent:-9999px; margin:10px 0; font-size:8px; line-height: 30px;}
	#nav_home {height:39px; background-position:0 -12px;}
	#nav_services {height:53px; background-position:0 -88px; }
	#nav_blog {height:29px; background-position:0 -347px;}
	#nav_shop_info {height:63px; background-position:0 -163px;}
	#nav_cafe {height:27px; background-position:0 -270px;}
	
	#nav_home:hover {height:39px; background-position:-30px -12px;}
	#nav_services:hover {height:53px; background-position:-30px -88px; }
	#nav_blog:hover {height:29px; background-position:-30px -347px;}
	#nav_shop_info:hover {height:63px; background-position:-30px -163px;}
	#nav_cafe:hover {height:27px; background-position:-30px -270px;}
	
	.nav_current_home {height:33px; background-position:-30px -12px !important;}
	.nav_current_services {height:53px; background-position:-30px -88px !important; }
	.nav_current_blog {height:29px; background-position:-30px -347px !important;}
	.nav_current_shop_info {height:63px; background-position:-30px -163px !important;}
	.nav_current_cafe {height:27px; background-position:-30px -270px !important;}

#content_wrapper {float:left; width:680px; margin:0 0 0 30px; background: url(/wp-content/themes/acf/images/borders.gif) top right repeat-y #fffcf1; }
#border_top {float:left; clear:both; height:20px; width:680px; background: url(/wp-content/themes/acf/images/box.gif) top left no-repeat; overflow:hidden}
#border_bottom {float:left; clear:both; height:20px; width:680px; background: url(/wp-content/themes/acf/images/box.gif) bottom left no-repeat; overflow:hidden}
#content {float:left; clear:both; width:680px;  overflow:visible;}
	#index_banner								{float:left; clear:both; width:650px; height:60px; margin:0 5px 570px 5px; padding:10px; background-color: #3076ba; }
	#index_banner img							{float:left; height:60px; width:60px; margin:0 10px 0 0; background: url(/wp-content/themes/acf/images/banner_edge.png) top left no-repeat;}
	#index_banner p								{float:left; width:560px; font-size: 12px; line-height: 16px; padding:0; margin:0; color:#fff;}

/*----- SLIDER -----*/

.slider-wrap								{ width: 640px; position: absolute; top: 80px; left: 20px; z-index:100;}			
.stripViewer .panelContainer .panel ul		{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ float:left; position: relative; overflow: hidden; width: 640px; height: 450px; background-color: #f39500; z-index:100;}
.stripViewer .panelContainer				{ position: relative; height: 450px; left: 0; top: 0; z-index:100; overflow:hidden}
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 640px; height:450px; overflow:hidden}
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border:none; margin:0; }
#movers-row									{ float:left; width:440px; margin:10px 0 0 0; }
#movers-row div								{ float: left; width: 200px; height:100px; margin:10px 0 0 20px;  background-color: #fff}
#movers-row div a.cross-link 				{ }
.photo-meta-data							{ float:right; background: url(/wp-content/themes/acf/images/banner_edge.png) top left no-repeat; text-align:right; padding: 0 0 0 30px; height: 54px; margin-top:-100px; position: relative; z-index: 100; color: white; overflow:hidden}
.photo-meta-data span 						{ background-color:#f39500;font-size: 14px; padding:0 0 10px 0;}
.photo-meta-data a 							{background-color:#f39500; font-size: 18px; padding:16px 10px 20px 10px; display:block; text-decoration: none; color:#fff}
.photo-meta-data a:hover 					{color:#ffe3b7}
.cross-link									{ float:left; display: block; background-color: #ccc; width: 194px; height:94px; margin:0 0 0 0; position: relative; padding:0; z-index: 9999; overflow:hidden; border:3px solid #999; }
.active-thumb 								{border:3px solid #f39500 !important; }
#cross-link1 {border:3px solid #999; margin:20px 0 0 0;overflow:hidden; }

/*----- /SLIDER -----*/

/*----- SECTION STYLES -----*/

.section_wrapper {width:670px; min-height:600px; overflow:visible}
.section {width:670px; margin:0 5px;}
	.section_link {float:left; width:670px; height:30px; background-image:url(/wp-content/themes/acf/images/section_link_bg.png); background-position: top left; background-repeat: repeat-x; background-color: #f7941e; cursor: pointer}
	.section_link.current {background-image: none;}
		.section_link_left {float:left; padding:7px 0 0 15px; font-size: 12px; color:#fff}
		.section_link_right {float:right; padding:8px 15px 0 0; font-size: 12px; color:#fff}
	
	.section_content {float:left; width:670px; margin:0 0 20px 0; }
		.section_copy {float:left; width:670px; }
			.section_copy p {padding:10px 15px 0 15px; font-size:12px; line-height:18px; color:#203252}
			.section_copy ul {padding:5px 15px 5px 15px; font-size:12px; line-height:18px; color:#203252}
			.section_copy ul li {padding:5px 0 5px 0; font-size:12px; line-height:18px; color:#203252}
			.section_copy span {color:#f7941e}
			.section_copy a {font-size:12px; line-height:18px; color:#203252; text-decoration: underline}
		.info_banner {float:left; width:640px; padding:10px 15px; background: #3077bc}
			.info_banner p {font-size:12px; line-height:18px; color:#fff}
			.info_banner span {color:#f7941e}
			.info_banner p a {color:#fff}
			
/*----- /SECTION STYLES -----*/
			
/*----- POST STYLES -----*/

.post {width:670px; margin:0 5px;}
	.post_header {float:left; clear:both; width:650px; height:30px; padding:0 10px; margin:0 0 10px 0;background-color: #3076BA;}
		.post_title {float:left; padding:0;}
			.post_title h2 a {font-size: 14px; line-height:30px; color:#F39500; color:#fff;text-decoration: none; font-weight: bold}
			.post_title h2 a:hover {color:#ffc887;}
			.post_title h2 {font-size: 14px; line-height:30px; color:#F39500; color:#fff;text-decoration: none; font-weight: bold}

		.post_author {float:right; font-size: 12px; line-height:30px; color:#f7941e}
	.post_content {float:left; clear:both; width:650px; padding:0 10px;}
		.post_content p {float:left; font-size: 12px; line-height: 18px; color:#203252}
		.post_content p a {color:#9d5500; text-decoration: none;}
		.post_content p a:hover {color:#ffc887;}
		.post_content ul {float:left; font-size: 12px; line-height: 16px; color:#203252}
		.post_content img {float:left; margin:10px 10px 10px 0; }
		.more-link {float:left; clear:both; margin:10px 0 20px 0; padding:5px 0 0 0; font-size:9px; color:#203252 !important;text-decoration: none}
		.more-link img {float:none !important; margin:0 !important}
	.post_info {float:left; clear:both; width:650px; margin:10px 10px 20px 10px; padding:10px 0 4px 0; border-bottom: 1px dotted #f7941e;}
		.post_date {float:left; font-size: 10px; color:#f7941e}
		.post_comments {float:right; font-size: 10px; color:#f7941e}
			.post_comments a {color:#9d5500; text-decoration: none;}
			.post_comments a:hover {color:#ffc887;}
			
#post_next_previous {float:left; clear:both; width:660px; margin:0 10px 0 10px; padding:0; }
	#post_next_previous li {margin:0 5px 0 5px; padding:0; }
	#post_next_previous li a {font-size: 12px; color:#9d5500; text-decoration: none;}
	#post_next_previous li a:hover {color:#ffc887;}
	#previous_posts {float:left; }
	#newer_posts {float:right; }

/*----- /POST STYLES -----*/

/*----- SINGLE POST AND COMMENT STYLES -----*/

#comments {float:left; clear:both; width:670px; margin:0 5px;}
#comments ol {float:left; margin:-16px 0 0 0;}
#comments ol li {float:left; clear:both; width:640px; margin:0 0 6px 10px; padding:10px 5px; border-bottom: 1px dotted #f7941e}
#comments h3 {float:left; clear:both; width:650px; font-size: 10px; margin: 0 0 20px 10px; color:#ffc887;}
.comment_info {float:left; clear:both; width:570px; margin:0 0 10px 0; font-size: 10px; color:#f7941e;}
.comment_info a {color: #9d5500; text-decoration: none; font-size:10px;}
.comment_info a:hover {color:#ffc887;}
.comment_content {float:left; clear:both; width:570px; font-size: 12px; color:#203252;}
.comment_content a {color: #a58f52; text-decoration: none; padding:4px 3px 1px 3px; font-size:12px;}
.comment_content a:hover {color:#000; background-color: #a58f52; -moz-border-radius: 3px;
-webkit-border-radius: 3px;}
#commentform {float:left; clear:both; width:670px; margin:40px 5px;}
#commentform p {float:left; clear:both; width:650px; margin:0 0 10px 0; padding:0 10px; font-size: 10px; color:#f7941e;}
#commentform p a {color: #9d5500; text-decoration: none; font-size:10px;}
#commentform p a:hover {color:#ffc887;}
#commentform label {float:left; clear:right; width:300px; height:14px; padding:6px 0 0 0; font-size: 12px; color:#f7941e;}
#commentform input {float:left; width:250px; margin:0 10px 0 0; padding:3px 5px; height:14px; border:1px dotted #f7941e; background-color: #fffcdf; color:#203252; font-size:12px; line-height: 14px; }
#commentform textarea {float:left; width:638px; font-family: "museo-1","museo-2", "museo-3";margin:0 0 0 0; padding:3px 5px; height:140px; border:1px dotted #f7941e; background-color: #fffcdf; color:#203252; font-size:12px; line-height: 14px; }
#home_button {float:left; clear:both; margin:0 0 20px 0; }
#home_button a {color: #a58f52; text-decoration: none; padding:4px 3px 1px 3px; font-size:14px;}
#home_button a:hover {color:#000; background-color: #a58f52; -moz-border-radius: 3px;
-webkit-border-radius: 3px;}
#submit {height:auto !important; cursor:pointer; color:#fff !important; background-color: #9d5500 !important; -moz-border-radius: 3px;
-webkit-border-radius: 3px; border:none !important}
#submit:hover {background-color: #ffc887 !important;}
#respond {float:left; clear:both; font-size: 12px; color:#f7941e; margin:0 0 10px 10px}


/*----- SIDEBAR STYLES -----*/

#sidebar										{float:left; margin:5px 0 0 20px; padding:0; width:260px;}

/*----- /SIDEBAR STYLES -----*/
	
/*----- WIDGET STYLES -----*/
.widget											{float:left; clear:left; width:260px; margin:0 0 18px 0; font-size: 12px; background-color:#fff; border:1px solid #fee7ae; overflow:hidden}
.widget_wrapper									{float:left; border:1px solid #f7941e;}
.widget h2										{text-align:right; font-family:"museo-1", "museo-2"; font-size:28px; line-height:40px; font-weight:700; height:40px; width:248px; margin:0; padding:0 10px 0 0; color:#262C70; background-color: #f7941e;}
.widget a										{text-decoration: none; color:#262c70}
.widget a:hover									{color:#fff; background-color: #f7941e}

/*----- /WIDGET STYLES -----*/

/*----- RECENT POSTS STYLES -----*/
.widget_recent_entries h2						{background: url(/wp-content/themes/acf/images/blfog.gif) top left no-repeat #f7941e; }
.widget_recent_entries ul						{float:left; margin:5px 0;}
.widget_recent_entries li						{float:left; clear:both; width:258px; margin:3px 0; overflow:hidden}
.widget_recent_entries li a						{float:left; width:238px; padding:3px 10px; display:block; clear:both;}
.widget_recent_entries							{}

/*----- CALENDAR STYLES -----*/
#wpng-calendar 									{}
#wpng-calendar h2								{background: url(/wp-content/themes/acf/images/evenfts.gif) top left no-repeat #f7941e; margin:0;}
.wpng-cal-image									{margin:10px 0 10px 42%}
.wpng-widget-date-title							{float:left; clear:both; width:233px; font-size:10px; font-style:italic; color:#f3792c; margin:5px 0 0 10px;}
#wpng-cal-widget-events							{float:left; color:#262c70; font-size: 12px; margin:8px 0 8px 0;}
#wpng-cal-widget-events ul						{float:left; margin:0;}
#wpng-cal-widget-events ul li					{float:left; clear:both; width:258px; margin:0 0 0 0;}
#wpng-cal-widget-events ul li a					{float:left; width:238px; padding:3px 10px; display:block; clear:both;}

/*----- COFFEE STYLES -----*/
.widget_coffee 									{}
.widget_coffee h2								{height:120px !important; text-indent: -9999px;  background: url(/wp-content/themes/acf/images/sidebar_header_image.jpg) top left no-repeat #f7941e;}

/*----- CONNECT STYLES -----*/
.widget_connect h2								{background: url(/wp-content/themes/acf/images/connefct.gif) top left no-repeat #f7941e; }
.widget_connect ul								{float:left; margin:5px 0;}
.widget_connect li								{float:left; clear:both; width:258px; margin:3px 0;}
.widget_connect li a							{float:left; width:238px; padding:3px 10px; display:block;}
.widget_connect li img							{float:left; margin:0 5px 0 2px;}
.widget_connect li span							{float:left; line-height: 16px;}	


.staff_bio {float:left; width:200px; margin:17px 0 0 17px; }
.staff_bio h3 {float:left; width:190px; margin:0; padding:4px 5px; color:#F39500; font-size:12px; font-weight:bold; background-color: #3077BC }
.staff_bio h4 {float:left; width:190px; margin:0; padding:4px 5px; color:#fff; text-align:right; font-size:12px; background-color: #F39500}


/*----- /ROW2 -----*/


/*----- ROW3 -----*/

#brands {float:left; clear:both; width:948px; height:60px; margin:20px 0; border:1px solid #333}
#twitter_div {float:left; width:640px; height:162px; margin:20px 0 20px 0; background: url(/wp-content/themes/acf/images/twitter_image.png) top left no-repeat; }
	#twitter_div h2 {float:left; clear:both; width:380px; margin:30px 0 10px 220px; font-size: 16px; color:#4F1100}
	#twitter_div a {float:left; font-size: 12px !important; margin:0 0 10px 180px; line-height:18px; text-decoration: none; color:#4F1100}
	#twitter_div span {float:left; clear:both; width:400px; margin:0 0 10px 180px;font-size: 12px; line-height:18px; color:#fff}
	#twitter_div span a {float:none !important; width:400px; margin:0 !important;font-size: 12px; line-height:18px; color:#fff}
	#twitter_link {float:left; width:200px; text-align:right; margin:0; font-size: 12px;}
#credits {float:right; width:300px; margin:20px 0 20px 0;}
	#credits p {float:left; clear:both; text-align:right; width:300px; font-size: 10px; line-height: 16px; color:#7e1e04}
	#credits p a {text-decoration: none; color:#4F1100}
	#credits p a:hover {color:#ffe3b7}
	

/*----- ROW3 -----*/