/*
Theme Name: Zen In Grey
Theme URI: http://blog.sajithm.com/index.php?p=337
Version: 1.0
Description: 3 Column theme
Author: Sajith M
Author URI: http://blog.sajithm.com/
*/

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

body {
	font-size: 14px;
	padding: 0px;
	margin: 0px;
	color: #000000;
	border: 0px solid #d6d3d3;
	font-family: "georgia", "times new roman", serif;
	min-width: 760px;
	background: url('images/bkgd.gif') top left repeat-y;
	height: 100%;
}

html {
	height: 100%;
}

body.home {
	font-size: 14px;
	padding: 0px;
	margin: 0px;
	color: #000000;
	border: 0px solid #d6d3d3;
	font-family: "georgia", "times new roman", serif;
	min-width: 760px;
	background: #FFFFFF;
}

input ,textarea
{
	color: #3B3B3B;
	border: 1px solid #d6d3d3;
	font-family: "georgia", "times new roman", serif;
}

input:hover,textarea:hover
{
	border: 1px solid #939793;
}

input:focus,textarea:focus
{
	background-color: #d6d3d3;
	border: 1px solid #939793;
}

a 
{
	color: #C67F07;
	text-decoration: none;
}

a:hover 
{
	color: #3B3B3B;
	text-decoration: none;
}

blockquote
{
	color: #000000;
	border: dashed 0px #5C6A74;
	margin: 0.5em 0.5em 0.5em 2em;
	padding: 1.0em 1.0em 1.0em 1.0em;
}

#outer {
	width: 100%;
	min-height: 100%;
	height: 100%;
	margin: 0;
/*	padding: 5px 5px 5px 5px; */
}

#behind {
	background: url('images/r_sidebar_bkgd.gif') top right repeat-y;
}

.left {
	float: left;
}

.right {
	float: right;
}

.center {
	text-align: center;
}

.clear 
{
	clear: both;
}

.divider {
/*	width: 75%;
	height: 34px;
	background: #FFFFFF url('images/border2.gif') repeat-x top left; */
	border-bottom: 1px dotted #888888;
	margin: 0 0 20px 0;
}

#header
{
	width: 100%;
	height: 81px;
	background: #023263 url('images/logo.jpg') no-repeat top left;
	text-align: right;
}

#headerlinks {
	padding: 14px 0 0 0;
	color: #FFCB01;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#headerlinks a{
	color: #FFCB01;
	text-decoration: none;
}

#headercontent
{
/*	font-variant: small-caps; */
	padding: 1em 0.5em 1em 0.5em;
}
#headercontent h1 {
	color: #E4E4E4;
	font-size: 1.5em;
	font-weight: bold;
}
#headercontent h1 a {
	color: #E4E4E4;
	text-decoration: none;
}
#headercontent h1 a:hover {
	color: #FFFFFF;
}
#headercontent h2 {
	color: #E4E4E4;
	font-size: 1.2em;
	font-weight: normal;
}
#header form
{
	padding: 1em 0.5em 1em 0.5em;
}
#headerimage {
	width: 100%;
/*	height: 81px;
	background: #023263 url('images/logo.jpg') no-repeat top left; */
}
#headermenu
{
	font-size: 14px;
	padding: 3px 2px 3px 2px;
	background: #035eb9;
	border-top: #FFCB01 solid 5px;
	border-bottom: #033165 solid 2px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
#headermenu ul li
{
	display: inline;
}
#headermenu ul li a
{
	color: #FFFFFF;
	text-decoration: none;
/*	font-variant: small-caps; */
	padding: 0 15px 0 12px;
	background-image: url('images/diamond_off.gif');
	background-repeat: no-repeat;
	background-position: 0.1em;
	margin-left:10px;
}

#headermenu ul li a:hover
{
	color: #FFFFFF;
	background-image: url('images/diamond_on.gif');
	background-repeat: no-repeat;
	background-position: 0.1em;
}

#support {
	border: 0px;
	position: absolute;
	top: 43px;
	right: 0;
}

#support img {
	border: 0px;
}

#l_sidebar {
	width: 220px;
	float: left;
/*	background: #E8E8E8; */
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #C67F07;
}

#l_sidebar_home {
	width: 220px;
	float: left;
	background: #FFFFFF;
	padding: 1px;
}

#r_sidebar 
{
	width: 160px;
	float: right;
	background-color: #f7f1d7;
	margin-left: -160px;
/*	position: absolute;
	z-index: 200;
	right: 0;
	top: 0; */
/*	margin-top: -355px;
	vertical-align: top;  */
}
#l_sidebarwidgeted
{
/*	margin: 0;
	padding: 0.5em 0.0em 0.5em 0.0em;
	margin-top: -6.5em; */
}
#r_sidebarwidgeted
{
/*	margin: 0;
	padding: 0.5em 0.0em 0.5em 0.0em;
	margin-top: -6.5em; */
} 

