/*
* High-gain.com CSS Description *
* author:Leonidas Tsementzis
* date:Jan 2009 */
/* ############ Global Reset ############ */
* {
	margin: 0pt;
	padding: 0pt;
}
body,div,span {
	color: #666666;
	margin: 0px;
	padding: 0px;
	text-align: left;
	line-height:18px;
}
body {
	background: #030303 url('../i/bg_top2.jpg') no-repeat;
}
body {
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 16px;
}
input {
	background-color: #141414;
	padding: 5px;
	color: #666666;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	border: 1px solid #181818;
	font-size: 11px;
	font-weight: normal;
	vertical-align: middle;
	margin: 5px 0px;
	clear: both;
}
input:focus {
	border-color: #555555;
	background-color: #181818;
}
textarea {
	background-color: #141414;
	padding: 5px;
	color: #666666;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	border: 1px solid #181818;
	font-size: 11px;
	font-weight: normal;
	vertical-align: middle;
	margin: 5px 0px;
	clear:both;
}
textarea:focus {
	border-color: #555555;
	background-color: #181818;
}
input.button {
	background-color: #264f8c;
	color: #000000;
	height: 26px;
	border-left: 1px solid #555555;
	border-top: 1px solid #555555;
}
input.button:focus {
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
}
input.button_below {
	background-color: #264f8c;
	color: #000000;
	height: 26px;
	float: left;
	border-left: 1px solid #555555;
	border-top: 1px solid #555555;
	clear:both;
}
input.button_below:focus {
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
}
input .small {
	padding: 4px;
}
a {
	color: #3B5998;
	text-decoration: none;
}
a:hover {
	color: #3B5998;
	text-decoration: underline;
}
a:active {
	outline: none;
}
a:focus {
	outline: none;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	letter-spacing: -1px;
}
h1 {
	font-size: 18px;
}

}
h2 {
	font-size:18px;
	font-weight:bold;
}
a img {
	border: 0pt none;
	margin: 0pt;
	padding: 0pt;
}
dt {

}
label {
	display: block;
	clear: both;
	padding: 10px 0px 0px 0px;
}
/* ############ Layout ############ */#wrp {
	width: 920px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}
#cnt {
	clear: both;
	width: 600px;
	float: left;
}
.box span.content {
	background: url(../i/bg_box_middle.png) repeat-y scroll top left;
	float: left;
	width: 610px;
	padding: 2px;
}
.box span.content span.main {
	float: left;
	margin-left: 20px;
	padding: 10px 0;
	width: 570px;
}
.box span.content span.main span.feat {
	padding-right: 12px;
	margin-bottom: 12px;
	position: relative;
	float: left;
}
.box span.content span.main span.post {
	margin:0px 0px 5px 0;
	float:left;
	clear:both;
}
.box span.content span.main span.last {
	padding-right: 0px;
}
span.feat a {
	float: left;
}
span.feat img {
	border: 1px solid #191919;
}

span.feat a:hover img {
	border: 1px solid #555555;
	cursor: pointer;	
}

