/*
Theme Name: Tribe
Theme URI: http://www.atribecalledquestmovie.com/
Description: Beats Rhymes & Fights - The Travels of A Tribe Called Quest
Author: Amanda Bloom
Author URI: http://beardedbloomdesigns.com

Tags: bloom, tribe, beaardedbloom, documentary, movie, tribe called quest
*/


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




/********************************* 
 Key
 
 Colors:
    #eee8d2 - light beige
	#766555 - brown
	#49310a - dark brown
	
*********************************/
 
 
 
* 					 {margin:0px; padding:0px;}

body				 {font:12px Verdana, Arial, Helvetica, sans-serif; color:#49310A; line-height:18px; background:#766555 url(http://www.atribecalledquestmovie.com/wp-content/uploads/2009/12/bg-dark.jpg) repeat;}

#container           {height:112px; background:#766555 url(http://www.atribecalledquestmovie.com/wp-content/uploads/2009/12/bg-spraypaint.jpg) repeat-x top left;}

#page-wrap 			 {width:1060px; margin:0px auto; background:#eee8d2 url(http://www.atribecalledquestmovie.com/wp-content/uploads/2009/12/bg-pagewrap.jpg) repeat;}


#page-content        {padding:16px;}

#pageContent         {display:inline; padding:0 10px 0 0; width:740px;}

#pageInfoContent     {padding:0 0 0 10px; width:690px;}


#intro               {margin:0 0 0 25px; width:535px;}

#bottomContent       {float:left; margin:10px 0px;}

#blog    		     {padding:0 35px 0 0; width:455px; display:inline;}


.sidebar             {width:235px;display:inline; padding:0px 16px; border-left:1px dotted #CC9966; }




/********************************* 
    Typography
*********************************/
a, a:visited                           {color:#0d7380; text-decoration:none; font-weight:bold;}
a:hover, a:active                      {color:#882007; text-decoration:underline;}

h1 				  	                   {float:left;}
h2, h2 a 			                   {padding:0px; margin-top:16px; color:#0d7380;}


h2.order a 	                           {background-color:#49310A; color:#F9F4DC; display:block; float:left; font-size:14px; line-height:20px; margin:20px 0 10px 0; padding:5px 10px; text-align:center;}

h2.order a:hover                       {background-color:#0D7380; text-decoration:none; display:block; }

p 						               {margin:7px 0px;}

p.date                                 {clear:both; color:#952308; float:left; font-size:13px; font-weight:bold; margin:5px 0 0;}

.top a   				               {font-size:11px; font-weight:normal; text-decoration:underline;}

#pageInfoContent p, .imgSmall  p       {margin:16px 0px;}

#pageInfoContent h3 a                  {padding:0; width:690px; color:#49310A; font-size:14px;}
#pageInfoContent h3 a:hover            {text-decoration:none;}

.column  h3                            {font-size:16px;}

ul.contactColumn					   {line-height:18px; border-bottom: 1px dotted #CC9966; padding:10px 0; margin:10px 0px; width:400px; }



/********************************* 
    Utilities
*********************************/
 
img              					 	    {border:0px;}
.soon             					 	    {color:#952308; font-size:14px; font-weight:normal;}
.left								 	    {float:left;}
.right									    {float:right;}
.border           						    {border:1px solid #dcdcdd; background-color:#ffffff; padding:8px;}
.indent           						    {text-indent:-9999px;}
.padding                                    {padding:16px 0px;}
.clear  								    {clear:both;}
.imgReduce                                  {padding:0 0 10px 20px; width:40%; }
.imgSmall                                   {margin-left:10px;padding:5px;width:30%;}




/********************************* 
    Nav
*********************************/


ul#nav                                      {margin:0 0 5px 3px; height:33px;}
ul#nav li               	        	    {display:inline; float:left; }
 
ul#nav li a,  
ul#nav li a:visited                         {background-color:#49310A;color:#F9F4DC;display:block;font-size:10px;height:19px;margin:7px 0 10px 3px;padding:7px 5px;text-align:center;text-decoration:none;text-transform:uppercase;width:104px;}

ul#nav li a:hover 
                     					    {display:block; background-color:#663300; }

ul#nav li.current_page_item a               {background-color:#0d7380; }







/********************************* 
    Anchor Links - UL
*********************************/


ul#anchors                                     {margin:0 0 25px 12px; border-bottom:1px dotted #CC9966; height:25px;
 }
ul#anchors li               	        	   {display:inline; float:left; }
 
ul#anchors li a,  
ul#anchors li a:visited                        {color:#0D7380;font-size:10px;margin:0 6px 25px;padding:0 11px 0 0;text-align:center;text-decoration:none;text-transform:uppercase;border-right:1px dotted #CC9966;}

ul#anchors li a:hover 
                     					       {color:#990000; text-decoration:underline; }




/********************************* 
    Comlumns - UL and OL
*********************************/
ul.column    							      {float:left; margin:10px 16px; padding:10px; width:190px; }
ul.column li                                  {width:190px; border-bottom:1px dotted #333; padding:5px 0;}
ul.column li a 								  {font-size:10px; text-transform:uppercase; line-height:14px;  }
ul.column li a:hover						  {}



ol.column    							      {float:left; margin:10px 0px; padding:10px 0; list-style-type:upper-alpha; }
ol.column li                                  {border-bottom:1px dotted #333; padding:5px 0;}
ol.column li a 								  {font-size:10px; text-transform:uppercase; line-height:14px;  }
ol.column li a:hover						  {}



/*************************************************  
    Side-Bar1
************************************************* /

/*flickr
*************/;
.flickr      		                    {width:200px;}
.flickr_badge_image                     {display:inline; float:left; margin:2px 5px 2px 0; width:70px;}

#flickr .flickr_badge_image img 		{border:1px solid #D0C6A1; display:inline; float:left; height:99%; width:99%; margin:3px 0px; padding:0;}

#simple-flickr-photos-widget-3 
h2.widgettitle                          {padding:0px; margin:0px;}



/************************************************* 
    Side-Bar2   TWITTER
************************************************* /


/*TWITTER
**************/
h2.widgettitle a, 
h2.widgettitle a:visited  				   {background:#952308 none repeat scroll 0 0; color:#F9F4DC; display:block; font-size:14px; line-height:34px; margin:0px;padding:0px 10px;text-transform:uppercase; width:220px;}
											 
h2.widgettitle a:hover                     {background:#0d7380 none repeat scroll 0 0; text-decoration:none; display:block; }

.twitter-avatar img                        {display:inline; float:left; margin:0; padding:5px 10px 0 0; width:20px;}
div.twitter-avatar                  	   {float:left; }

.entry-content                    		   {border-bottom:1px solid #D0C6A1; float:left;font-size:11px; line-height:13px; padding:5px 0px 8px 0;}
.entry-content a  					       {font-size:11px; line-height:13px; font-weight:bold;}  

.time-meta                                 {float:left; font-size:11px; line-height:12px; padding-top:8px; text-transform:uppercase;}
.time-meta a                               {clear:both; margin-right:5px; font-size:11px; line-height:12px; text-transform:uppercase; color:#882007;}

.from-meta                                 {float:left;font-size:11px; line-height:12px; text-transform:uppercase; margin-right:4px;}
.from-meta a                               {margin-right:5px; font-size:11px; line-height:12px; text-transform:uppercase; margin-right:4px;}

#sidebar ul 							   {display:inline; float:left; width:205px;}


/*Facebook
************/

#facebook-status-updates h2.widgettitle,
#facebook-posted-items h2.widgettitle      {background:#952308 none repeat scroll 0 0; color:#F9F4DC; display:block; font-size:14px; line-height:34px; margin:24px 0 3px 0; padding:0px 10px;text-transform:uppercase; width:220px;}

ul.fdw_widget a                            {font-size:10px; font-weight:bold;}

ul.fdw_widget                              {line-height:13px; font-size:11px;}

ul.fdw_widget li                           {border-bottom:1px solid #D0C6A1; float:left;font-size:11px; line-height:13px; padding:5px 0px 8px 0;}


/*misc
*************/
 
.socials           						   {padding:16px 6px 16px 5px;}
.fvideos                                   {background-color:#996633; margin:20px 30px 10px 0; padding:5px; width:325px; height:200px;}






/********************************* 
    Wufoo Form
*********************************/

/* Logo */
h1 a                                      {background-image:url(http://wufoo.com/images/themes/logos/shark.png); min-height:0; height:40px}

/* Backgrounds */
#public #container                        {background:#EEE8D2 url(http://www.atribecalledquestmovie.com/wp-content/uploads/2009/12/bg-pagewrap.jpg) repeat scroll 0 0; height:100%;}

.wufoo input.text, 
.wufoo textarea.textarea                  {background:#FFFFFF url(/images/fieldbg.gif) repeat-x top;}
.wufoo .focused                           {background:#FFF7C0;}
.wufoo .instruct                          {background-color:#F5F5F5;}

/* Borders */
#container                                {border:0 solid #cccccc;}
.wufoo .info                              {height:30px;margin:0;padding:0;}

.wufoo .section                           {border-top:1px dotted #CCCCCC;}
.wufoo .instruct                          {border:1px solid #e6e6e6;}

/* Typography */
.wufoo .info h2                           {color:#49310A;font-family:inherit;font-size:11px;margin:-4px 0;padding:0;}
.wufoo .info div                          {font-size:95%;font-family:inherit;color:#444444;}
.wufoo .section h3                        {font-size:110%;font-family:inherit;background:#FFFFFF;color:#000000;}
.wufoo .section div                       {font-size:85%;font-family:inherit;color:#444444;}
.wufoo label.desc                         {font-size:95%;font-family:inherit;color:#444444;}
.wufoo li div, 
.wufoo li div label, 
.wufoo li span label                      {font-family:inherit;color:#444444;}
.wufoo li                                 {width:95%; padding:10px 0 0; }
.wufoo input.text, 
.wufoo textarea.textarea, 
.wufoo select.select, 
.wufoo label.choice                       {font-size:100%;font-family:inherit;color:#333333}
.wufoo label.choice                       {color:#444444}
.wufoo .instruct                          {font-size:80%;font-family:inherit;color:#444444}
#title1, #title2, #title3, 
#title4, #title5, #title6, #title7        {color:#952308;}
#title6                                   {font-size:14px; margin-top:10px; color:#952308;}
#title8                                   {font-weight:normal; font-weight:11px; line-height:14px; margin-bottom:10px;}
.choice                                   {font-weight:bold; margin-top:10px; height:30px; line-height:50px;}

/* Drop Shadows */
#top, #bottom                             {visibility:visible}



/********************************* 
 Newsletter Form
	
*********************************/

#mce-EMAIL                                {border:1px solid #CC9966; padding: 5px; background: url(http://www.atribecalledquestmovie.com/wp-content/uploads/2009/12/bg-form.gif) repeat-x; margin:0 5px 2px 0px; width:170px; height:23px; font-size:18px; line-height:18px; color:#49310A; font-style:italic; float:left;}

.fanBg                                    {background-color:#fff; width:230px; padding:10px;}



/********************************* 
 Comment
*********************************/

#respond                                  {width:800px;}

.commentBtn {background-color:#882007;
background:url(http://www.atribecalledquestmovie.com/wp-content/themes/tribe/images/commentBtn.png) no-repeat;
color:#FFFFFF;
float:right;
font-size:16px;
height:60px;
margin:10px 0;
padding:20px 30px 20px 50px;
width:125px;}

.post h2 {font-size:24px; margin-bottom:10px;}

h3.leaveReply  {background-color:#0D7380;
color:#FFFFFF;
font-size:16px;
margin-bottom:30px;
margin-left:0;
margin-right:0;
margin-top:30px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
width:130px;}

.comment-author {font-size:16px;}

img.avatar  {padding:5px; margin-top:15px; background-color:#FFFFFF; border:1px solid #ccc;}


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