/*
Theme Name: Tribal
Theme URI: http://www.gorillathemes.com/demo/tribal/
Description: Tribal Urban Music WordPress theme
Version: 3.2
Author: Gorilla Themes
Author URI: http://gorillathemes.com
*/

/* 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,input,textarea,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; }
img { border:1px solid #000; }
:focus { outline:0; }
.clr { clear:both; }
body { background:#999792 url(images/bgTop2.jpg) 53% top no-repeat fixed; text-align:left; }

/* Main Structure */
.out { }
.main { width:960px; background:url(images/bgMain.png) left top no-repeat; margin:0 auto; }
.mainsub { width:960px; background:url(images/bgMainSingle.png) left top no-repeat; margin:0 auto; }
#top { width:960px; position:relative; z-index:58; }
#show { width:926px; clear:both; position:relative; top:-25px; left:16px; }

/* Top Logo, Main Navigation, Search, RSS */
#top { width:960px; position:relative; }
#logo { float:left; width:304px; height:184px; position:relative; z-index:30; }
#top #header_ad { float:left; width:304px; height:60px; position:absolute; z-index:15; margin-left:470px; _margin-left:-180px; #margin-left:-180px; }
#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; }
h3 { font-size:24px; }
h4 { font-size:18px; padding:10px 10px 10px 5px; font-weight:bold; }
.more-link { font-weight:bold; }

/* Show - Featured Post Image, Audio Player */
#show .featuredPost { float:left; width:500px; }
#show .featuredPost h1 { color:#fff; font-size:22px; }
#show .aPlayer { float:right; width:411px; text-align:right; padding-left:10px; position:relative; z-index:30; }

/*  ----------  Body - Contents, Blog Posts, Sidebar ----------  */
#body #content { display:inline; width:600px; }
#body #contentfull { display:inline; width:932px; }
#body #sidebar { display:inline; width:321px; }

/*  ----------  Sidebar ----------  */
#sidebar ul { text-align:left; }
#sidebar,#sidebar li,#sidebar li a { color:#55b71b; line-height:20px; font-weight:bold; }
#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:30px 15px 20px; }
#sidebar .sidebarLiContentad { background:#000; width:320px; padding:20px 0 0; }
#sidebar .sidebarLiBot { background:url(images/sidebarBot.png) left bottom no-repeat; height:55px; }
#sidebar .sidebarLiContent h2 { text-transform:uppercase; color:#fff; font:normal 23px tahoma, arial, sans-serif; padding:0 0 10px; padding-bottom:10px; }
.adSpacetop { padding:0; background:url(images/sidebarTop.png) bottom center no-repeat; height:10px; }
.metatop { padding:0; background:url(images/sidebarTop.png) top center repeat-x; height:8px; margin-top:20px; width:527px; }
.metabot { background:url(images/sidebarBot.png) top center repeat-x; height:55px; }
.metatopfull { padding:0; background:url(images/sidebarTop.png) top center repeat-x; height:8px; margin-top:20px; }
.metabotfull { background:url(images/sidebarBot.png) top center repeat-x; height:55px; }
#sidebar .sidebarLiContent ul li { background:#212121; margin:1px 0; padding:3px 0 3px 5px; display:block; }
#sidebar .sidebarLiContent ul li:hover { background:#414141; margin:1px 0; padding:3px 0 3px 5px; display:block; }
.adSpacebot { background:url(images/sidebarBot.png) left bottom no-repeat; height:55px; }
.adSpace { padding:10px 0 0; 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:0 0 8px 15px; text-align:left; }
#sidebar input[type=text] { height:21px; width:186px; font-size:12px; background:#212121 url(images/feedburner.png) no-repeat; padding-left:33px; color:#ccc; padding-top:8px; }
#sidebar input[type=text]:hover { height:21px; width:167px; font-size:12px; background:#384718 url(images/feedburner.png) no-repeat; padding-left:33px; color:#ccc; padding-top:8px; }
#sidebar input[type=submit] { height:29px; background:#000; color:#ce2778; border:1px #212121 solid; position:absolute; margin-left:7px; width:55px; padding:5px 5px 5px 10px; font-size:12px; font-weight:bold; cursor:pointer; }
#sidebar input[type=submit]:hover { height:29px; background:#ce2778; color:#000; border:1px #212121 solid; position:absolute; margin-left:7px; width:55px; padding:5px 5px 5px 10px; font-size:12px; font-weight:bold; cursor:pointer; }
#bannersSquare { margin:auto; text-align:center; }
.ad300x250 { margin:auto; text-align:center; }

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

