/*
Theme Name: PRG Digital - Big Island Now
Theme URI: http://www.prgdigital.com/
Author: PRG Digital
Author URI: David Christy
Description: Custom Wordpress theme for Big Island Now
Version: 1.0
License: Copyright PRG Digital.  All Rights Reserved
License URI: license.txt
Tags: none
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

/* Body
--------------------------------------- */
body, html
{
    background:#ccc url(./images/bg.jpg) repeat;
    background-attachment: fixed;
    margin:0px;
    padding:0px;}


/* Header
--------------------------------------- */
#header_date
{
	padding-top:3px;
	font-weight:bold;
	font-family:Georgia;
color:#fff;
font-size:12px;
margin-left:80px;
}
#header
{
    width:950px;
    height:100px;
    background:url(./images/headerbg2.jpg) no-repeat;
    padding:0px;
    margin:0px;
	margin-top:0px;
    position:relative;
    text-align:center;
	overflow:hidden;

}

#header_logo
{
	position:absolute;
	top:0px;
	left:0px;
}

#searchbox
{
    position:absolute;
    left:330px;
    top:50px;

    width:300px;
    height:25px;
    padding:0px;
    margin:0px;
}

#searchinput
{
    border:1px inset #000;
    float:left;
    height:23px;
    width:195px;
    padding:0px;
    margin:0px;
}

#searchbutton
{
    float:right;
    height:25px;
    width:100px;
    border:0px;
    padding:0px;
    margin:0px;
    background:url(./images/button_search.jpg) no-repeat;
}

#tagline
{
	position:absolute;
	left:330px;
	top:30px;
	font-family:Arial;
	font-size:16px;
	font-style:italic;
	font-weight:bold;
	color:#fff;
}

#header_breaking_news
{
    width:261px;
    height:80px;
    background:url(./images/header_breaking_news_bg.gif) no-repeat;
    padding-top:20px;
    padding-left:70px;
    padding-right:10px;
    font-family:Tahoma;
    text-align:right;
    font-size:10px;
    font-weight:normal;
    position:absolute;
    top:0px;
    left:310px;
}

#header_breaking_news_expand
{
    height:100px;
    padding:0px;
    width:0px;
    overflow:hidden;
    font-family:Tahoma;
    font-size:12px;
    font-weight:normal;
    line-height:18px;
    text-align:left;
    color:#000;
    background-color:#fff;
    position:absolute;
    top:0px;
    left:650px;
    z-index:151;
    background:url(./images/header_breaking_news_excerpt.jpg) no-repeat;
}

#header_breaking_news a
{
    font-weight:bold;
    font-size:14px;
    line-height:16px;
    color:#0000ff;
    text-align:left;
    display:block;
}

#inline_breaking_news
{
    width:440px;
    height:40px;
    background:url(./images/breaking_news_inline_bg.jpg) no-repeat;
    padding-top:10px;
    padding-left:150px;
    padding-right:10px;
    font-family:Tahoma;
    text-align:left;
    font-size:10px;
    font-weight:normal;
}

#inline_breaking_news_expand
{
    width:600px;
    padding:0px;
    display:none;
    overflow:hidden;
    font-family:Tahoma;
    font-size:12px;
    font-weight:normal;
    line-height:18px;
    text-align:left;
    color:#000;
    background-color:#fff;
    z-index:151;
    border:1px solid #ddd;
    border-top:0px;
    margin-bottom:15px;
}

#inline_breaking_news a
{
    font-weight:bold;
    font-size:14px;
    line-height:16px;
    color:#0000ff;
    text-align:left;
    display:block;
}
/* Header - Weather
------------------------------------------- */
#weatherbox
{
    position:absolute;
    height:90px;
    width:140px;
    padding-right:100px;
    right:20px;
    top:10px;
    color:#fff;
    font-family:Arial;
    font-size:22px;
	line-height:18px;
	font-weight:bold;
z-index:20;

}

#weatherbox img
{
    height:90px;
    width:90px;
}

#weatherbox b
{
	font-weight:normal;
	font-size:14px;
	display:block;
	margin:0px;
	padding:0px;
	padding-top:3px;
	line-height:2px;
	padding-bottom:0px;
}

