/*
Theme Name: seagull
Description: 3 coloumn pro design
Author: Jinsona designs
Author URI: http://web2feel.com/
*/

body {
	margin:0;
	padding-top:0px;
	background:url(images/body2.png) ;
	font-family:Century gothic, Arial,Tahoma,sans-serif;
	color:#fff;
	font-size:13px;
	}
img {
	border:0;
	}
a {
	color:#a9fd07;
	text-decoration:none
	}
a:hover {
	color:#fff;
	text-decoration:none
		}
h1, h2, h3, h4, h5, h6 {
	
	}
blockquote {
	padding-left:10px;
	color:#555;
	font-style: normal;
	
	}
.clear {
	clear:both;
	}

.alignleft {
	float:left;
	padding:2px 0 0 5px;
	}
.alignright {
	float:right;
	padding:2px 0 0 5px;
	}

/* The Wrapper */

.wrapper {
	width:1000px;
	margin:0 auto;
	background:#fff;		
	}
/* Menu */
#foxmenucontainer{
	height:100px;
	background:#0143ae;
	display:block;
	padding:0px 0 0px 14px;
	}
#foxmenu{
	position:relative;
	display:block;
	height:80px;
	font-size:12px;
	font-weight:bold;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	}
#foxmenu ul{
	margin:0px;
	padding:6px 20px 0 0;
	list-style-type:none;
	width:auto;
	float:left;
	}
#foxmenu ul li{
	display:block;
	float:left;
	margin:0 1px 0 0;
	width:107px;
	}
#foxmenu ul li a{
	display:block;
	float:left;
	color:#022054;
	text-align: center;
	text-decoration:none;
	padding:7px 0px 0 5px;
	width: 102px; 
	height: 33px;
	background:transparent url(images/li2.gif) no-repeat top right;
	}
#foxmenu ul li a:hover{
	color:#eee;
	background:transparent url(images/li2.gif) no-repeat top left;
	width: 102px; height: 33px;
	text-align: center;
	}
#foxmenu ul li a.current,#foxmenu ul li a.current:hover{
	color:#fff;
	background:transparent url(images/li2.gif) no-repeat top right;
	}
/* The Top */

.top {
	height:252px;
	margin:auto;
	background:#fff url(images/top.jpg);
	background-repeat:no-repeat;
	
	}
.blogname {
	float:left;
	width:1000px;
	font-family:Century gothic,Verdana,Tahoma,sans-serif;	
	margin:0px 0 0 0;
	}
.blogname h1  {
	font-size:45px;
	font-weight:normal;
	margin:100px 20px 0 0px;
	color:#fff;
	text-decoration: none;
	text-align:right;
	}
.blogname h1  a:link, .blogname h1  a:visited{ 
	color: #fff; 
	text-decoration: none; 
	background-color:transparent;
	}
	
.blogname h1  a:hover { 
	color: #fff; 
	text-decoration: none; 
	background-color:transparent;
	}
.blogname h2 {
	margin:0px 20px 0 0px;
	font-size:16px;
	font-weight:normal;
	color:#fff;
	text-align:right;
	}

	/* The Search */

.search {
	height:29px;
	padding:0px 25px 0 14px;
	float: right;
	}
.search form {
	background:url(images/searchbg2.png);
	width:206px;
	height:29px;
	padding-top:14px;
	padding-left:17px;
	}
.search input {
	float:left;
	}
.search input#s {
	width:160px;
	border:none;
	background:#fff;
	font-size:16px;
	color:#444;
	height:20px;
	}
.search input#submit {
	border:none;
	background:#fff;
	font-size:16px;
	color:#aeaeae;
	height:22px;
	width:35px;
	}	

.content {
	padding:0px 10px 25px 10px;
	background:#0143AE;
	background-repeat:no-repeat;
	}	

#content {
	float: left;
	width: 623px;
	margin: 0px 0px 0px 0;
	padding: 0 0;
	}

.title{
	margin: 0 0 0;
	padding: 0px 0px 0px 5x;
	height:68px;
	background:url(images/title.jpg)
}	
.date {
	float:left;
	height:18px;
	font-size:14px;
	font-family:Century gothic,Verdana,Helvitica,sans-serif;
	padding-left:10px;
	padding-top:7px;
	font-weight:bold;
   	color:#fff;
	}
	
