/*
Theme Name: E3 Group Theme
Theme URI: http://www.e3grouponline.com
Description: Theme created for the E3 Group to match their website.
Version: 1
Author: Lucy Irving
Author URI: http://kwiqq.com/
Tags: e3, e3 group
*/

/*== Reset ==*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }
h1, h2, h3, h4, h5, h6 { font-size : 100%; }
ol, ul { list-style : none; }
address, caption, cite, code, dfn, em, th, var
{ font-style : normal; font-weight : normal; }
table { border-collapse : collapse; border-spacing : 0; }
fieldset, img { border : 0; }
caption, th { text-align : left; }
q:before, q:after { content :''; }
.clear{clear:both; width:0; height:0; line-height:0; }
/*==Layout==*/

body{ 
  background: #FFF;
  font-family:  "Trebuchet MS", Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif ;
  font-size: 100%; 
}

body.home_section { 
  background: #000 url(images/e3group_bg.jpg) no-repeat left top;
  font-family:  "Trebuchet MS", Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif ;
  font-size: 100%; 
}

.content_wrapper {
  width: 960px;
  padding: 0 0 0 24px;
}
  
#header {
  position: relative;
}

#content_section_header {
  width: 100%;
  background: url(images/content_header.gif) repeat-x left top;
  margin-bottom: 47px;
}

#headline_wrapper {
  margin-top: 75px;
  width: 515px;
  height: 430px;
}

.double_column {
  float: left;
  width: 460px;
  margin-right: 20px;
  display:inline;
}

.narrowcolumn{
float: left;
  width: 460px;
  }


.single_column {
  float: left;
  width: 215px;
  margin-left: 15px;
  position: relative;
}

.single_column_nav {
  float: left;
  width: 215px;
  margin-right: 15px;
}

/*==Navigation==*/

ul#nav_main {
  position: absolute;
  right: 0;
  top: 26px;
  padding-bottom: 23px;
  width: 665px;
  border-bottom: 1px solid #333;
}

body.content_section ul#nav_main {
  position: absolute;
  right: 0;
  top: 26px;
  padding-bottom: 23px;
  width: 665px;
  border-bottom: none;
}

ul#nav_main li {
  display: inline;
  padding: 0 12px 0 0;
}

ul#nav_main li.nav_last {
  display: inline;
  padding: 0;
}

ul#nav_main li a {
  color: #CCC;
  text-decoration: none;
  font-weight: 100;
  font-size: 0.85em;
  padding: 28px 5px 4px 5px;
}

ul#nav_main li a:hover {
  background: #662031;
  color: #FFF;
}

ul#nav_main li a#active {
  background: #cc3366;
  color: #FFF;
}

body#artists ul#nav_main li a#active {
  background: #cc3366;
  color: #FFF;
}

ul#headline_links {
  margin: 30px 0 0 10px;
}

ul#headline_links li {
  display: inline;
}

ul#headline_links li a.call_to_action {
  color: #FFF;
  text-decoration: none;  
  margin-left: 10px;
  padding-left: 40px;
  background-image: url(images/call_to_action.png);
  background-repeat: no-repeat;
  background-position: left center; 
}

#nav_sub_wrapper {
  margin-top: 6px;
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
}

ul.nav_sub {
  margin: 2px 0 2px 0;
  background: #f4f4f4;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
}

ul.nav_sub li {
  padding: 10px 0 10px 12px;
  border-bottom: 1px solid #CCC;
}

ul.nav_sub li.nav_sub_last {
  padding: 10px 0 10px 12px;
  border-bottom: none;
}

ul.nav_sub li a{
  color: #000;
  font-size: 0.95em;
  text-decoration: none;
}

ul.nav_sub li a.nav_sub_selected {
  color: #000;
  font-size: 0.95em;
  text-decoration: underline;
}

ul.nested_nav_sub li {
  padding: 0;
  margin-left: 25px;
  border-bottom: none;
} 

ul.nested_nav_sub li a {
  font-size: 0.75em;
  color: #333;
  padding-left: 15px;
  background-image: url(images/sub_nav_icon.png);
  background-repeat: no-repeat;
  background-position: left center;  
}

ul.nested_nav_sub li a.nested_nav_sub_selected {
  color: #000;
  font-size: 0.75em;
  text-decoration: underline;
}

ul.nested_nested_nav_sub li {
  padding: 0;
  margin-left: 40px;
  border-bottom: none;
} 

