/*
Theme Name: Tribal
Theme URI: 
Description: 
Version: 1.0
Author: 
Author URI: 
*/

/* Reset & Common */

    html,body,p,h1,h2,h3,h4,h5,h6,table,thead,tbody,tfoot,tr,th,td,pre,strong,font,b,fieldset,legend,ul,ol,li,form,label,select,option,iframe{border:0;font:normal 12px arial,sans-serif;margin:0;padding:0;text-align:left;}
    table{width:100%}
    table,thead,tbody,tfoot,tr,th,td{border-collapse:collapse;vertical-align:top}
    ul,ol{list-style:none}
    a{color: #55B71B; text-decoration:none}
    strong{font-weight: 700;}
    .clr{clear:both}
    body { background:#FFF url(images/bgTop.jpg); text-align: left;}


/* Main Structure */

    .out { }    
    
/*    .In {  margin:0 auto; background:url(images/Floor.jpg) center bottom no-repeat; padding:0 0 0px; padding-bottom: 220px;} */

    .main { width:960px; margin:0 auto;  }

    .mainsub { width:960px; background:url(images/bgMainsub.png) left top no-repeat; margin:0 auto;  }

    #top { width:960px;   }

    #show { width:926px; height:306px; clear:both; position:relative; top:-25px; left:16px; }
    


/* Top Logo, Main Navigation, Search, RSS */

		
#top {width: 960px; position: relative;}

    #top a#logo { float:left; width:204px; height:104px; position:relative; z-index:50; background:url(images/logo.png) left top no-repeat; overflow:hidden;}
    
   #top #header_ad { float:left; width:304px; height:60px; position:absolute; z-index:151; margin-left: 470px; margin-top 8px; _margin-left:-180px;#margin-left:-180px; }

    #top ul#mainNav { float:left; padding:100px 0 0; position:relative; left:0px; z-index:6; width:355px; height:25px; line-height:24px; overflow:hidden; }

    #top ul#mainNav li { float:left; display:inline; margin:0 10px 0 0; }

    #top ul#mainNav li a { float:left; color:#fff; text-transform:uppercase; font:normal 13px tahoma, arial, sans-serif; }

    #top form#mainSearch { float:right; padding:80px 0 0; }

    #top form#mainSearch label { font:bold 13px arial, sans-serif; text-transform:uppercase; color:#fff; }

    #top form#mainSearch input { width:170px; padding:2px; border:3px solid #333; margin:0 5px; height:16px; vertical-align:middle;background:#000; color:#cccccc; }

    #top a.rss { float:right; clear:right; background:url(images/rss.png) left top no-repeat; width:36px; height:36px; text-indent:-9999px; display:inline; margin:76px 15px 0 0; }

    #top #mainMenu { float:none; clear:both; position:absolute; left:285px; top:125px; color:#fff; width:650px; height:18px; line-height:18px; overflow:hidden; }
    
    #top #mainMenu a { color:#fff; }

/* Show - Featured Post Image, Audio Player */

    #show .featuredPost { float:left; width:500px; }

    #show .aPlayer { float:right; width:411px; text-align:right;padding-left:10px; }



#socialicons {
width:85px;
height:40px;
position:absolute;
top:65px;
left:885px;

}

#socialicons img{
width:30px;
height:30px;

}



#newsholder1 {
float:left;
width:320px;
height:150px;
}

#newsholder2 {
float:left;
width:325px;
height:150px;
}

#newsholder3 {
float:left;
width:320px;
height:160px;
}



#newsholderside {
float:left;
width:315px;
height:160px;
}


ul.twitter {
width:325px;
padding-top:2px;
float:left;
margin-bottom:0px;

}

ul.twitter li {

color:#000;
list-style-type:none;
position:relative;
margin-bottom:0px;
margin-top:5px;
display:block;
height:38px;
background: url(images/NewsliBG2.png);
padding:15px 20px 20px 20px;
}



ul.twitter li p {
color:#444;
margin-left:55px;

}



ul.twitter li:hover {
background: url(images/NewsliBG.png);
}


ul.twitter li a:hover span.author, ul.twitter li a:hover span.title {
}




ul.twitter li a:hover span.authorfirst, ul.twitter li a:hover span.titlefirst {
color:#fff;
}

ul.twitter li a:hover img {
}
	




ul.twitter li img {
width:50px;
height:50px;
float:left;
}


ul.twitter li a {
color:#fff;
text-decoration:none;
display:block;


}
















ul.facts {
width:555px;
padding-top:2px;
float:left;
margin-bottom:0px;

}

ul.facts li {

color:#000;
list-style-type:none;
margin-top:5px;
display:block;
height:auto;
padding:0px 20px 10px 20px;
}



ul.facts li p {
color:#6a6a6a;
margin-left:20px;

}