#l_sidebar_home .sidebar, #r_sidebar .sidebar {
	margin: 1em;
}

#l_sidebar .sidebar {
	margin: 1em 0 0 0;
}

#l_ sidebar .sidebar h2 {
	color: #C67F07;
	font-size: 14px;
	font-weight: bold;
/*	margin-top: 5.0em; */
}

.pagenav h2 {
	color: #C67F07;
	font-size: 14px;
	font-weight: bold;
/*	margin-top: 5.0em; */
}

#r_sidebar .sidebar h2 {
	color: #C67F07;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
/*	margin-top: 5.0em; */
}

#l_sidebar .sidebar ul {
	list-style-type: none;
	margin: 0.1em 0.1em 0.1em 1.0em;
}

#l_sidebar .sidebar ul li a, #l_sidebar .sidebar ul li a:hover {
	color: #C67F07;
/*	padding-left: 15px;
	background: url('images/boxblue.gif') left no-repeat; */
}

#r_sidebar .sidebar ul {
	list-style-type: none;
	margin: 0.1em 0.1em 0.1em 1.0em;
}

#l_sidebar .sidebar ul li ul {
	list-style-type: none;
	margin: 0.1em 0.1em 0.1em 1.0em;
}

#l_sidebar .sidebar ul li ul li a {
	color: #033165;
	padding-left: 10px;
	background: none;
}

#l_sidebar .sidebar ul li ul li a:hover {
	color: #C67F07;
	padding-left: 10px;
	background: url('images/bluearrow.gif') left no-repeat;
}

#r_sidebar .sidebar ul li ul {
	list-style-type: disc;
	margin: 0.1em 0.1em 0.1em 1.0em;
}

#featured {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
}

#gallery img {
	border: 0;
}

#amazon {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	border-top: #777777 1px solid;
	padding-top: 5px;
}

#amazon h2{
	font-weight: bold;
	color: #000000;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
}

#amazon img{
	border: 0px;
	text-align: center;
}

#amazon a{
	border: 0px;
}

#services {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#news {
	color: #FFCBO1;
	border-bottom: 1px dotted #888888;
	padding: 0 0 15px 0;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#news h3 {
	margin: 0 0 5px 0;
	font-weight: bold;
	font-size: 13px;
}

#news li {
	margin: 0 0 5px 0;
	font-weight: normal;
}	

#topics_r {
	border-bottom: 1px dotted #888888;
	padding: 15px 0 15px 0;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

#calendar_r {
	border-bottom: 1px dotted #888888;
	padding: 15px 0 15px 0;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
#lgbtq_r {
	padding: 15px 0 15px 0;	
}
	#lgbtq_r .flag {
		display: block;
		text-align: center;
		margin-top: 5px;
	}

#content 
{
	max-width: 70%;
	min-width: 200px;
	min-height: 770px;
/*	position: relative;
	z-index: 200; */
	margin-left: 220px;
	padding-right: 160px;
/*	margin-bottom: 20px; */
/*	background: url('images/r_sidebar_bkgd.gif') top right repeat-y; */
}

#content p, #content table {
	padding-bottom: 15px;
} 

#content td {
	padding-bottom: 3px;
} 

.entry ol, .entry ul {
	padding-bottom: 20px;
}

.entry img {
	padding: 4px;
}

.contentbar
{
	margin: 1em;
}
.contentbar ul, .contentbar ol
{
	margin: 0.1em 0.1em 0.1em 2.0em;
}
.contentbar li
{
	margin: 1.0em 0.1em 0.1em 1.0em;
}
.contenttitle
{
	width: 100%;
}
.contenttitleinfo
{
	float: left;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFCB01;
	padding-bottom: 0px;
}

.details {
	font-size: 11px;
	color: #333333;
	font-weight: bold;
}

.contenttitledate
{
	width: 44px;
	height: 49px;
	float: right;
	background-image: url('images/date.gif');
}
.contenttitledate1
{
	color: #E4E4E4;
	font-size: 11px;
	font-weight: bold;
	font-variant: small-caps;
	text-align: center;
}
.contenttitledate2
{
	font-size: 11px;
	font-weight: bold;
	font-variant: small-caps;
	margin: 11px 0px 0px 0px;
	text-align: center;
}