ul.nested_nested_nav_sub li a {
  font-size: 0.75em;
  color: #333;
  padding-left: 15px;
  background-image: url(images/sub_nav_icon.png);
  background-repeat: no-repeat;
  background-position: left center;  
}

ul.nested_nested_nav_sub li a.nested_nested_nav_sub_selected {
  color: #000;
  font-size: 0.75em;
  text-decoration: underline;
}

/*==Type==*/
body.content_section h1#logo {
  background: url(images/logos/e3group_logo.jpg) no-repeat left top;
  width: 213px;

  height: 147px;
  text-indent: -9000px;
  border-left: 1px solid #666;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
}

em {
  font-style: italic;
}

h1#logo {
  background: url(images/e3group_logo.jpg) no-repeat left top;
  width: 213px;
  height: 147px;
  text-indent: -9000px;
}

h1#logo a {
  width: 213px;
  height: 147px;
  display: block;
}

body#artists h1#logo {
  background: url(images/logos/e3artists_logo.jpg) no-repeat left top;
  width: 213px;
  height: 147px;
  text-indent: -9000px;
}

body#artists h1#logo a {
  width: 213px;
  height: 147px;
  display: block;
}

body#events h1#logo {
  background: url(images/logos/e3events_logo.jpg) no-repeat left top;
  width: 213px;
  height: 147px;
  text-indent: -9000px;
}

body#events h1#logo a {
  width: 213px;
  height: 147px;
  display: block;
}

body#costumes h1#logo {
  background: url(images/logos/e3costumes_logo.jpg) no-repeat left top;
  width: 213px;
  height: 147px;
  text-indent: -9000px;
}

body#costumes h1#logo a {
  width: 213px;
  height: 147px;
  display: block;
}

body#production h1#logo {
  background: url(images/logos/e3production_logo.jpg) no-repeat left top;
  width: 213px;
  height: 147px;
  text-indent: -9000px;
}

body#production h1#logo a {
  width: 213px;
  height: 147px;
  display: block;
}

body#careers h1#logo {
  background: url(images/logos/e3careers_logo.jpg) no-repeat left top;
  width: 213px;
  height: 147px;
  text-indent: -9000px;
}

body#carrers h1#logo a {
  width: 213px;
  height: 147px;
  display: block;
}

body#academy h1#logo {
  background: url(images/logos/e3academy_logo.jpg) no-repeat left top;
  width: 213px;
  height: 147px;
  text-indent: -9000px;
}

body#academy h1#logo a {
  width: 213px;
  height: 147px;
  display: block;
}

=======
body.content_section h1#logo {
  background: url(images/logos/e3group_logo.jpg) no-repeat left top;
  width: 213px;

  height: 147px;
  text-indent: -9000px;
  border-left: 1px solid #666;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
}

h1#logo {
  background: url(images/e3group_logo.jpg) no-repeat left top;
  width: 213px;
  height: 147px;
  text-indent: -9000px;
}

h1#logo a {
  width: 213px;
  height: 147px;
  display: block;
}

body#artists h1#logo {
  background: url(images/logos/e3artists_logo.jpg) no-repeat left top;
  width: 213px;
  height: 147px;
  text-indent: -9000px;
}

body#artists h1#logo a {
  width: 213px;
  height: 147px;
  display: block;
}

body#events h1#logo {
  background: url(images/logos/e3events_logo.jpg) no-repeat left top;
  width: 213px;
  height: 147px;
  text-indent: -9000px;
}

body#events h1#logo a {
  width: 213px;
  height: 147px;
  display: block;
}

body#costumes h1#logo {
  background: url(images/logos/e3costumes_logo.jpg) no-repeat left top;
  width: 213px;
  height: 147px;
  text-indent: -9000px;
}

body#costumes h1#logo a {
  width: 213px;
  height: 147px;
  display: block;
}

body#production h1#logo {
  background: url(images/logos/e3production_logo.jpg) no-repeat left top;
  width: 213px;
  height: 147px;
  text-indent: -9000px;
}

body#production h1#logo a {
  width: 213px;
  height: 147px;
  display: block;
}

body#careers h1#logo {
  background: url(images/logos/e3careers_logo.jpg) no-repeat left top;
  width: 213px;
  height: 147px;
  text-indent: -9000px;
}

body#carrers h1#logo a {
  width: 213px;
  height: 147px;
  display: block;
}

body#academy h1#logo {
  background: url(images/logos/e3academy_logo.jpg) no-repeat left top;
  width: 213px;
  height: 147px;
  text-indent: -9000px;
}

