/*
Theme Name: WiiJ Warriors Theme
Theme URI: http://www.wiijwarriors.com
Description: Custom theme for WiiJ Warriors website.
Author: Martin Archer
Author URI: http://www.martinarcher.co.uk/
*/ 

html {
height:100%;
}

body {
font:80%/150% "Trebuchet MS", Tahoma, Arial;
color:#d4dac2;
background:#000;
margin:0;
padding:0;
min-width:1000px;
height:100%;
}


#page {
width:1000px;
min-height:100%;
margin-left:auto;
margin-right:auto;
padding:0;
background-image:url("images/background.png");
background-position:top center;
background-repeat:repeat-y;
}

/* mac hide \*/
* html #page{height:100%}
/* end hide */

a, a:visited {
color:#31e1e6;
text-decoration:none;
}


a:hover {
color:#ffbd33;
text-decoration:underline;
}

p {
margin:0;
padding:0 0 15px;
text-align: justify;
}

h1 {
height:60px;
font:lighter 2.4em/1.2em Lucida Sans Unicode, Lucida Grande, sans-serif;;
font-weight: bold;
color:#FFF;
margin:0;
}

h1 a,h1 a:visited {
color:#FFF;
text-decoration:none;
}

h1 a:hover {
color:#FFF;
text-decoration:none;
border:none;
background:none;
}

h2 {
color:#4395bc;
border-bottom:1px dotted #4395BC;
width:100%;
font:lighter 1.7em Lucida Sans Unicode, Lucida Grande, sans-serif;
font-weight: bold;
padding-bottom:3px;
margin:0 0 2px;
}

h2 a,h2 a:visited {
color:#ffbd33;
text-decoration:none;
}

h2 a:hover {
color:#fff;
text-decoration:none;
}

h4 {
font:normal 130%/100% "Trebuchet MS", Tahoma, Arial;
color:#f79043;
margin:10px 0 5px;
}

/* Header */

#header {
width:1000px;
height:102px;
margin-left:0;
margin-right:0;
margin-bottom:0;
padding-top:266px;
padding-bottom:0;
padding-left:0;
padding-right:0;
background:#000;
background-image:url("images/header.jpg");
background-position:top center;
background-repeat:no-repeat;
}

/* Menu */

#nav {
display:block;
margin-left:101px;
margin-right:0;
padding-bottom:21px;
}

#nav ul {
margin:0;
padding:0;
height:42px;
}

#nav li {
list-style:none;
display:inline;
margin:0;
padding:0;
}

#nav li a {
margin:0;
padding:0;
display:block;
float:left;
}

#nav a span {
position:relative;
display:block;
z-index:-1;
}

li .home {
background: url(images/nav_home.png) 0 0 no-repeat;
display: block;
width: 103px;
height: 42px;
outline: none;
}

li .news {
background: url(images/nav_news.png) 0 0 no-repeat;
display: block;
width: 96px;
height: 42px;
outline: none;
}

li .dates {
background: url(images/nav_dates.png) 0 0 no-repeat;
display: block;
width: 109px;
height: 42px;
outline: none;
}

li .about {
background: url(images/nav_about.png) 0 0 no-repeat;
display: block;
width: 111px;
height: 42px;
outline: none;
}

li .photos {
background: url(images/nav_photos.png) 0 0 no-repeat;
display: block;
width: 124px;
height: 42px;
outline: none;
}

li .videos {
background: url(images/nav_videos.png) 0 0 no-repeat;
display: block;
width: 117px;
height: 42px;
outline: none;
}

li .contact {
background: url(images/nav_contact.png) 0 0 no-repeat;
display: block;
width: 136px;
height: 42px;
outline: none;
}

li .home:hover, li .news:hover, li .dates:hover, li .about:hover, 
li .photos:hover, li .videos:hover, li .contact:hover {
background-position: 0 -42px;
}

#home li .home, #news li .news, #dates li .dates, #about li .about,
#photos li .photos, #videos li .videos, #contact li .contact {
background-position: 0 -84px !important;
}

/* Page Title */

.pagetitle {
float:left;
margin:0;
width:381px;
height:39px;
}

#home .pagetitle {
background: url(images/title_home.png) 46px 0 no-repeat !important;
}

