/*
Theme Name: Oceanup a child theme for Canvas
Theme URI: 
Author: Quadshot
Author URI: http://quadshot.com
Description: Oceanup is a stylish and pixel-perfect blog theme. Simple, refined design coded with the latest most effective techniques.
Version: 1.0.6
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: canvas

Dark Blue Gray Backgrounds: #E6E6E6
Medium Blue Gray: ##E6E6E6
Darkest Gray (Post Titles / Standout Text: #181818
Medium Gray (Widget Titles): #E6E6E6
Lightest Gray #f4f4f4

*/
@import url('../canvas/style.css');

body img { height:auto; }

.alt-style-darkblue #navigation{
	clear: none !important;
	width: auto !important;
}
.left { float: left; }
.right { float: right; }
.clearfix{ clear:both; }
.relative { position: relative; }


/* Make sure post iframes, e.g. YouTube vids, behave */
.post p iframe { max-width: 99%; }

/* Padding and Margins */

.alt-style-darkblue #content, .alt-style-darkblue #footer, #oceanup-header-widgets-top .widget, #oceanup-header-widgets-bottom .widget, .alt-style-darkblue #wrapper, #header.container { padding: .8em; }
.alt-style-darkblue #inner-wrapper { padding: 20px 0 0 0; }
.entry { padding-bottom: 36px;} 
body .entry p { margin-bottom:0; padding:.6em 0; }
.alt-style-darkblue #wrapper { margin-top: 10px; margin-bottom: 70px; }
.post, .search .page { margin-bottom: 20px; }
.post-meta { margin-bottom: .5em; }
.post p.tags { margin-bottom: 4px; }

