/*
Theme Name: Hello Brute New Header
Theme URI: http://hellobrute.com/blog
Author: Jon Knox
Author URI: http://brutejonny.com/
*/



/*     HELLO, BRUTE STYLESHEET                 */
/*     Copyright © Jon Knox / Hello, Brute     */
/*     All Rights Reserved                     */
/*     -----------------------------------     */
/*     hellobrute.com                          */
/*     -----------------------------------     */



html {
	height: 100%;
}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	background: url('http://hellobrute.com/blog/images/grad3.jpg');
	background-repeat: repeat-x;
	font-family: Helvetica, Arial, Verdana, Sans-serif;
	font-size: 10px;
	color: #000;
}

a:link, a:visited {
	color: #000;
	text-decoration: underline;
}

a:hover, a:active {
	color: #000;
	text-decoration: none;
}

p {
	padding: 0 0 15px 0;
	margin: 0;
}
	
ul {
	padding: 0 0 15px 15px;
	margin: 0;
}	

li {
	padding: 0;
	margin: 0;
}

input, textarea {
	background: #FFF;
	border: 1px solid #000;
	margin: 0;
	padding: 0;
	font-family: Courier, "Courier New";
	font-size: 12px;
}

small {
	font-size: 12px;
	padding: 3px 0;
}

.hr {
	border-top: 1px solid #000;
	padding: 0;
	margin: 20px 0;
}


.hrdot {
	border-top: 1px dotted #AAA;
	padding: 0;
	margin: 5px 0 12px 0;
}

.hr1000 {
	border-top: 1px solid #000;
	padding: 0;
	margin: 25px 0;
	width: 1000px;
}

.spacer {
	clear: both;
	height: 1px;
	line-height: 1px;
	margin: 0;
	padding: 0;
}

.btn {
	font-family: Helvetica, Arial, Verdana, Sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #ffffff;
	background-color: #000;
	text-align: center;
	text-decoration: none;
	border: 0px;
	padding-bottom: 7px;
	padding-top: 7px;
	padding-left: 12px;
	padding-right: 12px;
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px;
}

.searchbox, .shopmailinglist, #s {
	border: 1px solid #000;
	color: #FFF;
	background: #000;
	font-family: Courier, "Courier New";
	font-size: 11px;
	padding: 2px 0 2px 5px;
}

#topmenu {padding: 0; margin: 0 0 0 -3px; text-align: left; width: 450px; font-family: courier, courier new; font-size: 13px;}
#topmenu a {text-decoration: none; padding: 2px 5px;}
#topmenu a:hover {text-decoration: none; background: url('images/pixelbg.gif'); color: #FFF;}
#topright {padding: 0; margin: 0; text-align: right; width: 450px; float: right;}



/* ------------------------------------------------------------------------------------------------------------------ HOME */



#wholecontainer {
	width: 100%;
	height: 100%;
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: 14px;
	min-width: 950px;
}

#tophalf {
	width: 100%;
	height: 50%;
	background-color: #000;
	color: #FFF;
	text-align: center;
}

#tophalf a {
	text-decoration: underline;
	color: #FFF;
}

#tophalf a:hover {
	text-decoration: none;
	color: #000;
	background-color: #FFF;
}

#tophalf a.latestpostlink {
	padding: 2px 4px 2px 2px;
	text-decoration: none;
	font-weight: bold;
	font-style: italic;	
}

#belt {
	border-top: 1px solid #000;
	width: 100%;
	height: 1px;
	padding: 0;
	margin: 0;
}

#bottomhalf {
	width: 100%;
	height: 50%;
	background-color: #FFF;
	text-align: center;
}

#topcontent, #bottomcontent {
	width: 950px;
	text-align: left;
	position: absolute;
	left: 50%;
	margin-left: -475px;
}

#topcontent {
	background-image: url('images/chartop.jpg');
	background-repeat: no-repeat;
	background-position-x: 0px;
	background-position-y: 0px;
	bottom: 50%;
	padding: 200px 16px 40px 0;
}

#bottomcontent {
	padding: 35px 0 50px 0;
	border-bottom: 0px solid #000;
}

.topblock {
	width: 300px;
	padding: 0 25px 0 0;
	float: left;
}

.topblock.last {
	padding-right: 0;
}

.bottomblock {
	width: 300px;
	padding: 0 25px 0 0;
	float: left;
}

.bottomblock.last {
	padding-right: 0;
}



/* ------------------------------------------------------------------------------------------------------------------ NEWS */



#newscontainer h2 {
	font-family: "Courier New";
	font-weight: bold;
	font-size: 17px;
	padding: 0;
	margin: 0 0 10px 0;
	display: inline;
}

#newscontainer h2 a {
	text-decoration: none;
	padding: 2px 3px;
	margin-left: -3px;
}

#newscontainer a:hover {
	text-decoration: none;
	color: #000;
}

#newscontainer h3 {
	font-family: "Courier New", Courier;
	font-size: 14px;
	padding: 0;
	margin: 0;
}

