/*
Theme Name: Coogee
Theme URI: http://imotta.cn/wordpress/coogee-theme-v02-for-wordpress.html
Description: A simple 2-Column WordPress theme. Widget ready.
Version: 0.2.2
Author: motta - Modified David
Author URI: http://imotta.cn/
Tags: coogee, fixed width, two columns, blue
*/

*{margin: 0; padding: 0;}

body, html{
	color: #333333;
	font-family: Arial,sans-serif, "Lucida Grande", "Segoe UI", "Bitstream Vera Sans", Tahoma, Verdana;
	font-size: 14px;
	line-height: 160%;
	margin: 5px;
	padding: 0;

}

a{	color: #1c26cc;	
	outline-color: invert;
	outline-style: none;
}

a img{	border: 0;}

a:hover{color: #ff5400;
font-weight: bold;}

blockquote{
	background-color: #eeeeee;
	margin: 10px 30px 10px 20px;
	padding: 5px 10px;
	border: 1px solid #dddddd;
	border-left: 2px solid #91aa9d;
}

code{
	background-color: #fafafa;
	font-family: "Courier New", Courier;
	margin: 10px 20px;
	border: 1px dashed #dddddd;
	color: #777777;
	padding: 0 5px 2px;
	line-height: 180%;
	display: block;
}

/*------------------------ Header ------------------------*/
#header{
	height: 97px;
	margin: 0;
	padding: 0;
}
#header .header_wrapper{
	width: 960px;
	height: 95px;
	margin: 0 auto;
	padding: 0;
}
/* Header ----------------------------------------------------------New-----*/
#header1 {
	margin: 0;
	padding: 0;
}
#header1-logo { 
        float: left; 
        width: 150px;
}
#header1-logo a.srollover {
        display: block;
        width: 100px;
        height: 91px;
        background: url("images/esalogo-rollover.gif") 0 0 no-repeat;
        text-decoration: none;
}
#header1-logo a:hover.srollover {
        background-position: 0 -91px;
}

#header1text {
	height: 75px;
	width: 650px;
        float: left;
	}
#header1text h1,
#header1text  h1 a {
	font-size: 38px;
	text-align: center;
color: #1c26cc;	
        margin:10px 0px 0px 0px;
text-decoration: none;
}
#header1text a:hover {
	color: #f49b03;
	text-decoration: none;
}
#header1text h3 {
	font-size: 14px;
	text-align: center;
	font-weight: normal;
	color: #1c26cc;
     margin:15px 0px 0px 0px; 
}
#header1skip {
	height: 75px;
	float: right;
        width: 150px;
	}
#header1skip  a:link {
	color: #3d3d3d;
	font: normal 1em Arial, Verdana, Helvetica, sans-serif;
	text-decoration:underline;
	text-align: left;
}
#header1skip  a:hover {
	color: #EA7521;
}
/* -------------------Header Nav Tabs------------------------------------------*/
#navcontainer    ul   { width: 100%;
	margin: 0;
	padding: 0;                        
         border: 0;
         border-bottom: 3px solid #1c26cc; 
                        color: #ffffff;  
                        font-family: arial, helvetica, sans-serif;
                        font-weight: bold
                        text-align:right;

}
#navcontainer  ul li {  display: inline;  }
#navcontainer  ul li a   {
                        margin:5px 5px 0px 5px; 
                        padding:3px 10px 3px 10px; 
        border-color:1c26cc;
        border-width:1px;
                        font-weight: bold;
                        text-decoration: none;
                        background-color: #f3f4ee;
                        color: #000000;
                        align:right;
}
#navcontainer  ul li a:hover,
#navcontainer  ul li.current_page_item a,
#navcontainer  ul li.current_page_ancestor a   {
border-color:1c26cc;
border-width:1px;
                        background-color: #1c26cc;
                        color: #ffffff;
}

/*------------------------ Container & Main ---------------------------------------*/
#container{     width: 960px;
                background-color: #55ffff;
	        margin: 0 auto;
                border-top: 4px solid #1c26cc; 
}
#main{   	float: left;
	        width: 650px;
	        overflow:hidden;
	        padding-left: 10px;
	        padding-top: 0px;
	        padding-bottom: 20px;
                background-color: #ffffff;
}
.entry h2{      color:#193441; 
	        font-size: 20px;
	        margin: 0 0 8px; 
	        padding:0;}
.entry h3{      color:#193441; 
	        font-size: 16px;
	        margin: 20px 0 8px 8px; 
	        padding: 0;}

.post{   	margin-top: 20px;
	        margin-bottom: 40px;
	        font-size: 13px;
	        text-align: left;}

.postdate{      float: left;
	        display: block;
	        background: url(images/date.gif) no-repeat;
	        height: 48px;
	        width: 48px;
		line-height: 160%;
		margin-right: 10px;}

.month{         text-transform: uppercase;
		text-align: center;
		color: #fcfff5;
		font-size: 12px;}

.date{  	text-align: center;
		margin-top: 2px;
		font-size: 18px;}

.postmeta{      color: #666666;
		font-size: 12px;}

.postmeta_category{
	background: url(images/category.gif) no-repeat;
	padding: 0 5px 0 18px;}

