/*
Theme Name: Ocean-Blue
Theme URI: http://www.hablogs.com/demo/index.php?wptheme=Ocean-Blue
Description: You will feel like you're at the ocean...
Version: 1.0
Author: Elad Domb
Author URI: http://wordpress.reviewitonline.net
*/

/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */
b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}

/*
CSS General Reset
*/
* {
	font-family: Arial;
	font-size: 1em;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	text-decoration: none;
	vertical-align: baseline;
	white-space: normal;
}

html, body {line-height: 1}
hr {display: none}
blockquote:before, blockquote:after, q:before, q:after {content: ''}
blockquote, q {quotes: "" ""}
ul {list-style-type: none}
ol {list-style-type: decimal}
.clear {clear: both}

a {
	color: #333;
}

a:hover {
	color: #366799;
}

/*
Layout CSS Information
*/
body {
	background: #366799;
	text-align: center;
}

#container {
	width: 1000px;
	background: #fff;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

/*
Header CSS
*/
#header {
	width: 1000px;
	background: #366799;
}

#header_logo {
	float: left;
	padding: 30px 30px 10px 30px;
	background: url(images/logo.png) no-repeat;
	background-position: 3px 3px;
}

#header_logo h1.blogtitle {
}

#header_logo h1.blogtitle a {
	color: #fff;
	font-size: 1.7em;
	line-height: 1.2em;
	letter-spacing: -2px;
}

#header_logo h1.blogtitle a:hover {
	text-decoration: underline;
}

#header_logo .description {
	display: block;
	color: #fffff1;
	font-size: 0.9em;
	line-height: 1.2em;
}

/*
Search bar
*/
#searchbar {
	float: right;
	display: inline;
	margin-right: 5px;
	margin-top: 35px;
	background: #3e88d4;
	padding: 10px;
}

.searchform {
	font-size: 0.7em;
	display: inline;
	vertical-align: middle;
}

.searchform fieldset {
	display: inline;
	vertical-align: middle;
}

.searchform label {
	display: inline;
	vertical-align: middle;
}

.searchform input {
	display: inline;
	vertical-align: middle;
}

.searchform .searchlabel {
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 5px;
	font-family: verdana;
	letter-spacing: -1px;
}

.searchform .searchterm {
	width: 200px;
	padding: 3px;
	color: #666;
	background: #fff;
}

.searchform .searchterm:hover {
	background: #ddd;
}

.searchform .searchbutton {
	text-transform: uppercase;
	background: #444;
	cursor: pointer;
	color: #fff;
	font-size: 1em;
	height: 21px;
	font-weight: bold;
}

.searchform .searchbutton:hover {
	color: #fffff4;
}

/*
Very Top Bar
*/
#top {
	width: 1000px;
	height: 24px;
	background: url(images/topmenu.gif) repeat-x;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

#pagemenu {
	float: left;
	height: 24px;
}

#pagemenu li {
	float: left;
	display: block;
	height: 24px;
	border-right: 1px solid #ddd;
}

#pagemenu li a {
	float: left;
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
	font-size: 0.8em;
	text-transform: lowercase;
	color: #666;
	background: #eee;
	line-height: 24px;
	height: 24px;
}

#pagemenu li a:hover {
	background: #ddd;
	color: #333;
}

#pagemenu li.current_page_item a {
	background: #ddd;
	color: #333;
}

#pagemenu li.current_page_item a:hover {
	background: #ddd;
	color: #333;
}

/*
Page Menu CSS
*/
#bar {
	width: 1000px;
	height: 28px;
	background: url(images/menu.gif) repeat-x;
	border-top: 1px solid #fff;
}

#catmenu {
	float: left;
	display: inline;
	height: 28px;
}

#catmenu li {
	float: left;
	display: block;
	border-right: 1px solid #000;
	height: 28px;
}

#catmenu li a {
	float: left;
	display: block;
	font-size: 0.75em;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	padding: 0px 10px 0px 10px;
	line-height: 28px;
	height: 28px;
}

#catmenu li a:hover {
	background: url(images/menuh.gif) repeat-x;
}