#newshead {
	background-image: url('http://hellobrute.com/blog/images/headerbg.jpg');
	padding: 0;
	margin: 0 auto 0 auto;
	text-align: center;
	font-family: "Courier New";
	font-size: 14px;
	width: 1000px;
	height: 200px;
}

#newsheadmenu {
	padding: 10px 0;
	margin: 0 auto;
	text-align: left;
	font-family: "Courier New";
	font-size: 15px;
	text-transform: uppercase;
	width: 1000px;
}

#newsheadmenu a, #newsheadmenu a:link, #newshead a:visited {
	text-decoration: none;
	padding: 2px 4px 0 4px;
}

.pixelbg a:hover {
/*	background: url('http://hellobrute.com/images2009/pixelbg.gif'); */
	background: #000;
	color: #FFF;
	padding: 2px 4px 0 4px;
}

#newsheadmenu .on {
	padding: 2px 4px 0 4px;
/*	text-decoration: underline; */
/*	background: url('http://hellobrute.com/images2009/pixelbg.gif'); */
	background: #000;
	color: #FFF;
	padding: 2px 4px 0 4px;
}

.on {
	text-decoration: underline;
}

#newscontainer {
	margin: auto;
	width: 960px;
	text-align: left;
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 11px;
}

.posthead {
	margin: 0;
	padding: 0 0 10px 0;
}

.entry img {
	padding: 0;
	margin: 0;
}

.entry img {
	border-top: 5px solid #FFF;
	border-bottom: 10px solid #FFF;
}

a img {
	background: none;
}

.newsentry {
	padding: 0 0 10px 0;
	margin: 0 0 25px 0;
	border-bottom: 1px dotted #000;
	width: 601px;
	text-align: left;
}

#fatblock {
	border: 0px solid #000;
	width: 600px;
	float: left;
	padding: 0 55px 0 0;
}

#newsside {
	width: 300px;
	float: left;
	text-align: left;
}

.carttext {font-family: Courier New, Courier; font-size: 12px; padding: 0 0 0 10px; margin: 0;}

#newscopyright {
	font-family: Helvetica;
	font-size: 10px;
	color: #808080;
	margin: 0 auto;
	padding: 0 0 15px 0;
	text-align: left;
	width: 1000px;
}

.navigation {
	margin: 0;
	color: #AAA;
}

.alignleft {
	float: left;
	padding: 0 0 20px 0;

}

.alignright {
	float: right;
	padding: 0 0 20px 0;
}

.entry img {
	border: none;
	padding-bottom: 10px;
}

.gallery-icon img {
	padding: 0;
	margin: 0;
	border: 1px solid #000;
}

/* ------------------------------------------------------------------------------------------------------------------ SHOP */

#productblock p {
	padding: 0 0 7px 0;
	margin: 0;
}

#page {
	text-align: center;
	margin: auto;
	padding-bottom: 10px;
}

#topbar {
	padding: 15px 15px 0 15px;
}

#topbar a {
	background: none;
}

#shopmoreinfo {
	float: left;
}

#shoppingcart {
	float: right;
}

#shopheader {
	font-family: "Courier New", Courier, Helvetica, Arial;
	font-size: 18px;
	margin: 0;
	padding: 0;
}

#shopheader a {
	text-decoration: none;
	color: #000;
	padding: 2px 5px;
}

#shopheader a:hover {
	text-decoration: none;
	color: #FFF;
	background: url('http://hellobrute.com/images2009/pixelbg.gif');
}

#shopheader2 {
	font-family: "Courier New";
	font-size: 13px;
	margin: 0;
	padding: 3px 0 0 0;
}

#shopheader2 a {
	text-decoration: none;
	padding: 2px 5px;
}

#shopheader2 a:hover {
	text-decoration: none;
	background: #000;
	color: #fff;
}

.allproductcont {
	text-align: center;
	margin: 0 auto;
	padding: 0;
	width: 1000px;
}

.allproductcont h1 {
	font-family: "Courier New";
	font-size: 17px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

.allproductcont h2 {
	font-family: "Courier New";
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
	padding: 0;
	margin: 0;
}

.tinythumb {
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 10px;
	width: 150px;
	float: left;
}

.tprodinfo {
	background: #000;
	color: #FFF;
	width: 220px;
	padding: 10px 0;
	margin: 10px auto;
	font-family: "Courier New";
	font-size: 12px;
	text-align: center;
}

.productcont {
	width: 250px;
	text-align: center;
	float: left;
	padding: 15px 0 25px 0;
	margin: 0;
}

#productblock {
	padding: 0;
	margin: 30px 0;
}

#proddescr {
	float: right;
	width: 460px;
	text-align: left;
	font-family: Helvetica, "Helvetica Neue";
	font-size: 11px;
	line-height: 14px;
	margin: 0;
	padding: 0;
}

#proddescr h1 {
	color: #000;
	padding: 0;
	margin: 0 0 10px 0;
	font-family: "Courier New", Courier;
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	text-align: left;
}

.dropdown {padding: 10px 0 25px 0;}
.dropdown select {background: #000; color:#FFF; border: 1px solid #000;}

#largeprodimg {
	float: left;
	width: 500px;
	max-height: 600px;
	text-align: right;
	margin: 0;
	padding: 0 0 30px 0;
}