#news .pagetitle {
background: url(images/title_news.png) 46px 0 no-repeat !important;
}

#dates .pagetitle {
background: url(images/title_dates.png) 46px 0 no-repeat !important;
}

#about .pagetitle {
background: url(images/title_about.png) 46px 0 no-repeat !important;
}

#photos .pagetitle {
background: url(images/title_photos.png) 46px 0 no-repeat !important;
}

#videos .pagetitle {
background: url(images/title_videos.png) 46px 0 no-repeat !important;
}

#contact .pagetitle {
background: url(images/title_contact.png) 46px 0 no-repeat !important;
}

#error .pagetitle {
background: url(images/title_404.png) 46px 0 no-repeat !important;
}

/* RSS Subscribe */

#rss {
float:right;
width:215px;
height:28px;
margin-top:11px;
margin-bottom:0;
}

#rss a {
background: url(images/rss.png) 0 0 no-repeat;
display: block;
width: 120px;
height: 28px;
outline: none;
}

#rss a:hover {
background-position: 0 -28px;
}

#rss a span {
position:relative;
display:block;
z-index:-1;
}

/* Content */

#content {
width:928px;
min-height:426px;
margin-left:46px;
margin-right:0;
margin-top:0;
margin-bottom:0;
padding:0;
background: url(images/content.png) top right no-repeat;
}

/* mac hide \*/
* html #content{height:426px}
/* end hide */

#main {
float:left;
min-height:100%;
width:704px;
margin:0;
}

#main img {
border:1px solid #ccc2a2;
padding:5px;
}

/* Posts */

.post {
clear:both;
padding-top:15px;
}

.post-date {
width:45px;
height:49px;
text-align:center;
}

.post-month {
font-size:11px;
text-transform:uppercase;
color:#FFF;
text-align:center;
display:block;
line-height:11px;
padding-top:2px;
margin-left:-3px;
}

.post-day {
font-size:18px;
text-transform:uppercase;
color:#999;
text-align:center;
display:block;
line-height:18px;
padding-top:7px;
margin-left:-3px;
}

.post-cat {
padding-left:0;
float:left;
}

.post-dates {
padding-left:10px;
margin-left:70px;
float:left;
font-size:95%;
color:#BEB187;
}

.post-comments {
padding-left:20px;
float:right;
}

.post-calendar {
padding-left:0;
float:right;
font-size:95%;
color:#999;
}

.post-content {
clear:both;
padding-top:10px;
}

.post-info {
height:15px;
color:#6d8302;
font:bold 12px "Trebuchet MS", "Tahoma", sans-serif;
border-top:1px dotted #4395bc;
padding:10px;
}

.post-info a {
color:#4395bc;
text-decoration:underline;
}

.post-info a:hover {
color:#ffbd33;
text-decoration:none;
}

.post-content blockquote {
background:#095758;
border-right:2px solid #29b8bc;
color:#fff;
padding:8px;
}

/* Navigation */

.navigation {
clear:both;
padding:10px 0;
}

.navigation a,.navigation a:visited {
color:#59770e;
}

.previous-entries a {
float:left;
padding-left:18px;
background:url(images/mini-nav-left.gif) no-repeat left center;
}

.next-entries a {
float:right;
padding-right:18px;
background:url(images/mini-nav-right.gif) no-repeat right center;
}

/* Comments */

#comments,#respond {
border-bottom:1px dotted #4395BC;
clear:both;
padding:10px 0 5px;
}

.commentlist {
padding-left:20px;
line-height:130%;
margin:10px 0;
}

.commentlist li {
padding:10px 10px 0;
}

.commentlist cite,.commentlist cite a,.commentlist cite a:visited {
font-weight:700;
font-style:normal;
font-size:120%;
}

.commentlist small {
margin-bottom:5px;
display:block;
font-size:87%;
}

#commentform {
margin-top:10px;
font:110% Arial, Helvetica, sans-serif;
}

#commentform p, .wpcf7 p {
margin:0;
padding:6px 0;
}

#commentform label, .wpcf7 label{
color:#787878;
font-size:87%;
}

