/* CSS Document */

/*
------------------------------------------------------------------------
Theme Name:    Times of the Islands
Theme URI:     http://www.cabanaazul.com
Description:   Custom Made for Times of the Islands Publication
Version:       1.0
Author:        Jay Tillery
Author URI:    http://www.cabanaazul.com
------------------------------------------------------------------------
*/

body{margin:0px;padding:0px;background:#FFFFFF url(images/full-back.gif) left top repeat-x; font-family: Arial;font-size: 12px;color: #333333;}

.clear {
	clear: both;
}

.hr {
	margin: 0px;
	padding: 0px;
	
	height: 1px;
	font-size: 1px;

	background-color: #ffffff;
	
	clear: both;

	border-bottom: 1px solid #cccccc;
}

.red {
	color: #660000;
}

li a img{border: none;}

/*
------------------------------------------------------------------------
CONTAINER - The 980px wide wrapper used in header, main menu, and more
------------------------------------------------------------------------
*/

.container {
	margin: 0px auto;
	padding: 0px;
	
	width: 980px;
	
	text-align: left;
}

/*
------------------------------------------------------------------------
HEADER - Logo & Search Form
------------------------------------------------------------------------
*/

#header {
	margin: 0px auto;
	padding: 0px;
	width: 980px;
	height: 70px;
	text-align: left;
}

.logo, .logo a, .logo a:visited{margin: 10px 0px 0px 0px;padding: 0 0 20px 0;float: left;}

.search {
	margin: 32px 0px 0px 0px;
	padding: 5px;
	
	background-color: #CAF6F7;

	float: right;
}

.search .input {
	margin: 0px 3px 0px 0px;
	padding: 6px 7px 5px 7px;
	
	width: 230px;
	
	font-family: Arial;
	font-size: 11px;
	color: #999999;

	border-left: 1px solid #bbbbbb;
	border-top: 1px solid #bbbbbb;	
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

.button {
	margin: 0px;
	padding: 0px 8px 0px 8px;
	
	height: 25px;
	background-color: #48A2A3;
	
	font-family: Arial;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 10px;
	color: #ffffff;
	
	border: 0px;
}

/*
------------------------------------------------------------------------
MENUS - Main, Pages (currently not in use) & Sub Menu
------------------------------------------------------------------------
*/

#menu {
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 30px;
}

.main_menu li {
	font-size: 14px;
	float: left;
	list-style: none;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 12px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	text-decoration: none;
}

.page_item a, .page_item a:visited {
	margin: 0px;
	padding: 0px;

	color: #005759;
	text-decoration: none;
	
	display: block;
}

.current_page_item, .page_item a:hover {
	text-decoration: none;
	color: #FFFFFF;
}

.current_page_item a, .current_page_item a:visited, .current_page_item a:hover {
	border-bottom: none;
}

/* END Main Menu */

/* Sub Menu */

#submenu {
	margin: 0 auto 10px auto;
	padding: 0px;
	
	width: 100%;
	height: 32px;
	background-color: #FFD048;
	
	border-bottom: 2px solid #ffffff; border-top: 2px solid #ffffff;	
}

.sub_menu li {
	margin: 7px 5px 7px 0px;
	padding: 0px;
	
	font-size: 11px;
	
	float: left;
	list-style: none;
}

.cat-item a, .cat-item a:visited {
	margin: 0px;
	padding: 3px 6px 3px 6px;

	color: #005759;
	text-decoration: none;
	
	display: block;
}

.cat-item a:hover {

	color: #FFFFFF;
	text-decoration: none;
}

.current-cat, .current-cat a, .current-cat a:visited {
	background-color: #999999;

	color: #ffffff;
	text-decoration: none;
}

.sub_menu li b {
	margin: 0px;
	padding: 3px 0px 3px 0px;

	color: #0B868D;
	text-decoration: none;
	
	display: block;
}

/* END Sub Menu */

/* Dropdown Menu, if there are some children categories in WordPress defined */

.children {
	margin: 0px;
	padding: 4px 0px 4px 0px;
	
	position: absolute;
	left: -9000px;
	
	background-color: #ffffff;
	border-right: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	border-left: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
}

.sub_menu li:hover ul, .sub_menu li.iehover ul {
	left: auto;
}

.children li {
	margin: 1px 7px 1px 7px;
	padding: 1px 0px 1px 0px;
	
	float: none;
}