ul.facts li img {
float:left;
}


ul.facts li a {
color:#fff;
text-decoration:none;


}




















ul.blogs {
width:310px;
padding-top:2px;
float:left;
margin-bottom:0px;

}

ul.blogs li {
color:#000;
list-style-type:none;
position:relative;
margin-bottom:0px;
margin-top:5px;
display:block;
height:38px;
background: url(images/NewsliBG2.png);
padding:15px 20px 20px 20px;
}



ul.blogs li p {
color:#444;
margin-left:55px;
}



ul.blogs li:hover {
background: url(images/NewsliBG.png);
}


ul.blogs li a:hover span.author, ul.twitter li a:hover span.title {
}




ul.blogs li a:hover span.authorfirst, ul.twitter li a:hover span.titlefirst {
color:#fff;
}

ul.blogs li a:hover img {
}
	




ul.blogs li img {
width:50px;
height:50px;
float:left;
}


ul.blogs li a {
color:#fff;
text-decoration:none;
display:block;


}



















.menu { 
float:left;
padding-top:65px;
		}






.menu ul li{ 
			list-style-type:none; 
			margin:0 0 2px 2px;
width:auto;
float:left;
		}
			.menu ul li p.error,
			.menu ul li p.success,
			.menu ul li p.notify {
				background:none #000;
				position:absolute;
				top:16px; right:0;
				z-index:1;
				padding:3px 12px;
				border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
			}
				form p.error span, form p.success span, form p.notify span {
					font-size:0.8em;
					padding:5px 10px;
				}
			.menu ul li.on ins,
			.menu ul li a{
				padding:10px; 
				display:block;color:#fff; 
				text-decoration:none; 
				text-transform:uppercase;
				font-weight:bold; 
				font-size:.8em;
				background:#a1d651;
			}
			.menu ul li ins{text-decoration:none; cursor:default;}
			.menu ul li.schedule.on ins,
			.menu ul li.on a,
			.menu ul li.on ins{background-color:#5bacc1;}
		
			.menu ul li a:hover{color:#fff;background:#251a06;}
			.menu ul li legend{display:none;}
			.menu ul li label{
				float:left;
				clear:none;
				color:#fff; 
				margin-right:10px; 
				padding-left:10px;
				font-size:0.8em;
				font-weight:normal;
				text-transform:uppercase;
				padding:2px 15px 3px;
			}
			.menu ul li form{background:#000; overflow:hidden;}
			.menu ul li fieldset{ padding:5px 0 4px 0; margin:0; border:0 none; }
			
				.menu ul li fieldset input{
					height:10px;
					width:100px;
					float:left;
					clear:none; 
					margin:0; 
					background-color:#5bacc1; 
					border:0 none; 
					margin-top:1px;
					border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
					font-size:0.75em;
					padding:3px;
				}
				.menu ul li fieldset input.button{
					width:10px; 
					margin-right:10px; 
					height:16px; 
					position:relative;
					width:16px;
					background:#5bacc1 url(../images/arrows.png) no-repeat 0 -82px;
					text-indent:-999px;
				}


    #show { 

float:right; width:411px; text-align:right;padding-left:10px; 


}


    #topcolumn { 
padding:10px;
width:950px;
height:275px;
background:url(images/topcolumnbg.png)  no-repeat;


}



    #middlecolumn { 
padding:10px;
float:left; 
width:950px;
height:300px;
background:url(images/topcolumnbg.png)  no-repeat;

}

    
/*  ----------  Body - Contents, Blog Posts, Sidebar ----------  */



#body {
background:#f5f5f5;
padding:5px 5px 20px 5px;
height:auto;
}

    #body #content { float:left; display:inline; width:550px; margin:0 0 0 11px; }


    #body #contentfullwidth { float:left; display:inline; width:960px; margin:0 0 0 11px;  }


    #body #contentphotos { float:left; display:inline; width:875px; margin:0 0 0 11px; }

    
    #body #sidebar { float:right; display:inline; width:321px; margin:25px 18px 0 0; }


#footerwrapper { 
text-align:center;
width:950px;
height:50px;
color:#999;
}


#footerwrapper p{ 
text-align:center;


}
    
