/*

Theme Name: WomenCourt

Theme URI: http://womenscourt.ca/

Description: This is a custom WordPress theme created for the Women's Court of Canada Homepage

Version: 1.0

Author: Trevor Gilks

Author URI: mailto:trevor.gilks@gmail.com

Tags: women,court



*/



/*---------------------------------------------------

Elements

---------------------------------------------------*/

html,body{color: #000; background: #fff;}

body{font: normal 12px MS Sans Serif, Geneva, sans-serif; background: #cdcdcd url(/img/body-bg.png) repeat-y top center; height: 100%;}



html, body, div, form, fieldset{margin: 0; padding: 0;}



a{color: #000; outline: none; border: none;}



p{color: #000; line-height: 1.5em; padding: 5px 0; margin: 0;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}

caption,th{text-align:left;}

strong{font-weight: bold;}

em{font-style: italic;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:bold;}

q:before,q:after{content:'';}

abbr,acronym{border:0;font-variant:normal;}

sup{vertical-align:text-top;}

sub{vertical-align:text-bottom;}

input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}

input.textfield,textarea{border: 1px solid #c9c9c9;padding: 3px;}

input.textfield:focus,textarea:focus{border: 1px solid #750000;}

input.submit{background: #b9b9b9; text-align: center; padding: 3px 4px; font-weight: bold; font-size: 10px; text-transform: uppercase; border: none; color: #fff;*padding: 5px 4px;}

.clr{clear: both;}

.highlight{background:#fff7c0}



/*---------------------------------------------------

Header

---------------------------------------------------*/

#header{width: 910px; height: 187px; margin: 0 auto; overflow: hidden;}

#header h1{height: 100%; width: 100%; margin: 0; padding: 0; background: url(/img/header.jpg) no-repeat 0 0; text-indent: -999em;}

#header h1 a{display: block; width: 910px; height: 187px;}

#header h2{display: none;}



/*---------------------------------------------------

Navigation

---------------------------------------------------*/

#navigation{width: 911px; height: 60px; margin: 0 auto;background: #92C7C7; text-transform:lowercase; }

#navigation ul{display: table; width: 100%; list-style: none; padding: 0; margin: 0;}

#navigation ul li{display: table-cell; height: 60px; border-right: 1px solid #FFF; text-align: center;}

#navigation ul li a{display: block; color: #FFF; text-decoration: none; color: #FFF; font-size: 13px; padding: 4px 15px 4px 15px;line-height:15px;margin:15px 0px 0px 0px;}
 
#navigation ul li a:hover{background: #625f60;}

#menu-item-1068, #menu-item-1064 { background: #F9966B; width: 99px; }
#menu-item-1069, #menu-item-1059 { background: #F88158; width: 86px; }
#menu-item-1056, #menu-item-1093 { background: #E55B3C; width: 81px; }
#menu-item-1070, #menu-item-1060 { background: #C34A2C }
#menu-item-1067, #menu-item-1057 { background: #C48189 }
#menu-item-1072, #menu-item-1062 { background: #3B9C9C }
#menu-item-1071, #menu-item-1061 { background: #43BFC7 }
#menu-item-1073, #menu-item-1063 { background: #48CCCD; width: 94px; }
#menu-item-1066, #menu-item-1058 { background: #78c7c7; width: 104px; }

/*---------------------------------------------------

Content

---------------------------------------------------*/

#content{width: 912px; margin: 0 auto;background: url(/img/content-bg.png) repeat-y 0 0;min-height: 600px; }



.navboxwrapleft{width: 157px; overflow: hidden; float: left;padding: 0 5px 18px 23px; margin: 0; font-size: 11px;margin-top:20px;}

.navboxwrapleft h5{font: bold 19px Futura, futura, Geneva, Helvetica, Arial, sans-serif; padding: 0; margin: 25px 0 5px 0;}

.navboxwrapleft ul{list-style: none; padding: 0; margin: 0;}

.navboxwrapleft ul li{padding: 3px 0 3px 5px;}

.navboxwrapleft ul li a{color: #000; text-decoration: none;}

.navboxwrapleft ul li a:hover{text-decoration: underline;}



.navboxwrapright{width: 175px; overflow: hidden; float: right;padding: 5px; margin: 0; font-size: 11px;}

.navboxwrapright h5{font: bold 19px Futura, futura, Geneva, Helvetica, Arial, sans-serif; padding: 0; margin: 30px 0 5px 10px;}

.navboxwrapright h6{font-size:13px; padding: 0; margin: 0 0 0 10px; font-variant: small-caps;}

.navboxwrapright ul{list-style: none; padding: 0; margin: 0;}

.navboxwrapright ul li{padding: 3px 0 3px 20px;}

.navboxwrapright ul li a{color: #000; text-decoration: none;}

.navboxwrapright ul li a:hover{text-decoration: underline;}



#searchform{padding-top: 5px;padding-bottom:10px;}

#searchform .textfield{width: 90px;}



.main{float: left;width: 493px; overflow: hidden; padding: 20px;}

.main h1{font: bold 21px Futura, futura, Geneva, Helvetica, Arial, sans-serif; padding: 0; margin: 0 0 15px 0; text-align: center;}

.front {width:100%; text-align:center; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; font-size: 20px;}

.front a {color: white; background: #3B9C9C; text-decoration:none; display: inline-block; width: 110px; margin: 0 auto;}

.front a:hover {background: #C34A2C;}



/*---------------------------------------------------

Blog Entries

---------------------------------------------------*/

.main .info-post{color: #b9b9b9; text-transform: uppercase; font-weight: bold; font-size: 11px;}

.main .feedback a{text-transform: uppercase; text-decoration: none;font-size: 11px;}

.main .feedback a:hover{text-decoration: underline;}

.main h4{font-size: 14px; font-variant: small-caps; font-weight: bold; margin: 0; padding: 8px 10px 10px 10px;}

.main h4 a{text-decoration: none;}

.main h4 a:hover{text-decoration: underline;}

.main hr{height: 1px; padding: 0; color: #e2e2e2; background-color: #e2e2e2; border: none; margin: 5px 2px;}

.main p.commenter{font-size: 10px; color:#808080; text-transform: uppercase;}

.main p.share{font-size: 11px; margin-bottom: 10px;}



.post-navigation{background: #b9b9b9; height: 24px; width: 100%; margin: 10px 0; padding: 8px 0;}

.post-navigation a,.post-navigation{font-weight: bold; color: #FFF; text-decoration: none;}

.post-navigation a:hover{text-decoration: underline;}

.post-navigation .previous{float: left; margin-left: 15px;}

.post-navigation .next{float: right; margin-right: 15px;}



/*---------------------------------------------------

Footer

---------------------------------------------------*/

.footer{width: 910px; margin: 0 auto; padding: 10px; text-align: center;}