#weatherbox a
{
    color:#fff;
	font-size:12px;
	font-weight:normal;
}

#weatherbox a:hover
{
	color:#000;
}

#weatherbox_change
{
    position:absolute;
    height:100px;
    width:260px;
    right:20px;
    top:-105px;
    color:#000;
    font-family:Arial;
    font-size:12px;
	text-align:center;
	font-weight:bold;
z-index:21;
background-color:#ccc;
border:1px outset #333;
box-shadow:2px 2px 2px #333;
}

#weatherbox_change select
{
	width:200px;
	height:25px;
}

#weatheralert
{
    position:absolute;
    height:60px;
    background:url(./images/weatheralertbg.png) no-repeat;

    width:180px;
    padding:5px;
    padding-left:70px;
    right:10px;
    top:10px;
    color:#fff;
    font-family:Arial;
    font-size:12px;
	line-height:14px;
	font-weight:bold;
    text-align:center;
z-index:21;
}

#weatheralert a
{
    color:#000;
    text-decoration:none;
}

#weatheralert a:hover
{
    text-decoration:underline;
}


/* Top Menu Bar
------------------------------------------- */
#menubar_top
{
	width:950px;
	height:25px;
	background:url(./images/topmenubg.jpg) repeat;
	font-family:Arial;
	overflow:hidden;
}
ul.navbar_top{
    list-style:none;
    padding:0px;
    margin:0px;
	float:right;
}

.navbar_top li{
    float:left;
    position:relative;
    list-style:none;
    padding:0px;
    margin:0px;
	text-align:center;
}

.navbar_top a{
	text-transform:uppercase;
    display:block;
    text-decoration:none;
    color:#fff;
    padding:5px;
	margin:0px;
	margin-left:12px;
	margin-right:12px;
    font-size:12px;
    font-weight:normal;
}

.navbar_top a:hover
{
	text-decoration:underline;
}


/* Menu Bar
------------------------------------------- */
#menubar_holder
{
    width:950px;
    height:25px;
    overflow:hidden;
    background:url(./images/menubg.jpg) repeat;
    padding:0px;
    margin:0px;
}

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

.navbar li{
    float:left;
    position:relative;
    list-style:none;
    padding:0px;
    margin:0px;
}

.navbar a{
    display:block;
    text-decoration:none;
    color:#fff;
    padding:0px;
    padding-left:10px;
    padding-right:10px;
    padding-top:3px;
    padding-bottom:5px;
    font-size:15px;
    font-weight:bold;
    border-right:1px solid red;
}

.navbar ul ul{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    float:left;
    z-index:99999;
    background: #212121;
    padding:0px;
    margin:0px;
}

.navbar ul ul ul{
    top: 30%;
    left:100%;
    background: #343434;
}

.navbar ul ul a{
    height:auto;
    line-height:1em;
    padding:10px;
    width:130px;
}

.navbar li:hover > a,.nav ul ul:hover > a{
    color:#fff;
    background:url(./images/semiblack.png) repeat;
}

.navbar ul li:hover > ul{
    display:block;
}

.menubar_facebook
{
    display:block;
    width:25px;
    height:25px;
    background:url(./images/facebook.png) no-repeat;
    float:right;
}

.menubar_twitter
{
    display:block;
    width:25px;
    height:25px;
    background:url(./images/twitter.png) no-repeat;
    float:right;
}

.menubar_rss
{
    display:block;
    width:25px;
    height:25px;
    background:url(./images/rss.png) no-repeat;
    float:right;
}

.menu-item-102844
{
	background: url(./images/semiblack.png) repeat;
	float:right !important;
	border-right:0px !important;
	height:100%;
}

.menu-item-102844 a
{
	font-size:11px !important;
	font-family:Arial !important;
	height:25px;
	line-height:20px;
	border-right:0px !important;
	
	
}

.menu-item-102844 a:hover
{
	text-decoration:underline;
}
/* Main Content
------------------------------------------ */
#content
{
    width:930px;
    margin:5px;
    padding:5px;
    background-color:#fff;
    position:relative;
    text-align:left;
}