.postmeta_comments{
	background: url(images/comments.gif) no-repeat;
	padding-left: 18px;}

.postmeta_author{
	background: url(images/author.gif) no-repeat;
	padding: 0 5px 0 18px;}

.postmeta_time{
	background: url(images/time.gif) no-repeat;
	padding-left: 18px;}

.postmeta_category a{
	color: #666666;}

.postmeta_comments a{
	color: #666666;}

.title{		height: 48px;}

.title h2{	line-height: 80%;}

.title h2 a{	color: #3e606f;
		font-size: 20px;
		line-height: 140%;}

.title h2 a:hover{	color: #db5104;}

.title .postmeta a:hover{	color: #db5104;}

.post p{	margin: 5px 0;
		padding: 5px 20px 5px 0;}

.post ul, .post ol{	margin: 10px 0 10px 0;
			padding-left: 40px;
			padding-right: 40px;}

.post li{	padding: 2px 0 2px 0;}

.entry {	margin: 20px 0 5px 0;
		padding-bottom: 5px;
		border-bottom: 1px dashed #cccccc;}

.entry a {	text-decoration: underline;
		color: #0066cc;
		/*border-bottom: 1px dotted #0066cc;*/  }

.entry a:hover {	text-decoration: underline;
			color: #db5104;
			/*border-bottom: 1px solid #db5104;*/  }

.tags {		background: url(images/tags.gif) no-repeat;
		padding-left: 20px;
		color: #666666;}

.tags a {	color: #666666;
		text-decoration: underline;}

.tags a:hover {	color: #db5104;
		text-decoration: underline;}

.info {		padding: 10px 0;
		color: #666666;}

.info a{	color: #666666;}

.info a:hover{	color: #ff5400;}

.relate h3 {	color: #3e606f;
		font-size: 16px;}

.relate ul {	list-style-type: decimal;}

.navi {		clear: both;
		padding-bottom: 20px;}

.navi .left {	float: left;}

.navi .right {	float: right;}

.navi a {	color: #777777;
		border-bottom: 1px dashed #999999;}

.navi a:hover {	color: #db5104;
		border-bottom: 1px solid #db5104;}

.alignleft {	padding-right: 5px;
		float:left;
		text-align:left;}

.alignright {	padding-left: 5px;
		float:right;
		text-align:right;}

/*------------------------ Comments ------------------------*/

.commentstitle {border-top: 1px solid #e3e5e4;}

h3 {		color: #3e606f;
		font-size: 18px;
		line-height: 130%;}

.commentstitle h3 {	padding-bottom: 10px;
			padding-top: 10px;}

.commentsnumber {	color: #db5104;}

.trackback {	float: right;
		padding-top: 10px;
		padding-right: 12px;}

.trackback a {	color: #999999;
		font-size: 12px;}

.commentlist {	color: #666666;
		list-style-type: none;
		padding: 10px 12px;}

.commentlist a {color: #0066cc;}

.commentlist a:hover {	color: #db5104;
			border-bottom: 1px solid #db5104;}

.commentlist li {	border-bottom: 1px solid #e3e5e4;
			padding: 15px 5px 30px 5px;}

.alt {		background-color: #f9f9f9;}

.top, .time a {	color: #999999;}

.avatar {	float: right;
		width: 32px;
		height: 32px;
		display: block;
		padding: 2px;
		border: 1px solid #dddddd;
		margin: 5px;}

/*------------------------ Comments Form ------------------------*/

#respond {	font-size: 18px;
		color: #3e606f;
		margin-bottom: 15px;
		margin-top: 10px;}

#commentform p {margin-bottom: 15px;}

input#author, input#email, input#url, textarea#comment {
		margin-left: 12px;
		border: 2px solid #e3e5e4;
		padding: 2px;
		width: 200px;
		background-color: #f9f9f9;} 

textarea#comment {	width: 450px;
			height: 200px;}

input#author:focus, input#email:focus, input#url:focus, textarea#comment:focus {
		color: #666666;
		border: 2px solid #f1b39b;
		background-color: #ffffff;}

label {		margin-left: 5px;
		font-size: 12px;}

input#submit {	margin-left: 12px;
		background-color: #f9f9f9;
		border: 2px solid #e3e5e4;
		width: 80px;
		padding: 2px 5px;
		color: #666666;
		font-size: 12px;}


 /*-- ------------------ Sidebar ------------------------*/
#sidebar {		float: right;
			width: 290px;
			overflow: hidden;
			border: 1px solid #e3e5e4;
			border-top: 0;
			background: #f3f4ee;
			line-height: 100%;
			margin-bottom: 20px;}

#sidebar ul{	   padding: 0 15px;    }    

#sidebar ul li .page_item.current_page_item a{
			color: #1c26cc;
                        font-weight: bold}  /*-- Curent Page colour Sidebar --*/

#sidebar ul li .page_item.current_page_item li ul li a,
#sidebar ul li .page_item.current_page_item li a,
#sidebar a{		color: #666666;     /*-- Link colour Sidebar --*/
			text-decoration: none;}

#sidebar ul li .page_item.current_page_item li ul li a:hover,
#sidebar ul li .page_item.current_page_item li a:hover,
#sidebar a:hover{	color: #1c26cc;
                        font-weight: bold}  /*-- Hover colour in Sidebar --*/

#sidebar ul h2{		font-size: 18px;
			line-height: 120%;
			padding-bottom: 3px;
			margin-bottom: 6px; 
			color: #3e606f;
			border-bottom: 1px solid #e3e5e4;}

#sidebar ul li{		list-style: none;
			line-height: 110%;
			font-size: 14px;
			padding-bottom: 15px;  
}

#sidebar ul ul{		padding: 0px 10px;}

#sidebar ul ul li{	border-bottom: 1px solid #eeeeee;
			padding: 2px 0;
			background: url(images/side.gif) no-repeat 0 10px;
			padding-left: 16px;}

#sidebar ul ul li ul{	padding-left: 5px;
			margin-bottom: 0;}

#sidebar ul ul li ul li{list-style: none;
			line-height: 120%;
			font-size: 14px;
			border-bottom: 0;
			background: none;}

/*------------------------ Search Form ------------------------*/

#searchform {	background: url(images/search.gif) no-repeat left top;
		height: 32px;
		width: 260px;}
#searchform:hover {background: url(images/search.gif) no-repeat left bottom;}
#searchinput {	vertical-align: middle;
                background:none;
		border: none;
		width: 170px;
		height: 23px;
        	padding: 0 5px 0 10px; 
		color: #999999;}
#searchsubmit {	background: none;
		border: none;
		width: 60px;
		height: 30px;
		cursor:pointer;}

/*------------------------ Sidebar Search ------------------------*/

#sidebar ul li form   {	margin: 10px 0;}

/*------------------------ Calender ------------------------*/

#wp-calendar {		width: 260px;
			text-align: center;
			margin-top: 5px;}

#wp-calendar th {	margin-top: 5px;}

#wp-calendar caption {	font-size: 12px;
			margin-top: 5px;}

#wp-calendar a {	text-decoration: none;
			color: #0066cc;}

#wp-calendar a:hover {	text-decoration: underline;
			color: #db5104;}



/*------------------------ Default Sidebar for Coogee Theme

#search form{			margin-top: 5px;
				margin-bottom: 20px;}

#sidebar ul ul.feed_item li{	background: none;
				padding:0 0 3px 0;
				border: none;}

#sidebar .feed a{		margin-left: 10px;
				padding-left: 20px;
				background: url(images/feed.gif) no-repeat;}

.tagcloud{			padding: 0 10px;}   ------------------------*/

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

#footer {			border-top: 2px solid #dddddd;
				clear: both;
				width: 100%;
				color: #777777;}

#footer a, #footer a:hover {	color: #666666;}

#footer .footer_wrapper{	margin: 0 auto;
				width: 960px;}

#footer .footer_left{		float: left;
				padding: 10px 0 20px 0;
				line-height: 160%;}

