* {
	padding:0;
	margin:0;
}

body {
	background-image:url('/images/trans-grad.png');
	background-repeat:repeat-x;
	background-position:top left;
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
/*	color:#99b;
	background-color:#222;

	color:#e5e5e5;
	color:#d4d7fe;

	color:#DBE2E0;
	background-color:#444041;
	background-color:#44444F;
	*/
	color:#DEE;
	background-color:#000033;
	text-align:center;

/*		border-width: 2px;
	width:auto;
	border-style:dashed;
	border-color:#000;
	padding:5px;*/
	margin:5px;
}
h1 {font-size: 1.3em;color:#DCF600;}
h2 {font-size: 1.2em;color:#90D000;margin-bottom:10px}
h3 {font-size: 1.1em;color:#7DBD00;margin-bottom:4px;}

p {margin-bottom:10px}

fieldset {border:0}
/**************** FORMS ***************/

textarea, input{
	color:#002;
	background-color:#999;
	margin: 3px 0;
	padding:2px;
	border: 1px solid #002


/*	width: 350px;
s
 * 
 * 	letter-spacing:1px;
	line-height:1px;
	text-decoration:blink;
	word-spacing:1px;
border-style	none dotted dashed solid double groove ridge inset outset hidden	
text-decoration underline overline line-through blink
	*/
}

.contact-form input, textarea {width:350px}
.contact-form textarea {height:100px}
.contact-form input.button {width:120px;}
input.button{
	border:2px outset;
	margin: 2px 0;
	padding:0;
	color:#002;
	background-color:#999;
}

textarea:focus, input:focus{background-color:#CCC}



a:link {
  color:#659CEF;
	font-weight:bold;
	text-decoration:none;
}
a:visited {
  color:#2059D6;
	font-weight:bold;
	text-decoration:none;
}
a:hover {
  color:#2059D6;
  background-color:#EEE;
	font-weight:bold;
/*	text-decoration:underline;
  color:#2956B2;
	background-color:#999;*/
}
a:active {
  color:#017;
  background-color:#FFF;
	font-weight:bold;
	text-decoration:underline;
}

h1 a:link, h3 a:link {color:#DCF600;}
h1 a:visited, h3 a:visited {color:#CCE300;}
h1 a:hover, h3 a:hover {color:#ECFF60;background-color:#659CEF}
h1 a:active, h3 a:active {color:#FF9;}

img {border-style:none;}
img.border {
	border-style:solid;
	border-width:1px;
	border-color:silver;
}
img.left {
	float:left;
	margin:3px;
	padding:1px;
}
img.right {
	float:right;
	margin:3px;
	padding:1px;
}

.clip-thumb img {
  display:block;
  margin-left:auto;
  margin-right:auto;
}

dl {
  padding: 0;
}
dt { float: left;
  clear: left;
  width: 140px;
  text-align: right;
  font-weight: bold;
}
dt:after { content: ""; }
dd { 
  margin: 0 0 0 150px; 
  padding: 0 0 0.5em 0;
}


ul {
  margin: 0 auto;
}
ul.menu li {
	float: left;
  list-style: none;
/*	background-color:#333;
    margin: 5px;
  padding: 2px;
  text-align: left;
	width:auto;
    border: 1px solid #CCC;		*/
}
ul.menu li a {
  font-size: 14px;
  display: block;
  text-decoration: none;
  padding: 3px 15px;
}
ul.menu li a.active-menu {
  background-color: #2956b2;
  color: #EEE;
}
ul.menu li a:hover {
  background-color:#659CEF;
  text-decoration: none;
  color: #EEE;
}

ul.nav li {
  text-align: left;
  list-style: none;
  padding:3px 10px;
/*
  	width:auto;
  	background-color:#333;
    margin: 5px;
    float: left;
   border: 1px solid #CCC;		*/
	}
    ul.nav a{
      font-size:1.1em;
/*        background: url(cool_background.gif) 5px 5px no-repeat;
		margin:0px;
        text-decoration: none;
         margin: 5px;
        padding: 2px 10px;
        display: block;
 */
    }
    ul.nav a:hover{
/*        background-image: url(cool_background2.gif);*/
		background-color:#666;
        text-decoration: none;
		margin:0px;
    }

/*************** IDs *******************/

#page {
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:980px;
}

#header {
/*  background-color:#000;
  display:inline-block;
  text-align:center;
  position: relative;
  margin: 0 0 10px;
 * 
 */
  width:100%;
  height:60px;
  position:relative;
  margin-bottom:20px;
}
#logo {
  position:absolute;
  width:400px;
  left:0;
  bottom:0;
  padding: 0 20px;
  border-bottom: 2px solid #2956b2;
}
#logo img{
  display:block;
}
.wave {
  background-image: url(/images/smallwave.png);
  margin-top:40px;
  float:left;
}
#top-menu {
/*	display:inline-block;
	background-color:#000;
	float:left;
  margin-top: 35px;
  padding: 41px 0 0 30px;
  padding-left: 30px;
	text-align:center;*/
  position:absolute; 
  left:440px;
  bottom:0;
	width:540px;
  border-bottom: 2px solid #2956b2;
}
#admin-nav {
	margin-bottom:5px;
	clear:both;
	text-align:center;
	width:50%;
}
#content {
	clear:both;
	margin-top: 0px;
	padding-bottom:10px;
}
.box {
	margin-bottom:15px;
	padding:8px;
	background-color:#002;
	border:2px dotted #000
}
.box ul li {border-top:2px dotted #000}
.no-box {
	margin-bottom:15px;
	padding:0;
}
.no-box ul li a {padding:2px 5px}
.content-header {
  margin-bottom:20px;
  font-size:1.5em;
/*	margin:20px 0; 
	padding:5px;
	width:100%;*/
}
.videos-categories {
  float:left;
  font-size:14px;
  font-weight:bold;
 }
.video-category {
  border-bottom: 1px solid #2059D6;
  padding: 2px 9px;
  margin: 0px 0px;
  float:left;
  display:block;
}
.video-category.active {
  border: 1px solid #2059D6;
  border-bottom-width: 0;
  text-decoration:none;
/*
  border-left: 2px solid #2059D6;
  border-top: 2px solid #2059D6;
  border-right: 2px solid #2059D6;
  
  background-color: #2059D6;
  border-color:#2059D6;
*/
  color: #EEE;
}
a:hover.video-category {
  background-color:#659CEF;
  text-decoration:none;
/*
  border: 1px solid #2059D6;
  border-bottom-width: 0;
  */
  color:#EEE;
}


.content-footer {
  clear:both;
	padding:0 5px;
}
.pages {
  margin:25px 0;
  float:left;
  font-size:14px;
  font-weight:bold;
 }
.page-number {
  border: 1px solid #129;
  padding: 2px 6px;
  margin: 0px 4px;
  float:left;
  display:block;
}
.page-word{
  padding: 3px 6px;
  margin: 0 3px;
  float:left;
  display:block;
}
.page-number.active {
  background-color: #2059D6;
  color: #EEE;
  border-color:#2059D6;
}
a:hover.page-number, a:hover.page-word {
  background-color:#659CEF;
  text-decoration:none;
  color:#EEE;
}
a:active.page-number, a:active.page-word {
  background-color:#EEE
}



.featured {
/*	background-color:#222;*/
	
}

.feature {float:left;width:240px;margin:5px 25px 10px 10px}
/*height:100px;background-color:#000;*/

.single-feature {float:none;width:100%;margin:5px 25px 10px 10px}

/********************** POST **************************/
.posts {
	float:left;
	width:600px;
	margin:0px 5px;
/*
	background-color:#212429;
	padding-top:10px;*/
}
.post {
	background-image:url('/images/trans-grad.png');
	background-repeat:repeat-x;
	background-position:0 0px;
	border:1px dotted #124;
	margin-bottom:15px;
}
.post-summary {
	background-image:url('/images/trans-grad.png');
	background-repeat:repeat-x;
	background-position:0 -70px;
	border:1px dotted #124;
	margin-bottom:15px;
}
.post-content {
	padding:8px;
}
.post-header {
/*
  margin:10px 0 20px;
	font-size:14px;
	font-weight:700;
	display:inline	
	margin:0px 0px 5px;	
	width:100%;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#000;*/
}

h1.post-title, h2.post-title, h3.post-title {
	float:left;
  width:80%;
/*
	display:inline;
	padding:3px 0;
	margin:0px;
	width:auto;
	position:relative;
*/
}
.post-header .date {
	float:right;
  font-size:1.2em;
  font-weight:bold;
/*
	color:#FF5B00;
	display:inline;
	text-align:right;
	padding:3px 0;
	border-left-width:1px;
	border-left-style:solid;
	border-left-color:#000;
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:#000;*/
}
	div.post-max {
		float:right;
position:relative;
		padding:3px 5px;
		width:auto;
		padding-left:5px;
		
	}
	
.post-body {
	padding:1em 0 1em;
	clear:both;
  font-size:1.1em;
  line-height:1.3em;
}
	
.post-footer {
	font-size:0.8em;
  border-top:1px dotted #124;
  padding:8px;
  clear:both;
/*	border-top-width:1px;
	display:inline-block;
	width:100%;
	margin:0px 0px -3px;				
	border-top-style:solid;
	border-top-color:#000;
	background-color:#333939;*/
}
/************************** VIDEOS **************************/	
.videos {
	float:left;
	width:730px;
	margin:0;
/*
	background-color:#212429;
	padding-top:10px;*/
}
.video-embed {
  text-align:center;
  margin:15px 0;
}
.clip {
	width:224px;
	margin:0 0 10px 29px;
	float:left;
}
.first {
	margin-left:0;
  clear:both  
}
.clip:hover, .post-summary:hover{
	background-color:#000;
}
.clip-thumb {
  text-align:center;
}
.clip-body {
	padding:3px 0;
	clear:both;
  font-size:13px;
  line-height:1.3em;
}
.clip-body h3 {
  display:inline;
}
.clip-info {
  font-size:.8em;
  margin-top:2px;
}

.featured-videos .video:hover {
	background-color:#111;
	color:#EEF
}	
.featured-videos .feature:hover {
	background-color:#111;
	color:#EEF
}	
.featured-videos {
/*	border-top: solid 2px #888;
	border-left: solid 2px #888;
	border-bottom: solid 3px #666;
	border-right: solid 3px #666;
	background-color: #444;
	color:#DDF
*/
	padding: 5px;
	background-color: #002;
	display: inline-block;
}
/************************** GENERAL ************************/
.date {
	color:#FF5B00;
 }


	.post-category {
		float:left;
		padding-right:15px;
/*		font-weight: normal;
		display:block;
  position:relative;
		width:auto;
*/
		
	}
.post-footer h4 {
  display:inline;
}
	.post-tags {
		float:left;
		padding-right:15px;
/*		border-left-width:1px;
position:relative;
		padding:3px 5px;
		width:auto;
		border-left-style:solid;
		border-left-color:#000;*/
	}
	.post-comments {
/*		border-left-width:1px;
position:relative;
		padding:3px 0;
		width:auto;
		border-left-style:solid;
		border-left-color:#000;*/
		float:right;
		padding-left:15px;
	}
.post-comment {
	padding:30px 8px 8px;
	border-top:1px dotted #124;
}
.comment {
  padding:8px;
	border-top:1px dotted #124;
}
.comment-title {
  font-size:1.2em;
  padding-bottom:0.5em;
  color:#CCC;
}
.comment-name {
  padding:5px 0;
  font-weight:bold;
  color:#EEE;
}
.hd-tag {
  background:#DCF600;
  color:black;
  padding:0 5px;
  margin-left:4px;
  font-size:12px;
}
.icon {
  vertical-align:text-bottom;
}
.message {
  padding:4px 10px;
  margin-bottom:20px;
  font-size:1.2em;
  font-weight:bold;
  
}
.error {
  background-color:#300;
  border:1px solid #900; 
}
.notice{
  background-color:#006;
  border:1px solid #009; 
}
.success{
  background-color:#060;
  border:1px solid #090; 
}
  
.clear {
  clear:both  
}
.left {
	float:left;
}
.right {
	float:right;
}
.absolute {
  position:absolute;  
}
.soc-net-margin {
  position:relative;
  left:100px;
}

#left-nav {
	float:left;
	margin-right:5px;
  width:130px
}
#right-nav {
	width:220px;
	float:left;
	margin-left:15px;
}

#footer {
	background-color:#000;
	clear:both;			
	font-size:75%;
	margin: 40px -5px -5px;
	padding:5px;
	text-align:center;
}







/*
a:link {color:#BBF;
	font-weight:bold;
	text-decoration:none;
}
a:visited {color:#77F;
	font-weight:bold;
	text-decoration:none;
}
a:hover {color:#DDD;
	font-weight:bold;
	text-decoration:underline;;

}
a:active {color:#FFF;
	font-weight:bold;
	text-decoration:underline;;
}
*/