@charset "UTF-8";

/*
Theme Name: 
Theme URL:
Author: Mitchell Renton
Author URI: http://www.cellardoor-design.co.uk
*/

@import "http://www.fruk.co.uk/wp-content/themes/fanuc/css/reset.css";

/*   /// COLORS ///   *

Yellow		#ffdd00
dark grey	#808284
blue		#b5cceb
#CF242A			#CF242A

/*   /// GENERAL ///   */

.aligncenter 		{ display:block; margin:0 auto }
.left 				{ float:left }
.right 				{ float:right }
.wp-caption 		{ padding: 5px 0 0 0; text-align:center; background:#ddd; }
br.clear 			{ clear:both; display:block; height:1px; margin:-1px 0 0 0 }
strong 				{ font-weight: bold }
em 					{ font-style: italic }
a img 				{ border:none }
body				{ background: #bcbec0; font: 62.75% Arial, "Helvetica Neue", Helvetica, sans-serif; color: #444444; }
.alignleft			{ float: left; border: 1px solid #ccc; margin: 0 10px 10px 0; }
.alignright			{ float: right; border: 1px solid #ccc; margin: 0 0 10px 10px; }
p.wp-caption-text	{ padding: 3px 0!important; }



/*   /// TYPOGRAPHY ///   */

h1				{}
h2				{ font: 1.8em Trebuchet, "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; margin-bottom: 15px; color: #000000; padding-left: 10px;  }
h3				{ font: 1.6em Trebuchet, "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; margin-bottom: 15px; color: #000000; padding-left: 10px; color: #CF242A; }
h4				{}
h5				{ font-size: 1.2em; font-style: italic; color: #CF242A; }
p				{ font-size: 1.2em; line-height: 19px; padding-bottom: 15px; }
a				{ color: #CF242A; text-decoration: none; }
a:hover			{ text-decoration: underline; }
.post ul, ol			{ font-size: 1.2em; margin: 0 0 20px 25px; line-height: 19px; }
.post ul li			{ list-style: square; }
.post ol li			{ list-style: decimal; }



/*   /// LAYOUT ///   */

#container		{ background: #fff; margin: 20px auto; width: 860px; padding-bottom: 1px; }
#content-wrap	{ background: url('images/left-sidebar.gif') repeat-y left; height: 100%; margin: 6px 25px 25px; position: relative; z-index: 1 }
#stamp			{ height: 70px; position: absolute; top: 72px; left: 77px; width: 70px; z-index: 1; }


/*   /// HEADER AREA ///   */

#header				{ height: 106px; padding-top: 30px; width: 860px; }
#header h1 a		{ background: url('images/logo.gif') no-repeat; 
					  display: block; 
					  height: 70px; 
					  margin: 0 auto; 
					  text-indent: -9999px; 
					  width: 235px; 
					}
					
/*   NAVIGATION ///   */

#navigation			{ background: #ffdd00; height: 30px; margin: 0 auto; width: 810px; }
/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; text-transform: uppercase; font-weight: bold; font-size: 1.4em; margin-left: 145px; z-index: 1000 }
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; margin-right: 10px; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { display: block; text-decoration: none; border:none; color:#000000; padding:7px 22px; }
ul.dropdown li.hover,
ul.dropdown li:hover                { position: relative; background: url('images/nav-bullet.gif') no-repeat left; text-decoration:none;  }
ul.dropdown li.hover a              { color:#000; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ background: #fff; width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; margin:0 0 0 11px; padding-top: 3px; border: 2px solid #ffdd00; border-top: none; z-index: 1000; text-transform: none; }
ul.dropdown ul li 					{ color: #000; float: none; margin-left: 5px; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ width: 100%; display: inline-block; } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; border-top: 2px solid #ffdd00; border-left: none; font-size: 95%; }
ul.dropdown li:hover > ul 			{ visibility: visible; }


.dropdown li.current_page_item a, 
.dropdown li.current_page_item a:visited 	{ background: url('images/nav-bullet.gif') no-repeat left; color:#333333; }
.dropdown a:hover 						{ background: url('images/nav-bullet.gif') no-repeat left; text-decoration:none; color:#808284; }
.dropdown li li a:hover	 				{ background: url('images/sub-nav-bullet.gif') no-repeat left !important; color:#808284 !important; }
.dropdown li li.current_page_item a		{ background: url('images/sub-nav-bullet.gif') no-repeat left !important; }

.dropdown li li a, #nav li li a:visited, 
.dropdown li.current_page_parent li.current_page_item a, .dropdown li.current_page_parent li.current_page_item a:visited { background: none; }

ul.dropdown ul li  	{ background: none !important; }





/*   /// LEFT SIDEBAR ///   */

#left-sidebar	{ background: #808284; float: left; padding: 220px 0 0 55px; width: 53px; }


/*   /// MAIN CONTENT AREA ///   */

#center-image		{ background: url('images/center-image.jpg') no-repeat; height: 214px; width: 506px; margin-bottom: 6px; }
#center-image img	{ z-index: -1; }
#center-video		{ height: 214px; width: 506px; margin-bottom: 6px; }
#content 			{ float: left; width: 506px; padding: 0 6px; }
h2.title			{ background: #ffdd00; height: 44px; font-size: 2.5em; padding: 6px 0 0 10px; }
.post p				{ padding: 0 10px 15px; }
.case-study-img		{ border: 1px solid #888888; float: left; height: 125px; width: 125px; margin: 6px 15px 0 0; }
.case-study-post	{ border-bottom: 1px solid #cccccc; float: left; margin-bottom: 15px; width: 357px;  }
.case-study-post h2	{ margin-bottom: 0; height: 29px; padding: 0; }
.case-study-post h5	{ margin-bottom: 5px; }

/*   /// RIGHT SIDEBAR ///   */

#right-sidebar 		{ float: left; margin-bottom: 6px; position: relative; width: 184px; }
#right-sidebar h3	{ background: #808284; font-size: 1.5em; height: 21px; margin-bottom: 6px; padding: 8px 0; }
#latest-news		{ background: url('images/latest-news-back.gif') repeat-y; border-top: 2px solid #ffdd00; position: relative; padding: 0 2px; width: 180px; }
#latest-news p		{ padding: 15px 15px 20px 15px; line-height: 14px; font-size: 1.1em; }
.rounded-top		{ background: url('images/sidebar-top.gif') no-repeat left; height: 8px; width: 184px; }
.rounded-bottom		{ background: url('images/sidebar-bottom.gif') no-repeat bottom; height: 9px; margin-bottom: 20px; width: 184px; }
#latest-news a.alignright	{ background: url('images/small-bullet.gif') no-repeat; padding: 0 0 10px 20px; }
#right-image		{ background: #B5CCEB url('images/blue-bg.gif'); height: 270px; margin-bottom: 20px; position: relative; width: 184px; }
#pull-quote			{ background: url('images/speech.gif') no-repeat top left; border-left: 2px solid #ffdd00; border-right: 2px solid #ffdd00; padding: 40px 10px 10px 10px; text-align: right; }
#pull-quote h4		{ font-size: 1.6em; }
#right-image p		{ background: url('images/png_bg.png') repeat; bottom: 0; color: #fff; display: block; font-size: 1.2em; font-weight: bold; left: 0; padding: 6px 8px; position: absolute; width: 168px; }


#feature-image		{ position: relative; width: 180px; height: 133px; }
#feature-image p	{ background: url('images/png_bg.png') repeat; bottom: 0; color: #fff; font-size: 1.2em; font-weight: bold; left: 0; padding: 6px 8px; position: absolute; width: 164px; }



/* /// FOOTER ///   */

#footer				{ position: relative; color: #000000; text-align: center; }
#footer ul li		{ display: inline; padding-right: 20px; }