/*
Theme Name: The Plug Agency
Theme URI: http://wordpress.org/
Description: A simple theme to support a simple blog.
Author: Foday Kargbo
Version: 1
*/

/* =Reset default browser CSS. Based on work by Foday Kargbo: http://www.brownricecollective.com
-------------------------------------------------------------- */

body 
{
	background-color:#00AEEF;
} 

h1, h2, h3, h4, p, ul, li 
{
	font-family: Helvetica, Arial,
             Verdana,
             "Trebuchet MS",
             "Helvetica Neue",
             "URW Gothic L",
             sans-serif;
			 letter-spacing:.25pt;
}

#main-wrapper
{
	overflow: hidden; 
	width: 940px;
	height: auto;
	margin-top: 30px;
	margin-left: auto; 
	margin-right: auto; 
	background-color: #000000;
}

#header
{   
	float: left;
	width: 868px;
	height: 344px;
	margin-top: 36px;
	margin-bottom:30px;
	margin-left:36px;
	background-color:#FFFFFF;
}

#top-bar
{
	width:868px;
	height:14px;
	background-color: #00AEEF;
}

/*site logos*/
#logo
{
	float: left;
	width: 314px;
	height: 344px;
	margin-right: 0px;
	background-image:url("images/tpa_logo.gif"); no-repeat x;
}

#logo2
{
	float: left;
	width: 335px;
	height: 140px;
	background-image:url("images/tpa2_logo2.gif"); left:0px; top:0px; z-index:-0;
	background-repeat: no-repeat;
	position:relative;
}

/*header photo*/
#fadeshow1
{
	float: right;
	width: 554px;
	height: 344px;
	background: none repeat scroll 0 0 black;
}

#fadeshow2
{
	float: left;
	width: 412px;
	height: 260px;
	background: none repeat scroll 0 0 black;
	margin-bottom: 20px;
}

#fadeshow3
{
	float: right;
	width: 868px;
	height: 190px;
	background: none repeat scroll 0 0 black;
}

#header-text
{
	float:left;
	width:496px;
	height:130px;
	background-color: #FFFFFF;
	font-size: .50em;
	font-weight:bold;
	padding-left:22px;
	padding-top:10px;
	line-height:3em;
	color: #808285;
	border-left: 1px dotted #CCC;
}

#header-text span
{
	font-style:italic;
}

/* ------------------------------------------------------------------- horizontal header photos*/
#header-graphic2
{
	float: right;
	width: 868px;
	height: 190px;
	background-image:url("images/header-graphic2.jpg"); no-repeat;
}

#header-graphic3
{
	float: right;
	width: 868px;
	height: 190px;
	background-image:url("images/contact.jpg"); no-repeat;
}
	
#header-graphic4
{
	float: right;
	width: 868px;
	height: 190px;
	background-image:url("images/pressmedia.jpg"); no-repeat;
}	
	
#header-graphic5
{
	float: right;
	width: 868px;
	height: 190px;
	background-image:url("images/music.jpg"); no-repeat;
}	

#header-graphic6
{
	float: right;
	width: 868px;
	height: 190px;
	background-image:url("images/booking.jpg"); no-repeat;
}

#header-graphic7
{
	float: right;
	width: 868px;
	height: 190px;
	background-image:url("images/blog.jpg"); no-repeat;
}
	
/*menu styles -------------------------------------------------------- navigation begins */
#navigation
{
	width: 868px;
	height: 38px;
	font-family: Helvetica, Arial, Verdana, "Trebuchet MS", "Helvetica Neue", "URW Gothic L", sans-serif;
	padding-left: 0px;
	font-size: .87em;		
	font-weight:bold;
	overflow: hidden;
	margin-top: 36px;
	margin-left: 36px;
	background-color: #00AEEF;
}
#navigation ul
{
	padding-left: 0px;
}
#navigation ul li
{
	width:auto;
	float: left;
	border-right: 1px solid #FFFFFF;
	padding-left:30px;
	padding-right:30px;
	text-align:center;
	white-space: nowrap;
	list-style-type: none;
}

#navigation ul li a
{
	padding-right: 0px;
	padding-left: 0px;
	letter-spacing:.5pt;
	text-decoration:none;	
	text-align: left;
}

#navigation ul li.last
{
	width:auto;
	padding-left:36px;
	border-right: 0px solid #FFFFFF;
}

