

A:link {
	text-decoration: none;
	color: #ffffff;
	margin: -5px;
	margin-left: 10px;
	display:block;
	float:block;
}

A:visited {
	color: rgba(210,211,212,1);
}

@viewport{
    width: device-width;
}
@-ms-viewport{
    width: device-width;
}

input {
	color: #ffffff;
	background: #303030;
	border: 1px solid #2c2c2c
}

.submit input {
	color: #ffffff;
	background: #303030;
	border: 2px outset #2c2c2c;
}

/* backgrounf of site */
BODY {
	font-family:  Helvetica, Arial;
	font-size: small;
	font-weight: normal; 
	margin:0px;
	background: rgb(41,7,21);
	color: #f7faff;		
	background-image: url(../Images/Repeat.jpg);
	background-repeat:repeat;
	background-position: top center;

}

.logo {
	background-image: url(../Images/Background.jpg);
	background-repeat:no-repeat;
	background-position: top center;
}

/* Main content background */
.bloop{		
	min-width:420px;
	max-width: 1000px;	
	margin: auto;
	margin-top:10px;
	margin-bottom:10px;
	background: rgb(130,132,134);
	-webkit-box-shadow: 3px 6px 7px rgba(0,0,0,0.3);
	-moz-box-shadow: 3px 6px 10px rgba(0,0,0,0.3);
	box-shadow: 3px 6px 10px rgba(0,0,0,0.3);		
}

.video-js, img.vjs-poster { width: 100%; height: 100% !important; }
 
.content{
	margin-right: 11px;
	margin-left: 11px;
	margin:0px;
	padding:15px;
}

.priv {	
	color: rgb(255,239,239);
	margin:-15px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	padding-right: 15px;
	padding-left: 15px;
	background-color: rgb(126,87,81);
	-webkit-box-shadow: 0px 2px 7px rgba(20,0,0,0.3);
	-moz-box-shadow: 0px 2px 7px rgba(20,0,0,0.3);
	box-shadow: 0px 2px 7px rgba(20,0,0,0.3);
}
	
.pub {
	margin:-15px;
	margin-top: 10px;
	margin-bottom: 10px;
	
	padding: 10px;
	padding-right: 15px;
	padding-left: 15px;
	background-color: rgb(95,97,99);
	-webkit-box-shadow: 0px 2px 7px rgba(20,0,0,0.3);
	-moz-box-shadow: 0px 2px 7px rgba(20,0,0,0.3);
	box-shadow: 0px 2px 7px rgba(20,0,0,0.3);
}

.motd A:link{
	text-decoration: underline;	
	font-size:12px;	
	margin-top:10px;
	display:block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;	
	color:rgb(160,162,164);
}


.siteTitle{
	float:right;
	margin:0px;
	text-align:right;
	font-size:15px;
	padding-top:15px;
	padding-right:7px;
	color:rgb(170,172,174);		
	
}

.myName{
	display:inline;
	font-size:15px;
	color:rgb(255,255,255);
	padding-left:6px;
	padding-right:7px;
	font-weight: bold;
}

.imageLink-DISABLED{
	background-color: rgb(190,192,194);
}

.imageNolink-DISABLED{
	background-color: rgb(190,192,194);
}

.bloop-DISABLED{	
	max-width: 865px;	
	margin: auto;
	margin-top:0px;
	margin-bottom:0px;
	background: #a0a2a5;
	-webkit-box-shadow: 3px 6px 7px #444;	
}

A:hover {
	text-decoration: underline;
	color: rgba(255,0,112,1);
	text-shadow: 0 0 1em rgba(249,24,223,0.5);
}
.motd A:hover{
	text-decoration: underline;
	color: rgb(110,255,107);
	text-shadow: 0 0 1em rgba(110,231,107,0.5);
}




@media \0screen {img { width: auto }} /* Prevent height distortion in IE8. */

img {
	margin-top: 0px;
	margin-bottom: -15px;
	max-width:100%;
	height:auto !important; /* Important is for IE */
	border-color: rgb(40,42,43);
	border-style: solid;
	border:2px;	
}

.smiley {
	border-style: none;
	border:0px;
	margin-top: -5px;
	margin-left:-1px;
	margin-bottom:-3px;
	height:15px;
	width:15px;
}

img:hover {
	font-weight: normal;
	text-decoration: none;
	color: #abfe00;
}

.imageLink{
	border:0px;
	border-style:solid;
	border-color: navy;
	border-color: rgb(40,42,43);
	margin:3px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom: -2px;
	padding:0px;
	-webkit-box-shadow: 3px 6px 10px rgba(0,0,0,0.3);
	-moz-box-shadow: 3px 6px 10px rgba(0,0,0,0.3);
	box-shadow: 3px 6px 10px rgba(0,0,0,0.3);	
	display: none;
}

.imageFallback{
	border:0px;
	border-style:solid;
	border-color: navy;
	border-color: rgb(40,42,43);
	margin:3px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom: -2px;
	padding:0px;
	-webkit-box-shadow: 3px 6px 10px rgba(0,0,0,0.3);
	-moz-box-shadow: 3px 6px 10px rgba(0,0,0,0.3);
	box-shadow: 3px 6px 10px rgba(0,0,0,0.3);	
}


