@charset "UTF-8";
/* CSS Document */

@charset "UTF-8";
/* CSS Document */

/*********************************************************************************************************
    RESET
**********************************************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{margin: 0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;font-family: Century Gothic, Arial, Helvetica, sans-serif;}

ol, ul        {list-style: none;}
blockquote, q {quotes: none;}



/*********************************************************************************************************
    Headings
**********************************************************************************************************/
h1                  { text-indent:-9999px}
h2      {font-size:15px; margin:12px 0 3px 0; padding:0;;}            			    
h3      {color:#FFFFFF;font-size:18px;font-weight:normal; line-height:26px; margin:0 0 50px; padding:0;}            			    


/*********************************************************************************************************
Font Properties 
**********************************************************************************************************/
 p.lineheight 	  {line-height:20px;}
 p.pageIntro {color:#F5E7D4; font-size:14px; line-height:22px; margin:10px 0 0px 0px; padding:0 50px 20px 0;}
 p.title {color:#86F0EE; font-size:18px; letter-spacing:1px; line-height:24px; margin:2px 0 0 2px; padding:0;}
 p.client {color:#FFFFCC; font-size:12px; letter-spacing:1px; line-height:16px; margin:2px 0 0px 2px; padding:0;}
 a, a:visited {color:#f3573d;}
 a:hover, a:active {color:#b6e7de;}
.categories {color:#F3573D; font-weight:bold;}



/*********************************************************************************************************
     Structure
**********************************************************************************************************/

*			  { margin: 0; padding: 0; }
body		  { font-family:Arial, Helvetica, sans-serif; background:url(http://beardedbloomdesigns.com/portfolio/images/bg-repeat.jpg) repeat; color:#644133; font-size:13px; line-height:16px;  }

#page-wrap		 { max-width: 1200px; min-width: 1200px; margin: 0 auto; position: relative;  }

#header          { max-width: 1200px; min-width: 1100px; height:129px;margin: 0px auto 0; }

#main-content    {padding:28px 190px 0 20px; background:url(http://beardedbloomdesigns.com/portfolio/images/wood-bg-sliced.jpg) repeat-x; }

#sidebar         { position: absolute; right: 0; top: 0; width: 288px; bottom: 0%;
                 background: #eee; padding: 0px; background:url(http://beardedbloomdesigns.com/portfolio/images/sidebar2!.jpg) no-repeat; height:712px; }

#sidebar-content    { padding:15px 55px 15px 15px;}
                      
.ads                {padding:15px 0px;}

#paperAbout         {background:transparent url(http://beardedbloomdesigns.com/portfolio/images/paper-long.gif) no-repeat scroll 0 0; height:468px;padding:20px 45px 0 25px;width:380px; font-size:12px; }

#featured		    {background:transparent url(http://beardedbloomdesigns.com/portfolio/images/videoplayer-transparent.gif) no-repeat scroll 0 0; height:290px; margin-left:25px; width:409px; padding:29px 
                     29px 29px 33px;}

#iconInfo           {margin:12px 40px 18px 0px;}

.iconSpace          {margin:5px 22px 5px 0px;}

#rightContent       {height:400px; padding-right:90px; width:450px;}



/*********************************************************************************************************
navigation
*********************************************************************************************************/

ul#navigation               {margin:0px 0px 10px 0px; float:right;}

ul#navigation li.homeNav   {margin:0px 5px 15px 0px;}

ul#navigation li  		    {float:right; margin:0px 0px 7px 0px;}

#navigation a.home          {display:block; height:24px; margin-right:4px;  width:81px; text-align:left; float:left; background: 
          url(http://beardedbloomdesigns.com/portfolio/images/home-rollover-mini.png) no-repeat;text-indent:-9999px; border-right:1px solid #75564c;}
				
#navigation a.contact        {display:block; height:24px;width:86px; margin-right:4px;text-align:left; float:left; background:
           url(http://beardedbloomdesigns.com/portfolio/images/contact-rollover-mini.png) no-repeat; border-right:1px solid #75564c;text-indent:-9999px;}
#navigation a.rss            {display:block; height:24px; width:115px;margin-right:4px; text-align:left; float:left; background:   
           url(http://beardedbloomdesigns.com/portfolio/images/beardfeed-rollover-mini.png) no-repeat;text-indent:-9999px;}

#navigation a.resources       {display:block; height:24px;margin-right:4px; text-align:left; width:102px; float:left; background: 
           url(http://beardedbloomdesigns.com/portfolio/images/resources-rollover-mini.png) no-repeat;text-indent:-9999px; border-right:1px solid #75564c;}

#navigation a.resume      {display:block; height:24px;margin-right:4px; text-align:left; width:81px; float:left; background: 
           url(http://beardedbloomdesigns.com/portfolio/images/resume-rollover-mini.png) no-repeat;text-indent:-9999px; border-right:1px solid #75564c;}


#navigation a.resume:hover     {background-position:0 -33px;}
#navigation a.contact:hover    {background-position:0 -33px;}
#navigation a.rss:hover 	   {background-position:0 -33px;}
#navigation a.home:hover 	   {background-position:0 -33px;}
#navigation a.resources:hover  {background-position:0 -33px;}



#navigation  a.web           {display:block; height:32px; width:410px; background:url(http://beardedbloomdesigns.com/portfolio/images/web-roll-website2.gif) no-repeat; text-indent:-9999px;}
#navigation a.logo		     {display:block; height:32px; width:341px; background:url(http://beardedbloomdesigns.com/portfolio/images/logo-roll-websiteL.gif) no-repeat; text-indent:-9999px;}
#navigation a.print          {display:block; height:33px; width:381px; background:url(http://beardedbloomdesigns.com/portfolio/images/print-roll-website2.gif) no-repeat; text-indent:-9999px;}
#navigation a.ill		     {display:block; height:32px; width:255px; background:url(http://beardedbloomdesigns.com/portfolio/images/ill-roll-websiteS.gif) no-repeat; text-indent:-9999px;}

#navigation a.web:hover 	 {background-position:0 -32px;}
#navigation a.logo:hover	 {background-position:0 -32px;}
#navigation a.print:hover	 {background-position:0 -33px;}
#navigation a.ill:hover 	 {background-position:0 -32px;}




/*********************************************************************************************************
 ul and li
*********************************************************************************************************/

ul				  {float:left; padding:0px; margin:5px;  }
ul li 			  {list-style:none;  }


ul#greats         {background:url(http://beardedbloomdesigns.com/portfolio/images/great-sites.jpg) no-repeat; width:396px; margin:15px 0px 0px 0px; padding-left:12px;}
ul#greats li      { float:left; display:inline; margin:58px 5px;}

#greats img       {border:1px solid #8b756a;}



/*********************************************************************************************************
 Utilites 
*********************************************************************************************************/
.floatleft 					  {float:left; display:inline;}
.floatright 				  {float:right; display:inline; }
.border 					  {border: 1px solid #bebfc0; }
.clear 						  {clear:both;}
.section 					  {margin:0 10px 20px 0; float:left;}
.bar 						  {color:#192954; font-weight:bold; margin-left:9px; font-size:13px;}



/*********************
RSS
**********************/
.rssFeed                     {background-color:#FAF9ED; display:inline;float:left; margin:0 28px 50px 28px; width:236px; padding-bottom:20px; height: 220px }
h4.RssHeaders a             {background-color:#009999; font-size:16px; font-weight:bold; color:#fff; margin: 0px; width:226px; text-decoration:none; 
                             padding:5px; display:block;}

h4.RssHeaders               {width:210px; margin:0px; background-color:#009999; display:block;}
h4.RssHeaders a:hover       {background-color:#F3573D; display:block;}

.rssFeed ul li 				{line-height:20px; list-style-image:none; list-style-position:outside; list-style-type:disc; margin-left:15px; margin-top:10px;}

.rssFeed li a {}


/*********************************************************************************************************
 Button Properties
*********************************************************************************************************/

a.view		                 {display:block; height:29px; width:76px; 
                              background:url(http://beardedbloomdesigns.com/portfolio/images/btn-view-rollover.jpg) no-repeat; text-indent:-9999px;}
a.view:hover 		         {background-position:0 -29px;}


/*********************************************************************************************************
footer
*********************************************************************************************************/
#footer                       {max-width: 1200px; min-width: 1100px; background:url(http://beardedbloomdesigns.com/portfolio/images/footer.jpg) no-repeat; 
                               margin: 0 auto 15px; }
#footer p                     {padding: 10px; color: white; }
#footer a                     {color: white; border-bottom: 1px dotted white; text-decoration: none; }
#footer a:hover               {border-bottom-style: solid; }