/*
Theme Name: KARMAtheme
Description: Wordpress Design by KARMAtize
Author: KARMAtize
Author URI: http://www.KARMAtize.com
Version: 1.1
*/

/* =================================== */
/* = SITE STRUCTURE ................ = */
/* =================================== */

	body {background-color: #000; margin: 0; padding: 0; font-size: 70%; font-family:verdana, tahoma, sans-serif; color: #FFF;}
	#wrap {width:1000px; margin: 0 auto; padding: 0px 0px 0px 0px; position:relative;overflow: hidden;}  /* ADD EXTRA WIDTH*/
	#mainbodywrap {width:1000px;margin: 0 auto;padding: 0px 0px 0px 0px;position:relative;overflow: visible; border:0px solid #111; background-color: none;}
	#header {width:1000px; min-height:35px; margin: 0 auto; padding:0px 0px 0px 0px; font-size:160%; position:relative; z-index:100;  border:0px solid #0F6;}
	#home-footer {width:1000px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; clear:both;overflow: hidden; line-height:50px; border-top:0px solid #111; background: url(images/footer.png) no-repeat; z-index:200;}
	#logo {width:319px; height:172px; margin:40px 380px 0px 380px; padding:0px 0px 0px 0px; float:left; position:absolute; z-index:101;overflow: hidden;}
	#menu {width:1000px; height:190px; margin: 0 auto; padding:0px 0px 0px 0px; position:absolute; z-index:99; overflow: hidden;}

	#transparancy {background: #000; width:100%; height:100%; position:absolute; z-index:1; padding: 0px 0px 0px 0px;
	opacity: 0.55;
	filter: alpha(opacity=55);
	-moz-opacity: 0.55; 
	}
	
	#footer {position: relative; background:#000; clear:both; width:990px; overflow: hidden;  padding: 5px 0 25px 0;}
	#footer p{text-align:center;}	
	
	/* MAIN PAGE*/
	#carouselcontent {width:600px; height:440px; margin: 90px 0px 0px 0px; padding: 0px 0px 0px 0px; float:left; position:relative; z-index:1; }
	#rightcontent {width:385px; height:445px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; top:130px; left:612px; float:right; position:absolute; z-index:201;overflow:hidden; border-left:16px solid #000;}
	#musicplayer {width:385px; min-height:66px; margin: auto; padding: 0px 0px 0px 5px; position:relative; background-color:#000; overflow:hidden; border:0px solid #FFF;}


