/*

*/


body{margin:0; padding:0; background:#F2F2F2 url(images/bg.jpg) repeat-x;}
body, table, th, tr, td{
	font:10px Tahoma;
	color: #717171;
	line-height: 12px
}
a img{border:0;}
h2, h3, h4, h5, h6{margin:0; padding:0;}

a:link, a:visited{
	color: #286F7B;
	font-weight: bold;
	text-decoration:none;
}
a:hover, a:active{color: #286c77; font-weight: bold; text-decoration:none;}


i {text-decoration: none; color: #318896;}
em {text-decoration: none; color: #318896;}

b {text-decoration: none; color: #318896;}
strong {text-decoration: none; color: #318896;}

blockquote {
text-decoration: none; color: #ffffff;
border-top: 0px solid #318896;
border-right: 1px solid #318896;
border-bottom: 1px solid #318896;
border-left: 0px solid #318896;
background: #6DB6BF;
border-radius: 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 5px;
padding-right: 2px;
}




.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #BFBFBF;
	color: #888888;
	font-size: 9.5pt;
	background-color: #F4F4F4;
}
.wp-pagenavi a:hover {	
	border: 1px solid #DDDF5F;
	color: #6DB6BF;
	font-size: 9.5pt;
	background-color: #E2E2E2;
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
        text-decoration: none;  
	border: 1px solid #BFBFBF;
	color: #888888;
	font-size: 9.5pt;
	background-color: #F4F4F4;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	font-size: 9.5pt;
	border: 1px solid #BFBFBF;
	color: #888888;
	background-color: #F4F4F4;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
        text-decoration: none;
	font-size: 9.5pt;
	border: 1px solid #BFBFBF;
	color: #888888;
	background-color: #F4F4F4;
}





#network{width:116px; height:156px; overflow:auto;}
#elite{width:316px; height:127px; overflow:auto;}
#elite img{border:1px solid #e0dfd8;}
#elite img:hover{border:1px solid #c7c6bf;}

.new{width:520px; margin:0 auto; margin-bottom:20px}
.bg1{ background:url(images/ncnt.jpg) repeat-y;}
.bg2{ background:url(images/ntop.jpg) top no-repeat;}
.bg3{ background:url(images/nbtm.jpg) bottom no-repeat; padding:5px; }
.title{ text-transform:uppercase; text-decoration; none; letter-spacing: -1px; font-weight: bold; margin-left: 1px;}
.title h2{}
.title h2 a:link, .title h2 a:visited{ color:#318896; text-decoration:none;}
.title h2 a:hover, .title h2 a:active{ color:#286c77; text-decoration:none;}
.auth{margin:0; color:#4b4a4a;}
.auth span{font-weight:bold;}
.post{text-align:justify; padding:0 5px 5px 5px; font:11px Tahoma; color:#737371;}
.ncategory{color:#FFF;}
.ncategory a{color:#FFF;}
.line{ background:url(images/nline.jpg) no-repeat; width:510px; height:5px; margin:5px auto}
.clear{ clear:both;}

/*COMMENTS TEMPLATE
----------------------------------------------------------------------------------------------*/
#commentbg{width:520px; margin:0 auto;}

textarea {
	font-size:11px;
	color:#8b8b8b;
	padding: 5px;
	text-align: left;
	font-family: verdana; 
}

.comments{
	text-align:justify;
	background-color: #f8f8f8 ;
	padding: 5px ;
	border: 1px solid #e1e1e1;
	margin: 0 0 15px 0;
}



.avatar {
	float: right;
	padding: 5px;
	margin:4px;
	background-color: #e1e1e1;
}



/*FORM TEMPLATE
----------------------------------------------------------------------------------------------*/
#author, #email, #url, #comment{width:400px;}
#comment{height:200px;}
#submit{width:400px; font:12px "Trebuchet MS"; height: 100%;}

/*SIDEBAR
----------------------------------------------------------------------------------------------*/
.box{ width:182px;}
.sbcnt{ background:#ffffff; padding:5px;}
div.sbcnt li {list-style-type: none; }

/*EXTRA STYLES
----------------------------------------------------------------------------------------------*/
/*	Using 'class="alignright"' on an image will align the image to the right. And using 'class="centered', 	will of course center the image. This is much better than using 	align="center", being much more futureproof (and valid). To use this class + border class, 
write: 'class="img alignright" or 'class="img alignleft" or 'class="img centered" */

img.centered {display: block; margin-left: auto; margin-right: auto;}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;}
.alignright {float: right;}
.alignleft {float: left}

/* -------- IMAGE BORDERS
-----------------------------------------------------------------------------------------------*/
.elite{margin-top:3px; border:1px solid #edebeb; }
.elite:hover{margin-top:3px; border:1px solid #e6e4e4; }

.latest{border:1px solid #F49813; background-color:#FFFFFF; padding:3px;}
.latest:hover{border:1px solid #f5365e; background-color:#FFFFFF; padding:3px;}

.bigimg{border:1px solid #e5e5e5; background-color:#FFFFFF; padding:3px;}
.bigimg:hover{border:1px solid #e5e5e5; background-color:#FFFFFF; padding:3px;}

.videography{border:2px solid #eeeeee; background-color:#FFFFFF; padding:2px;}
.videography:hover{border:2px solid #e3e3e3; background-color:#FFFFFF; padding:3px;}

.thumbnail {border: 2px solid #e6e6e6; background: #ffffff; padding: 5px;}
.thumbnail:hover {border: 2px solid #dcdbdb; background: #ffffff; padding: 5px;}

.plugs {border: 3px solid #79665a;}
.plugs:hover {border: 3px solid #9f8b7e;}

.gallery {border: 3px solid #e6f9ae;}
.gallery:hover {border: 3px solid #ebcb4a;}

.downloads {border: 1px solid #ededec; background: #f6f6f5; padding: 5px;}
.downloads:hover {border: 1px solid #e6e6e5; background: #f6f6f5; padding: 5px;}



/*TWITTER
----------------------------------------------------------------------------------------------*/
.twitter li {
  margin-bottom: 5px;
  margin-top: 2px;
  padding: 7px;
  font-family: trebuchet ms;
  font-size: 10px;
  background-color: #f5f4f4;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -opera-border-radius: 3px;
  border-right: 1px solid #dfdddd;
  border-bottom: 1px solid #dfdddd;
  cursor: hand;
  color: #646464;
  list-style: none;
}

.twitter li:hover {
  margin-bottom: 5px;
  margin-top: 2px;
  padding: 7px;
  font-family: trebuchet ms;
  font-size: 10px;
  background-color: #fdf7da;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -opera-border-radius: 3px;
  border-right: 1px solid #f8f1cd;
  border-bottom: 1px solid #f8f1cd;
  cursor: hand;
  color: #646464;
  list-style: none;
}