﻿/*
Theme Name: Beatles Bible 2014
Theme URI: http://www.beatlesbible.com/
Description: The 2014 iteration of The Beatles Bible's theme.
Author: The Beatles Bible
Author URI: http://www.beatlesbible.com/
Template: quark
Version: 0.1
*/

@import url("../quark/style.css");

/* =Theme customization starts here
------------------------------------------------------- */

blockquote {
		background: url(/images/openquote.gif) top left no-repeat; 
		margin:10px;
		border-left: 0 none;}

blockquote div {background: url(/images/closequote.gif) bottom right no-repeat; margin:10px; padding:10px 25px 0; overflow:hidden; color:#666; }

blockquote p {font-size: 1rem; font-style: normal; margin-top: 10px;}

blockquote cite{margin:5px 0 0; display:block}

div.credit, div.source{margin:10px 5px; padding-left:20px; padding-right:20px; text-align:right; font-size:90%; color:#666;}


div.amazon {float:right; width:140px; margin: 0 0 0 10px; border: 1px solid #808080; text-align: center; background:#EAEAEA; padding:6px;}
div.amazon p {text-align: center;}

img.avatar { border: 0; float: right;}
img.sfavatar { border: 0; float: right;}
div.spAvatarTag { border: 0; float: right;}

.table-full {position: relative; width: 100%;}
.table-cell-300 {float: left; width: 300px; padding: 5px;}
.table-cell-200 {float: left; width: 200px; padding: 5px;}
.table-cell-150 {float: left; width: 150px; padding: 5px;}
.table-cell-100 {float: left; width: 100px; padding: 5px;}

.search { border: 10px; float: left;}


div.adsense {width:100%; margin: 50px;}



/* Bring front page widgets closer together */

.widget-area .widget {margin-bottom: 1.5rem;}

.main-navigation {margin: 0;}



/* Change font colours */

a {color: #1a0dab; text-decoration: none; outline: none;}
a:visited {color: #1a0dab;}
a:focus {outline: thin dotted; color: #1a0dab;}
a:hover, a:active {outline: 0; color: #1a0dab; text-decoration: underline;}

.main-small-navigation a, .main-navigation a {display: block; text-decoration: none; color: #000; margin: 0;}

.main-navigation li:hover > a {
	color: #1a0dab; /* Nav bar link color on hover */
}


.main-navigation ul ul a:hover {
	color: #1a0dab; /* Nav bar dropdown link color on hover */
}

.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a {
	color: #1a0dab; /* Nav bar link color for current menu item or ancestor */
}

.main-navigation li {margin: 0 0 0 4px; /* Margin on the left side of each top level menu item (since it's floated right) */
	margin: 0 -0.5rem 0 1.6rem;
}



/* Change footer font colours */

.site-footer {
	color: #fff;
}


.site-footer h3 { 
	color: #ccc;
}

.site-footer a { 
	color: #fff;
}

.site-footer a:visited { 
	color: #fff;
}

.site-footer a:hover { 
	color: #E3E3E3;
}

.site-footer a:focus { 
	outline: thin dotted;
	color: rgb(0,0,0);
}


/* Change footer copyright info style */

.smallprint {color: #fff;}

.smallprint a {color: #555;}

.smallprint a:visited {color: #555;}

.smallprint a:hover {color: #1a0dab;}


/* Stop menu from becoming vertical list on mobile devices 

--NB THIS IS ALL COMMENTED OUT AS 100% WIDTH CANNOT BE REPLACED--

.main-small-navigation,
.main-navigation li {
   width: 100%;
}

.main-small-navigation ul li,
.main-navigation ul li {margin: 0 10px 0 0;}


*/



/* Styling gallery/discog tables */


.entry-content dl.gallery-item {
	margin: 10px 0 0 0;
	float: left;
	text-align: center;
	width: 33%;
	
}

.gallery-columns-1 .gallery-item a {
	max-width: 100%;
	width: auto;
}

.gallery .gallery-icon img {
	height: auto;
}

#primary .entry-content [id^="gallery-"] img {
	border: none;
}


/* Styling breadcrumb trail */

.breadcrumb {margin: 10px 0;}


#bannercontainer {height: 5px;}


body.custom-background {
    background-attachment: fixed;
    background-image: none;}


/* Limiting hyphenation */

.site-content article {-webkit-hyphens: manual;}

.widget-area .widget {-moz-hyphens: manual;
	-ms-word-break: break-all;
	-webkit-hyphens: manual;
	hyphens: manual;
	word-wrap:break-word;
	word-break: break-word;}


/* Experimenting with positioning */

.social-media-icons {float: left;}

.main-navigation {margin: 10px 0 0;}

.header_image  {margin-top: 1.25rem;}

.adsbygoogle {background: #fff;}

#nav-below {margin: 10px 0;}


/* Ads above the footer */
    .grid_12_of_12_footer {
    background-color: #FFFFFF;
    margin: 0;
    padding: 10px;
    width: 100%;
}

/* Fixes nested comments from becoming too narrow */
.commentlist .children {
    margin-left: 0;
}


/* Forum link colours turn blue */

#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent a:link, #spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent a:active, #spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent a:visited {
    color: #1a0dab;
}

#spMainContainer a:link, #spMainContainer a:active, #spMainContainer a:visited, #spMainContainer .spLink:link, #spMainContainer .spLink:active, #spMainContainer .spLink:visited {
    color: #1a0dab;
}
#spMainContainer a:link, #spMainContainer a:active, #spMainContainer a:visited, #spMainContainer .spLink:link, #spMainContainer .spLink:active, #spMainContainer .spLink:visited {
    color: #1a0dab;
}
#spMainContainer a, #spMainContainer a:link, #spMainContainer a:active, #spMainContainer a:visited {
    color: #1a0dab;
}
#spMainContainer a, #spMainContainer a:link, #spMainContainer a:active, #spMainContainer a:visited {
    color: #1a0dab;
}


.home .banner .widget {margin: 1rem 0 0;}

.site-content {padding: 1rem 0;}

.entry-content {
    margin-bottom: 0;
}







/* Disable number of comments on Justin Tadlock archives plugin */
.comments-number {
display:none;
}