/*
Theme Name: Phalanx
*/


* {
	margin: 0;
	padding: 0;
	outline: 0;
}
html, body {
	height: 100%;
}
a {
    color: #00b4ff;
	cursor: pointer;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a img {
	border: 0;
}
.cl, .clear {
	font-size: 0;
	line-height: 0;
	height: 0;
	display: block;
	clear: both;
}
.l, .left {
	float: left;
	display: inline;
}
.r, .right {
	float: right;
	display: inline;
}
.notext {
	display: block;
	font-size: 0;
	line-height: 0;
	text-indent: -4000px;
}
/**/
body {
	background: #000 url(images/bg.gif) repeat-x 0px 0px;
	font-family: Verdana, "Trebuchet MS";
	font-size: 12px;
	color: #c2c2c2;
}
h1, h2, h3, h4 {
    font-family: "Sansumi Bold", Verdana, Arial;
}
.wrap {
	min-height: 100%;
	width: 100%;
	position: relative;
	background: url(images/blotch.gif) no-repeat center 1px;
}
.cnt {
    width: 1000px;
    margin: 0 auto;
    height: 450px;
    margin-top: 30px;
}
/**/
h1#logo {
    float: left;
    display: inline;
    font-size:0;
    line-height:0;
    width:363px;
    height:79px;
}
h1#logo a {
	text-indent: -4000px;
	width:363px;
    height:79px;
    display:block;
    background:url(images/logo.png);
}
#nav {
    float: left;
    display: inline;
}
#nav ul {
    padding: 44px 0 0 15px;
    list-style-type: none;
}
#nav ul li {
    display: inline;
}
#nav ul li a {
    color: #00b3ff;
    float: left;
    text-indent:  -500000px;
    position: relative;
    z-index: 1500;
    height: 25px;
    margin-right: 10px
}
#nav ul li.last a { margin-right: 0px; }
#nav ul li a:hover { color: #fff; text-decoration: underline; }
a#wakeboards { width: 147px; background: url(images/menu/wakeboards.png) no-repeat center 0; }
a#flotation { width: 112px; background: url(images/menu/flotation.png) no-repeat center 0; }
a#boardshorts { width: 164px; background: url(images/menu/boardshorts.png) no-repeat center 0; }
a#casual { width: 78px; background: url(images/menu/casual.png) no-repeat center 0; }
a#blog    { width: 26px; background: url(blog.png)     no-repeat center 0; margin: 0 0 0 10px }
a#twitter { width: 26px; background: url(twitter.png)  no-repeat center 0; margin: 0 0 0 0; }
a#facebook{ width: 26px; background: url(facebook.png) no-repeat center 0; margin: 0 0 0 0; }
a#myspace { width: 26px; background: url(myspace.png)  no-repeat center 0; margin: 0 0 0 0; }
a#youtube { width: 26px; background: url(youtube.png)  no-repeat center 0; margin: 0 0 0 0; }
.boards-box {
    width: 1000px;
}
.boards-box .top {
    height: 4px;
    line-height: 0;
    font-size: 0;
    background: url('images/boards-box/bg_top.gif') no-repeat 0 0;
    
    margin-top: 10px;
}
.boards-box .bottom {
    height: 5px;
    color: #000;
    line-height: 0;
    font-size: 0;
    background: url('images/boards-box/bg_bottom.gif') no-repeat 0 0;    
}
.boards-box .box-content {
    background: #000 url('images/boards-box/bg_middle.gif') no-repeat right 0;
    width: 998px;
    border-left: solid 1px #6d0505;
    border-right: solid 1px #6d0505;
}

#footernav { margin-top: 6px; text-align: right; padding-bottom: 10px; }
#footernav ul li { display: inline; list-style-type: none; }
#footernav ul li a, #footernav ul li { color: #403d3e; }

#holder { padding:20px 0 20px 20px; }
#content { float:left; width:590px; padding:10px 40px; }
#sidebar { float:right; width:260px; font-size:12px; line-height:15px; }
#sidebar li { padding:2px 0; }

#sidebar #searchform label,
#sidebar h2 {
	display:block;
	font-weight: bold;
	background:url(images/h2.gif) no-repeat 0 0;
	color:#fff;
	font-size:15px;
	line-height:19px;
	padding:5px 15px 7px 20px;
}
#sidebar ul { list-style-position: outside; list-style-type: none; }
#sidebar ul ul { padding:5px 20px 15px 20px; }
#sidebar ul ul ul { padding:5px 10px; }
#sidebar p { padding:5px 20px; font-size:11px; }
#sidebar #searchform div { padding:10px 20px; }

/*
.post { background:#000 url(images/bt.gif) no-repeat 0 0; margin-bottom:30px; }
.post-b { background:url(images/bb.gif) no-repeat 0 bottom; padding:15px 20px; }
*/
.post { color:#999; line-height:1.6; font-size:12px; margin-bottom:60px; border-bottom:solid 1px #222; padding-bottom:20px; }
.post h2 { font-size:21px; padding-bottom:20px; }
.post h2 a { padding:8px; }
.post h2 span { padding:8px; color:#ddd;}
.post h2 a:hover { background:#00b4ff; color:#000; text-decoration: none; }
.post .date { color:#bbb; font-size:10px; display:block; padding:0 10px 20px 10px; font-weight: bold; }

.postmetadata { font-size:10px; padding:20px 10px 0 10px; text-align: right; }
.entry { padding:0 10px;}
.entry p{ padding-bottom:15px; }

.pagetitle {
	font-size:14px;
	text-align: center;
	padding-bottom:30px;
}

.navigation { font-size:10px; }
.navigation .alignleft { text-align: left; }
.navigation .alignright { text-align: right; }
.alt { text-align: center;}

.top-navigation { padding-bottom:40px; }
.bottom-navigation { padding-top:30px; }

input, textarea { font-family: Arial, sans-serif; font-size:11px; padding:2px;}
#respond { padding:0 10px;}
#commentform p { padding-bottom:10px; }
h3 { padding-bottom:10px; }
#commentform input, 
#commentform textarea { background:#111; color:#aaa; border:solid 1px #222; }

input#submit { background:#000; font-size:11px; font-weight: bold; color:#ddd; text-transform: uppercase; cursor:pointer; }

#comments { padding:10px; }
.commentlist { font-size:11px; color:#888; padding:0 10px 20px 10px; list-style-type: none; }
.comment-meta { padding-bottom:5px; }
.commentlist img { border:solid 1px #333; padding:1px; float:right; }
.commentlist li { padding-bottom:20px; }
.commentlist a { color:#fff; }