.post {
	margin: 10px 10px 0 5px;
	padding:0px 0px 0px 0px;
	height: 100%;
	text-align:left-align;
	color:#444;
	font: 13px Arial,georgia, sans-serif;
	}

.post h2 {
	margin: 0 0;
	padding: 8px 0px 5px 10px;
	background: transparent;
	text-align: left;
	font: 20px "century gothic", Arial, sans-serif;
	font-weight:normal;

	}

.post h2 a, .post h2 a:link, .post h2 a:visited  {
	color: #fff;
	background-color: transparent;
	}
.post h2 a:hover  {
	color: #fff;
	background-color: transparent;
	}	
	

.postinfo {
	height:24px;
	padding: 7px 5px 2px 2px;
	border-top:1px solid #c7c8c4;
	background:url(images/meta.jpg);
	
			}
		
.postinfo a link{
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	}
.postinfo .category{
	float:left;
	padding:0px 0 0 5px;
	color:#fff;
	font-size:10px;
	}	

.com{
	line-height:15px;
	float:right;
	padding:0px 0px 0 45px;
	background:url(images/comments.gif);
	background-repeat:no-repeat;
	font-size:12px;
}


.post a:link,
.post a:visited {
	color: #fb780b;
	background-color: transparent;
}

.post a:hover {
	color: #fead00;
	background-color: transparent;
	text-decoration: none;
}

.entry {
	margin: 0 0;
	padding: 5px 10px;
	}
.cover{
	margin: 0 0;
	background:#fff ;

	}


/* The Sidebar1*/
.sidebar2 {
	float:left;
	width:170px;
	padding-top:10px;
	padding-right:10px;
	font-size:14px;
	}

.sidebar2 h2 {
	height:29px;
	line-height:29px;
	font-size:16px;
	color:#fff ;
	margin:0;
	background: url(images/rside.jpg);
	background-repeat:no-repeat;
	padding:0px 0 0 10px;
	}
.sidebar2 ul {
	list-style-type: none;
	margin: 0 ;
	padding: 0;

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



.sidebar2 ul ul ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border:0;

	}



.sidebar2 ul ul ul ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border:0;

	}



.sidebar2 li {
	list-style-type: none;
	margin: 0 0 15px 0;
	padding: 0;

	}



.sidebar2 li li {
	list-style-type:none;
	border-bottom:1px solid #738ff2;
	margin: 0;
	background: #5e7de8;
	padding: 3px 10px 3px 10px;

	}



.sidebar2 li li li {
	list-style-type:none;
	border:0;
	margin: 0;
	background: #5e7de8;
	padding: 3px 10px 3px 2px;

	}



.sidebar2 li li li li {
	list-style-type:none;
	border:0;
	margin: 0;
	background: #5e7de8;
	padding: 3px 10px 3px 10px;

	}



.sidebar2 p {
	padding: 7px 10px;
	background:#5e7de8;
	margin:0;

	}
.sidebar2  a:link, .sidebar2  a:visited{
	color:#fff;
		}	
.sidebar2  a:hover {
	color:#00297a;
		}
.sidebar2 table {
	width:100%;
	text-align:center;
	background-color:#5e7de8;
	color:#fff;
	}
		
/* The Sidebar1 */
.sidebar1 {
	float:right;
	width:170px;
	padding-top:10px;
	padding-right:5px;
	font-size:14px;

	}

.sidebar1 h2 {
	height:28px;
	line-height:28px;
	font-size:16px;
	color:#fff ;
	margin:0;
	background:#007fb2 url(images/rside.jpg);
	background-repeat:no-repeat;
	padding:0px 0 0 10px;
	}
.sidebar1 ul {
	list-style-type: none;
	margin: 0 ;
	padding: 0;

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

	}



.sidebar1 ul ul ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border:0;

	}



.sidebar1 ul ul ul ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border:0;

	}



.sidebar1 li {
	list-style-type: none;
	margin: 0 0 15px 0;
	padding: 0;
background: #5e7de8;
	}