/*  ----------  Sidebar ----------  */

    #sidebar ul {text-align: left}
    #sidebar, #sidebar li, #sidebar li a { color:#55b71b;line-height: 20px; }
    
    #sidebar li.sidebarLi { background:url(images/sidebarTop.png) left top no-repeat; padding:8px 0 0; width:321px; }
    
    #sidebar .sidebarLiContent { background:#000; width:291px; padding:20px 15px 0;}


    
    #sidebar .sidebarLiBot { background:url(images/sidebarBot.png) left bottom no-repeat; height:20px; }
    
    #sidebar .sidebarLiContent h2 { text-transform:uppercase; color:#fff; font:normal 20px tahoma, arial, sans-serif; padding:0 0 10px; }
    
    .adSpacetop { padding:0 0 0px;background:url(images/sidebarTop.png) bottom center no-repeat;height:10px; }
    
    .adSpacebot  { background:url(images/sidebarBot.png) left bottom no-repeat; height:30px; }

    .adSpace { padding:10px 0 0px;background:#000 ; }
    
    .adSpace a { float:left; display:inline; width:125px; margin:10px 0 0 22px; }

    #sidebar form #newsletter{height: 50px; background: #fff; text-align: left;}

    #sidebar form {background: #000; padding: 0px 0px 8px 15px; text-align:left; }


    #sidebar input[type="text"]{height: 22px; border:1px #333 solid;width: 167px; font-size: 12px;background:#000 url(images/feedburner.png) no-repeat; padding-left: 33px; color:#cccccc; padding-top:8px;}

    #sidebar input[type="submit"]{height: 26px; background: #fff; border:3px #000 solid; position: absolute; margin-left:7px; width: 55px; }

    #bannersSquare {margin: auto auto; text-align:center;}
.ad300x250 {margin: auto auto; text-align:center;}

    /* flickr Box */
		
.flickr{
	text-align: center;
	height:auto;
	background:#000;
	padding:0px 0px 0px 0px;
	color:#660066;
	list-style-type:none;
	margin: 0px 0px 0px 0px;
		
	}
	
.flickr img{
	border:2px solid #333;
	padding:2px;
	}
	
    .taghead{
    
    font-size:16px;
    font-weight:bold;
    color:#fff;
    
    
    
    }










.albumdisplay {
	background: url(images/SideBarBG.png);
	float: left;
	width: 900px;
	margin: 10px 0px 0px 0px;
	padding: 20px;
	}



.albumdisplay h6 {
color: #ffffff;

    font-size:12px;
    font-weight:bold;
	}


.albumdisplay p {
color: #FFFFFF;
	}
	
.albumdisplay img {
	border: none;
width:205px;
height:205px;
float:left;
	padding-left:10px;
	padding-bottom:20px;

	}



#homecontent {
width:970px;
height:153px;
margin-top:10px;
}


#pagenav a {
padding:5px 10px 5px 10px;
color:#fff;
background:#a1d651;
}

#pagenav a:hover {

background:#251b06;
}

#pagenav p {
padding:0px 10px 0px 10px;
font-weight:bold;
}

/* Post Block */

    #content .postMain { background:url(images/postTop.png) left top no-repeat; padding:0px 0 0; width:600px;}

    #content .postMainhome { background:url(images/sidebarTop.png) left top  padding:9px 0 0; width:600px;}
    
    #content .post { background:#fff; width:550px; padding:0px 25px 25px 25px; color:#454545; height:auto;}




    #contentphotos .postMainphotos { background:url(images/postTop.png) left top no-repeat; padding:0px 0 0; width:875px;}

    #contentphotos .postMainphotos { background:url(images/sidebarTop.png) left top  padding:9px 0 0; width:875px;}
    
    #contentphotos .postphotos { background:#fff; width:875px; padding:0px 25px 25px 25px; color:#454545; height:auto;}





    #content .posthome { 

background:#000000; width:570px; padding:15px; color:#454545; float:left; }


    
    #content .post h2 a { color:#3c3c3c; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:-1px; }
    
    #content .post h3 { font-size:10px; color:#275d07; padding:10px 0; text-align: left;  }



    #content .post h5 { 

font-size:13px; 
color:#386f93; 
padding:10px 0; 
text-align: left;  
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;

}


    #content .post h6 { 

font-size:15px; 
color:#b6b6b6; 
padding:10px 0; 
text-align: left;  
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;

}



    #content .post .benefits { 


background:#FFF url(images/benefitsbg.jpg) no-repeat;
width:570px;
height:500px;

}






    
    #content .post .postMeta { background-color: #000;border-top: 1px solid #8A8782;border-bottom: 1px solid #8A8782;margin-bottom: 5px;padding-top: 5px;padding-right: 2px;padding-bottom: 5px;padding-left: 8px;color:#fff; text-align:left;clear: both; }

    #content .postMain .post .postMeta { background-color: #000;border-top: 1px solid #8A8782;border-bottom: 1px solid #8A8782;margin-bottom: 5px;padding-top: 5px;padding-right: 2px;padding-bottom: 5px;padding-left: 8px;color:#fff; text-align:left;margin-top:10px; float:left; width:550px;}

    
    #content .post .postMeta a { color:#CE2778;text-align: left; font: 12px/18px #fff; }


    
.post p { 

line-height:17px; 
padding:0 0 0px; 
font-size:12px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}  

    
    #content .postFoot { background:url(images/postBot.png) left top no-repeat; height:0px; text-align: left; }


    #content .postFoothome { background:url(images/sidebarBot.png) left top  height:0px; text-align: left; }