body#academy h1#logo a {
  width: 213px;
  height: 147px;
  display: block;
}
  
h2 {
  color: #FFF;
  font-size: 1.4em;
  font-weight: 100;
}  

#header_quote {
  width: 685px;
  position: absolute;
  top: 76px;
  left: 245px;
}

#header_quote p {
  color: #cc3366;
  margin: 5px 0 15px 0;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  font-size: 0.95em;
  line-height: 1.6em;
  font-weight: 100;
}
  
#headline h2 {  
  margin-bottom: 15px;
  font-size: 1.8em;
  font-weight: 100;
  color: #cc3366;
}
  
#headline_text p {
  color: #CCC;
  margin: 5px 0 15px 0;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  font-size: 0.9em;
  line-height: 1.6em;
  font-weight: 100;
}

/*== Blog styles ==*/

.blog_list {
  color: #FFF;
}

.blog_list h2 {
  padding-bottom: 12px;
  border-bottom: 1px solid #333;
}
  
.blog_summary {
  padding: 10px 0 10px 0;
}  

.blog_summary h3 {
  color: #cc3366;
  font-size: 1em;
  padding: 7px 0 3px 0;  
}

.blog_summary h3 a {
  color: #cc3366;
  font-size: 1em;
  padding: 7px 0 3px 0;
  text-decoration: none;  
}

.blog_summary p {
  font-size: 0.8em;
  line-height: 1.5em;
  color: #FFF;
  padding: 4px 0 4px 0;
}

.blog_summary p a {
  color: #CC3366;
  text-decoration: none;
}

.blog_summary p a:hover {
  color: #CC4466;
  text-decoration: underline;
}

.post_details {
  font-size: 0.7em;
  color: #999;
  padding: 3px 0 3px 0;
}

.blog_summary span.post_by {
  font-size: 0.75em;
  color: #999;
  padding: 4px 0 4px 0;
}

/*== Sidebar list ==*/

.sidebar {
  float: left;
  display:inline;
  position:relative;
  width: 215px;
  margin-bottom: 30px;
}

.sidebar_addthis {
  position: absolute;
  top: -40px;
  right: 0;
}

.sidebar h2 {
	color: #cc3366;
  padding:12px 0 12px 0;
  border-bottom: 1px solid #CCCCCC;
  margin:5px 0 5px 0;
}


ul.sidebar_list {
  margin: 16px 0 0 0;
}

ul.sidebar_list li {
  margin: 3px 0 3px 0;
}

ul.sidebar_list a {
  text-decoration: none;
  padding-left: 25px;
  background-image: url(images/client_icon.png);
  background-position: left center;
  background-repeat: no-repeat;
  font-size: 0.85em;
  color: #cc3366;
}

/*== Sidebar form ==*/

form.sidebar_form {
  margin: 15px 0 0 0;
}

input {
  margin: 0 7px 0 0;
  float: left;
  width: 147px;
  height: 23px;
  border: 1px solid #CCC;
}

input.submit {
  margin: 0;
  width:58px ;
  height: 25px;
  border: 1px solid #857678;
  background: #7b273e;
  color: #FFF;
}

label {
  color: #666;
  font-size: 0.75em;
  width: 5em;
  margin: 7px 0 0 0;
}

select {
  width: 150px;
  margin: 0 0 10px 0;
  border: 1px solid #999;
  height: 20px;
}

/*== Articles ==*/

.article {
margin-left: 20px;
}

.article a {
font-size: 12px;
color: #999;
}

.article h2 { 
  margin: 0 0 10px 0;
  color: #cc3366;
  font-weight: 100;
}

.article h3 {
  font-size: 1.1em; 
  margin: 15px 0 6px 0;
  color: #cc3366;
  font-weight: 100;
  clear: left;
}

.article p { 
  clear: left;
  font-size: 0.8em;
  line-height: 1.6em;
  padding: 5px 0 5px 0;
}

.article img {
  /*margin: 10px 10px 10px 0;*/ 
}

.article .video {
  margin: 10px 10px 10px 0; 
}

/*== Artists Navigation ==*/

.artists_nav {
  margin: 15px 0 55px 0px;
}

.artists_header {
  position : relative;
  border-bottom: 1px solid #CCC;
}

.artists_header h3 {
  font-size: 1.4em;
  margin-bottom: 4px;
  font-weight: 100;
  color: #aba8a8;
}	

