/* 



Theme Name: Carib VIP Theme



Theme URI: http://caribvips.com



Author: Bowetech LLC



Author URI:  http://bowetech.com



Version: 1.0



Description: Custom Built for Carib Vips  Music Website. Details: Page with 994 - padding 20px - columns 2 - 3



*/



@import url("subnav.css");



@import url("reset.css");



@import url("xmenu.css");







body {



	font: 13px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;



	background: #ABD1E2;



}







  



a:focus {



	outline: 1px dotted invert;



}







hr {



	border: 0 #ccc solid;



	border-top-width: 1px;



	clear: both;



	height: 0;



}



 











h1 {



	font-size: 23px;



	border-bottom: 1px dotted #669900;



}







h2 {



	



	color: #bf762d;



	font:normal 24px/28px a;



}















h3 {



	font-size: 21px;



	font-weight: normal;



}







h4 {



	font-size: 19px;



}







h5 {



	font-size: 17px;



}







h6 {



	font-size: 15px;



}







/* `Spacing



----------------------------------------------------------------------------------------------------*/







ol {



	list-style: decimal;



}







ul {



	list-style: square;



}







li {



	margin-left: 0px;



	list-style-type: none;



}







p,



dl,



hr,



h1,



h2,



h3,



h4,



h5,



h6,



ol,



ul,



pre,



table,



address,



fieldset {



	margin-bottom: 20px;



}



a {



text-decoration:none;



}



a:link, a:active, a:visited {



color:#397099;



}



a:hover {



color:#C90404;



}



.alignleft{



	float: left;



	margin:4px 10px 5px 0;



}



#wrapper {



	height: auto;



	min-width: 994px;



	background: #FFF;



	margin: 0 8px;



}



#canvas {



	text-align: left;



	min-width: 1010px;



	



}







#mast-header{



	width: 994px;



	height: auto;



	margin: 0px auto;



	



	



}



#mastheader {



	height:150px;



	clear: both;



}







#content-wrap {

	background-color: #FFFFFF;

	background-image:url("images/content-wrap_bg.png");

	background-position:21px 50%;

	height: auto;
 	border-top: 1px solid #DEDF99;

}



#primary-content, #side-bar,#primary-content-wide{



	display: inline;



	float: left;



	margin: 10px;



}







#resource-bar{



	display: inline;



	float: right;



	margin: 10px;



}











#primary-content {



	font:14px/1.5em arial;



	height: auto;



	width: 472px;



}







#primary-content-wide {



	height: auto;



	width: 652px;



}







#side-bar {



	width: 300px;



	height: auto;



}



#resource-bar {



	height: auto;



	width: 160px;



}



#footer-contents .widget-list {



float:left;







}



#footer {



	clear: both;



	/** background: #1D3138;**/



	height: auto;



}



#footer-contents{



	background: url(images/footer-wrap-bg.gif) repeat-y center top;



	height: auto;



	margin: 0px auto;



	text-align: left;



	width: 994px;



}







.clear {



clear:both;







}



.legals {



clear:both;



padding: 15px 20px;



}







#shadow-wapper {



	clear:both;



	background: url(images/shadow-wrap-bg.gif) repeat-y left top;



	margin: 0px auto;



	height: auto;



	width: 1010px;



} 







#footer-contents h3 span{



	background-image: url(images/arrow-orange.gif);



	background-repeat: no-repeat;



	color: #FFFFFF;



	background-position: right;



	padding-right: 20px;



}











.footer-contents-item {



	float: left;



	height: auto;



	width: 208px;



	margin: 20px;



}



#header {



	height: 130px;



	width: 100%;



}



.branding {



	float: left;



}







.branding h1{



	float: left;



	text-indent: -9999px;



}







.advert-top {



	float: right;



	text-align: right;



	padding-top: 35px;



	padding-right: 20px;



}



#main-nav {



	height: 40px;



	width: 994px;



	-moz-border-radius: 5px 5px 0 0;



	background:url("images/menu-bg.gif") no-repeat scroll -8px top transparent;



	clear:both;



}



.primary-nav { margin-left: 10px; }



.primary-nav .menu-item-home{



	text-indent: -9999px;



	width: 60px;



}



.secondary-nav {



	height: 40px;



	background-color: #FFFFDF;



	border-bottom: 1px solid #DEDF99;



	clear: both;



	border-top: 1px solid #DEDF99;



}







.secondary-nav ul {



	margin: 0px;



	padding: 0px;



}



.secondary-nav ul li {



	float: left;



}



.secondary-nav ul li a{



	padding: 10px;



	display:block;



}























#side-bar #categories-2 li {



	margin: 5px;



	background: url(images/bullet.gif) no-repeat left center;



}