span.feat span.descr {
	background: url(../i/bg_st.png) repeat top left;
	bottom: 6px;
	left: 1px;
	padding: 6px;
	position: absolute;
	width: 168px;
	color: #cccccc;
}
span.feat a:hover {
	text-decoration: none;
}
.box span.header {
	background: url(../i/bg_box_top.png) no-repeat scroll top left;
	float: left;
	width: 610px;
}
.box span.noheader {
	background: url(../i/bg_box_top.png) no-repeat scroll top left;
	float: left;
	width: 610px;
	height: 8px;
}
.box {
	padding: 0px 0px 11px 0px;
	background: url(../i/bg_box_bottom.png) no-repeat scroll bottom left;
	float: left;
}
.box h3 {
	margin-left: 20px;
	line-height: 20px;
	float: left;
	padding: 12px 0px 6px 2px;
	font-size: 14px;
	font-weight: bold;
}
#sidebar {
	width: 320px;
	float: left;
}
.sidebar_box span.content {
	background: url(../i/bg_sidebar_box_middle.png) repeat-y scroll top right;
	float: left;
	width: 320px;
}
.sidebar_box span.content span {
	margin-left: 28px;
	float: left;
	width: 278px;
	padding: 6px 0px;
}
.sidebar_box span.header {
	background: url(../i/bg_sidebar_box_top.png) no-repeat scroll top right;
	float: left;
	width: 320px;
}
.sidebar_box h3 {
	margin-left: 28px;
	line-height: 20px;
	width: 278px;
	float: left;
	padding: 12px 0px 5px 0px;
	font-size: 14px;
	font-weight: bold;
}
.sidebar_box {
	padding: 0px 0px 16px 0px;
	background: url(../i/bg_sidebar_box_bottom.png) no-repeat scroll bottom right;
	float: left;
}
.paging {
	float: left;
	clear: both;
}
#sidebar dd {
	font-size: 9px;
	padding-bottom:10px;
}
#sidebar a {
	color: #3B5998;
	text-decoration: none;
}
#sidebar a:hover {
	color: #c06003;
	text-decoration: underline;
}
#sidebar a:active {
	outline: none;
}
#sidebar form {
	padding: 5px 0px;
}
#ftr {
	width:926px;
	float:left;
	clear: both;
	background: transparent url(../i/bg_full_bottom.png) no-repeat scroll right bottom;
}
#ftr .header {
	width:926px;
	float: left;
	height:12px;
	background: transparent url(../i/bg_full_top.png) no-repeat scroll right top;
}
#ftr .content {
	float:left;
	width:926px;
	background: transparent url(../i/bg_full_middle.png) repeat-y scroll right top;
	clear:both;
	margin-bottom:12px;
}
#mascot {
	width: 106px;
	height: 96px;
	background-image: url(../i/MasterElements.png);
	float: left;
	margin-right: 20px;
	cursor: pointer;
}
#main_hdr {
	float: left;
	width: 604px;
}
#logo {
	margin: 0px 0px 0px 7px;
	float: left;
	width: 272px;
	height: 84px;
	background: transparent url(../i/MasterElements.png) no-repeat scroll 0 -200px;
	cursor: pointer;
}
#nav {
	padding:10px 0 10px 0px;
	float: left;
	width: 600px;
}
#nav ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}
#nav ul li {
	float: left;
	font-size: 11px;
	line-height: 27px;
	margin: 0px 3px 0px 7px;
	position: relative;
	background-color: #202020;
	color: #aeaeae;
	cursor: pointer;
}
#nav ul li.active a,#nav ul li.active a:visited {
	color: #aeaeae;
	text-decoration: none;
	float: left;
	padding: 2px 15px;
}
#nav ul li a,#nav ul li a:visited {
	color: #aeaeae;
	text-decoration: none;
	padding: 2px 15px;
	float: left;
}
#nav ul li.active {
	background-color: #264f8c;
	float: left;
}
#nav ul li:hover {
	background-color: #505050;
}
#nav ul li.active:hover {
	background-color: #264f8c;
	cursor: auto;
}
#search {
	float: right;
	margin-top: 88px;
}
.search {
	width: 312px;
	height: 44px;
	background: url(../i/MasterElements.png) no-repeat scroll -106px -33px;
}
.search_focus {
	background: url(../i/MasterElements.png) no-repeat scroll -106px -77px;
}
.search input {
	border: none;
	background: none;
	margin: 10px;
	width: 260px;
}
.icon_rss {
	width: 50px;
	height: 50px;
	float: left;
	cursor: pointer;
	background: url(../i/MasterElements.png) no-repeat scroll -106px -121px;
	margin-right: 6px;
}
.icon_twitter {
	width: 50px;
	height: 50px;
	float: left;
	cursor: pointer;
	background: url(../i/MasterElements.png) no-repeat scroll -156px -121px;
	margin-right: 6px;
}
.icon_flickr {
	width: 50px;
	height: 50px;
	float: left;
	cursor: pointer;
	background: url(../i/MasterElements.png) no-repeat scroll -206px -121px;
	margin-right: 6px;
}
.icon_youtube {
	width: 50px;
	height: 50px;
	float: left;
	cursor: pointer;
	background: url(../i/MasterElements.png) no-repeat scroll -256px -121px;
	margin-right: 6px;
}
.icon_myspace {
	width: 50px;
	height: 50px;
	float: left;
	cursor: pointer;
	background: url(../i/MasterElements.png) no-repeat scroll -306px -121px;
}
a.logo_1 {
	height: 28px;
	width: 93px;
	background: url(../i/lava_cable_logo.png) 0 0 no-repeat;
}
a.logo_1:hover {
	background-position: 0 -28px;
}
a.logo_2 {
	height: 31px;
	width: 136px;
	background: url(../i/diamond_logo.png) 0 0 no-repeat;
}
a.logo_2:hover {
	background-position: 0 -31px;
}
a.logo_3 {
	height: 30px;
	width: 125px;
	background: url(../i/elmwood_logo.png) 0 0 no-repeat;
}
a.logo_3:hover {
	background-position: 0 -30px;
}
a.logo_4 {
	height: 32px;
	width: 112px;
	background: url(../i/fingerweights_logo.png) 0 0 no-repeat;
}
a.logo_4:hover {
	background-position: 0 -32px;
}
a.logo_5 {
	height: 66px;
	width: 86px;
	background: url(../i/madison_logo.png) 0 0 no-repeat;
}
a.logo_5:hover {
	background-position: 0 -66px;
}
a.logo_6 {
	height: 38px;
	width: 98px;
	background: url(../i/masotti_logo.png) 0 0 no-repeat;
}
a.logo_6:hover {
	background-position: 0 -38px;
}
a.logo_7 {
	height: 37px;
	width: 94px;
	background: url(../i/tecamp_logo.png) 0 0 no-repeat;
}
a.logo_7:hover {
	background-position: 0 -37px;
}
a.logo_8 {
	height: 47px;
	width: 73px;
	background: url(../i/thevalve_logo.png) 0 0 no-repeat;
}
a.logo_8:hover {
	background-position: 0 -47px;
}
a.logo_9 {
	height: 30px;
	width: 149px;
	background: url(../i/electric_wizard_logo.png) 0 0 no-repeat;
}
a.logo_9:hover {
	background-position: 0 -30px;
}
.content p {
	padding: 5px 0px;
	clear: both;
}
.content h2 {
	color:#FFFFFF;
	font-size:18px;
	margin-bottom:5px;
	padding-top:16px;
}
small {
	padding: 2px 0px;
	float: left;
	width:100%;
}
small.notification {
	float: left;
	padding: 0px;
	display: none;
	margin-top: 5px;
	clear: both;
}
small.error {
	background: url(../i/exclamation.png) 0 0 no-repeat;
	padding-left: 20px;
}
small.success {
	background: url(../i/accept.png) 0 0 no-repeat;
	padding-left: 20px;
}
.input_highlight {
	border-color: #555555;
}
.input_error {
	border-color: #e66556;
}
#cnt form {
	padding: 5px 0px;
}
dl.categories dt {
	padding: 0px;
}
dl.categories dd {
	margin-bottom: 10px;
}
.categories dt.active,dd.active {
	background-color: #141414;
}
.galleria {
	list-style: none;
	width: 568px;
	padding-top: 15px;
}
.galleria li {
	display: block;
	width: 80px;
	height: 80px;
	overflow: hidden;
	float: left;
	margin: 0 10px 10px 0;
	border: 1px solid #191919;
}
.galleria li a {
	display: none
}
.galleria li div {
	position: absolute;
	display: none;
	top: 0;
	left: 180px;
}
.galleria li div img {
	cursor: pointer
}
.galleria li.active div img,.galleria li.active div {
	display: block
}
.galleria li img.thumb {
	cursor: pointer;
	top: auto;
	left: auto;
	display: block;
	width: auto;
	height: auto
}
.galleria li .caption {
	display: block;
	padding-top: .5em
}
.galleria_wrapper {
	border: 1px solid #191919;
	margin-top: 20px;
}
.gallery {
	clear:both;
	float:left;
}
* html .galleria li div span {
	width: 400px
}
#copy
{
	width:926px;
	clear:both;
	float:right;
	font-size:9px;
	text-align:right;
	padding:5px 5px 10px;
}
#copy a, a:hover {
	color:#666666;
}
/* Pagination */
ul.pagination {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	clear:both;
}
ul.pagination li {
	display:inline;
	padding:2px;
}

