/*
Theme Name: Shamarr Allen
Description: Jarimbi Websites New Orleans, LA. A custom made theme, graphic design by Sonia Tetlow. WP theme based on Jeff Starr's HTML WP theme. See http://perishablepress.com/
Version: 1.0
Author: Jarimbi Websites, Bente van der Made
Author URI: http://jarimbi.com
*/

/*Colors used:*/


/**/
* {
	margin:0;
	padding:0;
	border: 0;
}
/* GENERIC STUFF */
header, footer, section, article, aside, nav {
	display: block;
}
.hidden {
	visibility:hidden;
}
span.clear {    /* clear floats*/  
	display: block;      
	clear: both;      
	width: 1px;      
	height: 0.001%;     
	font-size: 0px;      
	line-height: 0px;  
} 

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #999;
	background: url(images/top-bar.png) repeat-x center 199px black;
}
#container {
	width: 1000px;
	margin: 0 auto;
	padding:0;
}
.alignright {
	float: right;
	display: inline;
}
.alignleft {
	float: left;
	display: inline;
}
/***SPECIAL FONTS***/
@font-face {
    font-family: 'TradeGothicLTStdBdCnNo.20';
    src: url('tradegothicltstd-bdcn20-webfont.eot');
    src: url('tradegothicltstd-bdcn20-webfont.eot?#iefix') format('embedded-opentype'),
         url('tradegothicltstd-bdcn20-webfont.woff') format('woff'),
         url('tradegothicltstd-bdcn20-webfont.ttf') format('truetype'),
         url('tradegothicltstd-bdcn20-webfont.svg#TradeGothicLTStdBdCnNo.20') format('svg');
    font-weight: normal;
    font-style: normal;

}
/***HEADER*****/
#print-header, #print-header h1, #print-header img {
	display: none;	
}
#header {
	width: 100%;
	height: 450px;
	background: url(images/header-bg.png) no-repeat right top;
	z-index: 100;
	position: relative;
}
#header h1, #header h2 {
	visibility: hidden;
	height: 0px;
}
#homelink1 {
	margin: 10px 0 0 30px;
	float: left;
	width: 260px;
}
#homelink2 {
	margin: 0 0 0 30px;
	float: left;
	width: 220px;
	clear: both;
}
#header-right {
	width: 750px;
	float: right;
}
/* topmenu */
#top-menu ul {
	list-style-type: none;
	margin: 0 0 0 0;
	display: block;
	float: right;
}
#top-menu li {
	display: inline-block;
	text-align: center;
}
#top-menu li:first-child a {
	background: none;
}
#top-menu li a {
	font-family: "TradeGothicLTStdBdCnNo.20", Arial, Helvetica, sans-serif;
	font-size: 18px;
	letter-spacing: 2px;
 	position: relative;
	color: #00a7ea;
	color: #7fdbf8;
	text-decoration: none;
	text-transform:uppercase;
	padding: 0 4px 0 14px;
	display: block;
	text-align: center;
	background: url(images/top-menu-border.png) no-repeat left 3px;
}
#top-menu li a span {
  	background: url(images/gradient_20pxtopmenu.png) left 0px repeat-x;
 	display: block;
  	width: 100%;
  	height: 31px;
  	position: absolute;
}
#top-menu li a:visited {
	color: #00a7ea;
	color: #6cbfe3;
}
#top-menu li a:hover {
	color: #7fdbf8;
	color: #afe7fa;
}
#top-menu li a:hover span {
	background: none;
}
.social-buttons {
	width: 150px;
	height: 40px;
	background: url(images/social-buttons.png) no-repeat;
	float: right;
}
#header .social-buttons { 
	float: right;
	margin: 35px 0px 0 0;
}
a.social-button  {
	width: 32px;
	height: 32px;	
	margin-left: 7px;
	float: left;
}
a.social-button.facebook {
	margin-left: 0;
}
/***MAIN****/
#main {
	width: 776px;
	margin: -45px 0 0 0;
	z-index: 10;
	position: relative;
	float: left;
}


/***** CONTENT  ******/
h1, h2, h3, h4 {
	color: #00a7ea;
	font-weight: bold;
}