.sidebar1 li li {
	list-style-type:none;
	border-bottom:1px solid #738ff2;
	margin: 0;
	background: #5e7de8;
	padding: 3px 10px 3px 10px;

	}



.sidebar1 li li li {
	list-style-type:none;
	border:0;
	margin: 0;
	background: #5e7de8;
	padding: 3px 10px 3px 2px;

	}



.sidebar1 li li li li {
	list-style-type:none;
	border:0;
	margin: 0;
	background: #5e7de8;
	padding: 3px 10px 3px 10px;

	}



.sidebar1 p {
	padding: 7px 10px;
	background:#5e7de8;
	margin:0;

	}
.sidebar1  a:link, .sidebar1  a:visited{
	color:#fff;
		}	
.sidebar1  a:hover {
	color:#00297a;
		}
.sidebar1 table {
	width:100%;
	text-align:center;
	background-color:#5e7de8;
	color:#fff;
	}
/* --- FOOTER --- */

#footer {
	height:75px;
	padding:7px 0 0 0px;
	background:#0143AE ;
	color:#fff;
	font-size:10px;
	font-weight:normal;
	text-align:center;
	letter-spacing:1px;
	}

#footer a {
	color:#fad53f;
	}

#footer a:hover {
	color:#eee;
	}
.crss{
	float:left;
	padding-left:0px;
}
.erss{
	float:left;
	
}
.credits{
	padding:15px 5px 0 0;
	float:right;
}

/* The Navigation */

.navigation {
	height:25px;
	padding:0 20px;
	}
.navigation a {
	font-weight:bold;
	text-decoration:none;
	font-size:14px;
	color:#fff;
	}
.navigation a:hover {
	color:#eee;

	}

/* The Attachment */

.contentCenter {
	text-align:center;
	}

/* The Page Title */

h2.pagetitle {
	padding:0;
	margin:0 0 20px 0;
	font-size:25px;
	text-align:center;
	}

/* The Comments */

.comments {
	}
.comments form {
	}
.comments textarea {
	width:90%;
	height:156px;
	background:#fff;
	border:1px solid #F2C9A9;
	color:#fbdd49;
	padding:10px;
	overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	}
#commentform {
	padding-left:23px;
	}
#commentform input {
	background:#fff;
	border:1px solid #F2C9A9;
	color:#222;
	padding-left:10px;
	}
.comments input#submit {
	padding:0;
	width:72px;
	height:29px;
	}
.comments h2 {
	font-size:19px;
	line-height:30px;
	margin:24px 0 0 23px;
	padding:0;
	font-weight:normal;
	}
.comments ol li p {
	padding:0;
	margin:10px 0;
	color:#fef3ba;
	}
                Navigation menu below here
*******************************************************************/

/*** 
Custom modificiation for active category 
***/ 
   /** Active **/
#current > a:first-child {background:#000!important}
#current > a > span:first-child {background:#000!important;}
   /** Active hover **/
#current:hover > a:first-child {background:#000 url(menu/pro_dropdown_6/six_1.gif) no-repeat top left!important;}
#current:hover > a > span:first-child {background:#000 url(menu/pro_dropdown_6/six_1.gif) no-repeat top right!important;}

/***   
END modificiation for active category  
***/ 

#nav {
      padding:0; margin:0; list-style:none; 
      height:38px; background:#000 url(menu/pro_dropdown_6/six_0.gif) repeat-x; 
      position:relative; z-index:200; font-family:arial, verdana, sans-serif;
}

#nav li.ttop {display:block; float:left;}

#nav li a.top_link {
      display:block; float:left; height:35px; line-height:33px; 
      color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; 
      padding:0 0 0 12px; cursor:pointer;
      background-image: url(menu/pro_dropdown_6/six_0.gif);
}

#nav li a.top_link span {
      float:left; display:block; padding:0 24px 0 12px; height:35px; 
      background:transparent url(menu/pro_dropdown_6/six_0.gif) right top no-repeat;
}

#nav li a.top_link span.down {
      float:left; display:block; padding:0 24px 0 12px; height:35px; 
      background: url(menu/pro_dropdown_6/six_0a.gif) no-repeat right top;
}