.artists_header a {
  position: absolute;
  right: 0;
  top: 7px;
  text-decoration: none;
  color: #aba8a8;
  font-size: 0.9em;
  padding-left: 20px;
  background: url(images/sub_nav_icon.png) no-repeat left center;
}

ul.nav_image {
  margin: 10px 0 35px 0;
}

ul.nav_image li {
  position: relative;
  display: inline;
}

ul.nav_image li a.artists_image img {
  width: 106px;
  height: 130px;
}

ul.nav_image li a.artists_image {
  width: 106px;
  height: 130px;
}

ul.nav_image li a.artists_name {
  position: absolute;
  left: 0;
  top: 20px;
  color: #000;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  font-size: 0.75em;
  text-decoration: none;
}

img.large_artist {
  border: 1px solid #999;
  padding: 2px;
  background: #F4F4F4;
}

img.team_member {
  border: 1px solid #999;
  padding: 2px;



  background: #F4F4F4;
  margin: 15px;
}

/*== Flickr images ==*/

#flickr_badge_wrapper {
  margin-top: 20px;
}


.flickr_badge_image img {
  width: 92px;
  float: left;
  padding: 2px;
  background: #000;
  border: 1px solid #FFF;
}

#flickr_badge_wrapper img:hover {
  background: #CC3366;
}

#flickr_badge_image1 img, #flickr_badge_image3 img, #flickr_badge_image5 img, #flickr_badge_image7 img {
  margin: 0 16px 16px 0;
}

#flickr_badge_image2 img, #flickr_badge_image4 img, #flickr_badge_image6 img, #flickr_badge_image8 img {
  margin: 0 0 16px 0;
}

/*== Quotes ==*/

.quote {
  margin: 20px 0 5px 0;
  text-align: right;
}

.quote p {
  color: #cc3366;
  text-align: left;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  font-size: 0.75em;
  line-height: 1.6em;
  font-weight: 100;  
}

.quote span {
  font-family:  "Trebuchet MS", Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif ;
  color: #333;
  font-size: 0.7em;
  font-weight: 100;
}

/*== Contact details ==*/

.contact_details {
  margin: 15px 0 0 0;
}

.contact_description {
  color: #333;
  text-align: left;
  font-family:  "Trebuchet MS", Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif ;
  font-size: 0.75em;
  line-height: 1.6em;
  font-weight: 100;  
}

span.contact_tel {
  color: #cc3366;
  text-align: left;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  font-size: 1em;
  line-height: 1.6em;
  font-weight: 100;  
}

span.contact_email {
  color: #cc3366;
  text-align: left;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  font-size: 0.9em;
  line-height: 1.6em;
  font-weight: 100;  
}

/*== Twitter module ==*/

h2#twitter {
  padding-right: 30px;
  padding-top: 10px;
  background: url(images/twitter_small.jpg) no-repeat right top;
}

p#twitter_update_list {
  list-style-type: none;
  color: #CC3366;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  font-size: 0.8em;
  line-height: 1.6em;
  font-weight: 100; 
}

p#twitter_update_list li {
  margin: 10px 0 10px 0;
}

p#twitter_update_list a {
  text-decoration: none;
  color: #333;
  font-weight: 500;
}


/*== Footer ==*/

#footer {
  border-top: 1px solid #333;
  background-color:#000000;
  float: left;
  width: 100%;
  height: 150px;
  margin: 50px 0 0 0;
  padding-top: 30px;
  font-size: 0.85em;
  color: #ccc;
}

#footer p {
  float: right;
  text-align: right;
  font-size: 0.8em;
  margin: 2px 0px 10px 13px;
}

#footer p a {
 text-decoration: none;
 color: #cc3366;
}

body.content_section #footer {
  border-top: 1px solid #333;
  background: #000;
  float: left;
  width: 100%;
  height: 150px;
  margin: 50px 0 0 0;
  padding-top: 20px;
  font-size: 0.85em;
  color: #ccc;
}

h2#tag_line {
  text-indent: -9000px;
  background: url(images/footer_image.png) no-repeat left top;
  width: 437px;
  height: 60px;
  margin-right: 50px;
}

ul#nav_foot li {
  display: inline;
}

ul#nav_foot li a {
  text-decoration: none;
  color: #CCC;
  font-size: 0.8em;
  padding: 0 12px 0 0;
}  

ul#nav_foot li#foot_nav_last a {
  padding: 0 0 0 0;
}
  
span.pink {
  color: #CC3366;
}
  

