/* 
Theme Name: Sharpdot 2009
Theme URI: http://www.sharpdotinc.com
Description: Sharpdot's 2009 theme.
Version: 1 (WP-MU 2.6.5)
Author: Amber Taylor - Design/PHP Development, Jeremy Dost - Flash Development/Art Direction, Michael Dost - PHP/MySQL/XML/Javascript Development/Server Administration  
Author URI: http://www.sharpdotinc.com
Tags: Sharpdot, 2009
*/

/*

ToC
	0. *Global reset*
	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. tables
	7. forms
	8. blog
	
Notes

*/

/* Global reset */
	/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
	
	*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
	table { border-collapse:collapse; border-spacing:0 }
	fieldset, img { border:0 }
	address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
	ol, ul, li { list-style:none }
	caption, th { text-align:left }
	h1, h2, h3, h5, h5, h6 { font-size:100% }
	q:before, q:after { content:''}

	/* Global reset-RESET */
	/* The below restores some sensible defaults */
	
	strong { font-weight: bold }
	em { font-style: italic }
	ol, ul, li { list-style:none }
	* a { position:relative } /* Gets links displaying over a PNG background */
	a { outline:none } /* Gets rid of Firefox's dotted borders */
	a img { border:none } /* Gets rid of IE's blue borders */

/* --------- 1. defaults  --------- */

* { margin: 0; padding: 0; }

body { background:#fff url(images/bkg_body.jpg) repeat-x;
		text-align:center;/**IE 5.5- Hack - Centers Site */ }
		
/*  --------- 2. structure  --------- */

#wrapper { width:1010px; margin:0 auto;
			text-align:left;/**IE 5.5- Hack - Re-Aligns Text */ }

  /* Masthead */	
#masthead { background:url(images/bkg_masthead.jpg) no-repeat; width:1010px; height:127px; padding:0 30px; position:relative; }	
#logo { width:405px; height:110px; margin:16px 10px 0 40px; }	
	#logo a,
	#logo h1 a  { text-decoration:none!important; }
#feed { position:absolute; top:0px; right:130px; text-indent:-9999px; }
	#feed a { background:url(images/btn_rss-sprite.gif) no-repeat; width:88px; height:29px; display:block; }
	#feed a:hover { background-position:0 -30px;}
#navContainer {}

  /* Content */
#content { background:url(images/bkg_content.jpg) no-repeat 0 0; width:990px; padding:0 0 0 10px; margin:0 auto; }
#content-inner { background:url(images/bkg_content.jpg) no-repeat 100% 0; width:980px; padding:0 10px 0 0; margin:0;  }

#mainContentArea { background-color:#fff; border-top:1px solid #404040; min-height:600px; padding:0px; }
#mainTop { /*border-bottom:12px solid #404040; display:block;*/ width:980px; margin-bottom:10px; }
#mainTop ul li { list-style-type:none!important; margin-left:0!important; }

#blog-header { background:url(images/bl-about_bkg.jpg) repeat-x 0 bottom; border-bottom:1px solid #404040; width:100%; }
	#blog-header .inner { padding:30px 30px 20px; }
	#blog-header h2 { font-size:24px; }
	#blog-header p { color:#000; }

#bb { background:#404040 url(images/bl-about_shadow.jpg) no-repeat right 0; /*margin-top:-1px;*/ width:652px; height:267px; margin:0; }
	body.home #bb { color:#fff; }
#bl-about { background:url(images/bl-about_bkg.jpg) repeat-x; width:328px; height:267px; }
#bl-about .inner { padding-right:20px; padding-top:30px; }
#bl-about .inner p { font-size:11px; line-height:13px; }

#bl-yellow { background:url(images/bl-about_bkg.jpg) repeat-x; width:328px; height:267px; }
#bl-yellow .inner { padding-right:20px; padding-top:30px; }
	body.contact #bl-yellow .inner h3 { width:130px; margin:20px auto 6px; }
	body.contact #bl-yellow .inner p { width:140px; margin:0 auto 10px; line-height:18px; }
	