.children li a, .children li a:visited {
	background-color: #ffffff;

	color: #999999;
}

.children li a:hover {
	background-color: #999999;

	color: #ffffff;
}

.children .current-cat, .children .current-cat a, .children .current-cat a:visited {
	background-color: #999999;

	color: #ffffff;
	text-decoration: none;
}

/* END Dropdown Menu */

/*
------------------------------------------------------------------------
CONTENT
------------------------------------------------------------------------
*/

/* Column Definitions */

#content{background-color: #ffffff; }
.column_main {width: 650px;float: left;padding: 0 10px 10px 10px; }
.column_right { margin: 0px 0px 10px 0px; padding: 0px 10px 20px 0px; width: 300px; float: right; }
.articles {width: 650px; float: left; margin: 0; position: relative; }

/* END Column Definitions */

/* Featured (the first enrty in every category archives and on the index page, currently with that black background ) */

#featured {
height: 340px; 
}

#featured h1 a, #featured h1 a:visited {

}

#featured h1 a:hover {
	text-decoration:none;
	color: #bfe5e7;
}

#featured h2 {
	color: #ffffff;
	background-color: #666666;
	padding: 5px;
}

#featured h2 a, #featured h2 a:visited {
	padding: 0px 0px 1px 0px;
	color: #ffffff;
	border-bottom: 1px solid #333333;
}

#featured h2 a:hover {
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
}

#featured h2 i {
	color: #999999;
}

#featured h2 i a, #featured h2 i a:visited {
	color: #999999;
	text-decoration: none;

	border-bottom: 1px solid #333333;
}

#featured h2 i a:hover {
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
}

#featured p {
	color: #999999;
}

#featured p a, #featured p a:visited {
	color: #ffffff;
	border-bottom: 1px solid #333333;
}

#featured p a:hover {
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
}

#featured ul, #featured ol {
	margin: 20px 0px 20px 50px;
	padding: 0px;
}

#featured li {
	margin: 0px;
	padding: 3px 0px 3px 0px;
	
	font-size: 14px;

	list-style-type: disc;
	border-bottom: none;
}

#featured blockquote p {
	margin: 20px 0px 20px 0px;

	font-family: Georgia;
	font-size: 18px;
	line-height: 22px;
	font-style: italic;
}


#featured div a{
	color: #02555B !important;
	text-decoration: none;
}
/* END Featured */

/* Categories */

.category_header {
	margin: 10px 0px 0px 0px;
	padding: 20px 20px 10px 20px;
	
	background-color: #eeeeee;
	
	text-align: center;
	
	border-bottom: 1px solid #cccccc;
}

/* END Categories */

/* Lists (displaying the posts) */

#content ul {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

#content li {
	margin: 0px;
	padding: 7px 0px 7px 0px;
	
	line-height: 16px;
	
	list-style-type: none;
}

.title a, .title a:visited {
	color: #666666;
	font-weight: bold;
	text-decoration: none;
}

.title a:hover {
	color: #bfe5e7;
}

.comment_excerpt a, .comment_excerpt a:visited, .comment_excerpt a:hover {
	font-weight: normal;
}

.meta {
	margin: 0px 0px 15px 0px;
	padding: 0px;

	color: #999999;
	font-size: 11px;
}

.meta a, .meta a:visited {
	color: #999999;
	text-decoration: none;
	border-bottom: 1px solid #dddddd;
}
.meta a:hover {
	color: #000000;
}

/* END Lists */

/* Entry */

p {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	line-height: 18px;
	text-decoration: none;
	clear: both;
}

p a, p a:visited {
	color: #660000;
	text-decoration: none;
	
	border-bottom: 0px solid #dddddd;
}

p a:hover {
	color: #bfe5e7;
}

#entry {
	margin: 15px 0px 0px 0px;
}

#entry .digg {
	margin: 3px 10px 5px 0px;
	float: left;
}


#entry p {font-size: 12px;}

#entry ul, #entry ol {
	margin: 20px 0px 20px 50px;
	padding: 0px;
}

#entry li {
	margin: 0px;
	padding: 3px 0px 3px 0px;
	
	font-size: 14px;

	list-style-type: disc;
	border-bottom: none;
}

#entry blockquote p {
	margin: 20px 0px 20px 0px;

	font-family: Georgia;
	font-size: 18px;
	line-height: 22px;
	font-style: italic;
}