/* Fonts and Titles */
.alt-style-darkblue .page-title, .alt-style-darkblue .post .title, .alt-style-darkblue .page .title,  #star-hunt-container, .alt-style-darkblue .searchform input.s, .alt-style-darkblue #searchform input#s  { text-transform: uppercase;}
.alt-style-darkblue a:link, .alt-style-darkblue a:hover {text-decoration: none; }
.alt-style-darkblue .post h2.title a:hover { text-decoration: none; color: #0094d2; }

.alt-style-darkblue .post  { border-bottom: 4px solid #EEEEEE; }
.alt-style-darkblue #wrapper { background-color: #cacfd8; }
.alt-style-darkblue #inner-wrapper { border: 1px solid #a2aab9; }
.alt-style-darkblue .entry, .alt-style-darkblue .entry p { font-size: 13px; line-height: 22px; font-family: 'Droid Sans',sans-serif; }
.alt-style-darkblue .widget ul { list-style: none;}
.alt-style-darkblue .widget ul li a:hover { text-decoration: none; }
.alt-style-darkblue .widget h3 { margin: 0; padding: 0 0 .2em 0; }
.alt-style-darkblue .widget h3, h1, h2, .widget #menu-hot-uppers a { letter-spacing: .02em; }
.alt-style-darkblue.widget #menu-hot-uppers a, #star-hunt-container, #search-wrapper { font-family: 'Oswald',sans-serif; font-weight: 500; }
.alt-style-darkblue #connect .related-posts ul { list-style: none; }
.addthis_toolbox { padding: 10px; background: transparent; display: inline-block; position: absolute; bottom: 0; right: 0; }
.alt-style-darkblue .post-more { display: inline: block;width: 250px; position: absolute; bottom: 0; left: 0; }

/* Overwrite our Woo Styles */
#logo a { display: inline-block; }
.alt-style-darkblue #navigation,
.alt-style-darkblue #navigation ul.nav > li a:hover, 
.alt-style-darkblue #navigation ul.nav > li:hover, 
.alt-style-darkblue #navigation ul.nav li:hover,  
.alt-style-darkblue #navigation ul li:first-child a { border-radius: 0; border: none; background: none; }
.alt-style-darkblue #navigation ul li:first-child, .alt-style-darkblue, #navigation ul li:first-child a { border-radius: 0;}
.alt-style-darkblue ul.nav { margin: 0; }

.alt-style-darkblue #navigation { margin:0;}

/* Header Layout */
#navigation.box, #social-nav-wrapper.box, #star-hunt-container.box, #search-wrapper.box { margin-right: 10px; }
#social-nav-wrapper.box, #star-hunt-container.box, #social-nav-wrapper.box, #search-wrapper.box { margin-top: 1em; font-size: .8em;  }
#star-hunt-container { padding: 0 8px; height: 25px; line-height:25px; }
#search-wrapper { width: 115px; }

/* Main Search Form */
#search-wrapper .searchform input.s, #search-wrapper #searchform input#s { padding: 0;}
#search-wrapper .searchform, #search-wrapper #searchform { margin: 0; padding-left: 8px; height:25px; line-height: 25px; }
#search-wrapper .searchform button.submit { right: 8px; top: 0;
}
.searchform input.s, #searchform input#s { color: #b9c0cc; }

/* Main Menu Adjustments */
.alt-style-darkblue ul.nav li a { padding: 0 .3em }

/* Main Social Media Menu */
#navigation ul#social-nav.nav > li { border: none; }
#social-nav li { display: inline-block; text-indent: -9999px; }
#social-nav li a, #social-nav.nav li a, #social-nav.nav li a, #social-nav a, #social-nav ul.nav li a { margin-right: 3px; width: 22px; height: 22px; }
#social-nav li { background: url(images/sprite.png); }
#social-nav li.facebook, #social-nav li.facebook:hover, .facebook { background-position: 0 0; }
#social-nav li.twitter, #social-nav li.twitter:hover, .twitter { background-position: -27px 0; }
#social-nav li.tumblr, #social-nav li.tumblr:hover, .tumblr { background-position: -55px 0;}
#social-nav.nav li a, #social-nav.nav li a, #social-nav a, #social-nav ul.nav li a  { padding: 0 !important; }

/* Top Widget Areas */
#oceanup-header-widgets-top li, #oceanup-header-widgets-bottom li { list-style: none; }
#oceanup-header-widgets-top .widget, #oceanup-header-widgets-bottom .widget { margin: 10px 0; }
#oceanup-header-widgets-top .adspace-widget { padding: 0; margin: 10px auto; }
#oceanup-header-widgets-bottom { text-align: center; margin: 0 auto; background-color:#aaaaaa; }


/* override canvas/style.css, line 2605*/
.widget { margin: 0 0 20px 0; }

/* deprecated
#oceanup-header-widgets-bottom { background: url(images/bg-tiger.jpg) no-repeat center center; border-bottom: 1px solid #d1d1d1; text-align: center; margin: 0 auto;
	-webkit-box-shadow: 0px 6px 5px rgba(50, 50, 50, 0.50);
	-moz-box-shadow:    0px 6px 5px rgba(50, 50, 50, 0.50);
	box-shadow:         0px 6px 5px rgba(50, 50, 50, 0.50); 
}
*/

/* FleXcroll */
.star-hunt-container { position: relative;}
.arrow { display: block; width: 20px; height: 10px; background: url(images/sprite.png) no-repeat -55px -72px; position: absolute; right: 25px; bottom: -6px;   }
#star-hunt-container.box { background-color: #E9EEF4; position: relative; 
	-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
			border-radius: 5px;}
#star-hunt-container a:hover { color: #b9c0cc; }

.flexcroll {
	padding: 8px 0;
	background-color: #fff;
	border: 2px solid #bbb;
	border-top: 4px solid #2a9bd3;
	display: none;
	height: 350px;
	overflow: auto;
	position: absolute;
	width: 160px;
	z-index: 50;
	right: 0;
	top: 30px;
	-webkit-box-shadow: 0px 6px 5px rgba(50, 50, 50, 0.50);
	-moz-box-shadow:    0px 6px 5px rgba(50, 50, 50, 0.50);
	box-shadow:         0px 6px 5px rgba(50, 50, 50, 0.50);
}
.flexcroll a{
	display: block;
	text-transform: none;
	font-size: 13px;
	padding: 0 8px;
}
.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

