/*
Theme Name: All Stars DJ Agency
Theme URI: http://www.allstarsdjagency.com
Description: Theme designed and built for All Stars DJ Agency by Cahoona Ltd
Version: 1.0
Author: Cahoona Ltd
Author URI: http://www.cahoona.co.uk
*/

/* Reset */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;/* display:block; */}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}a{text-decoration:none;}a:hover{text-decoration:underline;}
a{outline: none;}
{font-weight: bold;}
.clearfix:after{content: ".";display:block;height:0;clear:both;visibility:hidden;}

html						{background-color: #160B1C;}
body						{background: url('images/bg-body.jpg') 50% -54px no-repeat;}
#container					{width: 747px; margin: 0 auto; padding-top: 50px; position: relative;}
 #header					{position: absolute;}
 #logo						{margin: 0 auto; display: block; position: absolute; top: -22px; left: -20px; z-index: 1;}
 #content					{padding: 160px 0 30px 0; position: relative; min-height: 700px;}
 #content-home				{padding: 160px 0 30px 0; position: relative;}
 #secondary-content			{padding-top: 45px; clear: left;}
  #column-one				{width: 380px; padding: 0 29px 0 21px; float: left;}
  #column-two				{width: 316px; float: left;}
   #column-two h2			{text-align: right; margin-right: 40px;}
#footer						{text-align: center; clear: both; background: url('images/bg-nav.png') 0 0 repeat-x; width: 747px; height: 22px; padding-top: 6px; margin: 0 auto;}

/* Navigation for static menu  */
#navigation             	{background: url('images/bg-nav.png') 0 0 repeat-x; width: 724px; margin: 110px 0 0 0; text-transform: lowercase; padding: 3px 0 4px 23px; position: absolute; z-index: 2;}
#links           			{float: left; width: 300px; padding-top: 2px;}
#links a           			{color: #FFF2E3;}
#links a:hover     			{text-decoration: none; color: #878ECE;}
body.home #page-id-home,
.page-id-2 #page-id-roster,
.page-id-30 #page-id-contact,
.page-id-103 #page-id-news,
.page-id-118 #page-id-events,
.roster-page #page-id-roster,
.events-page #page-id-events,
.news-page #page-id-news    {color: #878ECE;}

/* Navigation Search Form */
#searchform					{float: right; width: 170px; margin: 0; padding-top: 2px; color: #FFFFFF;}
 #go 						{float: right; margin-right: 15px;}

/* Typography */
body						{color: #AEABB0; font-size: 11px; line-height: 1.5em; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;}
a							{color: #FFFFFF; text-decoration: none;}
a:hover						{color: #878ECE; text-decoration: none;}
p 							{margin-bottom: 1em;}
h1,h2,h3,h4					{font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; color: #FFFFFF;}
h1							{font-size: 38px; line-height: 38px; margin-bottom: 24px;}
h2							{font-size: 24px; line-height: 24px; margin-bottom: 12px; /*margin-top: 24px;*/}
h3							{font-size: 20px; line-height: 24px; margin-bottom: 12px; margin-top: 12px;}
strong,b					{font-weight: bold;}
em,i						{font-style: italic;}
ul, ol						{margin: 0 0 12px 12px;}
li							{list-style-type: disc; margin-left: 12px;}
blockquote					{margin-left: 20px; padding-left: 5px; font-style: italic; border-left: 3px solid #AEABB0;}
#error-page					{padding-left: 20px;}
.error						{color: red;}

/* Mugshots */
.mugshot-container			{position: relative; height: 160px; width: 160px; float: left; margin: 0 0 21px 22px;}
.mugshot-container a.link	{position: absolute; z-index: 3; width: 140px; height: 140px;}
.mugshot-container img		{position: absolute; z-index: 1; left: 10px; top: 10px;}
.mugshot-frame				{background: url('images/mugshot-frame.png') no-repeat; position: absolute; z-index: 2; height: 160px; width: 160px;}
.artist-name				{text-align: center; margin: 20px auto; background-color: #000000; width: 140px; padding: 5px 0 5px 0; display: none; background: url('images/black-trans-70.png') repeat;}
#button-left				{display: none; background: url('images/button-left.png') 0 0 no-repeat; top: 301px; left: 150px; width: 105px; height: 105px; z-index: 10; position: absolute;}
#button-left:hover			{background-position: 0 -116px; cursor: pointer;}
#button-right				{display: none; background: url('images/button-right.png') 0 0 no-repeat; top: 301px; left: 514px; width: 105px; height: 105px; z-index: 10; position: absolute;}
#button-right:hover			{background-position: 0 -116px; cursor: pointer;}
#scrollContainer			{height: 350px; width: 746px; overflow: hidden; position: relative; margin-top: 15px;}
#panelContainer				{height: 350px; width: 746px; overflow: hidden; position: relative;} /* Required for graceful degredation */
#panelContainer	div.scroller{height: 350px; width: 746px; float: left;}

/* Single Page */
#roster-list 				{float: left; width: 120px; padding: 10px 0 0 20px;}
#roster-list li 			{list-style-type: none; margin-left: 0;}
#roster-form				{border-top: 1px dotted #666666; padding: 18px 0 0 0; margin: 20px 0 0 0;}
#roster-form ul		  		{width: 270px}
#roster-form li.buttons		{padding-left: 101px;}
#roster-form li.field  		{padding-bottom: 10px; width: 270px;}
#roster-form ul.fields-left {width: 250px;}
#roster-form ul.fields-left label {width: 80px;}
#roster-form ul.fields-right{width: 290px;}
#roster-form ul.fields-right label {width: 100px;}
#dj-info					{margin-left: 160px; border-left: 1px dotted #666666; padding: 10px 20px 0 20px;}
#dj-info .mugshot-container {height: 160px; width: 160px; float: none; margin: 0 0 10px 0;}
#the-excerpt				{font-size: 20px; line-height: 24px; margin: 15px 0 24px 0; font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; color: #FFFFFF;}

/* Page */
.page						{padding: 0 20px;}
.post						{padding: 0 20px; border-bottom: 1px dotted #666666;}

/* News Page */
.news-article				{padding-bottom: 20px; margin-bottom: 20px; /*border-bottom: 1px dotted #666666;*/}
.news-article h2			{margin-top: 0;}
.date						{font-weight: bold; color: #878ECE;}
.pagination					{width: 100%;}
.alignleft					{float: left;}
.alignright					{float: right;}

/* General form styles */
form                    	{margin: 20px 0 0 0px;}
form li                 	{clear: both; display: block; list-style-type: none; overflow: hidden;}
form ul                 	{margin: 0; float: left;}
label                   	{cursor: default;}
label.desc              	{width: 117px; padding: 1px 20px 0 0; display: block; font-weight: bold; float: left; text-align: right;}
form li.field           	{padding-bottom: 10px;}
form li.buttons         	{padding-left: 137px;}
.input                  	{float: left; color: #FFF2E3;}

/* Text Inputs */       
form input.text         	{padding: 2px 0 0 5px; outline: none; background: url('images/form-input.png') no-repeat; height: 18px; width: 128px; color: #FFFFFF;}
form input.medium       	{border: none;}
form input:hover        	{background: url('images/form-input.png') no-repeat;}