/*
Theme Name: Moo Custom
Theme URI: http://wrigglemedia.com
Description: Moo Custom
Version: 1
Author: Michael Wrigglesoworth
Author URI: http://wrigglemedia.com
Tags: board repairs, red, custom boards, surf, windsurf, moo, repairs, northwest, simmer, carbon, epoxy, windsurf nose repair,
*/

@import "style/css/reset.css";



* {
margin:0;
padding:0;
}

body {color:#444; font:14px helvetica,'arial', verdana, sans-serif; line-height:1.2;}

html, body, #bg, #bg table, #bg td, #cont {
height:100%;
overflow:hidden;
width:100%;
}

.clearfix {clear:both; float:none;}

/*---Background Style : DO NOT CHANGE ---*/

#bg {position:fixed;}
#bg div {height:200%; left:-50%; position:absolute; top:-50%; width:200%;}
#bg td {text-align:center; vertical-align:middle;}
#bg img {margin:0 auto; min-height:50%; min-width:50%;}
#cont {left:0; overflow:auto; position:absolute; top:0; z-index:70;}

/*---Background End---*/

.box {background:transparent url('images/transparent.png') repeat scroll 0 0; line-height:1.2; width:960px; position:relative; top:15%; min-height: 85%; height: auto !important; height: 85%; margin: 0 auto;}
#news {background:transparent url('images/news_bg.png') repeat-y scroll 0 0;}


#menu_bar {bottom:55px;  position:absolute; width:100%; z-index:80;}
#menu_bar #nav {background:url('images/transparent_menu.png') repeat scroll 0 0; height:55px;  padding:20px 0 0 0;}
#nav ul li { float:left; height:45px; padding: 10px 0 0;}
#nav ul li a, #nav ul li a:visited {color:white; text-decoration:none; font-weight:bold; font-size:22px; text-transform:lowercase; padding:10px 10px 20px; }
#nav ul li:hover{background:url('images/menu_bg.jpg');}
#nav div, #nav ul{float:left;}
#nav ul {display:block; position:relative; left:310px;}
#nav ul li.current_page_item {background:url('images/menu_bg.jpg');}
#nav ul li.current_page_parent {background:url('images/menu_bg.jpg');}

#logo {width:254px; height:136px; position:absolute; top:-32px; left:30px;}




.page_wrap {padding:10px;}
.page_wrap a, .story a, .footer a, .page_wrap a:visited, .story a:visited, .footer a:visited {color:#444; text-decoration:underline;}
.page_wrap a:hover, .story a:hover, .footer a:hover {color:#888;}
.page_wrap p {margin: 0 0 10px; foat:left;}
.page_wrap img {padding:3px; background:#aaa; margin: 2px 10px 10px 2px; display:block;}
.page_wrap a img:hover {background:#444;}
h1 {font-size:33px; font-weight:bold; margin: 0 0 20px;}

img.alignright {display: block; float:right; margin: 2px 2px 10px 10px;}
img.alignleft {display: block; float:left; }
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright { display: block;float:right; margin: 2px 2px 10px 10px;}
a img.alignleft {display: block; float:left;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.aligncenter, div.aligncenter {display: block; float:left;}
.alignleft, .alignnone {float: left;}
.alignright {float: right;}

.wp-caption {text-align: center; background:#aaa; margin:0 3px 5px;}
.wp-caption img {margin: 0; padding: 0; border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; float:none;}


.page_nav {clear:both; padding:20px 30px 0 ;}
.page_nav a, page_nav a:visited {color:#444; text-decoration:none;}
.page_nav a:hover {color:#888;}
.page_title {margin-top:-40px; float:left; height:40px; display:inline;}
/*.boards {margin-left:132px; }
.gallery {margin-left:294px;}
.moo_news {margin-left:450px;}*/
.posts_wrap {width:960px;}
.posts_wrap p {margin: 0 0 10px;}
.story{float:left; width:480px;	display:inline; margin:15px 0 0;}
.first{clear:both;}

.post_title {width:370px; height:38px; background:url('images/news_title_bg.jpg') repeat-x; position:relative; padding:10px 60px 0 10px; font-size:22px; color:#eee; }
.post_title a, .post_title a:visited  {color:#eee; text-decoration:none; background:none;}
.post_title a:hover {color:#aaa; background:none;}
.post_date {width:46px; height:42px; background:url('images/date_bg.jpg'); font-size:20px; color:#eee; text-align:center; position:absolute; right:10px; bottom:0px;}
.post_date span {font-size:16px; text-transform:lowercase;}
.post_content {padding:10px; width:460px}
.post_content img {padding:3px; background:#aaa; margin: 2px 10px 10px 2px;; display:block;}
.post_content a img:hover {background:#444;}
.post_bottom {text-align:center; background:url('images/cow.png') no-repeat 380px 5px; width:480px; height:3px; clear:both; float:none; padding:50px 0 0;}

.search {float:right; margin-top:-30px; background:url('images/transparent_pink.png'); width:300px; height:20px; padding:5px 10px;}

ul.child_menu {padding: 10px 0 10px 0; height: 20px;}
ul.child_menu li {float:left; padding:0 10px; border-right:1px solid #EE1D25;}
ul.child_menu li:last-child {border-right:none;}
ul.child_menu li a, ul.child_menu li a:visited  {color:#EE1D25; text-decoration:none; text-transform:lowercase; font-size:20px; font-weight:bold;}
ul.child_menu li a:hover {text-decoration:none; color:#BF181F;}





.footer {padding:0 10px 5px; position:absolute; bottom: 0px; font-size:11px;}
.footer_padding {height:155px; width:960px;}



.contact_form {width: 350px; float:left; margin:0 10px 0 0;}
.board_selector {width:550px; float:left;}