/* =================================== */
/* = POST/PAGE Structure ................ = */
/* =================================== */

	#container {float: right; width: 100%; margin: 0 auto; padding: 0;}
	.post-wrapper-single {position: relative; margin: 5px 10px; padding: 0; border: 0px solid #F00; overflow:hidden;} 	
	.entry{margin-bottom:20px;}
	.post-title {font-weight:bold; font-size: 160%; line-height: 35px; padding:0;} /* TITLE STYLING FOR EACH HEADER OF EACH PAGE */
	.post-info{}
	.post-content{margin:5px 8px 10px 15px;}
	.post-readmore{float:right;}
	.post-tags{float:left; margin-top:10px; margin-bottom:10px;}	
	.post-socialbuttons{float:right; margin-top:10px;  margin-bottom:5px;}
	.pagination-left{float:left; margin-top:5px;}
	.pagination-right{float:right; margin-top:10px;}

	#sidebar {width: 296px; float: right; margin: 150px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px solid #00F;}
	.sidebar-box {width:276px; background-color: none; position: relative; margin: 10px auto; padding:0; border: 0px solid #FF3; overflow:hidden;}
	.sidebar-box ul{list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; vertical-align:middle;}
	.sidebar-box ul li {color: #373434 !important; padding: 10px; border-bottom: 1px solid #303030; display: block;}	
	.sidebar-box ul li a:link, .sidebar-box ul li a:visited, .sidebar-box ul li a:active {color:#a0a0a0; background-image: none !important; } 
	.sidebar-box ul li a:hover {color: #F2F2F2; } 
	.sidebar-box h3 {margin: 10px 0 ; text-transform:capitalize; font-weight: bold; width: 263px; }
	
	/*FOR Individual Posts (Single.PHP) */
	.post-wrapper {position: relative; width: 978px; background-color: none; margin: 20px auto; padding: 0; border: 0px solid #F00; overflow:hidden;} 		
	#left-div-single {width: 686px; float: left; margin: 150px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px solid #FFF;} 

	/*FOR Pages (PAGE.PHP) */
	.page-wrapper {position: relative; width: 978px; background-color: none; margin: 0px auto; padding: 0; border: 0px solid #F00; overflow:hidden;} 		
	#left-div {width: 998px;float: left; margin: 150px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px solid #FFF;} /* for 2 panes, change width to 686px */
	#left-inside {margin: 0px auto; padding: 0px 0px 0px 0px;}

/* =================================== */
/* = NAVIGATION ELEMENTS............ = */
/* =================================== */
/* = Main menu / Header = */	
/* = -------------------------------------------- = */	
	/* Containers and general Setup */
	#centered {width:960px; margin: 0 auto; padding: 0px 0px 0px 0px; border:0px solid #0F6; } /*960px with blog */
	#centered_home {width:870px; margin: 0 auto; padding: 0px 0px 0px 0px; border:0px solid #0F6; }	/*870px with blog */
	
	#header h1 {position:absolute;left:-9999px;}	
	#header ul {list-style:none; margin:0 auto; padding:0 0 0 0; display:inline;}
	
	/* Nav buttons setup */
	#header ul li {float:left; line-height:35px;position:relative;z-index:99; margin:0 auto; padding:0 0 0 0; display:inline; border:0px solid #FFF; }

	/* Nav States  */
	#header ul li a {color:#FFF;text-decoration:none;height:35px;float:left;display:inline; /*ie*/padding:0 18px;outline: none; text-transform: uppercase;  } /*padding 18px with blog */
	#header ul li a:active {color:#ff7700; text-transform: uppercase; }
	#header ul li a:hover {display:block;background-image:none !important;color:#b0ff05; text-transform: uppercase; }
	#header ul li a.active {color:#b0ff05; text-transform: uppercase; }
			
/* =================================== */
/* = MAIN LAYOTUS DIVS ............. = */
/* =================================== */
	/*- 66% split -*/
	#col-2thirds-l {width:639px; margin: 0 auto;  padding: 0px 0px 0px 0px; float: left; border-right:1px solid #111;line-height: 16px;}

	/*- 33% split - Each is a third total of the main body wrap-*/
	#col-third-l {width:355px; margin: 0 auto; padding: 45px 10px 10px 5px; float: left; border:0px solid #fff;line-height: 16px;}
	#col-third-m {width:90px; margin: 0 auto; padding: 45px 0px 10px 0px; float: left; border:0px solid #fff;line-height: 16px;}
	#col-third-r {width:525px; margin: 0 auto; padding: 45px 5px 10px 0px; float: right; border:0px solid #fff; line-height: 16px;}
	
	/*- Full Width -*/
	#col-full {width:1000px; margin:0px 0px 0px 0px;  padding: 0px 0px 0px 0px; float: left; border-top:1px solid #111;line-height: 16px;}
	
/* =================================== */
/*  Details                            */
/* =================================== */
	/* Pull Quotes */	
	#pullquote-con {width: 630px; margin: 10px 10px 10px 10px; padding: 20px 30px 20px 30px; float: left; overflow: hidden; border-right:3px solid #111; border-left:3px solid #111; color: #b0ff05; font-size: 140%; font-weight:normal; font-style: italic; font-family:Georgia, "Times New Roman", Times, serif; text-align:center;line-height: 20px; display:block;}
	
	#pullquote-sb {width: 500px; margin: 0px 0px 0px 0px; padding: 10px 30px 10px 30px; float: left; overflow: hidden;color: #b0ff05; font-size: 130%; font-weight:normal; font-style: italic; font-family:Georgia, "Times New Roman", Times, serif;line-height: 18px;}	
	
	#pullquote-full {width: 660px; margin: 10px 10px 10px 10px; padding: 20px 30px 20px 30px; float: left; overflow: hidden; border-right:3px solid #111; border-left:3px solid #111; color: #b0ff05; font-size: 140%; font-weight:normal; font-style: italic; font-family:Georgia, "Times New Roman", Times, serif; text-align:center;line-height: 20px; display:block;}
	
	.event{display:table; width:500px;  text-align:left; }

	
/* =================================== */
/*  GLOBAL STYLES                      */
/* =================================== */

	/* IMAGE Classes */
	img {border:none;}
	.img {border:none; margin: 0 auto; padding: 0px 0px 0px 0px; float: left; overflow: hidden; } 
	.right {border:none; margin: 0 auto; padding: 0px 0px 0px 0px; float: right; overflow: hidden;}
	.left {border:none; margin: 0 auto; padding: 0px 0px 0px 0px; float: left; overflow: hidden;} 
	#carouselimg {border-right:5px solid #b0ff05; border-left:5px solid #b0ff05;}
	
	#sitecredit {width:550px;  margin: 0 auto; padding: 0px 0px 0px 0px; float: left; overflow: hidden; font-size: 100%;  color:#666;} 
	#copyright {width:300px; margin: 0 auto; padding: 0px 0px 0px 0px; float: right; overflow: hidden; font-size: 90%;  color:#444; text-align:right} 

/* =================================== */
/*  TYPOGRAPHY                         */
/* =================================== */

/* TYPOGRAPHY - general */
	p {color:#cccccc; margin: 0 auto; padding: 5px 0px 0px 0px; line-height:160%;}
	p.centered {text-align:center; }
	.page-post {text-align:justify; }
	ul {color:#ccc;}
	ol {color:#ccc; margin-top:3px; padding-top:0px;  line-height:18px;}
	li {margin-bottom:3px; margin-left:6px;}
	
	strong {color:#b0ff05;}
	
	/* h1,h2 used for product titles and sub titles */
	h1 {color: #FFF; font-size: 160%; font-weight:bold; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px; line-height: 50px;}
	
	/* h2, Used as secondary story titles */
	h2 {color: #b0ff05; font-size: 145%; font-weight:bold; margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; line-height: 30px;}
	
	/* h3, used in all Display modules as the headline - home, news */
	h3 {color: #b0ff05; font-size: 125%; font-weight:bold; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;display:inline;}
	
	/* h4, Tips Colum - with checkmark*/
	h4 {color: #ccc; font-size: 100%; font-weight:normal; margin: 0px 0px 4px 0px; padding: 0px 0px 0px 30px; line-height: 20px;}
	
	/* h5, thumbnail tiitle */
	h5 {color: #ccc; font-size: 90%; font-weight:bold; margin: 0px 0px 6px 0px; padding: 0px 0px 0px 0px; border: 1px dotted #333; border-style: none none dotted;padding-Bottom: 2px}
	
	/* h5, Service */
	h6 {color: #ccc; font-size: 100%; font-weight:normal; margin: 0px 0px 6px 0px; padding: 0px 0px 0px 0px; border: 1px dotted #555; border-style: none none dotted;padding-Bottom: 8px}
	
	
/* =================================== */
/*  TEXT STYLING                       */
/* =================================== */

	.lrg {color: #ccc; font-size: 160%; font-weight:bold;letter-spacing:0px;}
	.lrg-color {color:#ff7700; font-size: 120%; font-weight:bold;letter-spacing:0px; }
	.smallheader {font-size: 120%; font-weight:bold;}
	.smalltx {font-size: 90%; font-weight:normal;}
	.italic {font-style: italic}
	.italic-lg {color:#ccc; font-weight:bold; font-size: 110%; letter-spacing:0px;font-style: italic}
	.subdued {color:#666}
	.subduedsm {color:#666;font-size: 90%}
	.subdued-normal {color:#777;font-weight:normal!important;}
	.bold {font-weight:bold; font-size: 110%; letter-spacing:0px;}
	.highlight {color:#ff7700;}
	.highlightbold {color:#ff7700;font-weight:bold;font-size: 100%;}
	.highlightbold2 {color:#aaaaaa;font-weight:bold;font-size: 100%;}
	.highlightsm {color:#cfcfcf;font-weight:bold;font-size: 90%}
	.alert {color:#ff0000;font-weight:bold;font-size: 100%}
	.headline-sm {color:#ff7700; font-weight:bold; font-size: 100%; }
	.subtlehighlightbold {color:#666;font-weight:bold;}
	.headline {color: #ccc; font-size: 120%; font-weight:bold; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px;}
	

/* =================================== */
/*  LINKS STYLING                      */
/* =================================== */

/* LINKS - general*/	
	a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:none;cursor:pointer} 
	a:link {color:#99ff00;font-weight:bold;} 
	a:visited {color:#99ff00;font-weight:bold;} 
	a:hover,a:active {color:#99ff00;font-weight:bold; text-decoration:underline;} 
	a:focus {outline: none;}
	
/* LINKS - headlines */	
	.headline a:link {color:#ff7700; font-weight:bold;} 
	.headline a:visited {color:#ff7700; font-weight:bold;} 
	.headline a:hover {color:#ff9900; font-weight:bold;} 
	.headline a:active {color:#ff9900; font-weight:bold;} 
	
	
/* =================================== */
/*  TABLE STYLING                      */
/* =================================== */
	.table-gen{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 0.9em;font-size: 90%}
	.table-rw-gen{padding: 0px;}
	
	#rates {color:#FFF; vertical-align:middle; text-align:center; line-height:20px;}
	
	/* Rates */
	#services-table {font-family:Calibri, Verdana, Arial, Helvetica; font-size:125%; }
	#services-table td {padding:12px 8px; border-bottom:1px solid #8c8b8b; text-align:center;}
	#services-table th {padding:8px 8px 4px 8px; font-size:24px; line-height:19px; text-align:center;}
	
	.services-thefeature{text-align:right!important; width:40%; }
	tr#services-price{font-size:19px; font-weight:bold; line-height:19px; text-align:center; background-color: #000!important; padding:4px 8px 8px 8px;}
	.services-oddcolumn{background-color:#191919; width:10%;}
	.services-evencolumn{background-color:#070707; width:10%;}

	#services-partypackage{color:#787878; background-color: #000!important;}
	#services-moonlightpackage{color:#bc4848; background-color: #000!important;}
	#services-goldpackage{color:#eac13e; background-color: #000!important;}
	#services-platinumpackage{color:#2f8abd; background-color: #000!important;}
	#services-diamondpackage{color:#b0ff05; background-color: #000!important;}
	
	/* Extras */
	#extras-container{width: 680px; float: left; position: relative; margin: 10px 15px 0 7px; padding: 0;}
	#extras-container-table{width:320px; float:left; padding:10px;}
	#extras-container-table-long{width:400px; padding:10px; margin-left:125px;}
	
	
	#extras-table{margin-top:5px; margin-bottom:8px; width:100%;}
	#extras-table td{padding:6px 8px;}
	#extras-table th{padding:4px 8px; color:#b0ff05; font-weight:bold;}
	
	.extras-odd{background-color:#191919;} /* 2c6219 */
	.extras-even{}
	
	#extras-image{padding:10px 10px 0px 20px;}
/* =================================== */
/*  FORM STYLING                       */
/* =================================== */
	
	.submit {display: block; width: 290px; float: left; margin: 0px 0px 10px 0px; padding: 6px; font-weight: bold; font-size:110%; }

	/* Validation - ALERT */
	.alert-message {width: 90%; height: auto; margin: 0px 0px 10px 0px; padding: 6px 6px 6px 30px;  float:left; display:block; line-height: 12px; border:1px solid #cc0000; color:#fff;font-weight: bold; font-size:80%; background-position: top-left;}
	.input-alert { background-color:#ffcccc; border:3px solid #ff0000; color:#fff;font-weight: bold; font-size:80%; padding: 6px; }
	
	/* Validation - Positive GOOD/APPROVED */
	.positive-message {width: 90%; height: auto; margin: 0px 0px 10px 0px; padding: 6px 6px 6px 30px;  float:left; display:block; line-height: 12px; border:1px solid #66cc33; color:#fff;font-weight: bold; font-size:80%; }
	.input-positive { background-color:#ccffcc; border:3px solid #66cc33; color:#fff;font-weight: bold; font-size:80%; padding: 6px; }
	
	.hidden{visibility: hidden;}
		

/* ========================= */
/*  WORDPRESS SPECIFIC       */
/* ========================= */
	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 2px 0; display: inline;}
	.alignright {float: right;}
	.alignleft {float: left;}

	/* Captions */
	.aligncenter,
	div.aligncenter {display: block; margin-left: auto;	margin-right: auto;}
	
	.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3;	padding-top: 4px; margin: 10px;}
	.wp-caption img {margin: 0;	padding: 0;	border: 0 none;}
	.wp-caption p.wp-caption-text {font-size: 11px;	line-height: 17px;	padding: 0 4px 5px;	margin: 0;}
	/* End captions */

	/*CHANGE FLICKR GALLERY STYLING */
	.ui-widget-content { border: 0px solid #aaaaaa; background: #000 50% 50% repeat-x; color: #222222; }
	.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc 50% 50% repeat-x; color: #222222; font-weight: bold; }

	/*ADDTHIS BUTTON */
	.addthis_container {width: 130px; height: 30px; float:right; margin-top:20px; background-color: none; border:0px solid #fff; clear:both;}

	/*Comment FORM*/
	
	#respond h3 {color:#999;}
	.commentlist p {color:#454545; margin:10px 10px;}
	
	ol.commentlist li {border-bottom:1px solid #333333; padding:12px 0 0;}
	
	#respond label {display:block; float:left; line-height:21px; padding:4px 0; width:75px;} 
/*	.alt {background-color: #2c6219; border:0px solid #ddd;} /*/
	.even {background-color: #fff;}
	
	#commentwrap {display: block; width: 570px; margin-bottom: 20px;margin-top: 20px;margin-left: 5px;}
	#commentform {margin: 1em 0; background: none; margin-left: 20px;}
	#commentform textarea {background: #f8f7f6; border: 1px solid #d6d3d3; width: 370px;}
	#commentform #email {font-size: 1.1em; background: #f8f7f6; border: 1px solid #d6d3d3; width: 280px; background-image: url(images/comment-email.gif);background-position: 7px 7px; background-repeat: no-repeat; height: 20px; padding-left: 30px; padding-top: 6px;}
	#commentform #author {font-size: 1.1em; background: #f8f7f6; border: 1px solid #d6d3d3; width: 280px; background-image: url(images/comment-author.gif);background-position: 7px 7px; background-repeat: no-repeat; height: 20px; padding-left: 30px; padding-top: 6px;}
	#commentform #url {font-size: 1.1em; background: #f8f7f6; border: 1px solid #d6d3d3; width: 280px; background-image: url(images/comment-website.gif);background-position: 7px 7px; background-repeat: no-repeat; height: 20px; padding-left: 30px; padding-top: 6px;}
	#commentform #email:focus {font-size: 1.1em; background: #ffffff; border: 1px solid #939793; width: 280px; background-image: url(images/comment-email.gif);background-position: 7px 7px; background-repeat: no-repeat; height: 20px; padding-left: 30px; padding-top: 6px;}
	#commentform #author:focus {font-size: 1.1em; background: #ffffff; border: 1px solid #939793;width: 280px; background-image: url(images/comment-author.gif);background-position: 7px 7px; background-repeat: no-repeat; height: 20px; padding-left: 30px; padding-top: 6px;}
	
	#commentform #url:focus {font-size: 1.1em; background: #ffffff; border: 1px solid #939793; width: 280px; background-image: url(images/comment-website.gif);background-position: 7px 7px; background-repeat: no-repeat; height: 20px; padding-left: 30px; padding-top: 6px;}
	
	#commentform input {margin-bottom: 3px; background:#FAFAFA; border:1px solid #CCCCCC;}

	/* Calendar */
	.wpng-widget-date-title {margin-top:0px; color:#99ff00;}
	.wpng-widget-date-title a:link {margin-top:0px; color:#A0A0A0; font-weight:normal;}
	.wpng-widget-date-title a:visited {margin-top:0px; color:#A0A0A0; font-weight:normal;}
	.wpng-widget-date-title a:hover {margin-top:0px; color:#A0A0A0; text-decoration:underline; font-weight:normal;}

	#TB_overlay{z-index:299;}
	#TB_window{z-index:300;}
	

/* ========================= */
/*  CLEAR FIXES              */
/* ========================= */

	.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 
	.fix{clear: both;height: 1px;margin: 0 0 -1px;overflow: hidden;}
 
	. :after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	.clearfix {display: inline-block}
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */