/* CSS Document */
      /*
      Theme Name: Name Theme
      URL: www.LarryBeekman.com
      Description: an accomplished classical guitarist, composer and classical guitar instructor in Kansas City, Missouri and Prairie Village, Kansas areas.
      Author: studiolk
      Author URL: www.studiolk.com
      */ 
	  
      [Table Of Contents] 
      0- Reset 
      1- Global 
      2- Links 
      3- Headings 
      4- Header 
      5- Navigation 
      6- Middle 
      7- Forms 
      8- Extras 
      9- Footer   

 /* =0 Reset
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ 
      @import url('reset.css'); 
/* =1 Global  
------–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ 
body {line-height: 1; font: normal 12px; font-family: Franklin Gothic Medium Condensed, Verdana, Helvetica, sans-serif; vertical-align: top; color:#223845;}
#bkg {background-image:url(images/classicalGuitarMusic.png); background-repeat:repeat-y;} 
.right { 
	float: right;} 
.left { 
	float: left;} 
.align-left { 
	text-align: left; } 
.align-right { 
	text-align: right; } 
.align-center { 
	text-align:center; } 
.justify { 
	text-align:justify;} 
.hide { 
	display: none; } 
.clear { 
	clear: both;} 
.bold { 
	font-weight:bold; } 
.italic { 
	font-style:italic;} 
.underline { 
	border-bottom:1px solid; } 
.highlight { 
	background:#ffc;} 
img.centered { 
	display: block; 
	margin-left: auto; 
	margin-right: auto;} 
img.alignleft { 
	float:left; 
	margin:4px 10px 4px 0; } 
img.alignright { 
	float:right; 
	margin:4px 0 4px 10px;} 
.clearfix:after { 
	content: "."; 
	display: block; 
	clear: both; 
	visibility: hidden; 
	line-height: 0; 
	height: 0;} 
.clearfix {display: block;} 
html[xmlns] .clearfix {display: block;} 
* html .clearfix {height: 1%;}  
p{padding:3px 0px 7px 0px; font-family:Arial, Helvetica, sans-serif; font-size:1em;}
hr {margin: 0px 0px 10px 0px; color:#999999;}	
/* =2 Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/*a:link {color: #8e483e; text-decoration: none; border:none;}
a:visited {color: #8e483e; text-decoration: none; border:none;}
a:hover {color: #989e84;}
a:active {color: #989e84;}*/
a.external:link {color: #8e483e; text-decoration: none; border:none;}
a.external:visited {color:#8e483e; text-decoration: none; border:none;}
a.external:hover {color: #989e84;}
a.external:active {color:#989e84;} 
	
/* =3 Headings
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
h1, h2, h3, h4, h5 {font-style:bold;}
h1 {font-size: 2em;
	font-family:Arial, Helvetica, sans-serif;}
h2 {font-size: 1.5em; 
	font-family:Arial, Helvetica, sans-serif;}
h3 {font-size: 1.2em;}
h4 {font-size: 1em;}
h5 {font-size: .9em;}

/* =4 Header 
------–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ 
.header{width: 777px; height: 360px; background-image:url(images/guitarHeader.png); border:#FFFF33;}
.logo{position:absolute; top:45px; left:230px;}

/* =5 Navigation
------–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/*#nav{ position:absolute; top: 145px; right: 20px; width: 777px; height: 300px; font-family:Arial, Helvetica, sans-serif; font-size:.75em; border:none; padding: 0px; text-decoration: none; }
#nav li{display:block; margin-right: 10px; float:left; padding-top:15px; border:none; color:#FFFFFF; text-decoration:none;}
#nav li a:link, a:visited {color: #fff; text-decoration: none;}
#nav li a:hover {color: #65332c;}*/

.nav{ position:absolute; top: 145px; right: 20px; width: 777px; height: 300px; font-family:Arial, Helvetica, sans-serif; font-size:.75em; border:none; padding: 0px; color:#fff; text-decoration: none;}
.nav li{display:block; margin-right: 10px; float:left; padding-top:15px; border:none; color: #fff; text-decoration: none;}
a.nav:link {color: #fff; text-decoration: none; color: #fff; text-decoration: none;}
a.nav:visited {color: #fff; text-decoration: none; }
a.nav:hover {color: #65332c; color:#fff; text-decoration: none;}
a.nav:active {color: #65332c;color:#fff; text-decoration: none;} 

#sublinks a:link{position: relative; color: #65332c; top:195px; font-family:Arial, Helvetica, sans-serif; font-size:.75em; padding:7px; margin-left:10px; text-decoration:none;  }
a.pronav:link {color: #fff; text-decoration: none; color: #fff; text-decoration: none;}
a.pronav:visited {color: #fff; text-decoration: none; }
a.pronav:hover {color: #65332c; color:#fff; text-decoration: none;}
a.pronav:active {color: #65332c;color:#fff; text-decoration: none;} 

/* =6 Middle 
------–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ 
#whitePage{width: 777px; height: 1300px; position:absolute; left:15%; right:15%; background-color:#FFFFFF;}
.content{position:absolute; top:185px; font-family:Franklin Gothic Medium Condensed, Verdana, Helvetica, sans-serif; font-size:.75em; line-height:2em; }
.bodyContentlft{ width:485px; padding:17px 0px 0px 15px; border:none;}
.bodyContentpub{ width:695px; padding:17px 0px 0px 15px; border:none;}
.bodyContentrt{ width:100px; float:right; position: absolute; top: 200px; left:600px; border:none;}
.pubSelect{padding: 0px 1px 0px 0px;}
.rec{padding:3px;}
.studioLK{float:right; background-repeat:no-repeat; width:115px; height:50px; padding:10px 0px 0px 0px; border:none; }
.lists{border: 1px; border-bottom:#999; width:500px; height:100px;}
.publications{border:none;}

/* =7 Falloff
-------------------------------------------------------------------------*/

#whitePagePub{width: 777px; height: 3400px; position:absolute; left:15%; right:15%; background-color:#FFFFFF;}
#pub{ float:right; padding: 0px; 0px; 0px; 0px;}
#title{clear:left;}
#toc{ color:#8e483e; font-weight:bold; font-size:.75em; text-decoration:none;}

/*=testNav
--------------------------------------------------------------------------*/