/* CSS Document */
/* FONTS:
Typewriter: "Consolas"
Sans serif: "ubuntu" "cabin", tahoma, geneva

*/

@font-face {
  font-family: 'Droid Serif';
  font-style: normal;
  font-weight: 700;
  src: local('Droid Serif Bold'), local('DroidSerif-Bold'), url(http://themes.googleusercontent.com/static/fonts/droidserif/v3/QQt14e8dY39u-eYBZmppwTqR_3kx9_hJXbbyU8S6IN0.woff) format('woff');
}
@font-face {
  font-family: 'Droid Serif';
  font-style: normal;
  font-weight: 400;
  src: local('Droid Serif'), local('DroidSerif'), url(http://themes.googleusercontent.com/static/fonts/droidserif/v3/0AKsP294HTD-nvJgucYTaIbN6UDyHWBl620a-IRfuBk.woff) format('woff');
}
@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Droid Sans'), local('DroidSans'), url(http://themes.googleusercontent.com/static/fonts/droidsans/v3/s-BiyweUPV0v-yRb-cjciBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Droid Sans Bold'), local('DroidSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/droidsans/v3/EFpQQyG9GqCrobXxL-KRMQFhaRv2pGgT5Kf0An0s4MM.woff) format('woff');
}

body
{
  font-family: "Droid Sans", Helvetica,Arial,sans-serif,"myriad pro", verdana;
  font-weight:200;
  line-height:150%;
  /*font-size: 1em;    */
  background-color: #000000;
  background-image: url("../images/earth-glow3.jpg");
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-position: top; 
}
img
{
  max-width: 100%;
}

img.imgleft
{
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  max-width: 50%;
}

img.imgright
{
  float: right;
  margin-left: 20px;
  margin-bottom: 20px;
  max-width: 50%;
}

a
{
  color: #324C6E;
  text-decoration: none;
}

a:hover
{
  color: #527C8E;  
}

p
{
  margin-top: 10px;
}

header
{
  margin-top: 20px;
}

div#mainwrapper
{
  width: 1200px;
  margin: 0px auto 0px auto;
}

input.comfield {
display: none
}

div#logo
{
  opacity:0.9;
  filter:alpha(opacity=90); /* For IE8 and earlier */
  background-image: url("../images/logo.png");
  background-repeat:no-repeat;
  height: 75px;
  /*width: 475px;  */
  margin-left: -15px;
}

div#logored
{
  background-color: red;
  width: 20px;
  height: 20px;
}

nav
{
  margin-bottom: 80px;
}

div#topmenu
{ 
  opacity:0.8;
  filter:alpha(opacity=80); /* For IE8 and earlier */
  width: 100%;
  /*height: 50px; */
  text-transform:uppercase;
  font-family: myriad pro, cabin;  
}

div#topmenu a, div.menu a
{
  text-decoration: none;
  color: white;
}

div.test
{
  display: inline-block;
  width: 100px;
  padding: 5px;
  background-color: white;
}

div.test:hover
{
  background: url('images/nav-l.png') no-repeat 0 50%;
}

div#topmenu ul li a
{
  display: inline-block;
  }

div#topmenu ul li a:hover
{
  color: #E21B4D;
  background: url('images/nav-l.png') no-repeat 0 50%;
}

div#topmenu ul li a#selected
{
  color: #E21B4D;
  background: url('images/nav-l.png') no-repeat 0 50%;
}

div#topmenu ul li a:hover span,
{
  text-shadow: 0 0 10px #FFF;
  background: url(images/nav-r.png) no-repeat 100% 50%;  
}

.navItemInner
{
  padding: 0 20px 0 0;
}

div#topmenu ul li
{
  display: inline;
  list-style-type: none;
  padding-right: 20px;
  color: white;
}

div#leftcontainer
{
  float: left;
  width: 20%;
  max-width: 20%;  
  
  /* The below will create a 20 px gutter between columns without making the div larger than 20%  **/
  padding-right: 20px;  
  -webkit-box-sizing: border-box; /* SAFARI, CHROME,  */
  -moz-box-sizing: border-box; /* FIREFOX */
  box-sizing: border-box; /* OPERA, IE8+ */
}

div#rightcontainer
{
  float: left;
  width: 80%;
  -webkit-box-sizing: border-box; /* SAFARI, CHROME,  */
  -moz-box-sizing: border-box; /* FIREFOX */
  box-sizing: border-box; /* OPERA, IE8+ */
}

aside
{
max-width: 100%;
}

div.menu
{
  background-color: #353535;
  color: white;
  opacity:0.8;
  filter:alpha(opacity=80); /* For IE8 and earlier */
  width: 86%;
  max-width: 86%; 
  min-height: 185px;
  margin-right: 20px;
  margin-bottom: 20px;   
  padding: 7%;
  float: left; 
  border: 1px solid white; /* 939393 */
  
}

div.menu .menutop
{
  border-bottom: 1px solid #527C8E;
  margin-bottom: 10px;
  text-transform:uppercase;  
}

div.menu ul
{
  text-transform: none;
  font-size: 0.9em;   
}

a.sublinkchosen, a.menuchosen
{
  font-weight: bold;
  /*background-color: #527C8E;
  color: #ff00ff;*/
}

div.menu ul li ul
{
  margin-left: 20px;   
}

.menu ul li a:hover 
{ 
  color: #527C8E;
}

div#usermenu, div.help
{
  font-size: 0.7em;
  background-color: #353535;
  color: white;  
  opacity:0.8;
  filter:alpha(opacity=80); /* For IE8 and earlier */
  width: 86%;
  max-width: 86%;
  /*margin-right: 20px; */
  margin-bottom: 20px;   
  padding: 7%;
  float: left; 
  border: 1px solid white;      /* 969696 */
}

div.menutop h1
{
  font-size: 1em; 
}

div.usermenucontent
{
  font-size: 0.7em;
  color: white;
}

.menudropdown
{
  padding: 5px 15px 5px 0px;
  float: left;  
}

.menudropdown p 
{
  color: white;
}

div.help
{
  font-size: 0.7em;
}

.newsimgleft
{
  float: left;
  margin-right: 20px;
  margin-top: 10px;
  -moz-border-radius:5px;
-webkit-border-radius:5px;
-moz-box-shadow:2px 2px 5px #999;
	-webkit-box-shadow:2px 2px 5px #999;
	box-shadow         : 2px 2px 5px #999; /* CSS3    */
	filter: progid:DXImageTransform.Microsoft.dropShadow(Color=#999,offX=2,offY=2,positive=true);
	
}

div.blogpost img.newsimgleft
{
  border: 0;
	display: block;
	float:left;
	margin: 0px 40px 20px 0px;	
}

div#content
{
  background-color: #333333;
  
  opacity:1;
  filter:alpha(opacity=100); /* For IE8 and earlier */
  /*float: left;   */
  padding: 10px 20px 20px 20px;   
  border: 1px solid #f9f9f9;
  background: rgba(33, 33, 33, 0.3);
}

div#contentheader
{
  color: white;
  /*font-size: 1.5 em;  */
  margin-bottom: 10px;
}

div#textbox
{
  background-color: #f9f9f9;
  color: black;
  padding: 25px;
  font-size: 0.9em;
}

.blogpost
{
  color: black;
  margin-bottom: 100px;
}

.blogpost h1 a
{
  color: black;  
}

.break
{
  clear: both;
  margin-bottom: 20px;
}

video
  {
    float: center;
    margin: 0px;

  } 
  
  a.getvideo
  {
    color: #333;
    font-size: 0.9em;
    float: center;
  }
  
  div.videoimg
  {
    float:right;
    margin-left: 15px;
    margin-top: 10px;
    border: 0;
  	display: block;
  	width: 360px;
    max-width: 100%;
  	text-align: center;  
  }
  
  div.videoelement
  {
    /*float:right;     */
    margin-left: 15px; 
    margin-top: 10px;
    margin-bottom: 10px;
  	display: block;  
  	width: 95%;
  	text-align: center;
  }
  
  div.music
  {
    /*float:right;     */
    /*margin-left: 15px; 
    margin-top: 10px;
    margin-bottom: 10px;
  	display: block; */ 
  	width: 90%; 
  	margin-bottom: 20px;
    padding: 20px 20px 20px 20px; 
     border: 1px solid #939393;
    /*-moz-border-radius:10px;
    -webkit-border-radius:10px;
    -moz-box-shadow:2px 2px 5px #999;
	 -webkit-box-shadow:2px 2px 5px #999;
  	box-shadow: 2px 2px 5px #999; /* CSS3    */
	 /*filter: progid:DXImageTransform.Microsoft.dropShadow(Color=#999,offX=2,offY=2,positive=true);   */
	/*overflow: hidden;  */
  }
  
  div.right
{
  float:right;
  width: 240px;
  margin: 0px;
  /*overflow: hidden;  */
}

div.left
{
  float:left;
  width: 300px;
  margin: 0px;
  /*overflow: hidden;  */
}
  
  div.music img
  {
    /*float:right;     */
    /*margin-left: 15px; 
    margin-top: 10px;
    margin-bottom: 10px;
  	display: block;  
  	width: 95%; */
  	/*margin-left: 20px;
  	margin-top: 20px; 
  	margin-right: 10px;  */
  	width: 38%;
  	float: left;
	/*overflow: hidden;  */
  }
  
  div.musicinfo
  {
    float: left;
    width: 52%;
    /*margin-top: 20px;
    margin-right: 20px;*/
    padding: 0px 20px 20px 20px;
  }
  
  div.musicinfo h3
  {
    margin-top: 0px;
    margin-left: 0px;
  }
  
  img.albumimage
{
  margin-bottom: 20px;
  margin-top: 20px;
}

div.album
{
  width: 100%;
  margin: 0px;
  padding: 0;
}

div.albumimage
{
  border: 1px solid #000000;
  margin: 0px 10px 10px 0px; 
  width: 30%;
  height: 100px;
  float: left;
  overflow: hidden;
}

div.albums
{
  float:right;
  overflow : hidden;
  height: 200px;
  width: 50%;
  background-color: #303030; 
  border: 1px solid #939393;
}

div.navline
{
  width: 100%;
}

div.navelement
{
  float: left; 
  width: 33%; 
}

div.overlapalbum
{
  overflow: hidden;
  height: 120px;
  width: 200px;
	border: 1px solid #999999;
}

h3.album
{
  margin-bottom: 5px;
}

div.videobox
{
  margin-bottom: 20px;
  padding:15px 15px 15px 15px; 
  border: 1px solid #939393;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -moz-box-shadow:2px 2px 5px #999;
	-webkit-box-shadow:2px 2px 5px #999;
	box-shadow: 2px 2px 5px #999; /* CSS3    */
	/*filter: progid:DXImageTransform.Microsoft.dropShadow(Color=#999,offX=2,offY=2,positive=true);
	/*overflow: hidden;  */
}

div.videobox h3
{
  font-size: 1.2em;
}

div.videobox h4
{
  font-size: 1em;
}

.input-box, .submit-button
{
  padding: 5px;
  margin-left: 10px;
}

input#search
{
  max-width: 95%;
  width: 95%;
}

tr td
{
  vertical-align: middle;
  
}

td
{
  padding-right: 20px;
}