#side-bar #categories-2 li a{



	padding: 5px 5px 5px 24px;



	display: block;



	border-bottom: 1px dotted #d7d7d7;



}







#featured{ 



	width:650px; 



	height:360px; 



}















#primary-content-wide .post .thumb img {



background-color:#F2F2F1;



border:1px solid #E9E9E9;



float:left;



margin: 4px 0 10px;



padding:6px;



height:134px;



width:134px;



}







#primary-content-wide .post .excerpt{



	float:right;



	width:475px;



	margin-left: 15px;



} 







#primary-content-wide .post {



	clear:both;



	margin:0 5px;



	padding-top:10px;



}



















#primary-content-wide .post .links {



	float:left;



	font-family:Verdana;



	font-size:0.9em;



}



#primary-content-wide .post .comments {



	float:right;



	font-family:Verdana;



	font-size:0.8em;



}



#primary-content-wide .post .comments a {



	background:url("images/comments.png") no-repeat scroll right bottom #669900;



	color:#FFFFFF;



	display:block;



	margin-bottom:10px;



	padding:5px 0 11px;



	text-align:center;



	text-decoration:none;



	width:91px;



}











































.tags {



	background:url(images/tag.gif) no-repeat scroll left top;



	padding-left: 25px;



	font-style: italic;



}







#content-wrap p {



	line-height: 1.5em;	 



}







.page-title h1 a , .post-title h1 a{



color:#669900;



font:22px/28px arial;



text-decoration: none;



}







.page-title  h1, .post-title h1 {



font-weight:normal;



margin-bottom: 10px;



}



.excerpt h2 a{



color:#669900;



text-decoration: none;



}







.excerpt h2 {



font-weight:normal;



margin-bottom: 10px;



font-size:23px;







}







.hr {



 	border-bottom: 1px solid #E9E9E9;



	clear:both;



}







.frontpage-item {
	padding: 5px;
	border: 1px solid #E9E9E9;
	width:195px;
	height:275px;
	float:left;
	margin: 0px 10px 10px 0px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius:4px;

-webkit-box-shadow: 1px 2px 4px #cccccc;
-moz-box-shadow: 1px 2px 4px #cccccc;
box-shadow: 1px 2px 4px #cccccc;




}



.frontpage-item ul{



	margin: 5px 0px;



}



.frontpage-item li{



	background: url(images/red_li.gif) no-repeat left 5px;



	font: bold 11px Arial, Helvetica, sans-serif;



	padding: 0px 0px 4px 8px;



}



.frontpage-item h5 a {



	background: url(images/red_arrow.jpg) no-repeat right center;



	padding-right: 15px;



} 



.frontpage-thumb {



	float: left;



	margin: 5px;



}



.frontpage-column{



	margin: 10px;



	height: auto;



	width: 305px;



	float: left;



}



.page-content, .page-sidebar {



	float: left;



}



.page-content {
	height: auto;
	width: 425px;
	margin-left: 10px;
}



.page-sidebar {
	height: auto;
	width: 200px;
	margin-right: 10px;
}

.page-item {

	padding: 5px;
	border: 1px solid #E9E9E9;
	float: left;
	height: auto;
	width: auto;
	margin: 5px;
}


.page-item img{



	float: left;



	margin-right:8px;



}


.page-thumb {

	margin: 5px;

}


#spotlight {

	background-color: #FFFFFB;
	width: 638px;
	height: auto;
	float: left;
	margin:10px 0 20px;
	padding: 5px;
	color: #333333;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius:4px;

	-webkit-box-shadow: 1px 2px 14px #cccccc;
	-moz-box-shadow: 1px 2px 14px #cccccc;
	box-shadow: 1px 2px 14px #cccccc;

}



.spotlight-item{

	float: left;

}



#spotlight img{



	margin-right:8px; 



	border:1px solid #DDDDDD;



	padding: 1px;



}



#spotlight .excerpt h3 {







font-size:20px;



font-weight:normal;



margin-bottom:2px !important;



}











#spotlight .excerpt h3 a {



	color:#BF762D;



}







.topsites {



	height: auto;



	width: 350px;



}



.topsites-li {



	border-bottom: 1px solid #E4E4E4;



	display: block;



	margin: 5px;



	float: left;



}







.topsites h4 {



	font: bold normal 11px Verdana, Arial, Helvetica, sans-serif;



	margin-bottom: 5px;



}



.topsites img {



	margin: 5px 5px 20px;



	float: left;



}







.front-video{width:300px; height:auto; }



#content-inner {float:left; }



.post-header {float:left; margin: 10px 0 10px 15px; }