/* Front Page Feature
------------------------------------------ */
.frontpage_feature
{
    width:300px;
    height:190px;
    margin-right:10px;
    padding:0px;
    background-color:#000000;
    float:left;
    overflow:hidden;
    position:relative;
    margin-bottom:5px;
    cursor:pointer;
    margin:5px;
    box-shadow:0px 0px 4px #000;
}

.frontpage_feature_img
{
    width:100%;
	min-height:100%;
	height:auto !important;
    top:0px;
    left:0px;
    position:absolute;
    z-index:4;
    border:0px;

}

.frontpage_feature_title
{
    display:block;
    text-align:center;
    background:url(./images/semiblack.png) repeat;
    color:#fff;
    text-decoration:none;
    height:50px;
    padding-top:5px;
    z-index:6;
    width:100%;
    position:absolute;
    top:0px;
    left:0px;
    font-weight:bold;
    font-size:16px;

}

.frontpage_feature_excerpt
{
    background:url(./images/semiblack.png) repeat;
    color:#fff;
    font-family:Tahoma, Arial;
    font-size:11px;
    line-height:14px;
    text-align:left;
    height:80px;
    width:99%;
    padding:5px;
    position:absolute;
    bottom:0px;
    left:0px;
    z-index:100;
    display:none;
    padding-top:0px;
    margin-top:0px;
    vertical-align:top;
}

.frontpage_feature_title:hover
{
    background-color:#000;
}

#frontpage_feature_shade
{
    width:100%;
    position:absolute;
    bottom:0px;
    left:0px;
    background:url(./images/feature_shade.png) repeat;
    height:39px;
    z-index:8;

}

#category_feature_shade
{
    width:640px;
    position:absolute;
    top:223px;
    left:0px;
    background:url(./images/feature_shade.png) repeat;
    height:39px;
    z-index:8;

}

/* Left Column
--------------------------------------------- */
#columnleft
{
    width:600px;
    background:url(./images/graygrad.png) repeat;
    padding:5px;
    float:left;
    position:inline;
	border:1px solid #ccc;
	

}

/* Front Page Articles
--------------------------------------------- */
.OLDfrontpage_category
{
    color:#fff;
    font-family:Arial;
    text-align:right;
    font-size:12px;
    line-height:15px;
    padding:0px;
    margin:0px;
    width:100%;
    border-bottom:1px solid #fff;
    display:block;
    background-color:#333;
    font-weight:bold;
    text-decoration:none;
    margin-bottom:5px;
}

.frontpage_category
{
    color:#000;
    font: bold 30px/33px arial;
    text-align:right;
    font-size:20px;
    line-height:15px;
    padding:0px;

    margin:0px;
	margin-top:10px;
    width:100%;
    border-bottom:2px solid #000;
    display:block;
    //font-weight:bold;
    text-decoration:none;
    margin-bottom:5px;
}

.frontpage_mainheadline
{
    color:#0000ff;
    text-decoration:none;
    font-size:18px;
    font-weight:bold;
    line-height:22px;
    text-align:left;
}

.frontpage_mainheadline_sub
{
    color:#0000ff;
    text-decoration:none;
    font-size:16px;
    font-weight:bold;
    line-height:20px;
    text-align:left;
}


.frontpage_mainheadline:visited
{
    color:#3399FF;
    text-decoration:none;
    font-size:18px;
    font-weight:bold;
    line-height:22px;
    text-align:left;
}

.frontpage_mainheadline_img
{
	border:1px solid #333;
	box-shadow:2px 2px 2px #333;
}

ul.frontpage_articles
{
    list-style:none;
    padding:0px;
	background:url(./images/graygrad.png) repeat;
    margin:0px;
    width:100%;

}

ul.frontpage_articles li
{
    float:left;
    list-style:none;
    padding:5px;
    border-bottom:1px dotted #666;
	background:url(./images/graygrad.png) repeat;
    width:98%;
}

ul.frontpage_articles li a
{
    color:#0000ff;
    text-decoration:none;
    text-align:left;
    font-size:15px;
}