/* force fleXcroll to always display the vertical scrollbase */
.vscrollerbase {
visibility: visible !important;
}
/* fleXcroll adapts to this CSS setting and sets positions correctly */


/* And style your scrollbar like you normally do */
.vscrollerbase {
width: 15px;
background: #D7EBDF url(basebarcaps_verticalbarbody.png) 0px 0px repeat-y;
}
.vscrollerbar {
width: 15px;
background: #99CBCB url(basebarcaps_verticalbarbody.png) -15px 0px repeat-y;
}
.hscrollerbase {
height: 15px;
background: #D7EBDF url(horizontalbarbody_cornerjog.png) 0px -15px repeat-x;
}
.hscrollerbar {
height: 15px;
background: #99CBCB url(horizontalbarbody_cornerjog.png) 0px -30px repeat-x;
}
.vscrollerbar, .hscrollerbar {
padding: 10px;
z-index: 2;
}
.vscrollerbarbeg {
background: url(basebarcaps_verticalbarbody.png) -45px -30px no-repeat;
width: 15px;
height: 15px !important;
}
.vscrollerbarend {
background: url(basebarcaps_verticalbarbody.png) -45px 0px no-repeat;
width: 15px;
height: 15px;
}
.hscrollerbarbeg {
background: url(basebarcaps_verticalbarbody.png) -60px -15px no-repeat;
height: 15px;
width: 15px !important;
}
.hscrollerbarend {
background: url(basebarcaps_verticalbarbody.png) -30px -15px no-repeat;
height: 15px;
width: 15px;
}
.scrollerjogbox {
width: 15px;
height: 15px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: #4E727C url(horizontalbarbody_cornerjog.png) 0px 0px;
}
.vscrollerbasebeg {
background: url(basebarcaps_verticalbarbody.png) -30px -30px no-repeat;
width: 15px;
height: 15px !important;
}
.vscrollerbaseend {
background: url(basebarcaps_verticalbarbody.png) -60px -30px no-repeat;
height: 15px;
width: 15px;
}
.hscrollerbasebeg {
background: url(basebarcaps_verticalbarbody.png) -60px 0px no-repeat;
height: 15px;
width: 15px !important;
}
.hscrollerbaseend {
height: 15px;
width: 15px;
background: url(basebarcaps_verticalbarbody.png) -30px 0px no-repeat;
}
.scrollerjogbox:hover {
background: #5E828C url(basebarcaps_verticalbarbody.png) -45px -15px;
}
/* Scroll Bar Master Styling Ends Here */

/* Featured Posts - Widget */
.featured-posts-list .post-item{
	border: 0;
	float: left;
	margin-right: 10px;
}
 