/* #nav li#current:hover a.top_link, */
#nav li:hover a.top_link,
#nav a.top_link:hover {
      color:#fff; 
      background:transparent url(menu/pro_dropdown_6/six_1.gif) no-repeat;
}

/* #nav li#current:hover a.top_link span, */
#nav li:hover a.top_link span, 
#nav a.top_link:hover span {
      background:transparent url(menu/pro_dropdown_6/six_1.gif) no-repeat right top;
}

/* #nav li#current:hover a.top_link span.down, */
#nav li:hover a.top_link span.down,
#nav a.top_link:hover span.down {
      background:transparent url(menu/pro_dropdown_6/six_1a.gif) no-repeat right top; 
      padding-bottom:3px;
}
#nav table {
      border-collapse:collapse;background-color:#000;
      padding:0; margin:0; position:absolute; left:0; top:0;
}
#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:nowrap; z-index:200;}

#nav :hover ul.sub {
      left:1px; top:38px; 
      padding:3px;
      border:1px solid #0143AE;
      white-space:nowrap; 
      width:250px;
      height:auto;z-index:300;
}

#nav :hover ul.sub li {
      display:block; height:20px; position:relative; 
      float:left; width:inherit; font-weight:normal;        
}
   
   /* The menu backgrounds */
   #nav li:hover li:hover > ul,
   #nav li:hover > ul ul,
   #nav :hover ul.sub {
        background-image:url('http://stylishhowto.webs.com/r3_c4.png');
        background-color:transparent;
        background-repeat:repeat;
        }

   /* The menu item backgrounds */
   #nav :hover ul.sub li {
        background-image:none;
        background-color:transparent!important;
        }


/** Adds margin above each menu item after the first **/
#nav :hover ul.sub li+li {margin-top:3px!important;}

#nav :hover ul.sub li a {
      display:block; font-size:11px; height:18px; 
      width:248px; line-height:18px; text-indent:5px; 
      color:#fff; text-decoration:none;border:1px solid transparent;
}

#nav :hover ul.sub li a:hover {
      /* Hover menu item */
      background:#3f96a9 none;color:#fff;border-color:#fff;
}

#nav li ul.sub li a.fly {
      /* Menu item that is a sub-menu */
      background:transparent url(menu/pro_dropdown_6/arrow_over.gif) 120px 6px no-repeat;
}

#nav :hover ul.sub li a.fly:hover {
      /* Hover sub-menu item */
      background:#3f96a9 url(menu/pro_dropdown_6/arrow_over.gif) 120px 6px no-repeat;
      color:#fff;
}
/* If using title in drop down menu */
#nav li b {
      display:block; font-size:11px; height:18px; width:248px; 
      line-height:18px; margin-bottom:3px; text-indent:6px; 
      color:#ff6; border-bottom:1px solid #000; cursor:default;
}
/* end title bit */

/* sub sub stuff, unused with current amount of links and menus, leave to ensure nothing required is missing though just to be sure... */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul {
      left:129px; top:-4px; background:inherit; 
      padding:3px; border:1px solid inherit; 
      white-space:nowrap; width:240px; 
      z-index:400; height:auto;
}

#nav ul, 
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul {
      position:absolute; left:-9999px; top:-9999px; 
      width:0; height:0; margin:0; padding:0; list-style:none;
}
#nav li:hover li:hover > ul {
      left:130px; top:-4px;
      padding:3px; border:1px solid #0b4d97; 
      white-space:nowrap; width:250px; z-index:400; height:auto;
}
#nav li:hover > ul ul {
      position:absolute; left:-9999px; top:-9999px;
      /* Set bg color for sub-menu */ 
      width:0; height:0; margin:0; padding:0; list-style:none;
}
#nav li:hover li:hover > a.fly {
      background:#3f96a9 url(menu/pro_dropdown_6/arrow_over.gif) 120px 6px no-repeat; 
      color:#fff; border-color:#fff;
} 
#nav li:hover li:hover > li a.fly {
      background:#50b5d0 url(menu/pro_dropdown_6/arrow.gif) 120px 6px no-repeat; 
      color:#000; border-color:#50b5d0;
}