ul.frontpage_articles li a:hover
{
    color:#cc0000;
}
ul.frontpage_articles li a:visited
{
    color:#3399FF;
}
ul.frontpage_articles li img
{
    width:15px;
    height:15px;
    margin-right:10px;
}

table.articletable
{
    background:url(./images/articlegrad.png) repeat;
}

table.articletable td
{
	text-align:left;
	padding-left:10px;


	font-family:Arial;
	font-size:13px;line-height:15px;

}

/* Front Page Videos
---------------------------------------------- */
#frontpage_videos
{
    background:#333 url(./images/videobg.png) repeat;
    color:#fff;
    width:190px;
    float:left;
    position:inline;
    margin-left:5px;
    font-size:12px;
    padding:5px;
    padding-bottom:27px;
}

#frontpage_videos a
{
    color:#fff;
}

.frontpage_video_img
{
	width:175px;
	height:131px;
	background-size:175px 131px;
	background-repeat: no-repeat;
	z-index:59;


}

#videoplayer
{
    border: 3px solid #000000;
    height: 349px;
    position: absolute;
    width: 425px;
    z-index: 61;
	display:none;
}


#videoplayer_close
{
    background-color: #000;
    border: 2px solid #000000;
    cursor: pointer;
    font-family: Arial;
    font-size: 18px;
    font-weight: bold;
    height: 20px;
	display:none;
    position: absolute;
    text-align: center;
	color:#fff;
    width: 20px;
    z-index: 65;

}


.news_subcategory
{
    margin:0px !important;
    width:137px !important;
	margin-right:5px;
    height:25px !important;
    float:left !important;
    background:url(./images/news_sub_button.jpg) no-repeat !important;

    display:block !important;
    text-decoration:none !important;
    font-family:Arial !important;
    font-size:12px !important;
    line-height:22px !important;
    font-weight:bold !important;
    text-align: center !important;
    position:relative;
    bottom:9px;

    text-shadow: -1px -1px 1px #fff !important;
    cursor:pointer !important;
    color:#000 !important;

}

.news_subcategory:hover
{
    color:#000 !important;
    text-shadow:1px 1px 1px #fff !important;
}

.news_subcategory_select
{
     background:url(./images/news_sub_button_black.jpg) no-repeat !important;
     color:#fff !important;
     text-shadow: 1px 1px 1px #000 !important;
}

/* Front Page Advertisements
---------------------------------------------- */
#adheader
{
    width:300px;
    padding:0px;
    padding-top:5px;
    float:right;
    background:url(./images/articlegrad.png) repeat;
    padding-bottom:0px;
    margin-bottom:0px;
}

#frontpage_ad1
{
    margin-top:0px;
    float:right;
    width:300px;
    height:250px;
}
#frontpage_ad2
{
    float:right;
    width:300px;
    height:250px;
    margin-top:5px;
}

/* Expandable Boxes
----------------------------------------------- */
.expandbox_button
{
    margin:0px;
    width:280px;
    height:25px;
    float:right;
    background:url(./images/sub_button.jpg) no-repeat;
    display:block;
    text-decoration:none;
    font-family:Arial;
    font-size:12px;
    line-height:22px;
    font-weight:bold;
    text-align: left;
    padding-left:20px;
    text-shadow: 1px 1px 1px #fff;
    cursor:pointer;
    color:#000;
}

.expandbox_button:hover
{
    color:#fff;
    text-shadow: 1px 1px 1px #000;
}

.expandbox
{
    margin:0px;
    float:right;
    width:290px;
    padding:5px;
    display:none;

}


.expandbox_event
{
	height:56px;
	line-height:75px;
	background:url(./images/button_eventcal.png) no-repeat;
	    color:#fff;
	    text-shadow: 1px 1px 1px #000;
}

.expandbox_event:hover
{
	color:#ccc;
    text-shadow: 1px 1px 1px #000;
}

/* Tweaks
---------------------------------------------- */
.clear
{
    width:100%;
    display:block;
}

/* Footer
---------------------------------------------- */

#footer_holder
{
    width:100%;
    height:100px;
    background:url(./images/footerbg.jpg) repeat;
}