#shopmail {
	padding: 12px 0;
	margin: 0;
	float: left;
	font-family: Helvetica, "Courier New";
	font-size: 11px;
	color: #808080;
	text-align: left;
}

#shopcopyright {
	float: right;
	font-family: Helvetica;
	font-size: 10px;
	color: #808080;
	margin: 10px 0;
	padding: 0;
	text-align: right;
}

.spacer {
	clear: both;
	height: 1px;
	line-height: 1px;
	margin: 0;
	padding: 0;
}

#moreinfo {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	padding: 0;
	margin: -15px 0 0 -15px;
	text-align: center;
	opacity: .9;
	background: url('images/fdot.jpg');
	display: none;
}

#moreinfo2 {
	width: 400;
	height: 400;
	position: absolute;
	top: 50%;
	left: 50%;
	padding: 20;
	margin: -200px 0 0 -200px;
	text-align: left;
	border: 5px solid #000;
	background: #FFF;
	opactiy: 1;
	z-index: 2;
	font-family: Helvetica;
	font-size: 10px;
	display: none;
}

#shoppingcart td {
	font-family: "Courier New", Courier, Helvetica;
	font-size: 13px;
}


/* ------------------------------------------------------------------------------------------------------------------ INFO */

#infocontent {
	width: 100%;
}

#maincontent {
	width: 1000px;
	margin: 0 auto;
}

#cv {
	width: 950px;
	padding: 25px 0 0 0;
	margin: 0;
}

#cv h3 {
	margin: 0 0 0 0;
}

.aboutblock1 {
	border: 0px solid #000;
	float: left;
	width: 220px;
	padding: 0 0 0 60px;
	text-align: left;
}

.aboutblock2 {
	border: 0px solid #000;
	float: left;
	width: 270px;
	padding: 0 0 0 25px;	
	text-align: left;
}

.aboutblock3 {
	border: 0px solid #000;
	float: left;
	width: 320px;
	padding: 0 0 0 25px;
	text-align: left;
}

#leftcolumn {
	float: left;
	text-align: center;
	width: 550px;
	padding: 0;
}

#rightcolumn {
	width: 400px;
	text-align: left;
	float: right;
}




/* ------------------------------------------------------------------------------------------------------------------ WORK */

#workwhole {
	width: 1000px;
	padding-bottom: 0px;
	margin: auto;
	text-align: left;
}

#workwhole p {
	font-size: 1.2em;
}

#workwhole h3 {
	color: #ea74ff;
	padding: 5px 0 3px 0;
	margin: 0;
}

#workdescr {
	padding: 0;
	margin: 0 35px 0 0;
	width: 425px;
	float: left;
}

#workinfo {
	padding: 0;
	margin: 0;
	width: 400px;
	float: left;
}

#workinfo h3 {
	color:#aaa;
}

#workinfo table {
	font-size: 1.1em;
}

#workinfo td {
	font-size: 1.1em;
	line-height: 1.2em;
}

.workmeta {
	font-size: 1.1em;
	line-height: 1.2em;
	padding: 0 30px 0 0;
	margin: 0;
}

.workmeta2 {
	font-size: 1.1em;
	line-height: 1.2em;
	padding: 0;
	margin: 0;
}

#workwhole small {
	font-size: 1.1em;
}

.thumbcont {
	margin: 10px 22px;
	padding: 0;
	float: left; 
	width: 202px;
	border: 0px solid #000;
	text-align: left;
	overflow: hidden;
}

.workthumb {
	margin: 0;
	padding: 0;
}

.thumbcont img {
	margin-bottom: 10px;
	padding: 0;
	border: 1px solid #000;
}


.wtitle {
	color: #ce85f3;
	font-weight: bold;
	font-size: 1.1em;
}

.wbtn {
	font-family: "Courier New", Helvetica, Arial, Verdana, Sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-transform: uppercase;
	color: #ffffff;
	background-color: #000;
	text-align: center;
	border: 0px;
	padding-bottom: 5px;
	padding-top: 7px;
	padding-left: 12px;
	padding-right: 12px;
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px;
}

.wbtn2 {
	font-family: Helvetica, Arial, Verdana, Sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	color: #ffffff;
	background-color: #87f8ff;
	text-align: center;
	border: 0px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 12px;
	padding-right: 12px;
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px;
}

#portlist a {
	font-size: 1.5em;
	line-height: 3em;
	font-family: "Courier New", Helvetica, Arial, Verdana, Sans-serif;
	color: #FFF;
	background: #000;
	text-transform: uppercase;
	margin-bottom: 10px;
	padding: 7px 15px 4px 15px;
	text-decoration: none;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
}

#portlist a:hover {
	text-decoration: none;
	color: #87f8ff;
}

#portlist {
	text-align: left;
}

#s {
	background: #FFF;
	color: #ce85f3;
}

.navigation {
	font-size: 1.5em;
	width: 900px;
}

.alignright, .alignleft {
	background: #fff;
	padding: 2px 5px;
	border: 0px solid #ce85f3;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}