/*
Theme Name: peta pendlebury
Theme URI: http://www.twizzlebird.co.uk
Description: peta pendlebury
Version: 1
Author: Twizzlebird
Author URI: http://www.twizzlebird.co.uk
*/

/* HTML 5 reset styles adapted from eric meyers reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height:1;}
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {display:block;}
ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins {background-color:#ff9;color:#000;text-decoration:none;}
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input, select {vertical-align:middle;}

/* structure */
body {background:url(img/bodyBg.png) top center repeat-y #d8d8d8;font-family:sans-serif;font-size:10pt;}
#wrapper {width:980px; margin:0px auto;background:url(img/wrapperBg.png) repeat-x #fff;
-webkit-box-shadow: 0px 0px 5px 0px #000;
-moz-box-shadow: 0px 0px 5px 0px #000;
box-shadow: 0px 0px 5px 0px #000; ;}
header {height:210px;position:relative;padding:20px 30px;}
footer {background:#480878;text-align:center;padding:12px;}
.clearFix{clear:both}
#content{padding:50px 30px;}
#left-sidebar{float:left;width:160px;margin-right:40px;}
#right-sidebar{float:left;width:180px;}
#main{float:left;width:520px;margin-right:20px;}
#twothirds{float:left;width:720px;}
#headerContact{width:600px;padding:30px;position:absolute;right:0px;top:90px;text-align:right;}
article{margin-bottom:20px;}
.wpcf7{width:400px;float:right;}
input{margin:5px 0px;padding:5px;}

#share{border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;margin:20px 0px;padding:20px 0px;}
#twitter-widget-0{width:90px !important;}
article.category-uncategorized{border-bottom:1px solid #e4e4e4;padding-bottom:20px;margin-bottom:20px;}

/* Typography */
p, table, ul {font-size:10pt; line-height:18pt;color:#7c7c7c;}
footer p{color:#fff;}
h1 {font-size:30pt;font-weight: normal;line-height:30pt;}
h2 {font-size:16pt;font-weight: normal;line-height:20pt;color:#480878;}
h3 {font-size:12pt;font-weight: normal;line-height:20pt;color:#338a71;}
h4 {font-size:12pt;}
#headerContact h4{font-family:georgia, serif;font-style:italic;font-size:14pt;color:#338a71;line-height:20pt;font-weight:normal;}
a {color:#c1c1c1; text-decoration:none;}
a:hover {color:#545454;}
#main ul{list-style:disc;margin:10px 0px;}
#left-sidebar ul {list-style:#fff;}

/*images */
img{max-width:100%;}
img.centered, img.aligncenter {display:block;margin-left:auto;margin-right:auto;}
img.alignright {padding:4px;margin:0 0 2px 7px;display:inline; }
img.alignleft {padding:4px;margin:0 7px 2px 0;display:inline;  }
.alignright {float:right;}
.alignleft {float:left;}
#main img {border-top:5px solid #480878;margin-bottom:10px;}
.social{position:absolute;right:30px;bottom:-0px;}
.social a{float:left;margin-right:4px;}
header h1 a {background: url("img/logo.png") no-repeat scroll left center transparent;display:block;height:120px;width: 237px;text-indent:-9999px;
position:absolute;top:65px;}
#right-sidebar img {border-top:5px solid #338a71;margin:10px 0px;}
.single img.attachment-post-thumbnail{float:right;margin:0px 0px 10px 10px;}

/*menu */
nav select{display:none;}
nav{position:absolute;bottom:-20px;width:920px;padding:20px 0px;border-top:1px dotted #338a71; border-bottom:1px dotted #338a71;}
#menu-nav a {display:block;font-weight:bold;font-size:13pt;color:#480878;}
#menu-nav a:hover{color:#338a71;}
#menu-nav li {float: left;padding-right:12px;margin-right:12px;border-right:1px dotted #338a71;}
#menu-nav li:last-of-type{border:none;margin:0px;padding:0px;}
#menu-nav li ul li{width:100%;padding:10px;margin-bottom:10px;border:none;margin:0px;padding:0px;}
#menu-nav li ul li a{padding:5px;}
#menu-nav li ul {position: absolute;background:#fff;width: 260px;left: -999em;padding:5px;}
#menu-nav li ul ul {margin: -1em 0 0 6em;}
#menu-nav li:hover ul ul, #menu-nav li.sfhover ul ul {left: -999em;}
#menu-nav li:hover ul, #menu-nav li li:hover ul, #menu-nav li.sfhover ul, #menu-nav li li.sfhover ul {left: auto;}
#menu-item-55{margin-right:none;}
#menu-item-484{display:none;}

/*tables*/
#content table{width:720px;margin:20px 0px;}
td{padding:5px;border:1px solid #dddddd;}

.nobig{display:none;}
/* When screen is smaller than 980px */
@media only screen and (max-width:980px){
input, textarea{max-width:90% !important;}
.wpcf7 input, textarea{width:90% !important;}
.nobig{display:block;}
.nomob{display:none;}
#wrapper{width:600px;}
.social{bottom:auto;top:10px;}
header{height:auto;}
header h1.logo{line-height:0pt;font-size:0pt;}
header h1 a{position:relative;margin:0px auto;top:auto;margin-top:30px;}
#headerContact{position:relative;width:100%;text-align:center;padding:0;margin:0px 0px 30px 0px;top:auto;right:auto;}
nav{width:540px;padding: 20px 0px;}
nav ul{display:none;}
nav select{display:block;}
#twothirds, #content table, #left-sidebar, #right-sidebar, #main{width:100%;}
.wpcf7{float:none;}
.wp-pagenavi{margin-bottom:20px;}
}

/* When screen is smaller than 600px */
@media only screen and (max-width:600px){
#wrapper{width:100%;}
nav{width:auto;text-align:center;}
img.alignleft{float:none;text-align:center;}
}