#content-outer-wrap {



	height: auto;



	float: left;



	width: 672px;



}



#btm-content{



	height: auto;



	margin: 10px;



	clear: both;



}











/*Popular Posts*/



#popularPosts { list-style:none; }



#popularPosts li { overflow:auto; margin:10px 0px; font:11px Arial,Helvetica,sans-serif;

-webkit-box-shadow: 1px 2px 10px #cccccc;
-moz-box-shadow: 1px 2px 10px #cccccc;
box-shadow: 1px 2px 10px #cccccc;
padding:5px;
}



#popularPosts li img { float:left; margin-right:10px; border:1px solid #ececec; padding:2px;}



#popularPosts li a { text-decoration:none; font-weight:normal; color:#397099; font-weight:bold;}



#popularPosts li p { margin-top:0px; color:#333;}



#popularPosts .ppl-date {



	display: inline;



}



.title-meta {



	font:10px Arial,sans-serif;



	margin-bottom:10px;



	text-transform:uppercase;



}

.author-name { 

background:none repeat scroll 0 0 #FF9933;
color:#FFFFFF;
padding:2px 5px;
margin-top:5px;
float:left;
font-weight: bold;
margin-right: 8px;
}

.clock_X { 

background:none repeat scroll 0 0 #CCCCCC;
color:#FFFFFF;
padding:2px 5px;
margin-top:5px;
float:left;
font-weight: bold;
margin-right: 8px;
}



.clock,.category {



	background:none repeat scroll 0 0 #E9F2E6;



	color:#FFFFFF;



	padding:2px 5px;



	margin-top:5px;



	float:left;



}







#comments{



	height:auto;



}







.commentlist{



	background-color:#E6F3D7;



	padding:10px;



	float:left;



}







.commentlist .children li {



	border-top:1px solid #D7DCD2;



	border-right-style: none;



	



	border-left-style: none;



}







.comment {



	display: block;



	height: auto;



	float: left;



	clear: both;



	width: 630px;



	margin-bottom: 10px;



	background: #FFFFFF;



	border:1px solid #D7DCD2;



}







.commenter {



	float: left;



	width: 80px;



	height: auto;



	margin: 10px 5px 0;



}







.comment-body {



	float: right;



	margin: 10px;



	width:520px;



 	



}







.comment-meta {



	color: #A6A6A6;



	font-family: Arial, Helvetica, sans-serif;



	font-size: 10px;



}



.fn{



	display:block;



	font: bold normal 11px Arial, Helvetica, sans-serif;



	color: #666666;



}



.reply {



	clear:both;



	float:right;



	font-size:10px;



	padding:2px 4px;



	text-align:right;



	position:relative;



	bottom: 10px;



	background: #ACCF83;



}







.reply a {



	color:#FFFFFF;



}



#respond {







	height:auto;



}







#commentform {



	background-color:#FFC457;



	padding: 10px;



	width:632px;



	height:auto;



}







.comment-form-left{



	float:left;



	width:220px;



	height:auto;



}



.comment-form-right{



	float:right;



	width:395px;



	height:auto;



}



#comments .form-submit{



	clear:both;



}



#comments label {



	font-weight:bold;



	color: #FFFFFF;



}



#comments .input-text {



	height:13px;



	width:200px;



}



#comments .input-text, #comments .input-textarea {



	border: 0 none;



	padding: 7px 5px 6px;



	



}















.authcomment{



	background:none repeat scroll 0 0 #F8FFDB;



	border:1px solid #D7DCD2;



	clear:both;



	display:block;



	float:left;



	height:auto;



	margin-bottom:10px;



	width:630px;



	color: #8b6a2e;



}



.sharebox {



text-align:center;



border:1px solid #E8E8E8;



padding:5px;







}







.sharebox-item{



	margin: 8px;



	display: inline;



 



}







.primary-nav li a .sub-indicator{



	background: url(images/arrow-down.png) no-repeat right center;



	height: 10px;



	width: 10px;



	display:block;



	position:absolute;



	right:3px;



	top: 17px;



	



}







.primary-nav li ul li a .sub-indicator{



	background: url(images/arrow-right.png) no-repeat right center;



	right: 15px;



	top: 12px;



	 



}



.related-topics{



	height: auto;



	margin-top: 10px;



}



.related-topics h3{



	text-transform: uppercase;



	font-size: 16px;



	font-weight: bold;



	margin-bottom: 10px;



	color: #333333;



	border: 1px solid #669900;



}







.related-topics h3 span {



	color: #FFFFFF;



	background: #669900;



	padding:3px;



}







.related-topics li{



	background: transparent url(images/red_li.gif) no-repeat scroll left center;



	font: bold 11px Arial,Helvetica,sans-serif;



	padding: 5px 0 5px 8px;



	border-bottom: 1px solid #CCCFFF;



}