#catmenu li.current-cat a {
	color: #333;
	background: #fff;
}

#catmenu li.current-cat a:hover {
	color: #333;
	background: #fff;
}

/*
Content Layout
*/
#content {
	width: 990px;
	background: #add4fb;
	border: 5px solid #fff;
}

#content #column {
	float: left;
	width: 590px;
	padding: 10px;
	display: inline;
	background: #e7f3ff;
}

#content #sidebar {
	float: left;
	width: 370px;
	display: inline;
	margin: 0px 0px 0px 10px;
	background: #fff;
}

/* Box */
.box {margin-top: 15px;margin-left:10px;margin-right:10px;}
.box {color:#999;font-size:0.8em;}
.box a {color:#366799;font-weight:bold;}
.box a:hover {color:#333;}

.box h2 {
	font-size: 1em;
	background: #1394ee;
	letter-spacing: -1px;
	line-height: 1.1em;
	color: #fff;
	padding: 3px 3px 3px 3px;
	border: 1px dotted #ccc;
	margin-bottom: 5px;
}

.box p {font-weight:bold;margin-top: 10px;margin-bottom: 5px;}

.round {
	display: block;
	padding: 15px;
}

.feedlink {
	margin: 0px 0px 7px 0px;
}
.feedlink a {
	display: block;
	float: left;
	padding-left: 40px;
	padding-right: 20px;
	height: 29px;
	line-height: 29px;
	background: url(images/rss.png) no-repeat left center;
	font-weight: bold;
}

/* Feed form */
.feedform, .feedform fieldset, .feedform input {vertical-align:middle}

.feedemail {
	width: 200px;
	border: 1px solid #ddd;
	color: #666;
	background: #fff;
	padding: 2px;
}
.feedemail:hover {border: 1px solid #ccc}

.feedsubmit {
	font-size: 0.9em;
	text-transform: uppercase;
	color: #fff;
	background: #ff0000;
	cursor: pointer;
	font-weight: bold;
}

.feedsubmit:hover {
	background: #eb1212;
}

/*
Sidebar Widgets
*/
.center {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

.sidebar1 {
	width: 330px;
	padding: 10px;
}

.sidebar2 {
	width: 150px;
	padding: 10px;
	float: left;
	display: inline;
}

.sidebar1 h2, .sidebar2 h2 {
	font-size: 0.8em;
	background: #1394ee;
	letter-spacing: -1px;
	line-height: 1.1em;
	color: #fff;
	padding: 3px 3px 3px 3px;
	border: 1px dotted #ccc;
	margin-bottom: 5px;
}

.sidebar1 ul ul, .sidebar2 ul ul, .sidebar1 ul div, .sidebar2 ul div {
	font-size: 0.8em;
	color: #333;
	line-height: 1.5em;
}

.sidebar1 ul div div, .sidebar2 ul div div {
	font-size: 1em;
}

.sidebar1 li, .sidebar2 li {
	margin-top: 15px;
}

.sidebar1 li li, .sidebar2 li li {
	font-size: 1em;
	margin-top: 0;
}

.sidebar1 li li li, .sidebar2 li li li {
	font-size: 1.2em;
	margin-top: 0;
	margin-left: 15px;
}

.sidebar1 li li a, .sidebar2 li li a {
	display: block;
	border-bottom: 1px dotted #ddd;
	color: #333;
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
}
.sidebar1 li li a:hover, .sidebar2 li li a:hover {
	color: #366799;
	background: #fff;
}

.sidebar1 li li li a, .sidebar2 li li li a {
	display: block;
	border-bottom: 1px dotted #ddd;
	color: #999;
}
.sidebar1 li li li a:hover, .sidebar2 li li li a:hover {
	color: #366799;
	background: #fff;
}

.sidebar1 a, .sidebar2 a {color:#999}
.sidebar1 a:hover, .sidebar2 a:hover {color:#333}

/*
Footer CSS
*/
#footer {
	width: 980px;
	padding: 10px;
	margin-top: 10px;
	background: #366799;
	font-size: 0.7em;
	color: #fff;
}

#footer a {
	color: #fff;
	font-weight: bold;
}

#footer a:hover {
	color: #fff;
	border-bottom: 1px dotted #bbb;
}

.copyright {
	float: left;
	line-height: 2em;
}

.credit {
	float: right;
	line-height: 2em;
	text-align: right;
}

a.sitename {
	border-bottom: 1px dotted #fff;
}

/*
General Styles THE POST
*/
.post {
	padding: 10px;
	border-bottom: 2px dashed #a2bfdd;
}

.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 {
	line-height: 1.3em;
	margin: 0px 0px 5px 0px;
}

.post p {
	line-height: 1.6em;
	margin: 0px 0px 7px 0px;
}

.post h1 {font-size: 1.4em}
.post h2 {font-size: 1.3em}
.post h3 {font-size: 1.2em}
.post h4 {font-size: 1.1em}
.post h5 {font-size: 1em}
.post h6 {font-size: 0.9em}
.post p {font-size: 0.8em}
.post h1 {color: #366799;letter-spacing:-1px;}
.post h2 {color: #879db0;letter-spacing:-1px;}
.post h3 {color: #666;letter-spacing:-1px;}
.post h4 {color: #333}
.post h5 {color: #999}
.post h6 {color: #333}
.post p {color: #333}

.post ul, .post ol {
	font-size: 0.75em;
	color: #666;
	margin: 0px 0px 7px 0px;
}
.post li, .post li li {line-height: 1.5em}
.post ol {margin-left: 16px}

.post ul ul, .post ol ol {
	font-size: 1em;
	margin-bottom: 5px;
	margin-top: 5px;
}
.post ul li, .post ul li ul li {
	background: url(images/bullet.gif) no-repeat;
	background-position: left 8px;
	padding-left: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.post ol li, .post ol li ol li {
	padding-top: 2px;
	padding-bottom: 2px;
}

.post img {
	vertical-align: middle;
}

.more-link {
	display: block;
	font-weight: bold;
	font-size: 1em;
	font-family: "Trebuchet MS";
	border-bottom: 1px solid transparent;
}

.post ins {
	text-decoration: underline;
}

.post del {
	text-decoration: line-through;
}

.post code {
	display: block;
	border: 1px dotted #ddd;
	width: 400px;
	padding: 10px;
	background: #eee;
	color: #666;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}

.post blockquote {
	display: block;
	border: 1px dashed #ddd;
	width: 400px;
	padding: 10px 10px 0px 10px;
	background: #FFF;
	color: #000;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}


.post blockquote p {
	background: url(images/blockquote.gif) no-repeat;
	background-position: left top;
	padding-left: 40px;
	color: #5a727b;
	font-weight: bold;
}

.post a:hover {
	border-bottom: 1px dotted #bbb;
}

.post h2 a {
	color: #333;
}

.post h2 a:hover {
	color: #366799;
	border-bottom: 1px dotted #ccc;
}

.post .entry {
	margin-top: 10px;
	margin-bottom: 10px;
}

.post .info {
	font-size: 0.7em;
	color: #666;
	line-height: 1.5em;
}

.post .category {
	font-size: 0.7em;
	color: #666;
	line-height: 1.5em;
}

.post .tags {
	font-size: 0.7em;
	color: #999;
	line-height: 1.5em;
	padding: 5px;
	background: #fff;
}

.post .tags a {
	color: #333;
}

.post .tags a:hover {
	color: #336699;
	border-bottom: 1px dotted #bbb;
}

/*
Post Images - Alignments
*/
img.alignleft, img.alignright, img.aligncenter, img.alignnone {
	border: 3px solid #eee;
}

.alignleft {
	float: left;
	display: inline;
	margin-right: 10px;
	margin-bottom: 2px;
}

.alignright {
	float: right;
	display: inline;
	margin-left: 10px;
	margin-bottom: 2px;
}

.aligncenter {
	display: inline;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

.alignnone {
	display: inline;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

p.wp-caption-text {
	padding: 3px;
	color: #999;
}

/*
Default Navigation _Next entries _Previous entries
*/
.nav {
	margin-top: 10px;
	font-size: 0.8em;
}

.nav a:hover {
	color: #366799;
}
	

.nav_left {
	float: left;
	display: inline;
	margin-left: 5px;
}

.nav_right {
	float: right;
	display: inline;
	margin-right: 5px;
}

/*
Other Post Boxes
*/
.post_header {
	padding-top: 10px;
	margin-left: 10px;
	padding-right: 10px;
	font-size: 1.1em;
}

.post_header h1 {
	font-size: 1em;
	color: #879db0;
	letter-spacing: -1px;
}

.post_follow {
	background: #ff9600;
	padding: 10px;
	font-size: 0.75em;
	color: #fff;
	line-height: 1.5em;
	margin-top: 10px;
}

.post_follow a {
	font-weight: bold;
	color: #fff;
}

/*
Comments
*/
.commentlistdiv {
	margin-top: 10px;
	padding: 10px;
	background: #FFF;
	font-size: 0.8em;
	color: #666;
}

.commentlistdiv h1 {
	font-size: 1.3em;
	color: #333;
	border-bottom: 1px solid #eee;
	line-height: 1.5em;
}

.commentlist li {
	background: #fff;
	border-bottom: 1px dotted #ddd;
	padding: 20px;
}

.commentlist li.alt {
	background: #fff;
}

.pane_l {
	float: left;
	display: inline;
	width: 160px;
	min-width: 160px;
	max-width: 160px;
	border-right: 1px dotted #ddd;
	padding-right: 20px;
	margin-right: 20px;
}

.pane_r {
	display: block;
	line-height: 1.5em;
	margin-left: 201px;
}

.c_author {
	font-size: 0.85em;
	font-weight: bold;
	margin: 0px 0px 7px 0px;
}

.c_avatar {
	display: block;
	margin: 0px 0px 7px 0px;
}

.c_avatar img {border: 3px solid #eee}

.c_date {
	color: #aaa;
	font-size: 0.85em;
	margin: 0px 0px 7px 0px;
}

.c_approved {
	color: #aaa;
	font-size: 0.85em;
}

/*
Trackbacks / Pinbacks
*/
.post_ping {
	background: #fffff4;
	padding: 10px;
	border: 1px solid #eeeee4;
	font-family: "Trebuchet MS";
	font-size: 0.7em;
	color: #666;
	line-height: 1.5em;
}

.post_ping h1 {
	font-size: 1.2em;
}

.post_ping ol {
	margin-left: 20px;
}

.post_ping ol li {
	padding-top: 3px;
}

/*
Reply
*/
.reply {
	margin-top: 10px;
	padding: 10px;
	background: #FFF;
	font-size: 0.8em;
	color: #666;
}

.reply h1 {
	font-size: 1.3em;
	color: #333;
	border-bottom: 1px solid #eee;
	line-height: 1.5em;
}

.reply label {
	font-family: "Trebuchet MS";
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	vertical-align: middle;
	color: #666;
	margin-left: 5px;
}

.replytext {
	width: 200px;
	background: #FFF;
	margin-top: 5px;
	margin-bottom: 5px;
	vertical-align: middle;
	color: #666;
	border: 1px solid #eee;
	padding: 3px;
}

.replytext:focus {
	background: #fffff9;
}

.replytext:hover {border: 1px solid #ccc}

.replyarea {
	width: 540px;
	height: 140px;
	background: #FFF;
	margin-top: 5px;
	margin-bottom: 5px;
	vertical-align: middle;
	color: #666;
	border: 1px solid #eee;
	padding: 3px;
}

.replyarea:focus {
	background: #fffff9;
}

.replyarea:hover {border: 1px solid #ccc}

.replybutton {
	cursor: pointer;
	font-size: 1em;
	font-weight: bold;
	background: #333;
	margin-top: 5px;
	margin-bottom: 5px;
	vertical-align: middle;
	color: #fff;
}

.replybutton:hover {
	background: #1f83e9;
}

.ratings, .views {
	font-size: 0.9em;
	line-height: 1.4em;
	margin: 0px 0px 10px 0px;
}