#footer .footer_right{		float: right;
				padding: 10px 0 20px 0;
				line-height: 160%;}

/*------------------------ Archives Page ------------------------*/

.archivespage_tag {		border: 1px solid #e3e5e4;
				margin: 0px 12px 20px 12px;
				padding: 5px;}

.archivespage_tag a {		color: #999999;
				text-decoration: none;}

.archivespage_tag a:hover {	color: #db5104;}

.archiveslist {			list-style-type: none;
				margin: 5px 12px 10px 12px;}

.archiveslist li a, .archiveslist li a:visited {
				color: #666666;
				text-decoration: none;
		font-size: 16px;
                font-weight: bold}

.archiveslist li a:hover {color: #db5104;
		font-size: 16px;
                font-weight: bold}

.archivesnumber {		color: #db5104;}

/*------------------------ Link Page ------------------------*/

.linkpage ul {			padding: 10px 12px;
				list-style-type: none;}

.linkpage ul li {		float: left;
				margin-bottom: 10px;}

.linkpage ul li ul li {		float: left;
				width: 140px;
				text-align: center;
				margin: 3px 5px;
				line-height: 180%;
				background-color: #ffffff;
				border: 1px solid #e3e5e4;}

.linkpage ul li ul li a {	color: #999999;
				display: block;
				text-decoration:none;}

.linkpage ul li ul li a:hover {	background-color: #eeeeee;
				color: #333333;}

/*------------------------ Page Template ------------------------*/
.title_page       { margin-bottom: 20px;}
.title_page h2    { padding-left: 10px; font-size: 20px; line-height: 180%; color: #3e606f;}

/*------------------------ wp-thread-comment plugin ------------------------*/
.thdrpy { text-align: left; font-size: 12px; margin: 10px 0;}
/*------------------------ official alignment ------------------------*/
.aligncenter { display: block;	margin-left: auto; margin-right: auto;}
.alignleft { float: left;}
.alignright { float: right;}
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px;
	-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px;	border-radius: 3px;}
.wp-caption img { margin: 0; adding: 0;	border: 0 none;}
.wp-caption-dd {font-size: 11px; line-height: 17px; padding: 0 4px 5px;	margin: 0;}