/* SIDE PAGES
---------------------------------------------- */


/* Content Left
---------------------------------------------- */
.leftcontent
{
    width:625px;
    background-color:#fff;
    padding:0px;
    float:left;
    font-family:Georgia;
    line-height:22px;
    font-size:12px;
        min-height:600px;
}

h1
{
    font-size:25px;
    line-height:28px;
    padding:0px;
    margin:0px;
    font-family:Arial;
}


h4
{
    font-family:Arial;
    font-size:12px;
    font-weight:normal;
    width:100%;
    border-bottom:1px solid #ccc;
    border-top:1px solid #ccc;
    padding-top:3px;
    padding-bottom:3px;
    margin-top:0px;
}

.alignleft
{
    float:left;
	margin-left:-20px;
	margin-top:15px;
	margin-bottom:15px;
    margin-right:25px;

}

.wp-caption
{
    color:#000;
    font-family:Arial;
    font-size:11px;
    line-height:14px !important;
    font-weight:normal;
    text-align:left;
    padding:0px;
	margin-left:-40px;
	margin-top:15px;
	margin-bottom:15px;
    margin-right:25px;
}

.wp-caption img
{
    width:100%;
    margin:0px;
	border:1px solid #333;
}

.wp-caption-text
{
	padding:0px;
	margin:0px;
}

.alignright
{
    float:right;
    margin-left:5px;
}

.boxholder
{
    width:100%;
    font-family:Arial;
    font-size:12px;
    text-align:left;
}


.box_title
{
    color:#333;
    font: bold 14px/17px arial;
    text-align:right;
    line-height:10px;
    padding:0px;

    margin:0px;
	margin-top:10px;
    width:100%;
    border-bottom:2px solid #333;
    display:block;
    //font-weight:bold;
    text-decoration:none;
    margin-bottom:5px;
}

.article_feature_img
{
	border:1px solid #333;
	box-shadow:2px 2px 2px #333;
	float:left;
	margin-right:10px;
	z-index:20;
    max-width:300px;
	
	height:auto !important;
}

.post
{
	margin:5px;
}


/* Post Style
----------------------------------------------- */
.postindent
{
	width:85%;
	float:right;
	z-index:20;
}

.postinfo
{
	width:100%;
	font-family:arial;
	font-size:12px;

}


/* Category Feature Stories
----------------------------------------------- */

center
{
	padding:0px;
	margin:0px;
}

.category_feature
{
    width:300px;
position:relative;
    display:block;
    float:left;
    padding:5px;

    background-position:bottom left;
}

.categoryfeatures
{
	padding:0px;
margin:0px;
	width:624px;
	height:241px;
background:url(./images/categorybg.jpg) no-repeat;
}

.category_feature h1
{
    font-family:Arial;
    font-size:15px;
    line-height:16px;
    padding:0px;
    margin:0px;
	display:block;
	height:50px;
}

.category_feature a
{
    color:#000;
	text-decoration:none;
}

.category_feature img
{
    margin:0px;
    float:left;
    margin-right:10px;
	z-index:10;
	border:1px solid #333;
	box-shadow:2px 2px 2px #333;

}

.category_feature i
{
	font-size:10px;
	color:#fff;
	text-transform:uppercase;
	font-style:normal;
text-align:right;
width:180px;
display:block;
line-height:10px;

padding-top:1px;
padding-bottom:1px;
position:absolute;
margin-top:65px;
top:0px;
left:127px;
z-index:1;
background-color:#333;
padding-right:3px;
}

.category_feature div
{
	position:relative;
	top:0px;
	left:0px;
    margin:0px;
	margin-top:30px;
	z-index:10;
    margin-bottom:0px;
}

/* Content Right
----------------------------------------------- */
.rightcontent
{
    width:300px;
    float:right;
    padding:0px;
    margin:0px;
    background-color:#fff;

}



/* Footer
----------------------------------------------- */

#footer_holder div
{
	width:950px;
	font-family:Georgia;
	font-size:14px;
	color:#fff;
	text-align:left;
}

ul.footerbar
{
	list-style:none;
	padding:0px;
	margin:0px;
	float:left;
}