ul.pagination li.disabled {
	display:none;
}

ul.pagination li.selected a{
	color:#fff;
	font-size:10pt;
}
ul.pagination li.selected a:hover{
	text-decoration:none;
}

/* footer logos */
#ftr .content ul li {
	margin:0px;
	padding:0px;
	display:inline;
	list-style-type:none;
	float:left;
}
#ftr .content ul li:first-child {
	padding-left:20px;
}
#ftr a {
	float:left;
}

.logo_diamond { opacity:0.4;filter:alpha(opacity=40); background: url(../i/logos.png) no-repeat top left; background-position: 0 -30px; width:62px;height:53px; } 
.logo_diamond:hover { opacity:1;filter:alpha(opacity=100);} 
.logo_eastwood { opacity:0.4;filter:alpha(opacity=40); background: url(../i/logos.png) no-repeat top left; background-position: 0 -113px; width:60px;height:53px;} 
.logo_eastwood:hover { opacity:1;filter:alpha(opacity=100);} 
.logo_electricwizard { opacity:0.4;filter:alpha(opacity=40); background: url(../i/logos.png) no-repeat top left; background-position: 0 -196px; width:75px;height:53px;} 
.logo_electricwizard:hover { opacity:1;filter:alpha(opacity=100);} 
.logo_elmwood { opacity:0.4;filter:alpha(opacity=40); background: url(../i/logos.png) no-repeat top left; background-position: 0 -279px; width:70px;height:53px;} 
.logo_elmwood:hover { opacity:1;filter:alpha(opacity=100);} 
.logo_fingerweights { opacity:0.4;filter:alpha(opacity=40); background: url(../i/logos.png) no-repeat top left; background-position: 0 -362px; width:66px;height:53px;} 
.logo_fingerweights:hover { opacity:1;filter:alpha(opacity=100);} 
.logo_kraken { opacity:0.4;filter:alpha(opacity=40); background: url(../i/logos.png) no-repeat top left; background-position: 0 -445px; width:78px;height:53px;} 
.logo_kraken:hover { opacity:1;filter:alpha(opacity=100);} 
.logo_lavacable { opacity:0.4;filter:alpha(opacity=40); background: url(../i/logos.png) no-repeat top left; background-position: 0 -528px; width:35px;height:53px;} 
.logo_lavacable:hover { opacity:1;filter:alpha(opacity=100);} 
.logo_madison { opacity:0.4;filter:alpha(opacity=40); background: url(../i/logos.png) no-repeat top left; background-position: 0 -611px; width:53px;height:53px;} 
.logo_madison:hover { opacity:1;filter:alpha(opacity=100);} 
.logo_masotti { opacity:0.4;filter:alpha(opacity=40); background: url(../i/logos.png) no-repeat top left; background-position: 0 -694px; width:68px;height:53px;} 
.logo_masotti:hover { opacity:1;filter:alpha(opacity=100);} 
.logo_taurus { opacity:0.4;filter:alpha(opacity=40); background: url(../i/logos.png) no-repeat top left; background-position: 0 -777px; width:68px;height:53px;} 
.logo_taurus:hover { opacity:1;filter:alpha(opacity=100);} 
.logo_tecamp { opacity:0.4;filter:alpha(opacity=40); background: url(../i/logos.png) no-repeat top left; background-position: 0 -860px; width:67px;height:53px;} 
.logo_tecamp:hover { opacity:1;filter:alpha(opacity=100);} 
.logo_twonotes { opacity:0.4;filter:alpha(opacity=40); background: url(../i/logos.png) no-repeat top left; background-position: 0 -943px; width:52px;height:53px;} 
.logo_twonotes:hover { opacity:1;filter:alpha(opacity=100);} 
.logo_valve { opacity:0.4;filter:alpha(opacity=40); background: url(../i/logos.png) no-repeat top left; background-position: 0 -1026px; width:49px;height:53px;} 
.logo_valve:hover { opacity:1;filter:alpha(opacity=100);} 
.logo_xox { opacity:0.4;filter:alpha(opacity=40); background: url(../i/logos.png) no-repeat top left; background-position: 0 -1109px; width:73px;height:53px;} 
.logo_xox:hover { opacity:1;filter:alpha(opacity=100);}