/* Gallery styling */
.current-image-wrapper { width:100%; background-color:#EEEEEE; position:relative; }
.current-image-wrapper .view-large-btn { position:absolute; top:2px; right:8px; font-size:11px; }
.current-image-wrapper .current-image-outer { padding:26px 0 25px; }
.current-image-wrapper .current-image-inner { margin:0 25px; }
.current-image-wrapper .current-image-wrap { overflow:hidden; }
.current-image-wrapper a { display:block; }
.current-image-wrapper .current-image-wrap img { width:100%; padding:0; margin:0; border:0; }
.current-image-wrapper .image-nav { font-size:44px; line-height:1; position:absolute; top:50%; line-height:1px; margin-top:-6px; font-weight:bold; font-family:Oswald, Arial, sans-serif; }
.current-image-wrapper .image-nav:hover { text-decoration:none; }
.current-image-wrapper .image-nav.prev { left:5px; }
.current-image-wrapper .image-nav.next { right:3px; }
.current-image-wrapper .attribution { line-height:10px; font-size:10px; position:absolute; text-align:right; right:25px; bottom:13px; color:#b2b2b2; }

div.pp_overlay { z-index:20000002 !important; }
div.pp_pic_holder { z-index:20000003 !important; }

.attribution { color: #a8a8a8; font-weight: bold; margin-bottom: 10px; }

.qsou-gallery .gallery-image-list,
.qsou-gallery .gallery-image-outer { list-style:none outside none; padding:0; margin:0; border:0; }
.qsou-gallery .gallery-image-outer { padding:1px 0; width:auto; float:left; }
.qsou-gallery .gallery-image-inner { border:1px solid #EEEEEE; margin:0 1px; padding:3px 0; }
.js .qsou-gallery .gallery-image-inner { border-color:#c8c8c8; }
.qsou-gallery .gallery-image-wrap { margin:0 3px; overflow:hidden; width:80px; height:80px; }
.qsou-gallery a { display:block; }
.qsou-gallery .gallery-image-wrap img { width:100%; padding:0; margin:0; border:0; }

.jcarousel-skin-tango img { max-width:none; max-height:none; width:100%; height:auto; }
.jcarousel-skin-tango .jcarousel-container-horizontal .gallery-image-wrap { height:80px; }

.single-oc_gallery .jcarousel-skin-tango .jcarousel-container-horizontal,
.single-attachment .jcarousel-skin-tango .jcarousel-container-horizontal { padding:0 25px 25px; }
.single-oc_gallery .jcarousel-skin-tango .jcarousel-next-horizontal,
.single-attachment .jcarousel-skin-tango .jcarousel-next-horizontal { margin-top:-18px; }
.single-oc_gallery .jcarousel-skin-tango .jcarousel-prev-horizontal,
.single-attachment .jcarousel-skin-tango .jcarousel-prev-horizontal { margin-top:-18px; }

.gallery-list .gallery-item { width:auto; padding:2px 0; float:left; }
.gallery-list .gallery-item .gallery { margin:0 4px; display:block; background-color:#eeeeee; padding:5px 0; width:150px; }
.gallery-list .gallery-item .gallery header { margin:0 5px; display:block; height:105px; width:140px; overflow:hidden; }
.gallery-list .gallery-item .gallery header .image-wrap { height:105px; width:140px; margin:0 0 5px 0; overflow:hidden; }
.gallery-list .gallery-item .gallery header img { max-width:none; max-height:none; }
.gallery-list .gallery-item .gallery header img.too-tall { width:140px; height:auto; padding:0; margin:0; border:0; }
.gallery-list .gallery-item .gallery header img.too-wide { width:auto; height:105px; padding:0; margin:0; border:0; }
	.gallery-list .gallery-item .gallery { margin:0 2px 0 1px; padding:2px 0; width:124px; }
	.gallery-list .gallery-item .gallery header { margin:0 2px; height:90px; width:120px; }
	.gallery-list .gallery-item .gallery header .image-wrap { height:90px; width:120px; margin:0 0 3px; }
	.gallery-list .gallery-item .gallery header img.too-tall { width:120px; }
	.gallery-list .gallery-item .gallery header img.too-wide { height:90px; }

.post-river-tags, .post-river-tags a { color: #888; font-weight: bold; };


@media only screen and (max-width: 768px) and (min-width: 481px) {
	.qsou-gallery .gallery-image-outer { width:20%; }
}

@media only screen and (max-width: 480px) and (min-width: 321px) {
	.qsou-gallery .gallery-image-outer { width:25%; }
}

@media only screen and (max-width: 320px) {
	.qsou-gallery .gallery-image-outer { width:33.33%; }

	/* go full-width on 320 and under to accomodate the 320x50 ad untis */
	.alt-style-darkblue #wrapper { padding: 0; }
	.alt-style-darkblue #inner-wrapper { border: none; }
	#oceanup-header-widgets-top .adspace-widget { padding: .8em 0; }
}

@media only screen and (max-width: 510px) {
	.gallery-list .gallery-item .gallery { margin:0 2px; padding:3px 0; width:132px; }
	.gallery-list .gallery-item .gallery header { margin:0 3px; height:94px; width:125px; }
	.gallery-list .gallery-item .gallery header .image-wrap { height:94px; width:125px; margin:0 0 3px; }
	.gallery-list .gallery-item .gallery header img.too-tall { width:125px; }
	.gallery-list .gallery-item .gallery header img.too-wide { height:94px; }
}

.addthis_default_style .at15t_expanded, .addthis_default_style .at15t_compact { margin-right:0 !important; }
.addthis_counter { display:none !important; }
.bottom-widget-area { text-align:center; }
.bottom-widget-area .widget { padding: 0; margin: 10px auto; }
.adspace-widget { text-align:center; }
.adspace-widget .qc-ad-160x600 { margin:0 auto; }
.adspace-widget .GoogleActiveViewClass > div { margin:0 auto; }

.entry .from-legacy-table { padding:3px; border:1px solid #eeeeee; }
.entry .from-legacy-table img { padding:0; border:0; }


.entry img,
img.thumbnail,
#portfolio .group.portfolio-img img {
  box-sizing: border-box;
}


/* custom yarpp styles for sidebar */
#sidebar-top-ad .widget.yarpp {
  margin: 0 auto 30px;
  max-width: 300px;
}
#sidebar-top-ad .yarpp-related {
  text-align: left;
}
#sidebar-top-ad .yarpp-related h3 {
  color: #0e0e0e;
  border: none;
  font: bold 20px/1.2em 'Istok Web', arial, sans-serif
}
#sidebar-top-ad .yarpp-related ol {
  margin: 0 0 15px 0;
  padding: 0 0 0 24px;
}
#sidebar-top-ad .yarpp-related ol li {
  list-style-type: decimal;
  color: #555;
}
@media only screen and (min-width: 769px) {
  /* don't display in-post list on desktop */
	#main .yarpp-related { display: none; }
}
/* end custom yarpp */


@media only screen and (min-width: 769px) {
	#sidebar-top-ad { clear:right; float:right; width:41.5%; text-align:center; padding-top:0px; }

	html .three-col-left #main-sidebar-container #sidebar {
		margin-left:2%;
		float:left;
	}

  /* 300 / 940 */
  html .three-col-left #main-sidebar-container #sidebar,
  html .three-col-middle #main-sidebar-container #sidebar,
  html .three-col-right #main-sidebar-container #sidebar {
    width: 22%;
  }
  /* 300 / 760 */
  html .three-col-left #main-sidebar-container,
  html .three-col-middle #main-sidebar-container,
  html .three-col-right #main-sidebar-container {
    width: 100%;
  }
  /* 760 / 940 */
  html .three-col-left #main-sidebar-container #main,
  html .three-col-middle #main-sidebar-container #main,
  html .three-col-right #main-sidebar-container #main {
    width: 57.5%;
  }
  /* 440 / 760 */
  html #sidebar-alt {
    width: 17%;
  }
}

