/*
Theme Name: Ocean Planet
Description: Default theme for oceanplanet.org.au
Author: David Ajnered (http://davidajnered.com)
Version: 1.0
*/

@import url('fonts/fontin-bold/stylesheet.css');
@import url('fonts/fontin-regular/stylesheet.css');


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
	font-family: 'FontinSansRegular';
	color: #0081c8;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

/* =body, wrappers and header
-------------------------------------------------------- */
body {
  background: #00b2d9 url(images/background.gif) repeat-x;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #58595b;
  font-size: 13px;
  line-height: 1.3em;
}
a { color: #0081c8; text-decoration: none; }
a:hover { text-decoration: underline; }
.page-wrapper {
  position: relative;
  background: #fff;
  width: 960px;
  margin: 0px auto;
}
.header { height: 100px; position: relative; }
.header .social-media-block { position: absolute; left: 70px; bottom: 0px; margin: 0px;}
.header h1 {
  float: right;
  background: url(images/op_logo_horiz.gif) no-repeat;
  height: 65px;
  width: 249px;
  text-indent: -9999px;
  margin: 15px 20px 15px 0px;
}
.header-slideshow {
  height: 328px;
  background: #ddd;
}

/* =menu
-------------------------------------------------------- */
#menu-main-menu {
  position: relative;
  background: #0081c9;
  font-size: 14px;
  height: 40px;
  padding-top: 20px;
  text-transform: lowercase;
  font-family: 'FontinSansRegular';
}
#menu-main-menu li { float: left; margin: 10px; }
#menu-main-menu li a { color: #fff; text-decoration: none; }
.current-menu-item { padding-bottom: 5px; background: url(images/dots.png) repeat-x bottom left; }
.sub-menu { display: none; background: #fff; }
.current-menu-item .sub-menu,
.current-menu-parent .sub-menu {
  display: block;
  position: absolute;
  top: 60px;
  left: 0px;
  font-size: 14px;
  text-transform: lowercase;
  font-family: 'FontinSansRegular';
}
.current-menu-item .sub-menu li,
.current-menu-parent .sub-menu li {
  float: left;
  padding: 5px;
  margin: 0px 0px 0px 20px !important;
  background: #e1f3f6;
}
.current-menu-item .sub-menu li a,
.current-menu-parent .sub-menu li a {
  color: #0e88cc !important;
  text-decoration: none;
}
.sub-menu .also-see {
   background: none !important;
   position: relative;
   right: -17px;
   padding-left: 20px !important;
   color: #0081c9;
}

/* =sidebar and footer
---------------------------------------------------------- */
.sidebar {
  float: right;
  width: 240px;
  padding: 40px 10px 20px;
}
.sidebar li { margin-bottom: 20px; }
.home .sidebar {
  margin: 40px 20px 0px 0px;
  padding: 10px;
  width: 220px;
}
.sidebar li {
  margin-bottom: 10px;
  font-size: 10px;
  line-height: 1.2em;
}
.front-page-footer {
  overflow: hidden;
  padding: 30px 20px;
}
.front-page-footer-widgets { list-style: none; }
.front-page-footer-widgets li { float: left; }
.front-page-footer-widgets li:last-child { float: right; }
#front-page-footer-text {
  float: left;
  clear: both;
  font-size: 10px;
}
/* =content
---------------------------------------------------------- */
.content-wrapper {
  overflow: hidden;
  clear: both;
}
.home .content-wrapper { background: #fff; }
.main-content {
  width: 580px;
  padding: 40px 60px 40px;
  float: left;
}
.home .main-content { background: none; }
h2 { margin-bottom: 40px; font-size: 36px; }
h3 { margin-bottom: 20px; font-size: 24px; }
.main-content .preamble {
  color: #138acc;
  font-family: 'FontinSansRegular';
  font-size: 18px;
  margin-bottom: 20px;
  line-height: 1.1em;
  letter-spacing: 1px;
}
.main-content ul {
  margin: 20px 0px 20px 40px;
  list-style: disc;
}
.main-content p {
  margin-bottom: 20px;
}
.main-content a {
  text-decoration: none;
  color: #0081c8;
}
.main-content a:hover { text-decoration: underline; }

/* Social Media Block */
.social-media-block {
   background: #ffdd00 url(images/tell-someone.jpg) 3px 25px no-repeat;
   height: 75px;
   width: 90px;
   font-family: 'impact';
   color: #333;
   text-transform: uppercase;
   font-size: 30px;
   text-align: justify;
   margin-left: 70px;
}
.social-media-block .twitter-share { background: url(images/twitter.png) no-repeat; margin: 0px 5px; }
.social-media-block .facebook-share { background: url(images/facebook.png) no-repeat; }
.social-media-block .share-button {
   float: left;
   height: 38px;
   width: 38px;
   margin-top: -15px;
   text-indent: -9999px;
}




/* Footer */
.footer {
   background: #0081c9;
   height: 50px;
   margin-top: 50px;
}
.footer .social-media-block { position: relative; top: -25px; }
.footer .copy { color: #fff; float: right; line-height: 50px; margin-right: 30px; font-family: 'FontinSansRegular'; }
.footer .copy a { color: #fff; text-decoration: none; }


#op-searchform { float: right; margin-right: 20px;   }
#op-searchform input[type=text] {
   border: 0px;
   background: #e1f3f6;
   padding: 5px;
   height: 22px;
   margin: 0px;
}
#op-searchform input[type=submit] {
   border: 0px;
   height: 32px;
   width: 32px;
   cursor: pointer;
   margin-left: -5px;
   background: url(images/search-button.jpg);
   text-indent: -9999px;
}

/* Front Page */
.front-page-small-pushes {
  list-style: none;
  margin: 15px 0px 15px 0px !important;
  width: 605px;
  float: left;
}
.front-page-small-pushes li {
  list-style: none;
  float: left;
  overflow: hidden;
  margin: 0px 0px 15px 0px;
  width: 295px;
}
.front-page-small-pushes li:nth-child(2n+1) { margin: 0px 15px 0px 0px; clear:both; }
.home .widget-title { display: none;}
.home .main-content { padding: 40px 20px 40px; width: auto; }
.home .latest-news {
  list-style: none;
  margin: 15px 0px 0px;
  float: right;
  width: 300px;
}
.home .latest-news .widget-title { display: block; font-size: 30px; }
.home .latest-news ul { margin: 0px; }
.home .latest-news ul li { list-style: none; }
.home .latest-news a {
  display: block;
  font-size: 20px;
  line-height: 25px;
  padding: 10px 0px 10px;
  margin-bottom: 10px;
  padding-right: 50px;
  background: url(images/latest-news-arrow.jpg) 100% 50% no-repeat;
  vertical-align: middle;
}



/* Blog */
.page-template-template-blog-php .post { margin-bottom:50px; }
.page-template-template-blog-php h2,
.single h2 { margin-bottom: 0px; }
.blog-meta {
  margin-bottom: 20px;
  color: #0081C8;
}
.page-template-template-blog-php .wp-post-image,
.single .wp-post-image { margin-bottom: 20px; }
.single .comment-wrapper { margin-top: 50px; }
.single .form-allowed-tags { display: none; }
.single #commentform label { display: block; }
.single #commentform .required { display: none; }
.single #commentform input[type=text], textarea { border: 0px; background: #e2f3f5; padding: 10px; }
.single .comments { list-style: none; margin: 0px; }
.single .comments li { border-bottom: 2px solid #e2f3f5; padding-bottom: 10px; margin-bottom: 30px; }
.single .comments h3 { margin: 0px 0px 5px; }
.comment-and-share {
  position: relative;
  height: 30px;
  background: #e2f3f5;
  line-height: 30px;
  padding: 0px 10px;
  font-family: 'FontinSansRegular'; color: #0086c8; font-size: 14px;
}
.comment-and-share .comments-number { float: left; padding-left: 50px; }
.comment-and-share .comments-number span {
  display: block;
  position: absolute;
  top: -3px;
  left: 10px;
  width: 41px;
  height: 37px;
  color: #fff;
  text-indent: 16px;
  line-height: 36px;
  font-size: 14px;
  background: url(images/speach-bubble.png) no-repeat;
}
.comment-and-share .share { float: right; width: 160px; }
.comment-and-share .share span { float: left; }

.comment-and-share .twitter-share { background: url(images/twitter.png) no-repeat; margin: 0px 5px; }
.comment-and-share .facebook-share { background: url(images/facebook.png) no-repeat; }
.comment-and-share .share-button {
  display: block;
  float: right;
  margin-top: -3px;
  height: 36px;
  width: 36px;
  text-indent: -9999px;
}