/*
Theme Name: Island Life
Theme URI: http://islandlife.tv/
Description: Custom theme for John Cooper - IslandLife.tv
Version: 1.0
Author: John Cooper
Author URI: http://johncooper.tv
Tags: black, green, fixed width, two columns
*/



/* basics */

*{margin:0; padding:0;}

html {
	background:#000;
	}
	
body {
	width:100%;
	margin:0; padding:0;
	background: #000 url(images/body-bg.jpg) no-repeat top center;
	font-family: "trebuchet ms", arial, tahoma, sans-serif;
	font-size: 11pt;
	color:#fff;
	}
	
h1, h2, h3, h4, h5, h6 {
	font-family:"Times New Roman", Times, serif;
	margin-bottom:1em;
	}
		
h1 {font-size: 20pt; font-weight:normal;}
h2 {font-size: 15pt; font-weight:normal;}
h3 {font-size: 13pt; font-weight:normal;}
h4 {font-size: 10pt;}


/* images and misc. */

img {border: none; }
img a {border:none;}

img.left{ float: left; border: none; }
img.right{ float: right; border: none; }

blockquote{ margin:15px; padding:0 12px 0 12px;}

code{ margin:10px; font-family:"Courier New", Courier, monospace;}
	
.clear { clear:both;}

hr {margin:20px 0 30px; border:1px solid #111200;}


/* links */

a {color:#b9ce08; text-decoration:none; border: none;}
a:hover {color:#b9ce08;text-decoration: underline; border: none;}


/* page */

#page {
	width: 960px;
	margin: 0 auto; padding: 0;
	color:#fff;
	overflow: hidden;
	}
	
	
/* Social Icon(s) */
.linkedin {
	position:absolute;
	width:24px;
	height:24px;
	margin:8px 0px 36px 190px;
	background: url(images/Linkedin24x24.png) no-repeat;
}

	.linkedin a:hover {
		position:absolute;
		width:24px;
    		height:24px;
    		margin:9px 0px 36px 190px;
    		background: url(images/Linkedin24x24.png) no-repeat;
	}

.facebook {
	position:absolute;
	width:24px;
	height:24px;
	margin:8px 0px 36px 220px;
	background: url(images/Facebook24x24.png) no-repeat;
}

.twitter {
	position:absolute;
	width:24px;
	height:24px;
	margin:8px 0px 36px 250px;
	background: url(images/Twitter24x24.png) no-repeat;
}

.youtube {
	position:absolute;
	width:24px;
	height:24px;
	margin:8px 0px 36px 280px;
	background: url(images/YouTube24x24.png) no-repeat;
}


}




/* header */
	
	#header {
		width: 960px; height: 520px;
		}
		
		#header h3 {
			margin:33px 0 36px 551px; padding:0;
			}
			
			#header h3 a {
				width:409px; height:36px;
				text-indent:-999em;
				display:block;
				outline:none;
				background:url(images/header-sprite.png) no-repeat 0 0;
				}
				
				#header h3 a:hover {
					background-position: 0 -36px;
					}
			
	
/* main menu */

		#menu {
			width:960px;
			margin:18px 0 0; padding:0;
			}
			
			#menu h2 {
				display:none;
				}


/* Superfish (dropdown) menu Essential Styles (DO NOT CHANGE THESE) */
.sf-menu, .sf-menu * {
	margin:	0; padding:	0;
	list-style:	none;
	}
	
.sf-menu {
	line-height: 1.0;
	}
	
	.sf-menu ul {
		width: 10em; /* left offset of submenus need to match (see below) */
		position: absolute;
		top: -999em;

		}
		
		.sf-menu ul li {
			width: 100%;
			}
			
			.sf-menu li:hover {
				visibility: inherit; /* fixes IE7 'sticky bug' */
				z-index:2000;
				}

			.sf-menu li {
				float:			left;
				position:		relative;
				}
				
			.sf-menu a {
				display:		block;
				position:		relative;
				}
				
			.sf-menu li:hover ul,
			.sf-menu li.sfHover ul {
				left:			0;
				top:			1.5em; /* match top ul list item height */
				z-index:		9000;
				}	
				
			ul.sf-menu li:hover li ul,
			ul.sf-menu li.sfHover li ul {
				top:			-999em;
				}
				
			ul.sf-menu li li:hover ul,
			ul.sf-menu li li.sfHover ul {
				left:			10em; /* match ul width */
				top:			0;
				}
				
			ul.sf-menu li li:hover li ul,
			ul.sf-menu li li.sfHover li ul {
				top:			-999em;
				}
				
			ul.sf-menu li li li:hover ul,
			ul.sf-menu li li li.sfHover ul {
				left:			10em; /* match ul width */
				top:			0;
				}