ul.footerbar li
{
	float:left;
	list-style:none;
	padding:0px;
	margin:10px;
	margin-left:15px;
	margin-right:15px;
}

ul.footerbar li a
{
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
}

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

/* Event Calendar Sidebar
------------------------------------------------- */

.ecal_side_event
{
	float:left;
	margin:0px;
	padding:0px;
	width:100%;
	font-family:Georgia;
	font-size:12px;
	line-height:18px;
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px solid #ccc;
}

.ecal_front_date
{
	display:block;
	width:100%;
	padding:0px;
	margin:0px;
	padding-bottom:5px;
	margin-bottom:5px;

	text-align:center;
	line-height:15px;
	font-size:14px;
	font-weight:bold;
	font-family:Arial;
	border-bottom:1px solid #333;
}

.ecal_front_link
{
	display:block;
	width:100%;
	float:left;
	padding:0px;
	margin:0px;
	padding-top:5px;
	margin-top:5px;
	text-align:center;
	line-height:15px;
	font-size:14px;
	font-weight:bold;
	font-family:Arial;
	color:#0000ff;
	border-top:1px solid #333;
}

/* Weather Page
-------------------------------------------------- */
.weather_button
{
    margin:0px;
    width:345px;
	margin-right:5px;
    height:25px;
    float:left;
    background:url(./images/sub_button.jpg) no-repeat;
background-size:350px 25px;
    display:block;
    text-decoration:none;
    font-family:Arial;
    font-size:12px;
    line-height:22px;
    font-weight:bold;
    text-align: center;

    text-shadow: 1px 1px 1px #fff;
    cursor:pointer;
    color:#000;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/sub_button.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/sub_button.jpg', sizingMethod='scale')";
}

.weather_button:hover
{
	color:#fff;
	text-shadow:1px 1px 1px #333;
}

#weatherright
{
	width:270px;

	overflow:hidden;
display:block;
position:inline;
}

.weatherbg
{
	background:url(./images/weatherbg.jpg) no-repeat;
	height:430px;
	padding:0px;
	margin:0px;
	width:624px;
	border-bottom: 4px solid #333;
}

#post_video
{

    	padding:0px;
margin:0px;
	width:614px;
	height:331px;
    padding-top:10px;
background:url(./images/video_bg.jpg) no-repeat;
text-align:center;
}

#post_video div
{
    width:400px;
    height:300px;
    border:3px solid #333;
}

.aligncenter
{
    float:left;margin:10px;
}

ul#postsearchads
{
    background-image: url("./images/pn_menu_bg.jpg");
    bottom: 9px;
    color: #000000 !important;

    display: block !important;
    float: left !important;
    font-family: Arial !important;
    font-size: 12px !important;
    font-weight: bold !important;
    height: 25px !important;
    line-height: 22px !important;
    margin: 0 !important;
    padding:0px !important;
    position: relative;
    text-align: center !important;
    text-decoration: none !important;
    text-shadow: -1px -1px 1px #FFFFFF !important;
    width: 100% !important;
    margin-top:8px !important;

}

ul#postsearchads li
{
    border-right:1px solid #ddd;
    border-left:1px solid #ccc;
    width:130px;
    padding:0px !important;
    margin:0px !important;
    text-align:center;
    background-position: 15px 5px !important;
}

ul#postsearchads li a
{
    color:#000;
    text-decoration:none;
}
ul#postsearchads li a:hover
{
    color:#fff;
    text-shadow:1px 1px 1px #333;
    text-decoration:none;
}

.morelink
{
	display:block;
	background-color:#666;
	height:25px;
	font-size: 14px;
	color:#fff !important;
	font-family:Arial !important;
	width:100%;
	line-height:25px;
	text-align:center !important;
	margin-top:5px;
	border:1px solid #fff;
}

.fb_comment_count
{
	display:inline;
}

#menu-item-117265
{
	background:url(images/new_label.png) no-repeat;
	padding-left:18px;
}

#menu-item-117265:hover
{
	background:url(images/new_label.png) #000 no-repeat;
	
}

#menu-item-117265:hover a
{
	background:none !important;
}