/*************************************************************/
/*   Design:   creativeoutlaw.com                            */
/*   File:     Global layout structure                       */
/*-----------------------------------------------------------*/
/*   Author:   Jesse James Salucci                           */
/*   Date:     11.20.09                                      */
/*   Homepage: www.creativeoutlaw.com                        */
/*-----------------------------------------------------------*/
/*   License:  copyright © 2009 at www.creativeoutlaw.com    */
/*************************************************************/

/* GLOBAL CLASSES
-----------------------------------------------------------*/

.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

.marginLeft10	{	margin-left:10px; }
.marginTop10	{	margin-Top:10px; }
.paddingLeft25	{	padding-left:25px; }
.paddingBox	{	padding: 0px 15px 0px 25px; margin: 0px 0px 25px 0px;}

/*---------------------------------------------------------*/


/* LAYOUT
-----------------------------------------------------------*/

body {
	background-color: #000000;
	background-image:url('../includes/images/page_bg_repeat2.jpg');
    background-repeat:repeat-x;
	background-position: center top ;
	background-attachment:fixed;
	margin-top:0px;
    margin-bottom:0px;
	font-family: "Trebuchet MS", sans-serif;
	color: #aaa;
}

#outerdiv {
	background-image:url('../includes/images/page_bg.png');
	background-position: center top ;
    background-repeat:no-repeat;
	background-attachment:fixed;
	margin-left:auto;
    margin-right:auto;
	height:1250px;
}

#header1 {
	height: 80px;
	padding: 10px;
	text-align: right;
	width: 920px;
}

#header2 {
	height: 35px;
}

/*  NAVBAR BUTTONS:::BEGIN  */
#topnav {
	background-image:url('../includes/images/trans50.png');
	height: 40px;
	width: 940px;
	margin-bottom: 20px;
}

#topnav_linkbox {
	padding: 9px 0px 0px 25px;
	width: 420px;
}

#topnav a {
	font-family: Trebuchet MS, sans-serif;
	height: 40px;
	color: #fff;
	font-size: 19px;
	display: inline;
	padding-right: 18px;
}

.songBox { 
	padding: 20px 30px 0px 30px; 
}

.topnav_leftbox {
	background-image:url('../includes/images/featuring_logo.png');
	width:460px;
}

.youtubeBox {
	background-image:url('../includes/images/youtube_bg.gif');
	position: top;
	height: 380px;
	padding: 20px 0px 0px 18px;
	margin: 0px 0px 0px 0px;
}

.playerBox {
	background-image:url('../includes/images/youtube_bg.gif');
	position: top;
	height: 340px;
	padding: 20px 0px 0px 18px;
	margin: 0px 0px 0px 0px;
}
	
#testimonials {width: 420px;list-style-type: none}
#testimonials .slide {}

.quoteBox { 
	background-image:url('../includes/images/trans50.png');
	margin-top: -13px;
	padding: 0px 25px 25px 25px;
} 

.emptyquotebox { 
	margin: 0px 0px 30px 0px;
} 

.columnBox { 
	padding: 0px 25px 25px 25px;
} 

#topnav a:hover {text-decoration: none; color: #04dee7;}	
	
#navbar li {
    list-style:none;
    display:inline;
}

.clear { 
	border-bottom: 1px dashed #666;
}

.fade {
	background-image: url('../includes/images/fullview.gif');
}

.nothumb {
    background-color:#000;
	margin: 10px 0px 0px 15px;
	border: 1px solid #444;
	filter:alpha(opacity=30);
    -moz-opacity:0.30;
    opacity: 0.30;
	height: 104px;
	width: 104px;
}
	
.thumb {
    background-color:#000;
	margin: 10px 0px 0px 15px;
	border: 3px solid #444444;
	filter:alpha(opacity=70);
    -moz-opacity:0.70;
    opacity: 0.70;
	height: 100px;
	width: 100px;
}

.thumb:hover {
	background-color:#000;
	margin: 10px 0px 0px 15px;
	border: 3px solid #666;
	filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity: 1;
	height: 100px;
	width: 100px;
}

.divider {
	border-bottom: 1px dashed #666;
    width: 940px;
	height: 25px;
	margin-bottom: 15px;
}

.container_12 {
	background:  repeat-y;
	margin-top: 0px;
	padding-top: 0px;	
}