#commentform input, .wpcf7 input {
width:200px;
background:#e9ebd4;
border:1px solid #eaecda;
margin-top:3px;
padding:3px;
}

#commentform textarea, .wpcf7 textarea {
width:485px;
height:115px;
background:#e9ebd4;
border:1px solid #eaecda;
margin-top:3px;
overflow:hidden;
padding:2px;
}

#commentform textarea:focus,#commentform input[type="text"]:focus, .wpcf7 textarea:focus, .wpcf7 input[type="text"]:focus {
background:#fff;
}

#commentform #submit, .wpcf7 #submit {
background:url(images/btn-bg.gif) no-repeat;
border:1px solid #111;
font:bold 12px Arial, Helvetica, sans-serif;
color:#fff;
float:right;
width:144px;
height:28px;
cursor:pointer;
}

#commentform #submit {
margin-bottom:10px;
}

/* Events */

.ec3_schedule {
display:block !important;
width: 100%;
border:0 !important;
margin:0 0 10px 0 !important;
padding:0 !important;
}
.ec3_start {
color:#BEB187 !important;
}
.ec3_to {
color:#BEB187 !important;
}
.ec3_end {
color:#BEB187 !important;
}

ul.ec3_events {
border:0;
margin:0;
padding:0;
}

ul.ec3_events li{
list-style:none;
border:none;
margin:0;
padding:0;
}

ul.ec3_events li.ec3_list_month {
color:#ffbd33;
font:lighter 1.7em Lucida Sans Unicode, Lucida Grande, sans-serif;
font-weight: bold;
padding-bottom:3px;
margin:0 0 2px;
}

ul.ec3_events li.ec3_list_month ul {
border-top:1px dotted #4395BC;
width:100%;
padding:0;
margin:0;
padding-top:10px;
}

ul.ec3_events li.ec3_list_month ul li {
font:80%/150% "Trebuchet MS", Tahoma, Arial;
color:#31e1e6;
margin-bottom:5px;
font-size:14px !important;
text-indent:10px;
}



/* Front Page */

#frontpage {
margin-top:10px;
width:100%;
}

#frontpage_events {
float:right;
color:#31e1e6;
overflow:hidden;
width:172px;
}

/* Side Bar */

#sidebar {
float:right;
padding-right:26px;
padding-top:25px;
color:#31e1e6;
overflow:hidden;
width:163px;
}

#home #sidebar {
padding-top:10px;
}

#sidebar a,#sidebar a:visited {
color:#31e1e6;
text-decoration:none;
}

#sidebar li a:hover {
color:#ffbd33;
text-decoration:none;
}

#sidebar h2,#sidebar .sidebartitle, #sidebar .sidebartitle a, #frontpage_events .sidebartitle{
font:1em Lucida Sans Unicode, Lucida Grande, sans-serif;
color:#ffbd33 !important;
font-weight:700;
margin-bottom:5px;
font-size:14px;
}

.widget {
padding:0px 10px 10px;
}

#sidebar ul {
margin:0;
padding:0;
}

#sidebar ul li {
list-style:none;
border:none;
margin:0;
padding:0;
}

#sidebar ul li ul li {
border-bottom:1px solid #31e1e6;
padding:2px 0;
}

#sidebar ul li ul li ul li {
border:none;
padding:1px 0 1px 10px;
}

#sidebar .recent-posts ul li {
background:url(images/mini-footer-icon.gif) no-repeat 5px 5px;
padding:0 0 10px 20px;
}

#sidebar .recent-posts strong, #sidebar .recent-videos strong {
font-size:107%;
line-height:135%;
font-weight:700;
}

#sidebar .recent-posts small, #sidebar .recent-videos small {
color:#d4dac2;
}

#sidebar .recent-posts ul, #sidebar .recent-videos ul {
list-style:none;
font-size:92%;
line-height:110%;
margin:0;
padding:0;
}

#sidebar .recent-videos {
text-align:center;
}

#sidebar .recent-videos ul {
padding-top:5px;
}

#sidebar .recent-videos ul li {
padding:0 0 15px 8.5px;
}

#sidebar .ec3_events li {
font-size: 92%;
}

#frontpage_events div.widget {
padding:0;
}

/* Footer */

#footer {
clear:both;
}