ol {
  font-size: 0.8em;
  line-height: 1.4em;
  color: #000;
}

ol li {
  list-style-type: decimal;
  margin: 10px 0 10px 0;
  list-style-position: inside;
}
  


span.article_separator {display: none;}

/**
 * This file sets the CSS-styles for the Joomap sitemap tree.
 * More info at: http://www.w3schools.com/css/css_list.asp
 */

.sitemap ul {
	display		: block;
	list-style	: none;
        font-size       : 0.9em;
	margin		: 0;
	padding		: 0;
}
.sitemap ul li {
	margin		: 0;
	padding		: 0;
	white-space	: nowrap;
	background	: transparent;
}
.sitemap a img {
	border		: none;
}
.sitemap ul.level_0 ul {
	list-style	: inside square;
	padding		: 0 0 5px 0;
}
.sitemap ul.level_1 li {
	padding		: 0 0 0 2em;
	white-space	: nowrap;
}
.sitemap li.active a {
	font-style	: italic;
}

/**
 * More styles for Joomla to stop it messing with our contnet
 */

.contentpaneopen {
  width: 100%;
}

/*Wordpress template styles */

.article #content h2 a{
text-decoration:none;
font-size:1em;
color:#CC3366;
font-weight:100;
margin:0 0 10px;
}

.article #content h3 a{
text-decoration:none;
font-size:1em;
color:#CC3366;
font-weight:100;
margin:0 0 10px;
}

form#searchform label{
float:left;
font-size:1.4em;
color:#CC3366;
font-weight:100;
margin:0 0 10px;
border-bottom:1px solid #CCCCCC;
color:#CC3366;
padding-bottom:12px;
width:215px;
}

input#searchsubmit {
background:#7B273E none repeat scroll 0 0;
border:1px solid #857678;
color:#FFFFFF;
height:25px;
margin:0;
width:58px;
cursor:pointer;
}

#sidebar ul li a{
text-decoration:none;
color:#CC3366;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:0.85em;
font-style:italic;
font-weight:100;
line-height:1.6em;
text-align:left;
background-image:url(images/client_icon.png);
background-position:left center;
background-repeat:no-repeat;
padding-left:20px;
}

#sidebar ul li a:hover{
text-decoration:underline;
}

#sidebar ul li {
color:#999;
}


.alignleft{

}

.alignright{

}

.alignright a, .alignleft a{
text-decoration:none;
}

.alignright a:hover, .alignleft a:hover{
text-decoration:underline;
}

.navigation{
width:400px;
margin-bottom:5px;
color:#999;
}

textarea{
width:445px;
border:1px solid #CCCCCC;
float:left;
margin:0 7px 0 0;
}

input#submit{
background:#7B273E none repeat scroll 0 0;
border:1px solid #857678;
color:#FFFFFF;
height:25px;
margin:0;
width:auto;
padding:0 10px 0 10px;
cursor:pointer;
}

.sidebar p{
color:#333333;
font-family:"Trebuchet MS",Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;
font-size:0.75em;
font-weight:100;
line-height:1.6em;
text-align:left;
margin-top:10px;
}

#sidebar ul li p a {
background-image:none;
padding:0;
}

small{
color:#999999;
font-style:italic;
}


.article img {
max-width:460px;
height:auto !important;
}

h6.zemanta-related-title{
color:#CC3366;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:0.85em;
font-style:italic;
font-weight:100;
line-height:1.6em;
}

li.zemanta-article-ul-li{
color:#999999;
font-size:12px;
}

p.postmetadata{
border-bottom:1px #ccc solid;
margin-bottom:20px;
}

ol.commentlist li{
margin:10px 0 10px 0;
list-style:none;
border-bottom:1px solid #CCCCCC;
}

ol.commentlist li cite{
color:#CC3366;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:0.85em;
font-style:italic;
font-weight:100;
float:left;
margin-right:-10px;
}

ol.commentlist li p{
font-size:0.85em;
line-height:2em;
}

img.zemanta-pixie-img{
margin-bottom:20px;
}

.author_details{
color:#CC3366;
float:left;
font-family:Georgia,"Times New Roman",Times,serif;
font-style:italic;
font-weight:100;


margin-bottom:20px;
width:100%;
height:auto;
margin-top:5px;
}

.author_text{
float:left;
margin-left:10px;
}

.author_text p{
line-height:1em;
}

.author_avatar{
width:auto;
float:left;
}


.author_avatar img{
max-width:180px;
}