a:link {color:#FFFFFF;}      /* unvisited link */
a:visited {color:#FFFFFF;}  /* visited link */
a:hover {color:#000000;}  /* mouse over link */
a:active {color:#000000;}  /* selected link */

/*menu styles end*/

#main-content/* ------------------------ main content area contains both left and right columns */
{
	float:left;
	display:inline;
	width: 868px;
	height:auto;
	margin-left: 36px;
	padding-bottom:30px;
	background-color:#FFFFFF;
}

/* ----------------------------------------------------------------------------left column begins */

#main-content #left-column
{
	font-family: Helvetica, Arial, Verdana, "Trebuchet MS", "Helvetica Neue", "URW Gothic L", sans-serif;	
	float: left;
	width: 460px;
	height:auto;
	margin-right: 30px;
	padding-left: 36px;
}

#left-column .player-container
{
	float:left;
	display:inline;
	width:412px;
	margin-top:2em;	
}

#left-column p a i
{
	color:#00AEEF;
}

/*the lowdown*/
#main-content #left-column .header 
{
	float: left;
	display:inline;
	width: 412px;
	height: auto;
	margin-bottom: 10px;
	background-color:#FFFFFF;
}

#left-column p span
{
	display:block;
	padding-left:30px;
}

#main-content #left-column h1
{
	width: 412px;
	font-size: .85em;
	font-weight:bold;
	color: #808285;
	margin-top: 40px;
	margin-bottom:20px;
}

#main-content #left-column span
{
	font-style:italic;
}

#main-content #left-column h3
{
	font-size: .85em;
	font-weight: bold;
	line-height: 30%;
	color: #FFFFFF;
	padding-left: 10px;
}
/* -------------------------------------------------------------- text area for left column begins */
#main-content #left-column p
{
	width: 412px;
	font-size: .8em;
	color: #808285;
	line-height: 115%;
	letter-spacing:.25pt;
}

/* ------------------------------------------------------------------  bulleted list vertical height*/

#main-content #left-column .sevents 
{
	margin-left:0;
	padding-left:0;
	list-style-type: none;
}

#main-content #left-column .sevents li
{
	clear:both;
	width:412px;
	color: #808285;
	line-height: 1em; /*--------------------------------------------bullets vertical spacing Firefox*/	
}

#main-content #left-column .sevents li p
{ 
	width:412px;
	display:inline;
	line-height:1em;/* ----------------------------------- vertical bullets spacing fix for Safari */
}

#left-column .media/* ------------------------------------ press thumb nails*/
{
	float:left;
	width:412px;
	display:inline;
	padding-left:0px;
	list-style-type:none;
}

#left-column .media li
{
	float:left;
	padding:0 8px 5px 0;
}

#left-column .media li img
{
	width:auto;
	border:solid 1px #808285;
}

#left-column .media2 /* ------------------------------------ press thumb nails*/
{
	float:left;
	width:412px;
	display:inline;
	padding-left:0px;
	list-style-type:none;
}

#left-column .media2 li
{
	float:left;
	padding:0 11px 5px 0;
}

#left-column .media2 li img
{
	width:auto;
	border:solid 1px #808285;
}

#left-column .booking /* --------------------------------------------------------------------------- list in booking */
{
	width:412px;
	font-size:0.8em;
	color:#808285;
	list-style-type:none;
	margin-left:0em;
	padding-left:0em;
	letter-spacing:.25;
	line-height:115%;
}

/* --------------------------------------------------------------------------- right column begins */
#right-column
{
	float: left;
	width: 342px;
	height: auto;
}

#main-content #right-column .textblock
{
	width: 312px;
	height: 110px;
	background-image:url("/images/bestmusic.jpg"); no-repeat x;
	margin-top: 40px;
	margin-bottom: 10px;
	/*background-color: #000000;
	line-height: 20%;
	padding-top: 10px; style for text */ 
}

#main-content #right-column .textblock p
{
	font-size: 1em;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 10px;
} 

/* right column header bars */
#main-content #right-column .header
{
	width:312px;
	height: auto;
}

#main-content #right-column h3
{
	float: left;
	width: 312px;
	height: 28px;
	font-size: .85em;
	font-weight: bold;
	line-height: 220%;
	background-color: #00AEEF;
	color: #FFFFFF;
}

#main-content #right-column h3 span
{
	padding-left: 10px;
}

#main-content #right-column #esubmit
{
	float:none;
	clear:both;
	display:inline;
}

#main-content #right-column .eform /*------------------------- email sign up */
{
    width:312px;
}

#main-content #right-column .nametext, .emailtext 
{
    float: right;
    width: 250px;
    clear:none;
    display:inline;
    font-size: 10px;
    padding-bottom:0px;
    margin-bottom: 0px;
    background-color: #FFFFFF;
    border: 1px solid #666666;
}

/*submit button styles*/
#main-content .header .button
{
	float: right;
	display:inline;
	clear:right;
        font-family: Helvetica, Arial, Verdana, "Trebuchet MS", "Helvetica Neue","URW Gothic L", sans-serif;  
  	font-size: 10px; 
 	margin-top:4px;
 	height:20px; 
 	border:0 none;
 	background-color: #333333;  
 	color: #FFFFFF;  
}

#main-content #right-column .header h3
{
	letter-spacing:.1pt;
}

#main-content #right-column .header #esubmit span
{
	font-family:Helvetica, Arial,
             Verdana,
             "Trebuchet MS",
             "Helvetica Neue",
             "URW Gothic L",
             sans-serif;
			 font-size: 1em;
			 font-size: .80em;
			 font-weight: bold;
			 color: #000000;
}

#main-content #right-column .header ul
{
	float: left;
	width: 312px;
	padding-left: 0px;
}

#main-content #right-column .header ul li
{
	float: left;
	width: 64px;
	height:40px; 
	margin-left: 12px;
	margin-bottom: 5px;
	list-style-type: none;
}

/* social network logos */
#main-content #right-column .header ul .bborder
{
	border-bottom: 2px solid #808285;
}

#main-content #right-column .header ul li img
{
	border:0 none;
    margin:0;
    padding:0;
}

#main-content #right-column p
{
	float:left;
	width: 312px;
	font-size:.82em;
	color: #808285;
	font-weight: bold;
}

#right-column .header p
{
	margin-top: 0px;
	letter-spacing:.1pt;
}

p a:link {color:#808285;}      /* unvisited link */
p a:visited {color:#808285;}  /* visited link */
p a:hover {color:#333333;}  /* mouse over link */
p a:active {color:#333333;}  /* selected link */

/*  ----------------------------------------------------------------------------footer styles | address info */
#address
{
	width: 868px;
	font-family: Helvetica, Arial, Verdana, "Trebuchet MS", "Helvetica Neue", "URW Gothic L", sans-serif;
	font-size: .82em;
	float: left;
	clear:both;
	margin-top:1em;
	margin-left: 36px;
	color: #FFFFFF;
	letter-spacing:1pt;
}

#address ul
{
	padding-left:7.85em;
}

 #address ul li
{
	float:left;
	display:inline;
	background-image: url("images/dot.gif");
    background-repeat: no-repeat;
    background-position: 0em;
    padding-left: 1.9em;
	padding-right:1.4em; #ffcbb6;
}
 
 #address ul .hidedot
 {
 	background-image:none;
 }
 
 /* ----------------------------------------------------------------------------footer styles | address info */
#alogos
{
	width: auto;
	float: left;
	padding-bottom:20px;
	display:inline;
	color: white;
	margin-left: 356px;
}
 
/*  ----------------------------------------------------------------footer sytles | affiliate business logos */
#alogos ul li
{
	float:left;
	display:inline;	
	list-style-type: none;
	margin-top:1em;
	padding-left: 1.4em;
	padding-right:1.4em;
}

#alogos ul li img
{
	border:0 none;
    margin:0;
    padding:0;
}
/* inactive logos */
/*.one
 {
 	width:106px;
	height:48px;
 	background-image: url("");
	background-repeat: no-repeat; 
	background-position: 0 1em;
 }
 .two
 {
 	width:106px;
	height:48px;
 	background-image: url("images/som.gif");
	background-repeat: no-repeat; 
	background-position: 0 0em;
 }
 .three
 {
 	width:106px;
	height:48px;
 	background-image: url("images/esl.gif");
	background-repeat: no-repeat; 
	background-position: 0 .2em;
 }
 .four
 {
 	width:106px;
	height:50px;
 	background-image: url("images/930.gif");
	background-repeat: no-repeat; 
	background-position: 0 0em;
 }
 */