#content {
	color: black;
	font-size: 15px;
	clear: both;
	float: left;
	width: 630px;
	margin: 0 0 0 76px;
	z-index: -1;
	position: relative;
	border: outset 5px #f8f8f7;
	padding: 20px 35px 70px 25px;
	background: url(images/content_bottom.png) repeat-x bottom center white;
}
#content h1 {
	font-size: 32px;
	font-family: 'TradeGothicLTStdBdCnNo.20', Arial, Helvetica, sans-serif;
	color: #00a7ea;
	letter-spacing: 2px;
	display: block;
 	position: relative;
	margin: 0 0 10px 0;
	text-transform: uppercase;
}
#content h1 span {
 	background: url(images/gradient_white.png) left top repeat-x;
 	display: block;
  	width: 100%;
  	height: 35px;
  	position: absolute;
}
#content h2 {
	font-size: 20px;
	padding-bottom: 10px; 
}
#content h3 {
 	font-size: 18px;
	padding-bottom: 10px; 	
}
#content h4 {
 	font-size: 14px;
	padding-bottom: 10px; 	
}
#content p {
    margin-bottom: 15px;	
	line-height: 17px;
}
#content a {
	color: #00a7ea;
	text-decoration: underline;		
}
#content a:visited {
 	color: #666;
}
#content a:hover {
 	color: #999;
}
#content ul, ol {
	margin-left: 40px;
	margin-bottom: 20px;	
}
#content li {
	
}

.content-entry {
	float: left;
	clear: both;
}
.wp-caption-text {
	font-weight: bold;
}
/***SIDEBAR***/
#sidebar {
	width: 220px;
	float: right;
	margin: -45px 0 25px 0;
}
#sidebar h3 {

}
/***set most Twitter colors in Twitter code - sidebar**/
#twitter-feed {
	background: #a9abae;
	background: #cfd1d3;
	border: outset 5px #cacac8;
	width: 190px;	
	float: right;
	margin: 0;
}
.fb-like-box {
	background: #a9abae;
	background: #cfd1d3;
	border: outset 5px #cacac8;
	width: 190px;	
	float: right;
	margin: 0px 0 0 0;	
}
.twtr-ft, #sidebar .fbConnectWidgetFooter, .uiImageBlock {
	display: none;
}

/***** HOMEPAGE *******/
body.home #content {
	background: none;
	padding: 0;	
	width: 690px;
	border: none;	
}
#hp-video, #hp-text {
	border: outset 5px #f8f8f7;	
	background: url(images/hp-content-bottom.jpg) repeat-x center bottom white;
	padding: 10px 20px 50px 20px;
}
#content #hp-text {
	margin: 25px 0 0 0;
	padding: 25px 30px 50px 25px;
	font-size: 17px;
	font-weight: bold;
}
#content #hp-text p {
	line-height: 20px;
}
#hp-slideshow {
	width: 886px;
	background: white;
	margin: 25px 0 0 76px;
	padding: 15px 19px 15px 19px;
	clear: both;
}


/**VIDEO PAGE**/
#video-feed object {
	width: 350px;
	float: left;
	clear: left;
	display: block;
	margin: 0 0 15px 0;
}
#video-feed .video-description {
	width: 250px;
	float: left;
	padding: 10px 0 0 20px;
}


/***CONTACT PAGE*****/

/***BLOG***/
#content h2.blog-title a {
	font-family: 'TradeGothicLTStdBdCnNo.20', Arial, Helvetica, sans-serif;
	color: #00a7ea;
	display: block;
 	position: relative;
	margin: 0 0 10px 0;
	font-size: 26px;
	float: left;
	font-weight: bold;
	text-decoration: none;
}

#content h2.blog-title a span {
 	background: url(images/gradient_white.png) left -4px repeat-x;
 	display: block;
  	width: 100%;
  	height: 35px;
  	position: absolute;
}

#content h2.blog-title a:visited {
	color:#666;
}
#content h2.blog-title a:hover {
	color: #999;	
}
.entry-meta {
	float: right;	
	color:#999;
	font-size: 14px;
	font-style: oblique;
	padding-top: 12px;
}
.blog-image {
	display: inline;
	float: left;	
	padding-right: 15px;
}
body.blog #content p {
    margin-bottom: 10px;
}
.blog-post {
    padding-bottom: 30px;
	clear: both;
}
#content a.readmore {
	display: block;
	float: right;
	font-weight: bold;
	width: 150px;
	text-align: right;
	text-transform: uppercase;
	text-decoration: none;
}
#content p.comments{
	padding: 0;
	line-height: 11px;
	font-size: 11px;
	clear: both;
	float: left;
	width: 200px;	
	color:#999;
	font-style: oblique;
}
#nav-below {
	clear: both;
	padding-top: 30px;
}
#content .nav-previous a, #content .nav-next a {
	text-decoration: underline;
}
.nav-previous {
	width: 50%;
	float: left;
}
.nav-next {
	width: 50%;
	float: right;
	text-align: right;
}

