/*  
Theme Name: Mullica News Theme
Theme URI: http://www.mullicanews.com/
Description: Mullica News Theme
Version: 1.2
Author: Brian Wilson
*/

*{ margin:0; padding:0; }

html,body { background:#EEE url(images/bodybg.jpg) repeat-x; color:#555; text-align:center; } 
body {font:12px "Helvetica Neue", Helvetica, Arial, sans-serif;}
h1 { font-size:55px; font-weight:normal; }
h1 a { color:#67A54B; text-decoration:none; text-shadow: rgba(0,0,0,.2) 1px 1px 1px; }
h1 a:hover{ color:#333; text-decoration:none; }
h2 {font-size:16px; text-shadow: rgba(0,0,0,.1) 1px 1px 1px;}
h3 {font-size:20px; letter-spacing: -1.0px; text-shadow: rgba(0,0,0,.2) 1px 1px 1px;}
h4 {font-size:13px;}
h5 {font-size:10px; color: #7f7f7f; padding-left:1px; font-weight:normal; margin-bottom:8px; }
a img { border: 0 none; }
img { border: 0 none; }

a { color:#67A54B; text-decoration:none; text-shadow: rgba(0,0,0,.1) 1px 1px 1px;}
a:hover { color:#222; }

#wrapper{ margin:0px auto; text-align:left; width:878px; } 

/* header */
#header{ background:url(images/headerbg.gif) top no-repeat; padding:5px 0; }
#header h1 a { position: absolute; width:360px; float:left; margin:0; }
#header h1 a em { font-style:normal; color:#555; }

#searchWrap input{vertical-align:middle;}
#searchWrap #s{
font-size:10px;
outline:0;
border:none;
padding:4px;
margin-right:3px;
width:244px;
}

/* page navigation */
#pagenav { position: absolute; float:left; width:500px; height:25px; margin:76px 0 0 0; }

ul.nav{list-style:none;}
.nav li { float:left; display:block; padding:2px 10px 2px 10px; background:url(images/pagebreak.gif) left no-repeat; }
.nav li a { font-size:11px; outline:none; color:#2F2F2F; text-decoration:none; display:block; padding:5px 0 0x 5px; text-transform:uppercase; }
.nav li a:hover { text-decoration:underline; color:#484848!important;width: }
* html .nav li a:hover{background:#333;}

/* category navigation */
#categories { float:left; width:878px; }
#categories ul { list-style:none; padding:1px 0 0px 0; }
#categories li { float:left; display:block; background:url(images/catbreak.gif) left no-repeat; height: 25px; padding-top:4px; }
#categories li a { color:#FFF; display:block; padding:2px 10px 4px 10px; }
#categories li a:hover{color:#CCC;}

/* main content */
#mid { padding-top:4px; }
#main { background:#FFFFFF url(images/mainbottom.gif) bottom no-repeat; float:left; margin:0 10px 0 0; width:548px; }
#singlemain { background:#FFFFFF url(images/smbottom.gif) bottom no-repeat; float:left; margin:0 10px 0 0; width:548px; }
#featured { background:url(images/maintop.gif) top left no-repeat; padding:5px; }
#myGallery { margin:4px; font-size:18px; }

/* sidebar */
#sidebar a { font-weight:bold; }
#sidebar { color:#333; float:left; margin:0; width:320px; line-height:1.3em; }
#sidebar p { color:#333; }
#blocks { background:#FFFFFF url(images/blocktop.gif) top no-repeat; padding:5px 10px 0 10px; }
#widgetblock { background:#FFFFFF url(images/blocktop.gif) top no-repeat; padding:5px 5px 0 5px; }
#tagblock { background:#FFFFFF url(images/blocktop.gif) top no-repeat; padding:5px 10px 0 10px; }
#tagblock a { font-weight:normal; color:#484848; }
#tagblock a:hover { color:#7F7F7F; }
#advertblock { background:url(images/advertblockbg.gif) top no-repeat; height:270px; padding:10px 0 0 10px; }
#blocks a { font-weight:bold; color:#484848; }
#blockpost { padding:0 0 8px 0; font-size:12px; }
#blocks a { text-decoration:none; }
#blocks a:hover { color:#67A54B; }
h3.blocks { font-size:14px; margin-bottom: 10px; }
h3.mainblock { font-size:22px; margin-bottom: 0px; margin-left: 5px; margin-top: 15px; }
#bottomblock { background: #BDBDBD url(images/blockbottom.gif) top no-repeat; height:7px; padding:0; margin-bottom:10px; }
#searchWrap { float:right; margin-top:69px; margin-right:2px; }
.blocks { margin-bottom:20px; }

/* main content */
#content { padding:10px; }
#content p { margin-bottom:10px; }

#introIMG{
width:150px;
height:150px;
float:left;
margin-right:8px;
overflow:hidden;
}

#introIMG img{
border:none;
padding:4px 4px 4px 4px;
border:1px solid #BDBDBD;
}


.postMeta{ background:url(images/dot.gif) repeat-x left center; text-transform:uppercase; font-size:11px; text-align:right; margin-bottom:2px; }

.postMeta span.date{
background:#FFF;
color:#7F7F7F;
padding:0 2px 0 4px;
}

.postMeta span.comments{
background:#FFF url(images/user.gif) no-repeat left center;
padding-left:16px;
margin-left:2px;
}

.postMeta span.comments a,
.postMeta span.date a{color:#555;}
.post{margin:0 0 15px 0;}

.post h2{ line-height:1.2em; }
.post h2 a{ width:100%; display:block; outline:none; }
.entry h3{margin:1em 0;}
.post .entry{ line-height:1.4em; overflow:hidden; }
.post .entry p {margin:0;}
.post .entry p a { font-weight:bold; }
.entry blockquote{margin:0 1.3em 0;}
.entry ul{ margin:0 1.3em 0; padding-left:18px; }
.entry li a{ color:#333; font-weight:bold; }
.entry ul li{ padding-left:5px; margin-bottom:7px; }
.entry ol{margin:0 1em 0 3em;}
.entry ol li{margin:0 0 7px 0;}
.entry img,.entry a img{border:none;}
.entry a:hover img{border-color:#DFDFDF;}
.entry table tr {padding: 15px 0;}
.entry table tr.alt {background: #eee;}

/* lists */
.rsslinks h3 { margin-bottom:16px; }
.rsslinks p { margin-bottom:5px; padding-top:5px; }
.rsslinks ul li { color:#7F7F7F; line-height:18px; padding:0; list-style:none; font-size: 12px; }
.icon_facebook{padding:2px 0 2px 20px; background:url(images/icon_facebook.gif) no-repeat 0 2px; line-height:18px; }
.icon_twitter{padding:2px 0 2px 20px; background:url(images/icon_twitter.gif) no-repeat 0 2px; line-height:18px;}
.icon_youtube{padding:2px 0 2px 20px; background:url(images/icon_youtube.gif) no-repeat 0 2px; line-height:18px;}
.icon_rss{padding:2px 0 2px 20px; background:url(images/icon_rss.gif) no-repeat 0 2px; line-height:18px; }
.icon_comments {padding:2px 0 2px 20px; background:url(images/icon_comments.gif) no-repeat 0 2px; line-height:18px; }

#widgetblock h3 { margin-bottom:5px; }
#widgetblock p { margin-bottom:5px; padding-top:5px; }
#widgetblock ul li { color:#7F7F7F; line-height:1.2em; border-top:1px solid #BBB; padding:3px 0 4px 0; list-style:none; }

/* pagination */
#pagination{color:#7F7F7F;font-size:12px;font-weight:bold;text-transform:uppercase;margin-bottom:10px;margin-top:40px;text-align:right;}
#pagination p,#pagination img{vertical-align:middle;}
#pagination a img{border:none;margin:0 0 3px 2px;}

/* comments */
#comments{width:435px;padding:12px 0 0 0;}

#comments h3,
h3#respond{color:#555;font-size:14px;margin-bottom:7px;}

ol.commentslist{list-style:none;margin:5px 0 12px;}

.commentslist li{
background-color:#F7F7F7;
border:1px solid #EEE;
margin-bottom:7px;
padding:7px 0;
}

.commentslist li a{ font-weight:bold; }

.commentslist li.alt{background:#FFF;}
.commentslist li:hover{border-color:#888;}

.commentslist .comment_text{
margin:0 7px;
line-height:1.4em;
overflow:hidden;
}

.comment_text p,.comment_text ul,.comment_text ol,.comment_text blockquote{margin:1em 0;}
.comment_text ul,.comment_text ol,.comment_text blockquote{margin:0 1em;}

p.author_meta{
font-weight:bold;
text-transform:uppercase;
margin:0 0 0 7px;
}

p.post_meta{
font-size:11px;
text-transform:uppercase;
text-align:right;
margin:0 7px 0 0;
}

.commentslist li.author{
background:#333;
color:#CCC;
}

.commentslist li.author a{color:#DDD;}
.commentslist li.author a:hover{color:#FFF;}

#comments_closed{
background:#333;
color:#ccc;
padding:7px 0;
margin-top:12px;
line-height:1.5em;
}

p.nocomments{margin:0 12px 0 7px;}

p.nocomments a{
color:#ddd;
font-weight:bold;
text-decoration:underline;
}

p.nocomments a:hover{color:#FFF;}

ol.pingslist{
margin:1.5em 2em;
font-size:12px;
}

.pingslist li{
color:#7F7F7F;
margin:0 0 7px 0;
}

.pingslist li a { font-weight:bold; }

#commentform p{margin:1em 0;}

#commentform p a{ font-weight:bold; }

#author,#email,#url,#comment{
font:1.1em arial,helvetica,verdana,sans-serif;
border:1px solid #BBB;
padding:2px;
}

#comment{width:429px;overflow:auto;}

#commentform p small{
font-size:10px;
color:#7F7F7F;
}

.commentslist code{background:transparent;}

/* footer */
#footer p{
padding-top:7px;
padding-bottom:50px;
}

#footer p a{
font-weight:bold;
color:#333;
}

/* floats */
.floatleft{
float:left;
margin:3px 7px 0 0;
}

.floatright{
float:right;
margin:3px 0 0 7px;
}

.right{float:right;}
.left{float:left;}
.clear{clear:both;}

.fix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.fix{display:inline-block;} 
* html .fix{height:1%;}
.fix{display:block;}


a#pill_submit { margin: 0 0 10px 0; display:block; width:320px; height:60px; background: url(images/submit.gif); }
a#pill_submit:hover { background-position: 0 -60px; }

#events_date { display: block; float: left; text-align: right; padding: 0 5px 0 0; font-weight: bold; color: #b8b8b8; }

#youtube_ad { background:url(images/youtube_bg.gif) top no-repeat; height:150px; padding:10px 0 0 10px; }
#ad_leaderboard { width: 880px; text-align: center; padding: 10px 0 10px 0;}
#ad_skyscraper { width: 320px; text-align: center; padding: 30px 0 30px 0;}
#mntv_banner { width: 880px; text-align: center; padding: 7px 0 11px 0;}

#related { background-color:#f6f6f6; padding:10px; margin: 30px 0 20px 0; border: 1px solid #e0e0e0; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size:11px; }
#related a { color:#67A54B; text-decoration:none; }
#related a:hover { color:#222; text-decoration:none; }