@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700);
@import url(/App_Themes/dark/links.css);

.panel { 
   display:inline-block;
   width: calc(33% - 10px);
}

@media all and (max-width: 1200px) {
.panel { 
	width: calc(50% - 5px); 
	} 
}
@media all and (max-width: 720px) {
.panel { 
	width: 100%; 
	} 
}

.skillname { 
	background-color: rgba(16,16,64,0.8);
	 border-color: #aaf;
}

body {
	font-family: 'Open Sans', sans-serif;
	background-color: black;
	color: #D0FFD0;
}


.rate {
	border: solid  rgb(128,128,0) 1px;
   background-color: rgba(20,20,20,.8); 
	color: yellow;
}

.rate:hover { border-color: green; 
	background-color:rgba(30,0,124,0.9); } 


header {
	}

header h1, header a {
background-color: rgba(0,0,0,.5); 
}

nav {
	background: url("/App_Themes/images/helix-nebula-1400x1400.s.jpg") 50% 10% repeat fixed ;
}

main {
	background: url("/App_Themes/images/p8-av4.l.jpg") 50% 50% no-repeat fixed ;
	}

footer {
	background: url("/App_Themes/images/helix-nebula-1400x1400.s.jpg") 50% 90% repeat fixed ;
}

#copyr {  background-color: rgba(20,20,20,.8); }

fieldset {
	background-color: rgba(16,16,64,0.8);
	border-color: #000060;
} 

legend {
	background-color: rgba(0,0,32,.5);
  }

#gspacer { 
	background-color: rgba(20,20,20,.8); 
	 }
.thanks {
  background-color: rgba(50,50,50,.8); 
  color: rgb(230,230,230);
  font-size: x-small;
  font-weight: bold;
}
.thanks:hover {
  background-color: rgba(80,80,80,.8); 
  color: white;
}
.postpreview {
	background-color: rgba(0,0,32,0.8);
}
.post { 
	background-color: rgba(0,0,32,0.8);
	color: #eee;
	}
.hiddenpost { background-color: rgba(16,16,16,0.5); }

 aside {
	background-color: rgba(20,20,20,.6); 
	border-color: rgb(128,128,128);
	border-style: solid;
	border-width: 1px;
	padding: 1em;
}

.usertitleref {
   background-color:rgba(0,0,32,0.6);
}
.editable {
	border-color: rgb(020,20,256); 
}

.notification {
	background-color: rgba(64,64,0,0.5);
	border-color:  green ;
	}
.dirty { 
	background-color: rgba(128,0,0,0.5);
}
.error, #error {
	color: #f88;
	background-color: rgba(128,0,0,0.5);
}




.validation-summary-errors{
	color: #f88;
	background-color: rgba(128,0,0,0.5);
}

.validation-summary-errors{
	color: #f88;
}

a {
   text-decoration: none;
   background-color: rgba(30,30,30,.8); 
   color: yellow;
}
a:hover {
	background-color:rgba(50,50,50,.8); 
   color: white;
}
a:active { 
	background-color:rgba(124,0,32,0.9);
}

.actionlink, .menuitem, input[type='submit']  {
	border-color: rgb(128,128,0);
   background-color: rgba(20,20,20,.8); 
	color: yellow;
}

input, select, textarea { 
	color: white;
	background-color:rgba(32,32,32,0.8);
	border-color: rgb(128,128,128);
}

input:hover, textarea:hover {
	color: white;
	background-color:rgb(0,0,0);
}
.code {
	background-color: rgba(0,0,256,0.1);
}

.clickme {
  transition: background-color 2s;
}

@media all and (max-width: 640px) {
header {
	padding-top:1em;
	padding-bottom:1em;
	}
		
#avatar { 
 	margin:.5em;
 }

header h1, header a , .actionlink, .menuitem, a { padding:.5em;}

	nav {
	margin: 1em;
		padding: 1em;
		background:    url("/App_Themes/images/helix-nebula-1400x1400.s.jpg") 50% 10% repeat fixed ; 
	}
	main { 
	margin: 1em;
	padding: 1em;
	background: url("/App_Themes/images/p8-av4.jpg") 50% 50% no-repeat fixed ;
	} 
	footer { 
		background: url("/App_Themes/images/helix-nebula-1400x1400.s.jpg") 50% 90% repeat fixed ; 
	} 
	footer a {
	border-radius:.5em;
	margin:.5em;
	padding:.5em;
  }

  .notification { 
	padding: .5em;
	border-radius:.5em;
	margin:.5em;
	padding:.5em;
 }
	.menuitem {
		display: block; 
	}
	.post { 
	margin:.3em;
	padding:.3em;
	}
	.usertitleref{ 
	padding:.3em;
	}

  .bshpanel { cursor:zoom-in; }

	.c2 { display:initial; }
	.c2-alt { display:none; }
	.c3 { display:none; }
	.c3-alt { display:initial; }
}

@media all and (max-width: 350px) {
header {
	padding-top:.5em;
	padding-bottom:.5em;
 }

header h1, header a { padding:.2em;}

	nav {
	margin: .5em;
		padding: .5em;
		background:    url("/App_Themes/images/helix-nebula-1400x1400.xxs.jpg") 50% 10% repeat fixed ; 
	}
	main { 
	margin: .5em;
	    padding: .5em;
		background:   url("/App_Themes/images/p8-av4.s.jpg") 50% 50% no-repeat fixed ; 
	} 
	footer { 
		background:    url("/App_Themes/images/helix-nebula-1400x1400.xxs.jpg") 50% 10% repeat fixed ; 
	} 
	footer a {
	border-radius:.2em;
	margin:.2em;
	padding:.2em;
  }
  .c2 { display:none; }
  .c2-alt { display:initial; }
}


.input-validation-error { border: solid 1px red; background-color: rgba(128,0,0,0.5);
    animation-name: hotzone;
    animation-duration: 4s;
    animation-iteration-count: infinite;
 }

.field-validation-error { color: rgb(256,200,200); background-color: rgba(128,0,0,0.5);
    animation-name: hotzone;
    animation-duration: 4s;
    animation-iteration-count: infinite;
 }

input[type='submit'].clickme { 
    animation-name: hotzone;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    }


@keyframes hotzone {
    from {
    background-color: rgba(30,30,30,.8);}
    50%  {background-color: rgba(90,50,50,.8);}
    to {background-color: rgba(30,30,30,.8);}
}