@media only screen and (min-width: 769px) {
	#main .adspace-widget.mobile { display: none; }
}

@media only screen and (min-width: 480px) {
  #main .ci_widget { width: 410px; margin-right: auto; margin-left: auto; }
}

@media only screen and (max-width: 768px) {
	#sidebar-top-ad { clear:none; float:none; }
	body .entry img, img.thumbnail, #portfolio .group.portfolio-img img { padding:0; }

	/* don't display widgets on tablet or smaller */
	#sidebar-top-ad .widget { display: none; }
}

#oceanup-header-widgets-bottom .featuredpost .featured-posts-list .post-item { margin:0; border:0; width:19%; padding:0.5%; }
#oceanup-header-widgets-bottom .featuredpost .featured-posts-list .post-item .shadow-wrap { margin:0; }
#oceanup-header-widgets-bottom .featuredpost .featured-posts-list .post-item .shadow-wrap img.attachment-x { max-width:100%; width:auto; height:auto; }

@media only screen and (max-width:768px) {
	#oceanup-header-widgets-bottom .widget { margin:0; padding:.2em; }
}

.disqus_rcw_single_comment_wrapper { border-top:1px dotted #dddddd; padding:8px 0 5px; margin:0; }
.disqus_rcw_avatar { width:20%; margin-right:3%; }
.disqus_rcw_author_name { width:75%; font-size:1em; top:0; }