.contentarea
{
/*	clear: both; */
	padding: 3.0em 0.0em 1.0em 0.0em;
}
.contentbar h2
{
	color: #C67F07;
	font-size: 1.2em;
	font-weight: bold;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin-top:10px;
}
.contentbar h2 a
{
	color: #5C6A74;
	text-decoration: none;
}
.contentbar h2 a:hover
{
	color: #3B3B3B;
}
.contentbar h3
{
	margin: 1.5em 0em 0em 0em;
}
.post ul.controls
{
	padding: 0.5em 0.0em 0.5em 0.0em;
}
.post ul.controls li
{
	display: inline;
	font-size: 0.8em;
}
.post ul.controls li a
{
	background-repeat: no-repeat;
	background-position: left;
	padding: 0.0em 1.0em 0.0em 2.0em;
}
.post ul.controls li a.printerfriendly
{
	background-image: url('images/icon-printerfriendly.gif');
}
.post ul.controls li.comments a
{
	background-image: url('images/icon-comments.gif');
}
.post ul.controls li.readmore a
{
	background-image: url('images/icon-more.gif');
}






#commentlist li 
{
	margin-bottom: 1.5em;
	padding-bottom: 1em;
	border-bottom: 1px solid #700000;
}

#commentform 
{
	margin: 1em 0;
	background: #FFFFFF;
	width: 75%;
}

#commentform textarea 
{
	/*background: #f8f7f6;
	border: 1px solid #d6d3d3;*/
	width: 75%;
}
#commentform textarea:hover 
{
	/*background: #FFFFFF;
	border: 1px solid #d6d3d3;*/
}
#commentform textarea:focus 
{
	/*background: #FFFFFF;
	border: 1px solid #939793;*/
}

#commentform #email, #commentform #author, #commentform #url 
{
	font-size: 1.1em;
	/*background: #f8f7f6;
	border: 1px solid #d6d3d3;*/
	width: 75%;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover 
{
	font-size: 1.1em;
	/*background: #FFFFFF;
	border: 1px solid #d6d3d3;*/
	width: 75%;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus 
{
	font-size: 1.1em;
	/*background: #FFFFFF;
	border: 1px solid #939793;*/
	width: 75%;
}
#commentform input
{
	margin-bottom: 3px;
}

#footer
{
	width: 100%;
	color: #FFFFFF;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: -20px 0 0 0;
	background: #023263;
	padding: 6px 0px 6px 0px;
}
#footer a
{
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:hover
{
	color: #FFCB01;
	text-decoration: none;
}
#footer .left
{
	padding: 2px;
}
#footer .right
{
	padding: 2px;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {
	width:1000px; 
	height:16px; 
	font-size: 15px; 
	position:relative; 
	z-index: 400;
	border-right:0px solid #000;
}

/* hack to correct IE5.5 faulty box model */
* html .menu {
	width:760px; 
	w\idth:759px;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
}

.menu ul ul {
	width:150px;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float: left;
	width: 95px;
	position: relative;
}

/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	font-size:14px;
	text-decoration:none;
	color:#fff;
	width:95px;
	height:14px;
	border:0px solid #000;
	border-width:0px 0 0px 0px;
	/*background:#758279;*/
	padding-left:5px;
	line-height:13px;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
	width:161px;
	w\idth:150px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
	background:#035eb9;
}

/* style the second level hover */
.menu ul ul a.drop:hover{
	background:#035eb9;
}

.menu ul ul :hover > a.drop {
	background:#035eb9;
}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
	background:#035eb9;
}

/* style the third level hover */
.menu ul ul ul a:hover {
	background:#035eb9;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:14px;
	left:0;
	width:149px;
	border-top:0px solid #000;
}

/* another hack for IE5.5 */
* html .menu ul ul {
	top:13px;
	t\op:14px;
}

/* position the third level flyout menu */
.menu ul ul ul{
	left:178px;
	top:-1px;
	width:178px;
}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
	left:-178px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {
	position:absolute; 
	top:0; 
	left:0; 
	border-collapse:collapse;
}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
	background:#035eb9; 
	color:#000; 
	height:auto; 
	line-height:1.1em; 
	padding:5px 10px 5px 1px; 
	width:150px;
	border-width:0 0px 0px 0px;
}

/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {
	width:150px;w\idth:128px:
}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
	color:#fff;
	/* background:#949e7c; */
}

.menu :hover > a, .menu ul ul :hover > a {
	color:#fff;
	/*background:#949e7c; */
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {
	visibility:visible;
}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
	visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{
	 visibility:visible;
}


/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.

   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */

/*
.menu ul ul .current_page_item a {
  color: red;
  background: white;
  border-left: 0px solid black;
}

.menu .current_page_item a {
  color: red;
  font-weight: bold;
  background: white;
}

.menu ul .current_page_item ul a {
  color: white;
  font-weight: normal;
  background: black;
}

.menu ul .current_page_item ul a:hover {
  background: gray;
}

.menu .current_page_item a:hover {
  background: white;
} */


#suckerfishnav{
	margin-left:-3px !important;
	margin-top:-5px !important;
	padding-right:3px !important;
	margin-bottom:5px;
        position:absolute;
        z-index:99;
}