#bb-2 { background:#404040 url(images/bl-about_shadow-flip.jpg) no-repeat left 0; width:632px; height:264px; padding:3px 1px 0px 19px; /*padding:3px 3px 0px 17px;*/ /*width:637px; height:264px; padding:3px 0px 0px 15px;*/ margin:0; overflow:hidden; }
#bb-2 .inner { background-color:#fff; width:607px; height:224px; padding:20px; }
	/* Contact Map */body.contact #bb-2 { background:#404040 url(images/bl-about_shadow-flip.jpg) no-repeat left 0; width:632px; padding:3px 1px 0px 19px; margin:0; }

#bl-portfolio {}
#bl-portfolio .inner { /*padding-left:10px; padding-right:0;*/ }
#bl-portfolio h2 { margin-bottom:15px; }

#mainContentArea #bl-portfolio ul li { background:url(images/pic_frame-thumb.gif) no-repeat; width:68px; height:68px; float:left; display:inline; padding:9px 9px 9px 9px; overflow:hidden; margin:0 10px 4px 0; }
#mainContentArea #bl-portfolio ul li.med { background:url(images/pic_frame-med.gif) no-repeat; width:165px; height:158px; padding:9px 9px 9px 9px; }
#mainContentArea #bl-portfolio ul li.last { margin-right:0px; }