/* Post Block */
#content .postMain { background:url(images/postTop.png) left top no-repeat; padding:9px 0 0; width:600px; }
#contentfull .postMainfull { background:url(images/topfull.png) left top repeat-x; width:944px; height:29px;margin-left:8px; }
#content .post { background:#fff; width:540px; padding:50px 30px 30px; color:#000; float:left; }
#contentfull .postfull { background:#fff; width:884px; padding:50px 30px 30px; margin-left:8px;color:#000; float:left; }
#contentfull .postfull h2 a { text-transform:uppercase; color:#000; font-size:30px; line-height:42px; }
#contentfull .postfull h2 a:hover { text-transform:uppercase; color:#333; font-size:35px; line-height:42px; }
#contentfull .postfull h3 { font-size:14px; color:#666; padding:10px 0 20px; text-align:left; }
#content .post h2 a { text-transform:uppercase; color:#000; font-size:30px; line-height:42px; }
#content .post h2 a:hover { text-transform:uppercase; color:#333; font-size:35px; line-height:42px; }
#content .post h3 { font-size:14px; color:#666; padding:10px 0 20px; text-align:left; }
#content .post .postMeta { background-color:#000; margin-bottom:0; padding-top:0; padding-right:20px; padding-bottom:0; padding-left:15px; color:#fff; text-align:left; clear:both; }
#contentfull .postfull .postMetafull { background-color:#000; margin-bottom:0; padding-top:15px; padding-right:20px; padding-bottom:0; padding-left:15px; color:#fff; text-align:left; clear:both; }
#content .postMain .post .postMeta { background-color:none; margin-bottom:0; padding-top:15px; padding-right:5px; padding-bottom:0; padding-left:15px; color:#fff; text-align:left; margin-top:0; float:left; width:520px; line-height:22px; font-size:13px; font-weight:bold; }
#content .post .postMeta a { color:#CE2778; text-align:left; font:12px/18px #fff; }
#content .post p { line-height:18px; padding:0 0 10px; clear:left; text-align:left; }
#content .postFoot { background:url(images/postBot.png) left top no-repeat; height:19px; text-align:left; }
#contentfull .postFootfull { background:url(images/bottomfull.png) left top repeat-x; height:29px; margin-left:8px; width:944px; margin-bottom:20px; text-align:left; }

/* Footer */
#footOut { background:url(images/fooTop.png) left top no-repeat; padding:10px 0 0; clear:both; width:960px; color:#fff; }
#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:35px 15px; margin:0; }
#foot .last { margin-right:0; }
#foot .block h2 { text-transform:uppercase; font-size:24px; letter-spacing:-1px; }
#foot p,#foot ul { margin-bottom:20px; }

/* Single Post Page */
.single #body { min-height:500px; position:relative; z-index:98; }
h1.single a { color:#000; font-size:24px; }

/* Comments */
.commentsMain { padding:0 0 20px; }
.commentsMain h2#comments,.commentsMain #respond h2 { font:bold 22px arial, sans-serif; color:#000; 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; }
textarea#comment { width:400px; }

/*  Images */
p img { padding:0; border:1px solid #ccc; max-width:100%; }
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 0 0; display:inline; }
.alignright { float:right; }
.alignleft { float:left; }
div a img { border:none; }

/*- Main Menu -*/
#top form#mainSearch { float:right; }
#menu_navigation { float:left; top:96px; position:relative; left:-18px; z-index:97; width:600px; height:45px; }
.menu-nav a { color:#fff; background:#6a153f; font-weight:bold; text-decoration:none; text-align:left; text-transform:none; }
.menu a:visited { color:#fff; font-weight:bold; text-decoration:none; text-align:left; text-transform:none; }
.menu a { color:#fff; font-weight:bold; text-decoration:none; text-align:left; text-transform:none; text-decoration:none; font-size:15px;  height:22px;}
#menu-nav ul ul a { color:#fff; background:#08a4b2; font-weight:bold; text-decoration:none; text-align:left; text-transform:none; border-bottom:1px solid #0b3147; height:auto; line-height:1em; padding:8px 5px; width:150px; text-align:left; }
#menu-nav li:hover > a,#menu-nav ul ul :hover > a { color:#eee; background:#ce2778; z-index:96; }
.menu-header ul li a { color:#fff; }
.menu-header .current-menu-item a { color:#eee; background:#ce2778; }
#menu-nav .menu-header,div.menu { text-transform:none; font-weight:bold; }
#menu-nav .menu-header ul,div.menu ul { list-style:none; margin:0!important; }
#menu-nav .menu-header li,div.menu li { float:left; position:relative; margin:0!important; }
#menu-nav li a { display:block; text-decoration:none; padding:3px 13px; padding-top:9px\9; }
#menu-nav ul ul { display:none; position:absolute; top:28px; left:0; float:left; box-shadow:0 3px 3px rgba(0,0,0,0.2); -moz-box-shadow:0 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow:0 3px 3px rgba(0,0,0,0.2); z-index:99999; }
#menu-nav ul ul ul { left:100%; top:0; }
#menu-nav ul li:hover > ul { display:block; }
cufon.cufon.cufon-canvas { padding-top:7px; }

/* Slider */
#slider { width:516px; height:304px; position:relative; overflow:hidden; }
#mask-gallery { overflow:hidden; }
#gallery {list-style:none; margin:0; padding:0; z-index:0;width:900px; overflow:hidden; }
#gallery li {float:left; }
#mask-excerpt { position:absolute; top:0; left:0; z-index:500px; width:120px; overflow:hidden; }
#excerpt { filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity:0.75; opacity:0.75; list-style:none; margin:0; padding:0; z-index:10; position:absolute; top:0; left:0; width:100px; background-color:#000; overflow:hidden; font-family:arial; font-size:10px; color:#fff; }
#excerpt li { padding:5px; }
#excerpt li h2 { font-size:18px; }
#buttons { z-index:88; position:relative; margin-top:-20px; padding-left:6px; font-size:15px; background:#000; width:94px; height:30px; }
.clear { clear:both; }