/* Button like link styling for the 'Archives' link */

.link a, .link a:visited {
	margin: 0px;
	padding: 4px 6px 4px 6px;
	background-color: #bbbbbb;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	border: none;
	text-decoration: none;
}

.link a:hover {
	color: #ffffff;
	background-color: #bfe5e7;
}

/* END Button like link styling for the 'Archives' link */

/* END Entry */

/* Comments */

.comment_author {
	margin: 20px 20px 20px 0px;
	padding: 0px;
	
	width: 150px;

	float: left;
}

.comments {
	margin: 10px 0px 10px 0px;
	padding: 0px;
	
	width: 469px;
		
	float: left;
}

.leave_comment {
	margin: 0px 0px 10px 0px;
	padding: 20px;
	
	background-color: #eeeeee;
}

.leave_comment .textarea {
	margin: 0px;
	padding: 6px 7px 5px 7px;
	
	width: 585px;
	
	font-family: Arial;
	font-size: 12px;
	color: #333333;

	border-left: 1px solid #bbbbbb;
	border-top: 1px solid #bbbbbb;	
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

.leave_comment .input {
	margin: 0px;
	padding: 6px 7px 5px 7px;
	
	width: 220px;
	
	font-family: Arial;
	font-size: 12px;
	color: #333333;

	border-left: 1px solid #bbbbbb;
	border-top: 1px solid #bbbbbb;	
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

/* END Comments */

/* Tabs (in the sidebar for the AJAX box) */

.tab_container {
	margin: 0px;
	padding: 0px;
	
	border: 5px solid #eeeeee;
}

.tab_container_in {
	margin: 0px;
	padding: 10px;
	
	border-left: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.tab_menu_container {
	padding: 0px 0px 0px 0px;
	
	height: 27px;
	
	background-color: #eeeeee;
}

#tab_menu li {
	margin: 0px;
	padding: 7px 5px 2px 0px;
	
	background-color: #eeeeee;
	
	font-size: 11px;
	line-height: normal;

	float: left;
	list-style: none;
	cursor: pointer;
	
	border-bottom: none;
}

#tab_menu .first {
	padding: 7px 5px 2px 6px;
}

#tab_menu li a, #tab_menu li a:visited {
	margin: 0px;
	padding: 3px 6px 3px 6px;
	
	background-color: #eeeeee;

	color: #999999;
	text-decoration: none;
	
	display: block;
}

#tab_menu li a:hover, #tab_menu li a.current {
	background-color: #999999;

	color: #ffffff;
	text-decoration: none;
}

.tab_content_list {
	display: none;	
}

#tab_content_tags a, #tab_content_tags a:visited {
	color: #999999;
	text-decoration: none;
}

#tab_content_tags a:hover {
	color: #000000;
	text-decoration: none;
}

/* END Tabs */

/* Widgets */

#content .widget ul {
	padding: 10px 10px 20px 10px;
	
	border: 5px solid #eeeeee;
}

.widget li a, .widget li a:visited {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	
	display: block;
}

.widget li a:hover {
	color: #660000;
}

.widget .page_item a, .widget .page_item a:visited, .widget .page_item a:hover  {
	border-bottom: none;
}

.widget .cat-item a, .widget .cat-item a:visited {
	padding: 0px;
}

.widget .cat-item a:hover, .widget .current-cat, .widget .current-cat a, .widget .current-cat a:visited {
	background-color: #ffffff;
}

/* END Widgets */

/*
------------------------------------------------------------------------
HEADERS
------------------------------------------------------------------------
*/

h1, h1 a, h1 a:visited {
	padding: 0px;

	font-family: Geneva, Arial;
	font-size: 20px;
	line-height: 30px;
	font-weight: normal;
	color: #02555B;
	letter-spacing: -1px;
	text-decoration: none;
	margin: 0;
}

h1 a:hover {
	text-decoration: none;
	color: #bfe5e7;
}

h2 {
	padding: 5px;

	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #48A2A3;
}

h2 a, h2 a:visited {
	padding: 0px 0px 1px 0px;

	color: #bfe5e7;
	text-decoration: none;

	border-bottom: 0px solid #dddddd;
}

h2 a:hover {
	color: #FFFFFF;
}

h2 i {
	color: #CCCCCC;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
}