.container_16 {
	background:  repeat-y;
	margin-top: 0px;
	padding-top: 0px;
}

#footer {
	background-image:url('../includes/images/trans50.png');
    background-repeat:repeat;
	margin: 30px 0px 0px 0px;
	padding: 10px;
	height: 50px;
	width: 940px;
}

#footer2 {
	background-image:url('../includes/images/footer_circles.gif');
    background-position:right;
	background-repeat:no-repeat;
	height: 130px;
	width: 940px;
}

#footer_logo {
	width: 440px;
}

#footer_links {
	text-align: right;
	height: 50px;
	width: 440px;
	padding: 0px 10px;
}

/*---------------------------------------------------------*/

/* TYPOGRAPHY
-----------------------------------------------------------*/

ul {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", sans-serif;
	color: #aaa;
	font-size: 14px;
	line-height: 21px;
}

li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

h1 {
	font-family: "Trebuchet MS", sans-serif;
	color: #04dee7;
	font-size: 30px;
	line-height:34px;
	font-weight: normal;
	text-align: left;
	margin:10px 0px 14px 0px;
}

h2 {
	font-family: "Trebuchet MS", sans-serif;
	color: #04dee7;
	font-size: 21px;
	font-weight: normal;
	margin: 0px 0px 20px 2px
}

h3 {
	font-family: "Trebuchet MS", sans-serif;
	color: #6b6b6b;
	font-size: 14px;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	text-align: right;
}

h4 {
	font-family: "Trebuchet MS", sans-serif;
	color: #04dee7;
	font-size: 16px;
	font-weight: bold;
	line-height:21px;

}

h5 {
	font-family: "Trebuchet MS", sans-serif;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height:21px;
}

p {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 14px;
	line-height: 21px;
	border: 0px solid #666;
	overflow: hidden;
	margin: 0px 15px 14px 0px;
	text-align: left;
	color: #aaa;
}

a:link     { font-family: "Trebuchet MS", sans-serif; font-size: 14px;  color: #04dee7; text-decoration: none;}
a:visited  { font-family: "Trebuchet MS", sans-serif; font-size: 14px; color: #888888;  text-decoration: none;}
a:hover    { font-family: "Trebuchet MS", sans-serif; font-size: 14px; color: #ffffff;  text-decoration: underline;}
a:active   { font-family: "Trebuchet MS", sans-serif; font-size: 14px; color: #C86B43;  text-decoration: underline; }

a.insidenav:link     { font-family: "Trebuchet MS", sans-serif; font-size: 14px;  color: #ffffff; text-decoration: none;}
a.insidenav:visited  { font-family: "Trebuchet MS", sans-serif; font-size: 14px; color: #888888;  text-decoration: none;}
a.insidenav:hover    { font-family: "Trebuchet MS", sans-serif; font-size: 14px; color: #ffffff;  text-decoration: underline;}
a.insidenav:active   { font-family: "Trebuchet MS", sans-serif; font-size: 14px; color: #ffffff;  text-decoration: underline; }

a.backtotop { display:scroll;position:absolute;right:0px;bottom:5px; color: #737373;}
a.backtotop:hover { text-decoration: underline; ; color: #fff;}

.smallcaps { font-family: "Trebuchet MS", sans-serif; font-size: 13px;  color: #ffffff; text-decoration: none;}

.greycaps { font-family: "Trebuchet MS", sans-serif; font-size: 14px;  color: #888888; text-decoration: none;}

.grey { color: #888888;}
.white { color: #ffffff;}

.bigquote {
	font-family: "Trebuchet MS", sans-serif;
	color: #04dee7;
	font-size: 30px;
	vertical-align: middle;
}

.quote {
	font-family: "Trebuchet MS", sans-serif;
	font-style: italic;
	font-size: 14px;
	line-height: 21px;
}

p.quote {

}

.icon {padding: 0px 5px 4px 0px; vertical-align: middle;}

.email {margin: 0px 0px 35px 0px; line-height: 30px;}

.category {
	font-family: "Trebuchet MS", sans-serif;
	color: #737373;
	font-size: 12px;
	font-style: italic;
	margin: 10px 0px 0px 0px;
	display: block;
}

.description{
	font-family: "Trebuchet MS", sans-serif;
	color: #ffffff;
	font-size: 12px;
	line-height: 18px;
}

/*-----------------------------------------------------------*/