.related-topics img {



	border:1px solid #E6E6E6;



	padding: 3px;



}



.frontpage-item-title {



	display: block;



	background: #669999;



	margin-right: 5px;



}



.frontpage-item-title a {



	display: block;



	color: #FFFFFF;



	padding: 3px 9px;



}



.frontpage-item img {



	display: block;



}







.topsites-li img {



	display: block;



}



.topsites-li a {



	display: block;



}







.topsites-li p {



	font: 11px Arial, Helvetica, sans-serif;



}



.ppl-divline{



	background-color: #E5E5E5;



	height:0px;



	overflow:hidden;



}







.movable-blocks{padding:5px;}







.movable-blocks img{padding:2px;}







.alignright { float:right; }







.share { float:left; margin:6px 0 0; width:400px; margin:10px 0 0;}



.share > div { float:left; width:auto;}



.author { 



font:10px Arial,sans-serif; margin-bottom:10px; text-transform:uppercase;float:left;







background-image: -moz-linear-gradient(center top , #FFFFFF, #F5F5F5);



    border-color: #EBEBEB #EBEBEB #D7D7D7;



    box-shadow: 1px -1px 0 #FFFFFF inset, 0 2px 2px rgba(0, 0, 0, 0.1);



    padding:4px 0 5px 4px;



    



 border: 1px solid #D6D9D9;



    border-radius: 4px 4px 4px 4px;



 }



.author img { float:left;margin-right:10px; padding:2px; border:1px solid #ccc;



   



 }



.share .stumbleupon { margin-right:15px; }



.post-title { float:left; clear:both; margin-bottom: 20px;}



#gadd_wrap {float:left; }



.g_add {float:left;}

.photo-post{  

	background-color: #F2F2F1;

    border: 1px solid #E9E9E9;

    float: left;

    height: auto;

    margin: 4px 3px 1px 10px;

    padding: 6px;

    width: 190px;

}

.photo-wrap{

  clear: both;

  text-align: center;

}



.fb-container{

 	border: 2px solid #FF9933;

    	padding: 10px;

    	width: 276px !important;

	background-color:#FFF;

	color: #333;

}

.fb-container {

padding-top:5px !important;
padding-bottom:5px!important;
margin-bottom: 20px;

}



.fb-container h3{

	color: #FF9933;

    	font-size: 18px;

    	font-weight: bold;
	margin-bottom:5px;

}



.fan_box .connections{

	height:10px !important;



}



#cooler-nav{clear: both; height: 50px; margin: 0 0 50px;}
#cooler-nav .nav-box{background: #e9e9e9; padding: 10px;}
#cooler-nav img{float: left; margin: 0 10px 0 0;}
#cooler-nav p{margin: 0 10px; font-size: 12px; vertical-align: middle;}
#cooler-nav .previous{float: left; vertical-align: middle; width: 210px; height: 50px;}
#cooler-nav .next{float: right; width: 210px; height: 50px;}

#primeAdd {width:728px; margin:auto; padding:5px;
-webkit-box-shadow: 1px 2px 10px #cccccc;
-moz-box-shadow: 1px 2px 10px #cccccc;
box-shadow: 1px 2px 10px #cccccc;
 
}



.fbf-text {
  background-attachment:initial;
  background-clip:initial;
  background-color:initial;
  background-image:url(http://searchdominica.com/wp-content/plugins/feedburner-form/control/mail.png);
  background-origin:initial;
  background-position:initial initial;
  background-repeat:no-repeat;
  margin-bottom:10px;
  margin-left:0;
  margin-right:0;
  margin-top:10px;
  padding-bottom:10px;
  padding-left:40px;
  padding-right:0;
  padding-top:5px;
}

#subscription_btn {
  background-attachment:initial;
  background-clip:initial;
  background-color:#FF9933;
  background-image:initial;
  background-origin:initial;
  background-position:initial initial;
  background-repeat:initial initial;
  border-bottom-color:#FFCC66;
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-left-color:#FFCC66;
  border-left-style:solid;
  border-left-width:1px;
  border-right-color:#FFCC66;
  border-right-style:solid;
  border-right-width:1px;
  border-top-color:#FFCC66;
  border-top-style:solid;
  border-top-width:1px;
  color:#FFFFFF;
  font-weight:bold;
  padding-bottom:5px;
  padding-left:5px;
  padding-right:5px;
  padding-top:5px;
}


#subscription_email {
  padding-bottom:5px;
  padding-left:5px;
  padding-right:5px;
  padding-top:5px;
  text-align:center;
  width:190px !important;
}
