@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;}

a, a:visited            {color:#f3573d;}
a:hover, a:active       {color:#b6e7de;}



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

#page-wrap		    	{margin:0 auto; width:975px; position:relative; background-color:#3d2014;}
#header             	{height:110px; margin:0 auto 0; width:965px;}
#main-content       	{padding:28px 190px 0 20px; background:url(http://beardedbloomdesigns.com/portfolio/images/wood-bg-sliced.jpg) #3d2014 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/paper2.gif) no-repeat scroll 0 0; height:420px; 
                         padding:30px 28px 0px 30px; width:374px;}
#featured		    	{margin-left:25px; width:307px; height:304px;}
#iconInfo           	{margin:18px 50px;}
#rightContent       	{height:400px; padding-right:90px; width:450px;}








/*********************
    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;}            			    
h4                              {color:#86f0ee;font-size:16px;font-weight:normal;line-height:26px;margin:0 0 5px;padding:0;}            			    
h4 a, h4 a:visited              {color:#86f0ee;font-size:16px;font-weight:normal;line-height:26px;margin:0 0 5px 0;padding:0;text-decoration:none;}  


       			    


/*********************
Font Properties 
**********************/
p.lineheight 	               {line-height:22px;}
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:15px;letter-spacing:1px;line-height:24px;margin:2px 0 0 2px;padding:0;}
p.client                       {color:#FFFFCC;font-size:11px;letter-spacing:1px;line-height:20px;margin:2px 0 0px 2px;padding:0;}
 


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

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

ul#navigation li.pagesNav   {margin:0px 35px 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; border-right:1px solid #75564c;}

#navigation a.resources       {display:block; height:24px;margin-right:4px; text-align:left; width:98px; 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.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;}
#resume a.ill:hover 	 {background-position:0 -32px;}




/*********************
 ul and li
**********************/
ul				               {float:left; padding:0px; margin:5px;  }
ul li 			               {list-style:none;  }
ul#favorites                   {background:url(http://beardedbloomdesigns.com/portfolio/images/fav-bg-paper2.gif) no-repeat; width:424px; 
                                margin:38px 0px 0px 0px; padding-left:3px;}
ul#favorites li                {float:left; display:inline; margin:58px 5px;}
ul#anchorLinks 				   {margin:0 0 30px 0px; padding:0; }
ul#anchorLinks li 			   {display:inline; float:left; font-size:13px; list-style:none; margin:0px; padding:0; }
ul#anchorLinks li a, 
ul#anchorLinks li  a:visited   {color:#86f0ee; font-size:14px; text-decoration:none;}
ul#anchorLinks li a:hover, 
ul#anchorLinks li a:active     {color:#c5faf9; text-decoration:underline;}



ul.resources                   {margin: 0 0 40px 0; padding:0px; color:#ffffcc; font-size:13px; line-height:24px;}
ul.resources li                {list-style:none;}
ul.resources li a, 
ul.resources li a:visited      {color:#86F0EE; line-height:28px; text-decoration:none; font-size:15px; font-weight:bold;}
ul.resources li a:hover, 
ul.resources li a:active       {color:#fd8f7d;}
   





/*********************
Utilities
**********************/
.borderNone  					{border:none;}
.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;}
.margin15                       {margin:5px 15px;}
.italicSmall                    {font-size:11px; font-style:italic}
.red                            {color:#fe5438;}
.blue                           {color:#86F0EE;}
.yellow                         {color:#FFFFCC;}
.white                          {color:#FFFFFF;}
.bold                           {font-weight:bold;}


/*********************
 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;}



/*********************
misc
**********************/
.categories                     {color:#F3573D; font-weight:bold;}



/*********************
PAGES
**********************/


#sidebarSkinny              {position: absolute; right: 0; top: 0; width: 52px; bottom: 0%;
                             background: #eee; padding: 0px; background:url(http://beardedbloomdesigns.com/portfolio/images/sidebar3SKINNY.jpg) repeat-y;  
							 display:inline; }

#page-content               {padding:18px 0px 0 16px; background:url(http://beardedbloomdesigns.com/portfolio/images/bg-wood-pages.jpg) repeat; 
                             width:950px; position:relative; }
#navRight                   {width:450px;}
.showBox                    {background:#2D1A13 url(http://beardedbloomdesigns.com/portfolio/images/showBox-bottom.jpg) repeat-x scroll center bottom;
                             border:1px solid #5F443B; float:left; margin:10px 10px 40px 0;min-height:340px;padding:10px 10px 20px; width:270px; }

.showBox img				{border:1px solid #856C63;height:243px;margin-bottom:15px;width:266px;}
.showfloatRight             {float:right;}
.showfloatLeft              {float:left; }





/*********************
Resume
**********************/

.dash {border-bottom:1px dashed #FFFFCC; height:20px;}

h4.resumeH  {margin:30px 0 20px 0;}

h4.resumeH a {background-color:#E25942;
color:#FFFFFF;
font-size:20px;
margin:10px 0;
padding:5px 10px;
text-transform:uppercase;} 

.resumeItalic {border-bottom:1px dashed #5F443B;
color:#86F0EE;
font-size:13px;
font-style:italic;
padding-bottom:5px;}



/*********************
DESIGN RESOURCE PAGE
**********************/
#linkContent                {background-color:#2D1A13;border:1px solid #5F443B;margin:0 10px 10px;padding:10px 25px;width:830px;}
.dividers                   {color:#FC715A; font-size:13px; padding:0px 22px;}


/*********************
RSS
**********************/
.rssFeed                     {background-color:#FAF9ED; display:inline;float:left; margin:0 28px 50px 28px; width:236px; padding-bottom:20px; height: 300px }
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 {}




.rssFeed ul li 				{border-bottom:2px dotted #D8CFA8;
line-height:18px;
list-style:none outside none;
margin-left:5px;
margin-right:5px;
margin-top:10px;
padding:5px 10px;}

.rssFeed li a               {font-size:14px;
line-height:18px;
text-decoration:none;}



/*********************
    Footer
**********************/

#footer                     {margin:0 auto 10px 0px;width:928px; background:url(http://beardedbloomdesigns.com/portfolio/images/footer.jpg) no-repeat;}
#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; }


/********************************* 
 Facebook, Fan Box
*********************************/




#facebook-fan-box .widget widget_ffb {
height:400px;}


.app_content_165638616308 .fan_box .full_widget {
background:transparent none repeat scroll 0 0;
border:medium none;
color:#333333;
}

.fan_box {margin:20px 0px;}



.fan_box .page_stream {
border-top:1px solid #D8DFEA;
height:230px;
overflow:auto;
padding:0 10px;
position:relative;
text-align:center;}

.app_content_165638616308 a, .app_content_165638616308 a:visited {
color:#0D7380;
font-size:10px;
text-decoration:none;}

.fan_box .connect_action .name, .fan_box .full_widget .connect_top   {
background:#b23103 none repeat scroll 0 0;
color:#F9F4DC;
display:block;
font-size:11px;
line-height:13px;
margin:0;
padding:5px 10px;
text-transform:uppercase;
}

.fan_box .profileimage {
float:left;
height:40px;
margin:0 0 4px;
padding:5px 10px 0 0;
width:40px;}



.UIIntentionalStory_Message, .UIIntentionalStory .location  {
color:#49310A;
font-size:11px;
}


UIStory_Message {color:#49310A; }


.fan_box .full_widget {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:white none repeat scroll 0 0;
border:1px solid #94A3C4;
color:#333333;}