/* Superfish (dropdown) menu Skin */
			
			.sf-menu {
				margin: 0px 40px 37px 0 !important; padding: 0;
				float:right;
				}
				
				.sf-menu li {
					}	
				
					.sf-menu a {
						margin: 0; padding:2px 7px;
						text-decoration:none;
						color:#fff !important;
						font-family:Verdana, Arial, Helvetica, sans-serif;
						font-size: 10pt !important;
						}
					
						.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
							color: #fff;
							}
							
					.sf-menu li ul {
						}
			
						.sf-menu li li {
							background:		#000;
							}
				
							.sf-menu li li a, .sf-menu li li li a {
								padding: .75em 1em;
								border-bottom:1px solid #1a1a1a;
								}
					
								.sf-menu li li li {
									background:		#000;
									}
			
						.sf-menu li:hover, .sf-menu li.sfHover,
						.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
							outline:		0;
							color:#b9ce08 !important;
							}
						
		
				/* arrows */
				.sf-sub-indicator {
					display:none;
					}
				
				/* apply hovers to modern browsers */
				a:focus > .sf-sub-indicator,
				a:hover > .sf-sub-indicator,
				a:active > .sf-sub-indicator,
				li:hover > a > .sf-sub-indicator,
				li.sfHover > a > .sf-sub-indicator {
					background-position: -10px -100px; /* arrow hovers for modern browsers*/
					}
		
	
/* slideshow */
	
		#slideshow {
			width:797px; height:251px;
			margin:35px 0 0 136px; padding:0;
			clear:both;
			z-index:400;
			position:relative;
			}
			
			@media screen and (-webkit-min-device-pixel-ratio:0;) {
				#slideshow {
					margin-left:137px;
					}
				}
				
				#slideshow img {
					position:absolute;
					top:0; left:0;
					}
							
		#shim {
			width:474px; height:253px;
			margin:0 0 -253px;
			position:relative;
			top:-253px; left:134px;
			background:url(images/slideshow-shim-bg.png) no-repeat 0 0;
			z-index:500;
			}
			
			@media screen and (-webkit-min-device-pixel-ratio:0;) {
				#shim {
					left:135px;
					}
				}


/* Misc. Calls-To-Action */

		#call-remax-logo {
			width:165px; height:126px;
			margin:-103px 0 0;
			}
			
			#call-remax-logo a {
				width:165px; height:126px;
				display:block;
				overflow:hidden;
				outline:none;
				background:url(images/header-sprite.png) no-repeat 0 -72px;
				text-indent:-999em;
				z-index:600;
				}
				
				#call-remax-logo a:hover {
					background-position:0 -198px;
					}

#call-search-mls {
	width:204px; height:97px;
	margin:12px 0 0 743px;
	display:block;
	overflow:hidden;
	outline:none;
	background:url(images/header-sprite.png) no-repeat -165px -72px;
	text-indent:-999em;
}
				/*
Erik Schweigert modification
		#call-search-mls {
			width:204px; height:97px;
			margin:12px 0 0 743px;
			}
			
			#call-search-mls a {
				width:204px; height:97px;
				display:block;
				overflow:hidden;
				outline:none;
				background:url(images/header-sprite.png) no-repeat -165px -72px;
				text-indent:-999em;
				}
				
				#call-search-mls a:hover {
					background-position:-165px -169px;
					}
	
*/

/* content */
	
	#content {
		width:553px;
		margin:0 75px 0 0; padding:0;
		float: right;
		color:#999;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		}
		
		#content.wide {
			width:905px;
			margin:0 0 0 27px;
			float:left;
			}	
			
			#content.wide iframe {
				margin-left:77px;
				}
		
		#content h1.page-title {
			margin:18px 0 32px; padding: 0 0 18px;
			text-transform:uppercase;
			font-weight:lighter;
			font-size:19px;
			color:#fff;
			background:url(images/content-separator.jpg) no-repeat 0 bottom;
			}
			
			#content.wide h1.page-title {
				background:url(images/sidebar-separator.jpg) no-repeat 0 bottom;
				}
			
			#content h1.page-title a {
				color:#fff !important;
				}
			
		#content p {
			padding-bottom:20px;
			line-height:20px;
			}
			
		#content strong, #content em {
			color:#fff;
			}
			
		#content ul {
			margin:0 0 0 20px; padding:5px 0;
			}
			
			
/* page-specific styles */			

		#content.blog-resources-pages ul {
			list-style:none;
			}
			
			#content.blog-resources-pages ul ul {
				list-style:disc;
				margin:0 0 0 20px;
				}
				
				#content.blog-resources-pages li.linkcat h2 {
					display:none;
					}
			

