/*--------------------------------------------------*/
/*---ARTDIVS™ "shareware Artist Website Template"---*/
/*--------------------------------------------------*/
/*-- Code by JOSHGURA.COM - Version b.1 - Feb 2014--*/
/*--------------------------------------------------*/

/*specific to joshgura.com */

.black
{
	background-color:#000;
}

body
{    
	font-family: Verdana, sans-serif;	
	margin:0 0 0 0;
	padding:0px;
	font-size:10px;
	line-height:1.25;
}
a
{
    color:blue;  /* deactivates link colors */
}

a:link 
{ 
	text-decoration: none;
}


a:active 
{ 
	text-decoration: none; 
}


a:visited 
{ 
    text-decoration: none;
}


a:hover 
{ 
    text-decoration: none; 
}


img
{
    float: left;
    border: 0px; 
    width:500px;  /* keeps image on screen */
}

#thumbnail
{
    width: 200px;
}

#veil {
    /*background-size: 100% 100%;*/
    position: fixed; 
    left: 0px; 
    top: 0px; 
    z-index: 999; 
}

.stretch {
    width:100% !important;
}

p  
{ 
    margin: 0;
    line-height: 1.25;
    word-wrap: normal
}


#menu
{
    position: absolute;  
    white-space: nowrap;	
    height: 100%;
    width: 250;  /* should match the 'content' left margin*/
    overflow-y: auto;
    overflow-x:hidden; 	
    margin:0 0 0 0;	
    /*top: 0;
    bottom: 0;
    left: 0;
    word-wrap: normal
   
    /* assures the menu is opaque and on top */
    background-color:white; 
    z-index:15;	
}

#menu_wrapper
{
    padding-right:0px;
    margin-right:40px;
    margin-top:45px;
    text-align:right;
    word-wrap: normal
}

#bigname 
{ 
    font-family: Verdana, sans-serif;
    font-size: 12px; 
    letter-spacing:1.25px;
    line-height: 1.25;
    font-weight: bold;
    word-wrap: normal
}

#list
{
    height: 30px;
    padding: 0px;
    width: 150px;
    /*letter-spacing:1px;*/
    /*font-weight:bold;*/
    /*font-size:10px;*/
    word-wrap: normal
}    

#content 
{
    width:90%;
    height:auto;
    padding: 0 0 0 250;
} 

#text 
{ 	
    /* text-align:justify;  /* thats up to you */
    /* text-justify:auto; */ 
    width:720px;
    height:auto;
    margin: 0 0 0 0;
    padding: 5;
    word-wrap: normal
}

#imgcaption 
{ 
    width: 250px;
    font-style:italic;  
    margin: 0px;
    padding: 0;
    word-wrap: normal
}

#spacer
{
    height: 45px;
    width: 100%;
    margin:0;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 80%;
	height: 80%;
}

#ntsc_video  /* wraps a 720px wide NTSC video */
{
    width:720px;
    height:480px;
    background-color:#ccc;
    float:left;
}

#pal_video  /* wraps a 720px wide PAL video */
{
    width:720px;
    height:576px;
    background-color:#ccc;
}

#vimeo  /* wraps standard vimeo */
{
    width:500px;
    height:375px;
    float:left;
    margin-right:45px;
    margin-bottom:45px;
    background-color:#ccc;
}

#headline 
{ 
    font-size: 18px; 
    color: #666;
    font-weight:bold;
    letter-spacing:2px;
    word-wrap: normal
}


#fancyheadline
{
    max-width:80%;
    position:relative;
    font-size: 12px; 
    font-weight:bold;
    letter-spacing:1px;
    margin:0 500 0 0;
    display:inline;
    background-color:#0695f1;
    color:#fff;
	text-align:left;
	word-wrap: normal
}

#soundcloudsquare
{
    float:left;
    margin-right:50px;
    margin-bottom:50px;
}