/* howardcunnell.com */
html{height: 100%;}
body
{ font: 62.5%/1.4 font-family: 'Special Elite', cursive;
background: #fff url(grad.jpg) repeat;
padding: 0px;
margin:0px;
font-size: 0.95em;}
p{ font-size: 1em; font-family: 'Special Elite', cursive;
padding: 0px 23px 0px 23px; margin: 0px 0px 0px 0px; font-weight: normal;
color: #222;
line-height: 2em;}
h1{ font-family: 'Special Elite', cursive;
font-size: 1.8em;
padding: 32px 23px 0px 23px; margin: 0px 20px 4px 0px; font-weight: normal; color: #000;
letter-spacing: 0.1em; font-variant:small-caps;
}
h2{ font-family: 'Special Elite', cursive; font-size: 1.3em; padding: 0px 6px 0px 23px; margin: 8px 20px 0px 0px; font-weight: normal; color: #000; letter-spacing: 0.1em; line-height:1.7em;
}
h3{ font-size: 1.08m;
padding: 12px 0px 0px 23px; margin: 0px 0px 0px 0px; font-weight: normal;
color: #000; line-height: 1.8em; font-family: 'Special Elite', cursive;
}
h4{ font-size: 0.6em;
padding: 10px 27px 0px 23px; margin:0; font-weight: normal;
color:#888;
}
h5{ font-size: 1.1em;
padding: 0px 0px 0px 48px; margin: 0px; font-weight: bold;
color: #ddd;
}
h6{ font-size: 0.6em;
padding: 0px 30px 0px 0px; margin: 0px; font-weight: normal; color: #ddd; padding:2px;}
.big {font-size: 1.2em; padding: 30px 40px 0 40px; letter-spacing: .05em; line-height: 2.3em;}
.hmnews { padding:23px 32px; background: #eee;
-moz-border-radius:8px;
-o-border-radius: 8px;
border-radius: 8px; border-left: 32px solid #ddd;
border-right: 0px;
border-top: 0; border-bottom: 0; opacity: .8; margin: 12px 64px 0 0; }
.map{font-size: .9em;
padding:0px 0px 0px 2px;
color: #09c;
font-variant:small-caps;
font-family: 'Oxygen', sans-serif; }
.ylw {background: #FDFD59; padding: 4px 0;}
.quoth { color: #6c6c6c; line-height: 1.8em; font-size: 1.08em; padding: 0 0 0 23px; letter-spacing: .02em;}
.pad {margin: 6px 0 0 0px;}
.press {width: 96%; height: auto; background: #f2f2f2; margin: 50px 2% 0 2%; padding: 23px 0 0 0;}
/* unordered list */
ul{ margin: 0px ; padding: 0px; }
ul li{ list-style-type: none; margin: 0px; padding: 0px; display:inline;}
/* ----------------------------------------*/
img
{ border: 1px solid #fff; margin: 2px 24px 2px 44px; padding: 0px; }
a:link { text-decoration: none; color: #222; border-bottom: 1px dashed #222;
padding: 1px; background:#fff;
}
a:visited {text-decoration: none; color: #222; border-bottom: 1px dotted #222;
padding: 1px; background:#fff;
}
a:hover { color: #000; padding: 1px; border-bottom: 1px solid #222; background: transparent}
a:active { text-decoration: none; color: #294664;
padding: 1px; background:#fff;}
/* margin lefts / margin rights - to centre content */
#main, #footer, #logo, #menubar, #site_content, #feed
{ margin-left: auto;
margin-right: auto;
}
/* main container ----------------------------------------*/
#main
{width: 960px;
height: auto;
border: 0px solid;
border-color:#eee;
}
/* navigation menu ----------------------------------------*/
#title
{ height: 62px; width: 960px; background: #111;
padding: 0px; margin-left: auto; margin-right: auto; border-top: 0px solid #111;}
#title-w
{height: 62px; width:100%; position:fixed;
padding: 0px; background: transparent; opacity:.86; }
#title h1{ font-size: 1.2em;padding: 23px 0px 0px 46px; margin: 0px 20px 0px 0px; color: #F27F00; letter-spacing: .8em;}
.writer {
letter-spacing: 0.2em;
padding: 0 0 0 148px;
font-variant: normal;
color: #333;
font-size: 0.7em;
}
#menubar
{ height: 46px; width: 960px; background: #111;
padding: 2px 0px 0px 0px; }
#menubar2
{ height: 46px; width: 100%;
margin-top: 62px; background: transparent;
position:fixed; opacity:.86;
border-top: 0px; }
#menubar h4
{ font-family: 'Oxygen', sans-serif;
font-size: 1.1em; letter-spacing: .3em;
padding: 8px 0px 0px 48px; margin: 0px;
font-weight: normal; color: #555; font-variant:small-caps;}
#menubar a:link, #title a:link {text-decoration: none; color: #fff;border-bottom: 0px;
padding: 2px 10px 2px 10px; background:transparent;}
#menubar a:visited, #title a:visited { text-decoration: none; color: #fff;
border-bottom: 0px ; padding: 2px 10px 2px 10px; background:transparent;
}
#menubar a:hover, #title a:hover {text-decoration: none; color: #FBC040;
padding: 2px 10px 2px 10px; border-bottom: 0px;}
#menubar a:active, #title a:active {color: #F27F00; padding: 2px 10px 2px 10px; border-bottom: 0px; outline: none;}
#logo
{ width: auto;
height: auto;
background: transparent; padding-top: 110px;
}
#logo2
{ width: 960px;
height: auto;
background: #bbb;
margin: auto; }
#logo2 img
{ border: 0px; margin: 0px; padding: 0px;}
#feed {height: auto; width: 960px; padding: 0; background:#fff;}
#feed-w {height: auto; width: auto; background:#transparent;}
#feed p {padding: 6px 0 6px 0;}
/* main content ----------------------------------------
---------------------------------------- */
#site_content
{ overflow: hidden;
padding: 0px;
width: 960px;
height: auto;
background: transparent ;
}
/* sidebar */
#sidebar
{ float: right;
width:310px;
height: auto;
padding: 0px 6px 0px 0px;
background: transparent;
margin: 6px 6px 6px 12px;
border: 0px;
}
#sidebar img {padding:0; margin: 0;}
#sidebar h4{ font-size: 0.8em;
padding: 10px 27px 0px 23px; margin: 0px 0px 0px 0px; font-weight: normal;
color:#6c6c6c; letter-spacing: .15em; line-height: 1.8em;
}
#content
{ float: left;
width: 570px;
height: auto;
padding: 0px 12px 6px 26px;
background: transparent;
}
/* footer ----------------------------------------*/
#footer
{ height: 60px;
width: 960px;}
#footer h3{ font-size: 1em;
padding: 4px 23px 0px 23px; line-height: 1.6em;
}
#footer-w
{
height: 200px;
width: auto;
text-align: right;
padding: 8px 0px;
background: #222; opacity:.86;
border-bottom: #222 100px solid;
}
#footer a:link {text-decoration: none; color: #fff; border-bottom: 0px; padding: 4px; background:transparent;}
#footer a:visited { text-decoration: none; color: #fff; border-bottom: 0px; padding: 4px; background:transparent;}
#footer a:hover {color: #c00; padding: 4px; border-bottom: 0px;}
#footer a:active {text-decoration: none; color: #e00; padding: 4px; background:transparent; border-bottom: 0px;}