/* sidebar */

	#sidebar {
		width: 278px;
		margin:0 0 24px 29px; padding: 0;
		float:left;
		}
	
		#sidebar h4.sidebar-title {
			margin:20px 0 33px; padding:0 0 19px;
			text-align: left;
			font-weight:normal;
			font-size:16px;
			text-transform:uppercase;
			background:url(images/sidebar-separator.jpg) no-repeat bottom center;
			}
			
			#sidebar h4.sidebar-title span.accent {
				color:#b9ce08;
				}
				
		.post-synopsis {
			margin:0 0 30px;
			border-bottom:1px solid #111301;
			}

			
			.post-date {
				width:32px;
				margin: 0 17px 0 1px; padding:2px 0 0;
				float:left;
				background:#b9ce08;
				font-family:"Times New Roman", Times, serif;
				text-transform:uppercase;
				text-align:center;
				}
				
				@media screen and (-webkit-min-device-pixel-ratio:0;) {
					.post-date {
						margin-top:1px;
						}
					}
				
				.post-date span.month {
					margin:0; padding:0;
					font-size:11px;
					}
					
				.post-date span.day {
					margin:-3px 0 0;
					font-size:15px;
					display:block;
					}
				
			.post-synopsis h4.post-title {
				font-size:15px;
				font-weight:normal;
				line-height:16px;
				}
				
				.post-synopsis.featured h4.post-title {
					margin-top:-10px; padding-bottom:8px;
					}
								
				.post-synopsis h4 a {
					color:#fff;
					}
					
					.post-synopsis h4 a:hover {
						color:#fff;
						text-decoration:underline;
						}
				
			.post-synopsis a img {
				border:none;
				}
			
			.post-synopsis img.thumb {
				width:95px; height:95px;
				float:left;
				margin:2px 16px 5px 0;
				border:1px solid #000;
				}
				
				.post-synopsis img.thumb:hover {
					border:1px solid #b9ce08;
					}
				
			.post-synopsis .content {
				margin:0;
				font-family: "trebuchet ms", Arial, Helvetica, sans-serif;
				color:#b9ce08;
				font-size:11px;
				line-height:18px;
				}
				
				.post-synopsis.featured .content {
					margin:0 0 10px;
					}
				
				.post-synopsis .content img, .post-synopsis .content iframe, .post-synopsis .content p.addtoany_share_save_container {
					display:none;
					}
					
				.post-synopsis .content a {
					color:#666 !important;
					text-decoration:underline;
					}
					
					.post-synopsis .content a:hover {
						color:#fff !important;
						}
						
				.post-synopsis .content h1, .post-synopsis .content h2, .post-synopsis .content h3, .post-synopsis .content h4 {
					font-size:11px !important;
					margin:0 !important; padding:0 !important;
					font-family: "trebuchet ms", Arial, Helvetica, sans-serif !important;
					line-height:18px !important;
					}
				
			.post-synopsis .comments {
				padding:10px 0 7px 7px;
				clear:both;
				font-family:"Times New Roman", Times, serif;
				font-size:13px;
				color:#666;
				}
				
				.post-synopsis .comments a {
					color:#666;
					}
					
					.post-synopsis .comments a:hover {
						color:#fff;
						text-decoration:underline;
						}
						
						
		#sidebar ul {
			list-style:none;
			}
			
			#sidebar li.linkcat h2 {
				display:none;
				}
			
		#sidebar-search {
			margin:20px 0; padding:20px 0 0;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			background:url(images/sidebar-separator.jpg) no-repeat 0 0;
			}

			#sidebar-search form#searchform {
				padding-bottom:20px;
				background:url(images/sidebar-separator.jpg) no-repeat bottom center;
				}
							
				#sidebar-search form#searchform input#s {
					width:200px;
					}
			
		#sidebar ul#sidebar-blog-nav {
			margin:-3px 0 0;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;	
			}
			

/* footer */

	#footer {
		width: 100%; height:451px;
		clear:both;
		background:url(images/footer-bg.jpg) no-repeat 0 0;
		font-family:"Times New Roman", Times, serif;
		color:#fff;
		text-align:right;
		}
		
		#footer a {
			color:#fff;
			}
			
			#footer p a:hover {
				color:#fff;
				text-decoration:underline;
				}
				
		#footer a.balloon {
			width:77px; height:109px;
			margin:0 0 0 829px;
			position:relative;
			top:27px;
			display:block;
			}
		
		#footer p.address {
			margin:0 77px 0 0; padding:41px 0 0;
			font-size:10px;
			}
			
		#footer h2 {
			display:none;
			}
			
		#footer ul {
			margin:44px 60px 0 0; padding:0;
			list-style:none;
			}
			
			@media screen and (-webkit-min-device-pixel-ratio:0;) {
				#footer ul {
					margin-top:46px;
					}
				}
			
			#footer li {
				margin:0; padding:0;
				display:inline;
				}
				
				#footer li a {
					margin:0; padding:0 12px;
					font-size:11px;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					}
					
					#footer li a:hover {
						}
						
						#footer ul ul {
							display:none;
							}
			
		#footer p.credits {
			margin:35px 77px 0 0;
			font-size:11px;
			}