.imageLink:hover{
	margin:0px;
	margin-bottom: -5px;
	border:3px;
	padding:0px;
	margin-left:-3px;
	border-style:solid;
	border-color: rgb(110,255,107);
	-webkit-box-shadow: 0px 6px 20px rgba(110,231,127,0.5);
	-moz-box-shadow: 0px 0px 20px rgba(110,231,127,0.5);
	box-shadow: 0px 0px 20px rgba(110,231,127,0.5);	
}

.imageNolink{
	padding:0px;
	margin:3px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom: -2px;
	border:0px;
	border-style:solid;
	border-color: navy;
	border-color: rgb(40,42,43);
	-webkit-box-shadow: 0px 4px 7px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 4px 7px rgba(0,0,0,0.2);
	box-shadow: 0px 4px 7px rgba(0,0,0,0.2);
	display: none;
}

.alpha{
	-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0);
	-moz-box-shadow: 0px 0px 0px rgba(0,0,0,0);
	box-shadow: 0px 0px 0px rgba(0,0,0,0);
}

.playDiv{
	position:relative;
	z-index: 3;
	width:100%;
	height:100%;
	
}
.videoEmbed span {
	display: block;
	position: absolute;
	
	border:15px;
	border-color: rgb(40,42,43);
	border-color: rgba(40,42,43,0);
	border-style: solid;
	
	margin:15px;
	margin-left:-15px;
	
	
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 2;
	
	/*background-color: blue;*/
	background: url(Images/play-button.png) no-repeat center center;
}
.videoLink {
	border:15px;
	margin-top: 15px;	
	margin-left:-15px;
	margin-right:-15px;
	max-width:100%;
	height:auto !important;
	border-color: rgb(40,42,43);
	border-style: solid;
	-webkit-box-shadow: 0px 4px 7px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 4px 7px rgba(0,0,0,0.2);
	box-shadow: 0px 4px 7px rgba(0,0,0,0.2);
	margin-bottom:0px;/*Fix, hack ass I get extranious <br> after videos due to applescript*/
	
}

.videoEmbed span:hover {
	color: #abfe00;
	border-color: rgb(110,255,107);
	border-style: solid;
	-webkit-box-shadow: 0px 0px 50px rgba(110,231,127,0.5);
	-moz-box-shadow: 0px 0px 50px rgba(110,231,127,0.5);
	box-shadow: 0px 0px 50px rgba(110,231,127,0.5);
}
.videoLink:hover {
	color: #abfe00;
	border-color: rgb(110,255,107);
	border-style: solid;
}

.videoEmbed {
	/*display: none;*/
}


p {
	font-size: small;	
}

.date {
	font-size: small;
	font-weight: bolder;
	color: #cecece;
	letter-spacing: 0.07em;
	display: inline;
	margin-left: 20px;
	
}

.tags {
	font-size: small;
	font-weight: normal;
	color: #cecece;
	letter-spacing: 0.07em;
	display: inline;
	margin-left: 20px;
}

.title{
	font-size: 24px;
	letter-spacing: 3px;
	background-color:  rgb(65,67,68);
	padding: 10px;
	padding-left:15px;
}

.title2{
	color: #ffffff;
 	font-size: 15px;
	letter-spacing: 0.07em;
	display: inline;
	line-height: 30px;
}
	
.articlefooter {
	margin: 0px;
	border-bottom: 4px solid #989a9d;
	left: 8px;
	right: 8px;	
	height: 12px;
	margin-bottom: 12px;
}

.header{
	color: #e6e8eb;
	padding-left:15px;
	background-color: rgb(110,255,107);
	-webkit-box-shadow: 0px 0px 30px rgba(110,231,107,1);
	-moz-box-shadow: 0px 0px 30px rgba(110,231,107,1);
	box-shadow: 0px 0px 30px rgba(110,231,107,1);	
	height:10px;
}

.header a:link{
	color: #e6e8eb;
	font-weight: normal;
	text-decoration: underline;
	padding-right: 10px;
}

.header img{
	padding-right: 17px;
	padding-bottom:0px;
	padding-top:10px;
	margin:-5px;
	border:none;
}

.header a:visited{
	color: #e6e8eb;
	font-weight: normal;
	text-decoration: underline;
	padding-right: 10px;
}



.sitemap{
	text-decoration: none;
	font-size: x-small;
	color: #b5b5b5;
}

.sitemap A:link{
	color: #fff;
	font-weight: normal;
	text-decoration: underline;
}

.sitemap A:visited{
	color: #fff;
	font-weight: normal;
	text-decoration: underline;
}

.sitemap A:hover{
	color: rgb(110,255,107);
	text-shadow: 0 0 1em rgba(110,231,107,0.5);
}

.sitemap2{
	text-decoration: none;
	font-size: x-small;
	color: #b5b5b5;
}

.sitemap2 A:link{
	color: #c6c6c6;
	font-weight: normal;
	text-decoration: none;
}

.sitemap2 A:visited{
	color: #c6c6c6;
	font-weight: normal;
	text-decoration: none;
}

.sitemap2 A:hover{
		color: rgb(110,255,107);
	text-shadow: 0 0 1em rgba(110,231,107,0.5);
	text-decoration: none;
}

.sitemapb{
	font-size: x-large;
	color: #dfdfdf;
	padding: 7px;
	padding-left: 9px;
	font-size: 24px;
	letter-spacing: 0.07em;
	background: rgb(112,114,118);
	background-repeat: repeat-x;
	background-position: top left;
	margin-bottom:12px;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: rgb(102,105,110);
}
	
.directory{
	color: #cecece;
	padding: 7px;
	font-size: x-small;
}