body{
	background-color: #000;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;	
}
h1, h2, h3, h4, a, p, li {
	color: #ccc;
	margin-bottom: 10px;
	font-weight: normal;
}
h3{
	letter-spacing: 1px;
	font-size: 22px;
}
h4{
	letter-spacing: -1px;
	font-size: 18px;	
}

.container1{
	width: 100%;
	background-color: #000;
	border-bottom: 1px solid #DF368F;
	float: left;
}
.header h1{
/*	If you want to use an image as your logo use this CSS, remove the font styles and adjust the top margin below.*/

/*	text-indent: -5000px;
	background: transparent url(../images/logo.gif) no-repeat left top;
	height: 86px;

*/
	padding: 0;
	margin: 40px 0 0;
	font: bold 42px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;

 font-family: arial, sans-serif;
  letter-spacing: .1em;
  font-weight: normal;
  text-transform: uppercase;

  background: #000000;
  color: #DF368F;
  border-color: #DF368F;
}
.header h2{
	text-indent: -5000px; 
	height: 0;
	margin: 0;
	padding: 0;
}
.nav{
	float: right;
	margin: 0;
	padding: 65px 0 0;
}
.nav ul{
	float: right;
	margin: 0;
	padding: 0;
}
.nav li{
	float: left;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	margin-left: 5px;
}
.nav li a, .nav li a:visited{
	color: #ccc;
	text-decoration: none;
	padding: 10px;
	float: left;
}
.nav li a:hover {
	color: #fff;
	text-decoration: none;
	padding: 10px;
	background-color: #DF368F;
	float: left;
}
.nav li.active a {color:#fff; background:#DF368F; cursor:default; font-weight:bold;}
.nav li.active ul {left:0;z-index:5}
.nav li.active ul,
.nav li.active {background:#DF368F !important}
.nav li.active ul li a {color:#fff; background:#DF368F; font-weight:normal;}



.container2{
	width: 100%;
	background-color: #171717;
	border-bottom: 1px solid #DF368F;
	float: left;
	padding: 30px 0;

}
#highlighted{
	border: 10px solid #000;
}
.container3{
	width: 100%;
	background-color: #000;
	border-bottom: 1px solid #DF368F;
	float: left;
	padding: 10px 0;
	height: 120px;
	overflow: hidden;
}
.thumbs ul{
	padding: 0;
	margin: 0;
	width: 940px;
}
.thumbs li{
	padding: 0;
	margin: 0;
	list-style-type: none;
	float: left;
}
.thumbs a{
	float: left;
}
.thumbs img{
	border: 3px solid #333;
	float: left;
	margin: 10px 5px;
}
.container4{
	width: 100%;
	background-color: #000;
	float: left;
	padding-top: 5px;
}
.portfolio ul{
	padding: 0;
	margin: 0;
}
.portfolio li{
	padding: 0;
	margin: 0;
	list-style-type: none;
	float: left;
}
.portfolio a{
	float: left;
}
.portfolio img{
	border: 3px solid #333;
	float: left;
	margin: 10px 5px;
}
.categories{
	background-color: #333;
	border: 1px solid #000;
	padding-bottom: 5px;
	margin-bottom: 25px;
}
.categories h3{
	font-weight:normal;
	margin:-1px 0 5px 10px;
	font-size: 18px;
	letter-spacing: -1px;
	font-family:Helvetica,Arial,Geneva,sans-serif;
	background-color: #171717;
	padding: 5px 10px;
	border-bottom:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
	float: left;
}
.categories ul{
	padding: 0;
	margin: 0;
}
.categories li{
	list-style-type: none;
	border-bottom: 1px solid #ccc;
	margin: 10px;
}
.categories li:hover{
	background-color: #666;
}
.categories a:hover{
	text-decoration: none;
}

.categories a{
	text-decoration: none;
	padding: 5px 10px 0px 5px;
}



.blogsidebar{
	background-color: #333;
	border: 1px solid #000;
	padding: 10px;
	margin-bottom: 25px;
}
.blogsidebar h4{
	font-weight:normal;
	margin:-11px 0 5px 10px;
	font-size: 18px;
	letter-spacing: -1px;
	font-family:Helvetica,Arial,Geneva,sans-serif;
	background-color: #171717;
	padding: 5px 10px;
	border-bottom:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
	float: left;
}
.searchinput{
	border: 1px solid #333;
	padding: 3px;
	background-color: #fff;
}
.searchsubmit{
	border: 1px solid #272727;
	background-color: #666;
	color: #000;
	padding: 3px;
	margin-left: 4px;
}
.searchsubmit:hover{
	background-color: #272727;
	color: #fff;
	border: 1px solid #000;
}
.blogsidebar ul{
	padding: 0;
	margin: 0;
}
.blogsidebar li{
	list-style-type: none;
	border-bottom: 1px solid #ccc;
	margin: 10px;
}
.blogsidebar li:hover{
	background-color: #666;
}
.blogsidebar a:hover{
	text-decoration: none;
}

.blogsidebar a{
	text-decoration: none;
	padding: 5px 10px 0px 5px;
}
.entry{
	margin-bottom: 25px;
}
.entry h2{
	font: normal 32px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 5px;
	background-color: #242424;
	border: 1px solid #000;
	
}
.entry h2:hover{
	font: normal 32px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #fff;
	padding: 5px;
	background-color: #666;
	border: 1px solid #737373;
}
.contentwrapper p{
	font-size: 12px;
	line-height: 175%;
	letter-spacing: 0px;
	margin-bottom: 15px;
}
.commentwrapper{
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 15px 15px 5px;
	background-color: #242424;
	border: 1px solid #000;
}
.nextpage{
	margin: 15px auto 0;
	
}
.nextpage p{
	margin: 15px 0;
	text-align: center;
	padding: 7px 15px;	
	background-color: #242424;
	border: 1px solid #000;
	font-size: 15px;	
}
.nextpage p:hover{
	background-color: #666;
	padding: 7px 15px;
	font-size: 15px;
}
.commentform p{
	width: 100%;
}


/* form */
form
{ margin: 3px 0px 0px 0px; 
  padding: 0; 
}

form#contact{height: 220px;}

div.row1
{ width: 480px; 
  clear: both;
  padding: 5px;
}

div.row1 span.formlabel 
{ float: left;
  width: 164px;
  text-align: left;
 color:#ccc;
}

div.row1 span.forminput
{ float: left;
  text-align: left;
} 

#contact input, #contact textarea
{ width: 299px; 
  font-family: verdana, arial, sans-serif;
  font-size: 100%;
  border: 1px solid;
  overflow: auto;
  margin: 2px;
}

#contact input.submit
{ width: 299px;
  margin: 8px 0px 0px 0px;
  height: 30px;
  cursor: pointer;
}