#bl-testimonials {}
	#bl-testimonials h2 { margin-bottom:15px; }
	blockquote { background-color:#e1e8f2; border:1px solid #a6a6a6; width:258px; padding:10px; margin-bottom:20px; }
	blockquote.last { margin-bottom:0; margin-right:0; }
	blockquote span { background:#fff url(images/bkg_talkBubble-bot.jpg) no-repeat; width:220px; display:block; padding:12px 0 0 60px; margin:10px 0 -11px -11px; }
	blockquote span strong { font:bold 1.4em 'Tahoma', Verdana, Arial, Helvetica, sans-serif; }
	
	/* Home Page */
	#caption a {}
	body.home #services p { font-size:11px; line-height:14px; margin-bottom:15px; }
	body.home #contact p { font-size:11px; line-height:14px; margin-bottom:15px; }
	
	
	/* Portfolio Page */
	#portfolio-flash { height:300px; /*height:267px; OLD*/ }
	/*#page-portfolio .inner { text-align:center; }*/
	#page-portfolio { clear:both; }
	/*#page-portfolio .column { margin-bottom:40px; }*/
	#page-portfolio .column .inner { border-bottom:1px solid #404040; }
	
	/* Services Page */
	#services-tag-cloud { height:264px; }
	
	/* About Page */
	#our-story .inner { padding-right:30px; }
	#our-team .inner { padding:20px 20px 0 0; }
		/* Our Team - Profiles */
		.profile { margin:10px 0 -10px; }
		.profile .thumb-frame { margin:0 10px 10px 0; }
		.profile p { font-size:11px; }
		.profile .position { font-size:11px; color:#666; font-style: italic; /*font:11px Arial, Helvetica, sans-serif;*/ }
	
	/* Contact Page */
	#form-GeneralContact .inner { padding:20px 0 0; }
	#rfp .inner { padding-left:0px; }
	
	/* 404 */
	.search-box { background:url(images/bl-about_bkg.jpg) repeat-x 0 bottom; border:1px solid #404040; width:300px; margin:0 auto; padding:20px; display:block; }

	#clientList-placeHolder { width:100%; height:32px; display:inline; margin-right:0; }
  #clientList { width:100%; display:inline; margin-right:0; position:relative; }
  #clientList h3 { background:#222 url(images/bkg_toggleBar.gif) repeat-x; width:100%; display:block; font-size:14px; }
  #clientList h3 a { width:100%; display:block; padding:8px 50px 12px; line-height:12px; color:#ccc; text-decoration:none; }
  #clientList h3 a:hover { color:#fff; }
    #clientList .inner-box { background:#e1e8f2 url(images/bkg_clientBox.gif) repeat-x 0 0; margin:0 20px 20px; padding:10px 0 20px; display:block; border:1px solid #a6a6a6; border-top:none; }
  	  #clientList ul { width:800px; display:block; margin:0 auto; }
	  	#clientList ul ul { width:auto; display:inline; }
	  #clientList li {  float:left; display:inline; width:250px; margin:3px 0 5px 0; padding-left:5px; text-align:left; border-left:2px solid #eb141c;
	  					color:#404040; font:bold 14px 'Tahoma', Verdana, Arial, Helvetica, sans-serif; }
	  #clientList li a { display:block; color:#404040; font:bold 14px 'Tahoma', Verdana, Arial, Helvetica, sans-serif; text-decoration:none; }
	  /* #clientList li.link-arrow { display:inline; } */
	  	#clientList li li a { width:auto; padding:0; display:inline; }
	  #clientList li a:hover { color:#eb141c; }
	  
	  #clientList li.viewPrtfolio { width:auto; border-left-width:4px; border-left-width:0; padding-left:0; }
	  #clientList li.viewPrtfolio a { background-position:right 5px; width:auto; /*color:#404040;*/ color:#eb141c; }
	  #clientList li.viewPrtfolio a:hover { /*color:#eb141c;*/ color:#404040; }
	  
	  /*#clientBox { position:relative; margin-bottom:0px; }
	  #clientBox-cap { background:url(images/bkg_clientBox-bottom.gif) no-repeat center 0; width:100%; height:9px; margin:20px 0 -9px; display:block; clear:both; }
	  */
	  /* Show/Hide Box - JS Warning */
	  #clientList .jsWarning { position:absolute; color:#FF0000; top:8px; left:200px; }
	
	/* Toggle */
	.toggleOn a { background:url(images/icon_toggle-on.gif) no-repeat 20px center; padding-left:0px; }
		.toggleOn-grey a { background:url(images/icon_toggle-grey-on.gif) no-repeat 20px center; padding-left:0px; }
	.toggleOff a { background:url(images/icon_toggle-off.gif) no-repeat 20px center; padding-left:0px; }
		.toggleOff-grey a { background:url(images/icon_toggle-grey-off.gif) no-repeat 20px center; padding-left:0px; }
	.toggleBar { background:#222 url(images/bkg_toggleBar.gif) repeat-x; }
	.toggleBar-grey { background:#aeaeae url(images/bkg_toggleBar-grey.gif) repeat-x; }
	
	/* Services - Software Toggles */
	
	#software { margin-top:40px; }
	#software h2 { margin-bottom:20px; }
	.toggleWrapper dl {}	
		.toggleWrapper dt { background:#222 url(images/bkg_toggleBar.gif) repeat-x; width:100%; height:32px; border-top:1px solid #ccc; border-left:1px solid #000; border-right:1px solid #000; }
		.toggleWrapper dt.grey { background:#aeaeae url(images/bkg_toggleBar-grey.gif) repeat-x; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; }
		.toggleWrapper dt a { padding:8px 50px 12px; display:block;
						 color:#ccc; font-size:14px; font-weight:bold; line-height:12px; text-decoration:none; }
			.toggleWrapper dt a:hover { color:#fff; }
		.toggleWrapper dt.grey a { color:#404040; }
			.toggleWrapper dt.grey a:hover { color:#eb141c; }
		.toggleWrapper dd { padding:10px 20px 20px; border-bottom:2px solid #ccc; margin:0 0 1px; }
/*	
#sidebarLeft {}
#sidebarRight {}
*/

/* Side Bar */
#sibebar {}
/*#sidebar h2 { font:bold 16px/100% 'Tahoma', Verdana, Arial, Helvetica, sans-serif; padding-left:10px; margin-bottom:5px; border-bottom:1px solid #404040; }*/
#sidebar h2 {   /*background:url(images/divider-6-top.jpg) no-repeat center bottom; padding-bottom:25px; */ margin-bottom:5px;  
				font:bold 14px/100% 'Tahoma', Verdana, Arial, Helvetica, sans-serif; color:#999; text-transform:uppercase; text-align:center; }
#sidebar h2 a {}
#sidebar h2 a:hover { color:#404040; }

#sidebar ul { list-style:none; }
#sidebar ul li { list-style-type:none!important; margin:0 0 15px; padding-top:15px; background:url(images/divider-6-top.jpg) no-repeat center top; text-align:center; }
#mainContentArea #sidebar ul li { margin-left:0; }
#sidebar ul li li, #sidebar p { background:none; padding:0; margin:3px 0 0; font-size:13px; line-height:14px; }
#sidebar ul li a {}
.blog-info { background:none!important; /*border-left:1px solid #404040; border-bottom:1px solid #404040; display:block; padding:0 0 10px 10px; margin-bottom:20px;*/ }
.blog-info-wrapper { background:none!important; padding:5px 0!important; margin-top:0!important; }
#sidebar .current { color:#999; font-style:italic; }
#sidebar .browsing a { text-decoration:none; }

  /* Footer */
#footer { background:url(images/bkg_footer.jpg) no-repeat; height:195px; margin-top:30px; padding-top:4px; text-align:center; }
	
	#footer-login {}
	#footer-login a { background:url(images/footer-login.jpg) no-repeat 0 0; width:112px; height:30px; margin:0 auto; display:block; text-indent:-9999px; }
	  #footer-login a:hover { background-position:0 -30px; }
	#footer-text { margin-top:10px; }	
		#footer-text span { font-size:0.9em; color:#404040; margin-top:10px; display:block; }
	#third-party-logos { margin-top:20px; }
	#third-party-logos li { display:inline; }

/* -- GRID -- */

/* COLUMN CONTAINER  */
.columnContainer { width:950px; margin:0 auto 10px; }
.columnContainer-inner { float:left; height:auto; display:block; margin:0; }
.column { float:left; margin-right:10px; display:inline; /*IE6*/ overflow:hidden; }


/* Spans */
div.last, .last {margin-right:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24, div.span-24 {width:950px;margin:0;}

/* Masthead Special Spans  */
.span-11-2 { width:445px; }
.span-12-2 { width:495px; }

.column .inner { padding:20px 10px 0; display:block; }
.first .inner { padding-right:20px; }
.last .inner { padding-left:20px; }

/* Debugging */
.debug1 { background-color:#ff0000; }
.debug2 { background-color:#00ff00; }
.debug3 { background-color:#0000ff; }


/* Float Clearing */
.separator { clear: both; }
.separatorInvisible { clear: both; height: 1px; }
.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/*
hr { background:none; background:url(images/divider-8.jpg) no-repeat scroll center; width:310px; height:20px; border:none; display:block; margin:10px 0 0 -10px; }
.span-8 hr { background:none; background:url(images/divider-8.jpg) no-repeat scroll center; width:310px; height:20px; border:none; display:block; margin:20px 0 0 0; }
  .span-8 .inner hr { margin:20px 0 0 -10px; }
*/

/* Lines - Dividers */
.line-6-top { background:url(images/divider-6-top.jpg) no-repeat; width:200px; height:20px; display:block; margin:20px 0 10px; clear:both; }
.line-6-bottom { background:url(images/divider-6-bottom.jpg) no-repeat; width:200px; height:20px; display:block; margin:10px 0 20px; clear:both; }
.line-8 { background:url(images/divider-8.jpg) no-repeat center 0; width:310px; height:20px; display:block; margin:20px 0 0 -10px; /*clear:both;*/ }
.line-16 { background:url(images/divider-16.jpg) no-repeat center 0; width:630px; height:20px; display:block; margin:20px 0 0 -10px; /*clear:both;*/ }
.border-1 { border:1px solid #404040; }

.break { display:none; height:0; }

.alignLeft { float:left; display:inline; }
	img.alignLeft { margin-right:10px; margin-bottom:10px; }
.alignRight { float:right; display:inline; }
	img.alignRight { margin-left:10px; margin-bottom:10px; }
.alignCenter { text-align:center; margin:0 auto; }

.textAlignLeft { text-align:left; }
.textAlignRight { text-align:right; }
.textAlignCenter { text-align:center; }

.no-Pad { padding:0; }
.no-PadRight { padding-right:0; }
.extraPadTop-10 { padding-top:10px; }
.extraPadTop-15 { padding-top:10px; }
.extraPadTop-20 { padding-top:20px; }
.extraPadLR-10 { padding-left:10px; padding-right:10px; }
.extraPadLR-20 { padding-left:20px; padding-right:20px; }
.extraPadLeft-10 { padding-left:10px; }
.extraPadLeft-20 { padding-left:20px; }
.extraPadRight-10 { padding-right:10px; }
.extraPadRight-20 { padding-right:20px; }
.extraPadRight-50 { padding-right:50px; }
.extraPadBottom-10 { padding-bottom:10px; }
.extraPadBottom-20 { padding-bottom:20px; }
.extraPadBottom-40 { padding-bottom:40px; }
.extraPad-10 { padding:10px; }
.extraPad-20 { padding:20px; }

.no-Marg { margin:0; }
.extraMargTop-10 { margin-top:10px; }
.extraMargTop-20 { margin-top:20px; }
.extraMargTop-30 { margin-top:30px; }
.extraMargLeft-10 { margin-left:10px; }
.extraMargLeft-20 { margin-left:20px; }
.extraMargRight-10 { margin-right:10px; }
.extraMargRight-20 { margin-right:20px; }
.extraMargBottom-10 { margin-bottom:10px; }
.extraMargBottom-20 { margin-bottom:20px; }
.extraMargBottom-30 { margin-bottom:30px; }

.lessMargRight-10 { margin-right:-10px; }

.duplicateCharacterFix { margin-right:-3px; }



/* ---------- 3. links and navigation ---------- */

a { color:#eb141c; text-decoration:underline; }
		
a:hover { text-decoration:none; }

a.link-black { color:#000000; text-decoration:none; }
a.link-black:hover { color:#eb141c; text-decoration:underline; }

.link-arrow a, #footer-text .link-arrow { background:url(images/icon_link-arrow.gif) no-repeat right 3px; padding-right:9px; display:inline; }

.link-button { background:url(images/btn_cap-L.gif) no-repeat; height:30px; padding-left:7px; margin-bottom:8px; }
.link-button li { background:url(images/btn_bkg.gif) repeat-x; height:30px; float:left; display:inline; margin-left:0!important; }
.link-button li a { background:url(images/btn_cap-R.jpg) no-repeat right 0; height:26px; display:block; padding:4px 22px 0 2px; color:#000; text-decoration:none; /*Windows*/font-size:0.9em; line-height:1.7em; }
.link-button li a:hover { color:#eb141c; }
.link-button li.last a { background:url(images/btn_cap-R-last.jpg) no-repeat right 0; margin-right:0; }

.link-button-2 { background:url(images/btn_2-cap-L.gif) no-repeat; height:30px; padding-left:7px; margin-bottom:8px; }
.link-button-2 li { background:url(images/btn_2-bkg.gif) repeat-x; height:30px; float:left; display:inline; margin-left:0!important; }
.link-button-2 li a { background:url(images/btn_2-cap-R.gif) no-repeat right 0; height:26px; display:block; padding:4px 22px 0 5px; /*color:#fff;*/ color:#ccc; text-decoration:none; /*Windows*/font-size:0.9em; line-height:1.7em; }
.link-button-2 li a:hover { /*color:#eb141c;*/ color:#fff; }
.link-button-2 li.last a { background:url(images/btn_2-cap-R-last.gif) no-repeat right 0; margin-right:0; }

/* External Links - IE7 & up 
a[href^="http:"] {}
a[href^="http://www.domiannamehere.com"] {}
*/

#navigation { width:455px; height:42px; margin:60px 0 0; }
#navigation ul { list-style-type:none; }
#navigation li { float:left; display:inline; text-indent:-9999px; }
#navigation a { background:url(images/nav-sprite.gif) no-repeat; height:22px; display:block; }
#navigation a:hover {}

#navigation li.page-item-7 a { background-position:0px -21px; width:84px; }
	#navigation li.page-item-7 a:hover,
	body.home #navigation li.page-item-7 a
	/*#navigation li.page-item-7.current_page_item a */{ background-position:0px 0px; }
	
#navigation li.page-item-5 a { background-position:-84px -21px; width:92px; }
	#navigation li.page-item-5 a:hover,
	body.about #navigation li.page-item-5 a 
	/*#navigation li.page-item-5.current_page_item a*/ { background-position:-84px 0px; }
	
#navigation li.page-item-25 a { background-position:-176px -21px; width:93px; }
	#navigation li.page-item-25 a:hover,
	body.portfolio #navigation li.page-item-25 a
	/*#navigation li.page-item-25.current_page_item a*/ { background-position:-176px 0px; }
	 
#navigation li.page-item-9 a { background-position:-269px -21px; width:93px; }
	#navigation li.page-item-9 a:hover,
	body.services #navigation li.page-item-9 a
	/*#navigation li.page-item-9.current_page_item a*/ { background-position:-269px 0px; }
	
#navigation li.page-item-12 a { background-position:-362px -21px; width:93px; }
	#navigation li.page-item-12 a:hover,
	body.contact #navigation li.page-item-12 a
	/*#navigation li.page-item-12.current_page_item a*/ { background-position:-362px 0px; }
	

/*	-- OLD / Base html --

#navigation li.home a { background-position:0px -21px; width:84px; }
	#navigation li.home a:hover, body.home #navigation li.home a { background-position:0px 0px; }
	
#navigation li.about a { background-position:-84px -21px; width:92px; }
	#navigation li.about a:hover, body.about #navigation li.about a { background-position:-84px 0px; }

#navigation li.portfolio a { background-position:-176px -21px; width:93px; }
	#navigation li.portfolio a:hover, body.portfolio #navigation li.portfolio a { background-position:-176px 0px; }

#navigation li.services a { background-position:-269px -21px; width:93px; }
	#navigation li.services a:hover, body.services #navigation li.services a { background-position:-269px 0px; }

#navigation li.contact a { background-position:-362px -21px; width:93px; }
	#navigation li.contact a:hover, body.contact #navigation li.contact a { background-position:-362px 0px; }
*/

/* ---------- 4. fonts ---------- */


/*  Font Size Chart - % NOT USED HERE

	.10px {font-size:77%;}  /*renders 10px
	.11px {font-size:85%;}  /*renders 11px
	.11px {font-size:93%;}  /*renders 12px
	.13px {font-size:100%;} /*renders 13px   
	.14px {font-size:108%;} /*renders 14px
	.15px {font-size:116%;} /*renders 15px  
	.16px {font-size:123.1%;} /*renders 16px
	.17px {font-size:131%;} /*renders 17px  
	.18px {font-size:138.5%;} /*renders 18px
	
	.19px {font-size:146.5%;} /*renders 19px
	.20px {font-size:153.9%;} /*renders 20px
	.21px {font-size:161.6%;} /*renders 21px
	.22px {font-size:167%;} /*renders 22px
	.23px {font-size:174%;} /*renders 23px
	.24px {font-size:182%;} /*renders 24px
	.25px {font-size:189%;} /*renders 25px
	.26px {font-size:197%;} /*renders 26px 	

html { font-size: 100%; / Makes Text 13px / }

body { font-size: 85%; / Makes Text 11px /
/ Use 62.5% to size in ems /  }

*/

html { font-size: 100%; }

body { font-size: 62.5%; font-family:Verdana, Arial, Helvetica, sans-serif; }

h1, h2, h3, h4, p, ul {}

h1 { font:2.0em/100% 'Tahoma', Verdana, Arial, Helvetica, sans-serif; margin-bottom:10px; }
h2 { font:2.0em/100% 'Tahoma', Verdana, Arial, Helvetica, sans-serif; margin-bottom:10px; }
h3 { font:bold 1.6em/100% 'Tahoma', Verdana, Arial, Helvetica, sans-serif; margin-bottom:0px; }
h4 { font:bold 1.3em/100% 'Tahoma', Verdana, Arial, Helvetica, sans-serif; margin-bottom:10px; }

.color-red, a .color-red { color:#eb141c; }
.recent-posts h3 a { text-decoration:none; color:#404040; }
.recent-posts h3 a:hover { color:#eb141c; }

body.about .recent-posts h2 { margin-top:40px;}

p { font:1.2em/1.4em Verdana, Arial, Helvetica, sans-serif; margin-bottom:1em; }

ul, ol, dl { font:1.2em/1.4em Verdana, Arial, Helvetica, sans-serif; }

#mainContentArea ul li { list-style-type:disc; margin-left:20px; }
#mainContentArea ol li { list-style-type:decimal; margin-left:20px; }

blockquote { font:italic 1.1em/1.4em Verdana, Arial, Helvetica, sans-serif; }

/* ---------- 5. images ---------- */

a img { border: 0; }

/* Frame bkg's */
.thumb-frame { background:url(images/pic_frame-thumb.gif) no-repeat; width:68px; height:68px; padding:9px 9px 9px 9px; overflow:hidden; }
.med-frame img { background:url(images/pic_frame-med-164.gif) no-repeat; width:164px; height:164px; padding:11px 9px 9px 10px; overflow:hidden; }
		
/* ---------- 6. tables ---------- */

table {}
		
caption {}
		
tr {}

th, td {}
		
th {}
		
td {}

fieldset {  border:1px solid #ccc!important; /* GREY border:1px solid #8c8c8d!important;*/ 
			padding:20px 0 20px 0px!important; /*display:block!important;*/ position:relative!important; width:98%!important; }
legend { margin-left:20px!important; padding:10px!important;
		 font:2.0em/100% 'Tahoma', Verdana, Arial, Helvetica, sans-serif!important; color:#000!important; margin-bottom:0px!important; }

/* ---------- 7. forms ---------- */	
		
form {}

/* ---------- 8. Blog ---------- */

/* Custom WP classes */

/* OLD */

.from-blog { background-color:#f7f7f7; border:1px solid #e5e5e5; padding:2px 5px 3px; 
			font-size:11px; line-height:13px; font-style:italic; color:#999; margin-top:5px; }
/* Sets Width for About Page Blog Info */
body.about .from-blog { width:200px; }

.title { border-bottom:2px solid #404040; padding-bottom:20px; margin-bottom:30px; /*color:#eb141c;*/ color:#404040; }
.date { font-size:11px; line-height:13px; font-style:italic; color:#999; margin-top:5px; }
.post { margin-bottom:30px; }
	.post-content { padding:0 20px; }
	.post h2 { margin-bottom:0;}

.metadata { /*border:1px solid #a6a6a6; padding:10px; margin:20px 0 10px;*/ padding-bottom:50px; } /* Miscelaneous sub content */
.alt { background:#222 url(images/bkg_toggleBar.gif) repeat-x; /*background:#e1e8f2 url(images/bkg_clientBox.gif) repeat-x 0 0;*/
		 margin:30px 20px 0; padding:20px; display:block; border:1px solid #404040; color:#fff; } /* Miscelaneous features after content */
.tags { background:url(images/icon_link-arrow.gif) no-repeat 0 14px; margin:40px 0; padding:10px 0 10px 6px; font-weight:bold; border-top:1px solid #a6a6a6; border-bottom:1px solid #a6a6a6; }
	.tags a { font-style:italic; }


#comments-list li { /*border:1px solid #000;padding:10px 10px 10px; margin:20px 0 10px; */ } /* Comments */
#comment { width:100%; border:1px solid #a6a6a6; margin-bottom:10px; } /* Comments Title */
#submit { /*margin:5px 0 20px;*/ } /* Subnit Btn in Comment Form */
.avatar { /*border:1px solid #000;*/ } /* Comment Avatar */

fieldset#respond { padding:20px; }
	#commentform { padding:0 20px; display:block; }
	#commentform input, #commentform label, #commentform textarea { margin-bottom:10px; }
	
/* Comment Template */
#comment-wrapper { background:#e1e8f2 url(images/bkg_clientBox.gif) repeat-x 0 0; margin:-30px 20px 20px; padding:30px; display:block; border:1px solid #a6a6a6; border-top-width:0px; }
	#comment-wrapper h3 { margin-bottom:10px; }
	#comment-wrapper code { font-size:11px; line-height:12px; }
	#comment-wrapper .alt { background-color:#fbf5d4; background-image:none; margin-bottom:20px; border:1px solid #404040; color:#000; }