h2 i a, h2 i a:visited {
	color: #CCCCCC;
	text-decoration: none;
	
	border-bottom: 0px solid #dddddd;
}

h2 i a:hover {
	color: #000000;
}

h3 {
	margin: 20px 0px 20px 0px;
	padding: 0px;
	
	font-family: Geneva, Arial;
	font-size: 20px;
	line-height: 20px;
	font-weight: normal;
	color: #000000;
	letter-spacing: -1px;
}

h3 a, h3 a:visited {
	color: #bfe5e7;
	text-decoration: none;
}

h3 a:hover {
	color: #660000;
}

/*
------------------------------------------------------------------------
FOOTER
------------------------------------------------------------------------
*/

#footer {
	margin: 0px auto;
	margin-top: 30px;
	padding: 20px 0px 20px 0px;
	
	width: 100%;
	background-color: #eeeeee;
}

#footer p.left {
	font-size: 11px;
	color: #999999;
	float: left;
}

#footer p.right {
	font-size: 11px;
	color: #999999;
	float: right;
}

#footer p a, #footer p a:visited {
	color: #999999;
	font-weight: normal;
	text-decoration: none;
	
	border-bottom: 1px solid #dddddd;
}

#footer p a:hover {
	color: #000000;
}
#magazine h3{ font-size: 17px; padding: 0 0 5px 0; margin: 0px; }
#magazine img{ width: auto; height:auto; }
#magazine li{ border:none; list-style:none; line-height: 12px; padding: 5px 0px;}

/* Table Style for Advertiser Directory */
.tblHeader span{font-weight: bold; padding: 5px; text-transform: uppercase; display: block; background-color: #000000; color:#FFFFFF; float: right; }
.tblCompany{ background-color: #999999; color: #FFFFFF; padding: 5px; border-bottom: 1px solid #ffffff; text-transform: uppercase; font-weight: bold; }
.tblCompany span{ display: block; font-size: .8em; font-weight: normal; color: #eaeaea; }
.rowTitle{ padding: 5px; vertical-align: middle; text-align: center; color: #fff; font-size: .8em; background-color: #666666; font-weight: bold; border-bottom: 1px #ffffff solid; text-transform: uppercase; }

.rowData{ padding: 5px; vertical-align: middle; background-color: #eeeeee; border-bottom: 1px solid #fff; }
.rowData a{color: #666666; text-decoration: none; }
.rowData a:hover{color: #BFE5E7; text-decoration: none; }

.alignright{ float: right; padding: 5px; border: 1px solid #eaeaea; margin: 5px; }
.alignleft{ float: left; padding: 5px; border: 1px solid #eaeaea; margin: 5px; }

.tease-wrap{ padding: 10px 0; margin: 0; border-bottom: 1px solid #eaeaea; }
.tease{ padding: 0 0 10px 0; float: left; width: 490px; }
.tease a{ color: #02555B; text-decoration: none; }
.tease a:hover{ color: #BFE5E7; }
.tease-image{float: left; width: 135px; }
.tease-image img{ opacity:1; }
.tease-image img:hover {opacity:0.9;} 
.cat-name{ font-weight: bold; color: #02555B; }

/*Magazine Archives*/
#entry .mag-archives{ width: 650px; }
#entry .mag-archives h3{ border-bottom: 1px solid #000000; clear: left; }
#entry .mag-archives ul{ list-style-image:none;list-style-position:outside;list-style-type:none;padding-bottom:30px;}
#entry .mag-archives li{ float: left; margin: 5px 0px 30px 0; list-style: none; }
#entry .mag-archives img{ padding: 10px 10px 10px 0;}

#ads{
	background-color: #FFFFFF;
}

ul#adboxes {width:300px;border:none;background-color:#fff;}
	ul#adboxes li {list-style-type:none;float:left;width:125px;height:125px;background-repeat:no-repeat;background-position:center;padding:8px;background-color:#fff;margin-bottom:20px;border:1px solid #eaeaea;}
	ul#adboxes li.left {margin-right:14px;}
	ul#adboxes li a{border: none;}

	
	
	.page-item-1180 a {font-weight: bolder; color: #CC3300 !important; }
	.facebook { position:absolute;  top:28px; margin-left:140px; } 
	.magazines img { border:1px #cccccc solid; margin-bottom:50px; margin-top:15px; padding:3px;}