/******************************************
*    Main Style Sheet - dannyjohn-jules.com
*
*    Copyright (c) 2009
*
*******************************************/

/*****************************************
*  Basic Elements
*****************************************/

html, body {
background-color:Black;
color: White;
font-family: Verdana;
font-size: 0.85em;
margin: 0 auto;
font-family: Verdana;
}
html 
{
height: 120%;
}
img
{
border-style:none;
}
a 
{
border-style: none;
text-decoration: underline;
}
a:link  
{
outline: none;
color: White; 
text-decoration: underline;
border-style:none;
}   
a:visited 
{ 
outline: none;
color: White; 
text-decoration: underline;
border-style:none;
}
a:active 
{ 
outline: none;
color: White; 
text-decoration: underline;
border-style:none;
} 
a:focus
{
outline: none;
color: White; 
text-decoration: underline;
border-style:none;
} 
a:hover 
{ 
color: White; 
text-decoration: underline;
border-style:none;
color: #a20102;
}
label 
{ 
clear: left;
margin-left: 50px;
float: left;
width: 5em;
text-align: right;
}

/*************************************
*       Header Elements
*************************************/
#headerLeft 
{
position:absolute;
left:0px;
top:0px;
width:389px;
height:289px;
visibility:visible;
}
#headerlogo 
{
position:absolute;
left:389px;
top:0px;
width:571px;
height:76px;
visibility:visible;
}
#headerDannyImg 
{
position:absolute;
left:406px;
top:75px;
width:571px;
height:213px;
visibility:visible;
}
#headerMenu {
position:absolute;
left:0px;
padding-left:35px;
top:289px;
width:925px;
height:17px;
visibility:visible;
float: left;
}

/*****************************
*      Layout Section
*****************************/

#page
{
margin-left: auto ;
margin-right: auto ;
height: 95%;
clear:both;
width: 960px;
position: relative;
height: auto;
margin: 0 auto -142px;
}
#clear
{
margin-top : 50px;
height: 5%;
border-width: 1px 0 0 0;
border-style: solid;
border-color: red;
vertical-align: middle;
padding: 0;
margin: 0; 
position:relative;
}
#ContentWrapper
{
position:absolute; 
top:350px;
width: 885px;
left: 35px;  
}
#leftContent
{
position:relative;
width: 457px;
text-align:justify;
left: 38px;
}
#rightContent
{
position:absolute;
width: 330px;
right: 18px;
top: 10px;
text-align:justify;
font-size: smaller;
}

/*******************************
*     Front page layout
*******************************/

#FrontPageLowerRight
{
position: relative;
background-color: #670001;
width: 344px;
margin-top: 40px;
font-size: small;
text-align: justify;
}
#DIVwelcomeBar
{
margin-bottom: 33px;
width: 495px;
height:54px; 
background-repeat: repeat-x;   
}
#DIVWelcomeImg
{
position: absolute;
top: 7px;  
left: 27px;
}
#twit_FollowMe
{  
}
#twitter_update_list
{
text-align: left;
width: 260px;
}
#twitter-link
{
    
}

/**********************************
*        Generic Formatting
**********************************/

.WhiteText
{
color: White;
}
.error
{
color: Red;
}
.centered
{
margin: 0 auto;
}
#footerLine
{
width: 880px;
clear: both;
height: 5px;
background-color: #670001;
}
.footer, .push 
{
height: 142px;
}	
#previewArea {
margin: 20px 0 0 20px;
float: left;
}		
#results 
{
clear: both;
}
.75PCWidth
{
width: 75%;
}


/*********************************
*          Contact Page
*********************************/

#ContactForm
{
margin: 0 auto;
text-align: center;
}

/**********************************
*          News Page 
**********************************/

#leftNews
{
width: 536px;
text-align: left;   
float: left; 
}
#rightNews
{
position:absolute;
right:0px;
width: 212px;
float: right;  
top:17px;
}
#outerNewsHeader
{
position: absolute;

width: 535px;
/* height: 105px; */
padding-bottom: 30px;
}
#mainNewsItem
{
position:relative;
top: 70px;
padding-bottom: 50px;
left: 10px;
width: 500px;
}
.sideNewsItem
{
padding: 15px;
}
.sideNewsHead
{
background-color: #670001;
text-align: center;
}

/**********************************
*          Media Page 
**********************************/
#MediaHeader
{
padding-bottom: 50px;
}
#vid_player
{
padding-bottom: 50px;
position:relative;
left:10px;
}

/**********************************
*          Biog Page 
**********************************/
#biogHeader
{
    padding-bottom: 50px;
}
#biogTxt
{
    text-align:justify;
    position:relative;
    left: 10px;
    width: 865px;
}