/***SINGLE***/
#content p.meta-date {
	text-align: right;
	font-size: 12px;
	color: #999;
	font-style: oblique;
}
#post-comments input, #post-comments textarea {
	border: 1px solid #999;
}
#post-comments input[type=submit] {
	background: #ccc;
	font-weight: bold;
	padding: 2px 5px;
	border: outset 2px #cacac8;
}
#post-comments input[type=submit]:hover {
	background: #ededee;
}
ol.commentlist {
	margin: 15px 0;
	list-style-position:inside;
}
ol.commentlist li {
	background: white;
	padding: 5px;
}
ol.commentlist li.alt {
	background: #e4e1e1;
	padding: 5px;
}
ol.commentlist li span.comments-meta {
	color: #999;
}
/**PHOTOGALLERY***/
.ngg-album-compact {
	width: 50%;
	float: left;
}
#content .ngg-album-compact h4 {
	padding: 0;
}
#content .ngg-album-compact p {
	font-size: 12px;
	color: #999;
}
/***** SHOP *******/
.product {
	float: left;
	margin-bottom: 25px;
}
.product-left {
	width: 250px;
	float: left;
	clear: both;
}
.product-right {
	width: 350px;
	float: left;
}
.product-label {
	font-weight: bold;
}
.buy {
	margin: 7px 0 0 -5px;	
}
.buy-button {
	background: url(images/BuyNow_Button.png) no-repeat;
	width: 117px;
	height: 33px;
}
/***** FOOTER *******/
#footer {
	width: 924px;
	clear: both;
	height: 200px;
	margin: 18px 0 0 76px;
}
#footer .social-buttons { 
	float: left;
	margin: 0;
}
#newsletter {
	width: 320px;
	float: right;
	text-align: right;
}
#newsletter h3 {
	font-family: "TradeGothicLTStdBdCnNo.20", Arial, Helvetica, sans-serif;
	font-size: 20px;
	letter-spacing: 2px;
 	position: relative;
	color: white;
	text-transform:uppercase;
	font-weight: normal;
	display: block;
	text-align: right;
	float: right;
	margin-bottom: 2px;
}
#newsletter h3 span {
  	background: url(images/gradient_20px.png) left top repeat-x;
 	display: block;
  	width: 100%;
  	height: 31px;
  	position: absolute;
}
#newsletter input {
	height: 25px;
	font-size: 14px;
	padding: 0px 5px;
}
#newsletter input[type=submit] {
	background: #a9abae;
	border: outset 2px #f8f8f7;
	padding: 2px 5px;
	color: black;
	font-weight: bold;
}
#newsletter input[type=submit]:hover {
	background: #ededee;
}
#footer ul {
	list-style-type: none;
	text-align: center;
	clear: both;
	padding: 10px 0 10px 0;
	display: block;
}
#footer li {
	display: inline-block;
	text-align: center;
}
#footer li:first-child a {
	background: none;
}
#footer li a {
	font-family: "TradeGothicLTStdBdCnNo.20", Arial, Helvetica, sans-serif;
	font-size: 18px;
	letter-spacing: 2px;
 	position: relative;
	color: white;
	text-decoration: none;
	font-weight: normal;
	text-transform:uppercase;
	padding: 0 10px 0 20px;
	display: block;
	text-align: center;
	background: url(images/footer-menu-border.png) no-repeat left 2px;
}
#footer li a:visited {
	color: white;
}
#footer li a span {
  	background: url(images/gradient_20px.png) left top repeat-x;
 	display: block;
  	width: 100%;
  	height: 31px;
  	position: absolute;
}
#footer li a:hover {
	color: #cccccc;
}
#footer li a:hover span {
	background: none;
}
#copyright {
	color: #fdfefe;
	font-size: 12px;
	text-transform: uppercase;
	text-align: center;
}
#print-footer {
	display: none;	
}