/* Footer */

    #footOut { background:url(images/fooTop.png) left top no-repeat; padding:10px 0 0 0; clear:both; width:960px;   }
    
    #footOut #footIn {background: #000; }
    
    #footIn #foot { background:url(images/fooBot.png) left bottom no-repeat; color:#fff; width:960px; }
    
    #foot .block { text-align: left;float:left; width:288px; padding:0px 15px; margin:0 0px 0 0;}
    
    #foot .last { margin-right:0; } 
    
    #foot .block h3 { text-transform:uppercase; font-size:22px; letter-spacing:-1px; }

    #foot p, #foot ul {margin-bottom: 20px;}

/* Single Post Page */
  
    .single #body { min-height:500px; }
    
/* Comments */

    .commentsMain { padding:0 0 20px; }
    
    .commentsMain h3#comments , .commentsMain #respond h3 { font:bold 18px arial, sans-serif; color:#fff; padding:20px 0 10px; }
    
    .commentsMain .commWrap { background:url(images/postTop.png) left top no-repeat; width:600px; padding:9px 0 0;  }
    
    .commentsMain ol.commentlist { background:#fff; padding:15px; }
    
    .commentsMain ol.commentlist li { padding:5px; margin:0 0 5px; border:1px solid #ccc; }
    
    .commentsMain ol.commentlist li li { margin:10px; }
    
    
    
    .commentsMain .commFoot { background:url(images/postBot.png) left top no-repeat; height:19px; }
    
    .commentsMain form#commentform p { padding:0 0 10px;  }
    
    .commentsMain form#commentform p input, .commentsMain form#commentform p textarea { padding:5px; border:1px solid #cccccc; }
    
    .commentsMain form#commentform p input#submit { cursor:pointer; background:#333; font-weight:bold; color:#fff; }
    
    


 
 /* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 0px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */


.locationholder {
width:300px;
height:340px;
padding: 0px 0px 20px 0px;
margin:5px;
font-size:18px;
color:#555;
line-height:20px;
float:left;
}

.locationholder img{

padding:5px;
border:1px #ccc solid;
margin:5px;
width:260px;
}


.locationholder a{
color:#3c83ba;
font-size:12px;

}

.locationholder a:hover{
color:#133c5c;

}


.locationholder h1{
font-size:28px;
color:#3c3c3c; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:-1px;


}


.locationholder p{
font-size:15px;
color:#777;
line-height:20px;
}





.masthead-logo {
        width: 249px;
        text-align: left;
        margin: 2px 0px 0px 2px;
        padding: 0px 0px 0px 0px;
        float: left;
        }




.masthead-logo h1{width:250px; margin:0; padding:0; height:125px;}

.masthead-logo h1 a {background:url(images/logo.png) center center no-repeat; display:block; height:125px;}

.masthead-logo h1 a span{display:none;}


ul.categories{
	float:left;
	width:425px;
margin:10px;
}

ul.categories li a span.desc{
	font-size:0.8em;
	line-height:25px;
	color:#969595;
}

ul.categories li a span.date{
	font-size:0.7em;
	font-family:Arial, Helvetica, sans-serif, "Arial Narrow";
	line-height:20px;
}

ul.categories li a:hover span.date{
	color:#2d2d2d;
}

ul.categories li a img{
	border:3px solid #d9d9d9;
	float:left;
	margin:0 15px 0 0;
max-height:75px;
}

ul.categories li{
	margin:10px 14px 10px 14px;
	float:left;
	width:400px;
height:auto;
	border:1px solid #FFF;
padding:20px;

}



ul.categories li a span.comment_icon{
	background: url(images/icons/speech_bubble_48.png);
	color:#000000;
	font-size:1.3em;
	padding:10px 0px 15px 1px;
	width:47px;
	position:absolute;
	margin:-15px 0 0 452px;
	text-align:center;
}

ul.categories li a:hover span.comment_icon{
	text-decoration:underline;
}

ul.categories li:hover{
	background: #eee;
	border:1px solid #d9d9d9;
}



.newsdesc {
color:#999;
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:-1px;}




.post_header {
color:#222;
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:-1px;

font-size:14px;

}

#content h1 {
font-size:28px;
color:#3c3c3c; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:-1px;

}

#contentfullwidth h1 {
font-size:24px;
color:#3c3c3c; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:-1px;

}

#contentfullwidth h2 {
font-size:32px;
color:#3c3c3c; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:-1px;
line-height:40px;
}


.flavorsofday li {
width:225px;
height:200px;
float:left;
margin:5px;
color:#777; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:-1px;
font-size:16px;
}


.flavorsofday li img {
margin:5px;

}