@import "style/css/reset.css";


/*
		McCullough Design
		http://mcculloughdesign.com
			
		Brown: #574419
		Orange: #F3901D
		Darker Orange: #C96200
*/


/*
	RESETÐSimpler Reset
*/

*									{ margin: 0; padding: 0; }
html								{ overflow-y: }
html, body							{ height: 100%;}
body								{ font-family: HelveticaNeue, Helvetica, Arial, sans-serif; color: #414042; border: 0px solid #000; background: url(/blog/images/WoodBackground.jpg) no-repeat center fixed; width: 100%; height: 100%; background-color: #000; }
/*
body								{ font-family: HelveticaNeue, Helvetica, Arial, sans-serif; color: #414042; border: 0px solid #000; background: url(./images/pattern5.jpg) repeat fixed; width: 100%; height: 100%; background-color: #000;}
*/
ul									{ list-style: square inside; }
ol									{ list-style: decimal inside; }
a									{ outline: none; text-decoration: none; }
a img								{ border: none; }
img									{ vertical-align: middle; }
table								{ border-collapse: collapse; }

/*
	UTILITY
*/

.floatleft							{ float: left; }
.floatright							{ float: right; }
.clear								{ clear: both; }
.button								{ border: 1px solid #272727; background: #FFF; padding: 3px 8px; margin-left: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; color: #6d6e71; }
.button:hover						{ border: 1px solid #574419; background: #C96200; color: white; }
.button2							{ border: 1px solid #272727; background: #FFF; margin-top: 6px; padding: 3px 8px; margin-left: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; color: #6d6e71; }
.button2:hover						{ border: 1px solid #574419; background: #C96200; color: white; }
#searchme							{ margin-left: 36px; margin-top: 36px; }
#tab								{ margin-top: -431px; margin-left: 36px; padding-top: -2px; }
#tab-ourfirm						{ margin-top: -92px; margin-left: 36px; }

/*
	STRUCTURE
*/


#page-wrap							{ width: 720px; margin: 0px auto 0px;  border: 0px solid #000; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; behavior: url(./border-radius.htc); }
#backgrounder						{ height: 100%; margin: 36px 0px; border: 0px solid #000;background-color: #FFF; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; behavior: url(./border-radius.htc); padding: 36px; }
#header-bg							{ height: 266px; background: url(images/header-bg.png); margin: -36px -36px 0px -36px; border: 0px solid #000; padding-bottom: 0px; }
/* #menu-bg							{ height: 36px; background: url(images/menu-bg.jpg) repeat-x; margin: 36px -36px -36px -36px;} */
#menu-floatleft						{ float: left; margin-left: -8px; }
#menu-floatright					{ float: right; margin-right: -8px; }
#menu-bg							{ height: 42px; background: url(images/menu-bg2.png); margin: 0px -36px -36px -36px;}
#logo img							{ margin-left: 35px; margin-top: -5px; }
#imac img							{  }
#shadow								{ margin-top: 18px; }
#mainsection						{ margin-top: 65px; border: 1px solid #e1e1e1; background-color: #EBEBEB; padding: 24px 24px 24px 24px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; behavior: url(./border-radius.htc); }
#mainsection img					{ border: 12px solid #f1f2f2; margin-top: 12px; margin-bottom: 12px; }
#mainsection p						{ padding-bottom: 12px; }
#archivesection						{ margin-top: 65px; }
#archivesection p					{ padding-bottom: 12px; }
.older								{ margin-top: 10px; margin-left: 24px; display: inline; float: left;}
.newer								{ margin-top: 10px; margin-right: 24px; display: inline; float: right; }
.older a:hover						{ color:#FFF; background-color: #F3901D; }
.newer a:hover						{ color:#FFF; background-color: #F3901D; }
.postedin							{ margin-top: 12px; }

/*
	BLOG ENTRIES TYPOGRAPHY 
*/
h2									{ font-size: 22px; color: #574419; font-weight: bold; letter-spacing: -1px; margin-top: 0px; }
h2 a								{ font-size: 22px; color: #574419; font-weight: bold; letter-spacing: -1px; margin-top: 0px; }
h2 a:hover							{ color: #FFF; background: #574419; }
.date-area 							{ font-size: 12px; color: #C96200; margin-bottom: 18px; }
.postinfo							{ font-size: 12px; color: #6d6e71; margin-top: 18px; }
.postinfo a							{ font-size: 12px; color: #C96200; }
.postinfo a:hover					{ font-size: 12px; color: #FFF; background: #C96200; }
#post p								{ font-size: 14px; color: #6d6e71; }
h3									{ font-size: 14px; color: #F3901D; font-weight: bold; margin-top: 12px; margin-bottom: 12px; }
p									{ font-size: 14px; color: #6d6e71; }
a									{ font-size: 14px; color: #F3901D; }
ol.commentlist						{ list-style: none; }
.comment-body						{ border: 1px solid #e1e1e1; background-color: #FFF; padding: 18px 18px 18px 18px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; behavior: url(./border-radius.htc); font-size: 14px; margin-top: 0px; margin-bottom: 18px; }
#mainsection .comment-body img		{ border: 0px; margin: 0px; }
.comment-meta						{ margin: 0px; }
.comment-author						{ margin-bottom: 18px; }
.post								{ margin: 0px 0px; }
.post img							{ border: 12px solid #f1f2f2; margin-top: 12px; margin-bottom: 12px; }
.post h2							{ margin-bottom: 12px; }
.archive-time						{ margin-bottom: 12px; }
#post								{ border: 1px solid #e1e1e1; margin-top: 36px; padding: 24px 24px 24px 24px; background-color: #EBEBEB;  -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; behavior: url(./border-radius.htc); }
#comment							{ margin: 12px 0px; background-color: #f1f2f2; }
#author, #email2, #url				{ margin: 4px 0px; }

/*
	HEADER
*/
#header								{ height: 92px; }

#header-left						{ width: 368px; float: left; border: 0px solid #000; }
#header-right						{ float: left; margin-right: -24px; margin-top: 20px; margin-bottom: -36px; border: 0px solid #000;}
#header-copy						{ margin-top: 32px; }
#header-copy p						{ display: inline; font-size: 28px; color: #F3901D; line-height: 30px; font-weight: bold; padding-top: 36px; padding-left: 36px; letter-spacing: -1px; }
#header-copy .hc1					{ display: inline; font-size: 28px; color: #574419; line-height: 30px; font-weight: normal;  }
#header-copy .hc2					{ display: inline; font-size: 28px; color: #F3901D; line-height: 30px; font-weight: bold; margin-left: 0px; }
#header-copy .hc3					{ display: inline; font-size: 28px; color: #574419; line-height: 30px; font-weight: normal; margin-left: -34px; }
#header-copy .hc4					{ display: inline; font-size: 28px; color: #F3901D; line-height: 30px; font-weight: bold; margin-left: -34px; }
#header-copy .hc5					{ display: inline; font-size: 28px; color: #C96200; line-height: 30px; font-weight: bold; margin-left: 0px; }

/*
	MENU-BG
*/

#menu-bg li a						{ font-size: 18px; color: #FFF; text-decoration:none; font-weight: bold; letter-spacing: 0px }
#menu-bg ul							{ padding: 6px 0px 6px 18px; }
#menu-bg li							{ display: inline; padding-left: 0px; padding-right: 0px; font-size: 18px; color: #FFF; text-decoration:none; font-weight: bold; letter-spacing: 0px; }

#menu-bg .rel 						{ position: relative;	z-index: inherit; zoom: 1; /* For IE6 */ }
ul#menu-buttons li a				{ font-size: 17px; margin-top: 18px; padding: 0px 18px; color: #FFF; background-color: transparent; -webkit-transition: color .35s linear 0s, background-color .35s linear .1s;
								  transition: color .35s linear 0s, background-color .35s linear .1s; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; behavior: url(./border-radius.htc); padding:0px 12px 3px 12px; margin: 0px 6px; }

ul#menu-buttons li a:hover			{ font-size: 17px; background-color: #FFF; color: #574419;  text-decoration:none; font-weight: bold; letter-spacing: 0px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; behavior: url(./border-radius.htc); padding:0px 12px 3px 12px; margin: 0px 6px; }

ul#menu-buttons li a:link			{  }

#menu-buttons .rss a				{ float: right; font-size: 17px; margin-right: 26px; margin-top: 0px; font-weight: normal; }
#menu-buttons .rss a:hover			{ float: right; font-size: 17px; margin-right: 26px; margin-top: 0px; font-weight: normal; background-color: #FFF; color: #574419;  text-decoration:none; letter-spacing: 0px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; behavior: url(./border-radius.htc);  }

/*
	ABOUT
*/

#about								{ padding: 0px; margin-top: 65px; border: 0px solid #000; }
#about .logo-mini					{ margin-top: -6px; }
.section-headlines					{ display: inline; font-size: 22px; color: #574419; font-weight: bold; padding-left: 10px; letter-spacing: -1px; margin-bottom: 18px; }
#about img							{ margin-top: 18px; }
#about-copy							{ margin-top: 18px; margin-bottom: 18px; }
#about .about1						{ display: inline; font-size: 17px; color: #F3901D; line-height: 20px; font-weight: normal; letter-spacing: 0px; }
#about .about2						{ font-size: 16px; color: #6d6e71; line-height: 19px; font-weight: normal; letter-spacing: 0px; }
#about .about3			 			{ display: inline; font-size: 16px; color: #574419; line-height: 20px; font-weight: normal; letter-spacing: 0px; }




/*
	PORTFOLIO
*/

#portfolio							{ padding: 0px; margin-top: 32px; border: 0px solid #000; }
#portfolio .logo-mini				{ margin-top: -6px; }
.section-headlines					{ display: inline; font-size: 22px; color: #574419; font-weight: bold; padding-left: 10px; letter-spacing: -1px; margin-bottom: 18px; }

#portfolio li						{ display: inline; padding-left: 0px; padding-right: 0px; font-size: 17px; color: #FFF; text-decoration:none; font-weight: bold; letter-spacing: 0px; }
#portfolio li a						{ font-size: 17px; color: #F3901D; text-decoration:none; font-weight: bold; letter-spacing: 0px }
#portfolio ul						{ border: 0px solid #000; padding: 4px 0px 6px 36px; }



#portfolio .rel 					{ position: relative;	z-index: inherit; zoom: 1; /* For IE6 */ }
ul#portfolio-buttons li a			{ padding: 0px 6px 0px 6px; border: 0px solid #FFF; background-color: #FFF; -webkit-transition: color .35s linear 0s, background-color .35s linear .1s;
								      transition: color .35s linear 0s, background-color .35s linear .1s; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; behavior: url(./border-radius.htc); }

ul#portfolio-buttons li a:hover		{ font-size: 17px; background-color: #574419; color: #FFF; text-decoration:none; font-weight: bold; letter-spacing: 0px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; behavior: url(./border-radius.htc); padding:0px 6px 0px 6px; margin: 0px 0px; }

.title								{ font-size: 17px; color: #F3901D; text-decoration:none; font-weight: bold; letter-spacing: 0px; padding-bottom: 12px; }
.category-link a					{ display: inline; float: right; margin-bottom: 36px; font-size: 13px; color: #574419; text-decoration: underline; font-weight: bold; letter-spacing: 0px  }


.port-images						{ margin: 24px 0px 24px 0px; border: 0px solid #000; }

.port-images .normal				{ padding: 0px 20px 0px 0px; display: inline;}
.port-images .end					{ padding: 0px 0px 0px 0px; display: inline; }


/*
	CONTACT
*/

#contact-container					{ width: 100%; height: 100%; border: 0px solid #FFF; padding: 1px; margin: 0px; }
#contact-container2					{ width: 100%; height: 100%; border: 0px solid #FFF; padding: 0px; margin: 0px; }

#contact							{ padding: 0px; margin-top: 36px; margin-bottom: 36px; border: 0px solid #FFF; }
#contact .logo-mini					{ margin-top: -8px; }
#contact .section-headlines			{ font-size: 22px; color: #574419; font-weight: bold; padding-left: 10px; letter-spacing: -1px; }
#contact img						{ margin-top: 18px; }
#contact-copy						{ margin-top: 18px; }



#getintouch							{ width: 324px; margin-top: 0px; border: 1px solid #FFF; float: left; padding: 0px;}
#getintouch .contact-subhead		{ font-size: 16px; color: #F3901D; font-weight: bold; letter-spacing: -1px; }
#getintouch img						{ margin-top: 0px; margin-bottom: 0px; } 

#phone								{ margin-top: 0px; padding-bottom: 32px; padding-top: 12px; }
#phone img							{ margin-top: 2px; }

#email								{ margin-top: 0px; padding-bottom: 32px; }
#email img							{ margin-top: 2px; }	

#AIM								{ margin-top: 0px;  padding-bottom: 32px; }
#AIM img							{ margin-top: 2px; }	

#skype								{ margin-top: 0px; padding-bottom: 32px; }
#skype img							{ margin-top: 2px; }	

#gtalk								{ margin-top: 0px; padding-bottom: 32px; }
#gtalk img							{ margin-top: 2px; }	


#blog								{ margin-top: 0px; padding-bottom: 32px; padding-top: 12px; }
#blog img							{ margin-top: 2px; }

#twitter							{ margin-top: 0px; padding-bottom: 32px; }
#twitter img						{ margin-top: 2px; }	

#facebook							{ margin-top: 0px;  padding-bottom: 32px; }
#facebook img						{ margin-top: 2px; }	

#flickr								{ margin-top: 0px; padding-bottom: 32px; }
#flickr img							{ margin-top: 2px; }	

#lastfm								{ margin-top: 0px; padding-bottom: 32px; }
#lastfm img							{ margin-top: 2px; }	

#linkedin							{ margin-top: 0px; padding-bottom: 32px; }
#linkedin img						{ margin-top: 2px; }	


#networks							{ width: 324px; float: left; margin-left: 0px; margin-top: 0px; border: 1px solid #000;  }
#networks .contact-subhead			{ font-size: 16px; color: #F3901D; font-weight: bold; letter-spacing: -1px; }
#networks img						{ margin-top: 0px; margin-bottom: 12px; } 




.icon img							{ float: left; margin-right: 16px; border: 0px; }
.contact-copy-bold					{ font-size: 15px; color: #574419; font-weight: bold; letter-spacing: 0px; }
.contact-copy						{ font-size: 15px; color: #574419; font-weight: normal; line-height: 17px; letter-spacing: 0px; }
.contact-copy a						{ font-size: 15px; color: #574419; font-weight: normal; line-height: 17px; letter-spacing: 0px; text-decoration: none; }



#last-container						{ width: 648px; height: 476px; padding-top: 36px; border: 0px solid #FFF; }
#last-container-header				{ padding-bottom: 36px; }
#last-container-header .logo-mini	{ margin-top: -8px; }
#last-container a					{ color: #574419; border: 0x solid #FFF; background-color: #FFF; -webkit-transition: color .35s linear 0s, background-color .35s linear .1s;
								  	  transition: color .35s linear 0s, background-color .35s linear .1s; 
								  	  -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; behavior: url(./border-radius.htc); }


#last-container a:hover				{ color: #FFF; border: 0px solid #FFF; background-color: #574419; }

#left-container						{ width: 324px; float: left; border: 0px solid #FFF; }
#left-container .contact-subhead	{ font-size: 16px; color: #F3901D; font-weight: bold; letter-spacing: -1px; padding-bottom: 12px; }					




#right-container					{ width: 324px; float: right; border: 0px solid #FFF; }
#right-container .contact-subhead	{ font-size: 16px; color: #F3901D; font-weight: bold; letter-spacing: -1px; padding-bottom: 12px; }	




/*
	FOOTER
*/
#thefooter							{ margin-top: 32px; border: 0px solid #000; }
#thefooter p						{ font-size: 14px; color: #574419; font-weight: normal; margin-top: 24px; text-align: center }
#thefooter a:hover					{ font-size: 14px; color: #FFF; font-weight: normal; margin-top: 24px; background-color: #F3901D; }




/*
	CODA SLIDER
*/

/* Most common stuff you'll need to change */

	.coda-slider-wrapper { padding: 0px 0; border: 0px solid #000;}
	.coda-slider { background: #FFF }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 648px } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 648px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: #FF0000; color: #fff; padding: 5px; width: 100px }
	
	/* Tab nav */
	.coda-nav ul li a.current {  }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 22px 0px 0px 0px; border: 0px solid #000; }
		
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { border: 0px solid #000; padding: 6px 0px 6px 0px; }
		
	/* Tabbed nav */
/*	
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { background: #000; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none }
*/
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }