/* @override http://localhost:8888/callagold/wp-content/themes/callagoldv2/style.css */

/*
Theme Name: Callagold
Theme URI: http://callagold.com
Description: 
Version: 2
Author: nfxdesign
Author URI: http://nfxdesign.com
Tags: nfxdesign
*/

/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */
 
/* @import "style/layout.css"; */

/* @group My Colors 

Light Purple: #ede5ec
Mid purple: #d5c3d4;
Purple: #4b0049	font-family: Georgia, "Times New Roman", Times, serif;
Mid purple: #D7CCE2

*/

/* @end */

/* My styles below */
html {
	height: 100%;
	position: relative;
}
body {
	text-rendering: optimizeLegibility;
	height: 100%;
	position: relative;
	background: #D7CCE2;
	font-family: Georgia, "Times New Roman", Times, serif;
}
a:link {
	color: #4b0049;
	text-decoration: none;
} 
a:visited {
	color: #4b0049;
	text-decoration: none;
}
a:hover,a:focus {
	color: #4b0049;
	text-decoration: underline;
	font-weight: normal;
	font-style: normal;
}
a:active {
}
strong {
	color: #4b0049;
	font-weight: bold;
}
.topline-purple {
	display: block;
	width: 100%;
	height: 5px;
	background-color: #4b0049;
}
.topline-lpurple {
	display: block;
	width: 100%;
	height: 5px;
	background-color: #ede5ec;
}
#header {
	width: 100%;
	background-color: white;
	display: block;
	clear: both;
	padding-bottom: 15px;
}
#header img {
	margin: 30px auto 25px;
	display: block;
	clear: both;
}
h1 {
	color: #4b0049;
	display: block;
	text-align: center;
	margin: 5px auto 0;
	font: italic 28px Georgia, "Times New Roman", Times, serif;
}
h2 {
	color: #4b0049;
	padding-bottom: 10px;
	font: italic 16px Georgia, "Times New Roman", Times, serif;
}
h3 {
	color: #4b0049;
	margin-bottom: 25px;
	font: italic 22px Georgia, "Times New Roman", Times, serif;
}
h3 a:hover {
	font-style: italic;
}
h4 {
	color: #4b0049;
	margin-bottom: 15px;
	font: italic 22px Georgia, "Times New Roman", Times, serif;
}
h4 a:hover {
	font-style: italic;
}
.title {
	display: block;
	text-align: center;
}
#header p {
	display: block;
	text-align: center;
	margin: 10px auto 0;
	font-size: 14px;
	color: #575757;
}
#main-container {
	width: 970px;
	position: relative;
	overflow: hidden;
	border-left: 25px solid white;
	border-right: 25px solid white;
	background: white url(images/main_bg.png) repeat-y;
	margin-right: auto;
	margin-top: 0;
	margin-left: auto;
}
.thecontent {
/*	overflow: hidden; fix for dictonary popup cutoff issue */
	padding-bottom: 15px;
	padding-right: 10px;
}
.thecontent ul {
	margin-bottom: 15px;
}
.thecontent li {
	margin-bottom: 5px;
}
/* @group Homepage */
#main-page {
	width: 595px;
	display: block;
	position: relative;
	float: left;
	padding-left: 35px;
	padding-top: 20px;
}
#main-blog {
	width: 630px;
	display: block;
	position: relative;
	float: left;
	padding-top: 20px;
	overflow: visible;
}
#home-page {
	width: 585px;
	display: block;
	position: relative;
	float: left;
	padding-left: 35px;
	padding-top: 20px;
	padding-right: 10px;
}
#home-page p {
	margin-bottom: 5px;
	font: 14px/22px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#home-page img {
	float: right;
	border: 4px solid #ede5ec;
}
.quote {
	color: #4b0049;
	font: italic 16px Georgia, "Times New Roman", Times, serif !important;
	margin-top: 10px;
}
.quote-name {
	
}
.sale-jewelry {
	margin: 15px auto;
	display: block;
	height: 44px;
	background: url(images/sale_jewelry.png) no-repeat center;
}
.flourish-bottom {
	height: 20px;
	display: block;
	background: url(images/flourish.png) no-repeat center;
	clear: both;
	width: 100%;
}
.latest-posts {
	background: url(images/latest_posts.png) no-repeat left;
	height: 20px;
	display: block;
	clear: both;
	width: 100%;
	margin-top: 35px;
	margin-bottom: 10px;
}
/* @end */


/* @group Slider */
/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/

#slider {
	position:relative;
    width:682px;
    height:298px;
	background:url(images/loading.gif) no-repeat 50% 50%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:260px;
	bottom:-42px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position: 0 -22px;
}

.nivo-directionNav a {
	width:74px;
	height:150px;
	background: url("images/arrows.png") no-repeat scroll 0 0 transparent;
	text-indent:-9999px;
	position: absolute;
	bottom: 50px;
	border:0;
	z-index:99;
	cursor:pointer;
}
a.nivo-nextNav {
	background-position: -70px 0;
	right: -80px;
}
a.nivo-nextNav:hover {
	background-position: -70px -146px;
}
a.nivo-prevNav {
	left:-80px;
}
a.nivo-prevNav:hover {
	background-position: 0 -146px;
}
.nivo-caption {
    text-shadow:none;
 	left:0px;
	bottom: -60px;
	opacity:1; /* Overridden by captionOpacity setting */
	width:100%;
	z-index: 89;
	position: absolute;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #4b0049;
	font: italic 13px/1.2em Georgia, "Times New Roman", Times, serif;
	text-align: center;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}
.nivo-html-caption {
    display:none;
}
.nivo-caption strong {
	padding-bottom: 8px;
	display: inline-block;
}
/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
}
/* @end */

/* @group Gallery page */
#gallery-page h4 {
	color: #4b0049;
	margin-bottom: 10px;
	font: italic 24px Georgia, "Times New Roman", Times, serif;
	text-align: center;
}
#gallery-page h2 {
	color: #4b0049;
	text-align: center;
	margin-top: 0;
}
.tagline {
	text-align: center;
	font-size: 14px;
	margin-bottom: 25px;
}
#gallery-page {
	width: 100%;
	min-height: 600px;
	display: block;
	position: relative;
	float: left;
	padding-top: 10px;
	background-color: white;
}
#gallery-content {
	height: 385px;
	border-bottom: 1px solid #ede5ec;
}
#slider-gallery {
	position:relative;
    width:682px;
    height:298px;
	background:url(images/loading.gif) no-repeat 50% 50%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
}
#gallery-nav {
    width: 900px;
	display: block;
	overflow: hidden;
	padding-left: 80px;
	margin: 20px auto 55px;
}
#gallery-nav a {
	width: 143px;
	display: block;
	float: left;
	text-align: center;
	color: black;
	font-size: 12px;
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 110px;
}
.gallery-there {
	font-weight: bold;
	color: #4b0049 !important;
	font-size: 12px !important;
}
#gallerynav-rings {
	background: url(images/gallerynav-rings.jpg) no-repeat 25px;
}
#gallerynav-weddingrings {
	background: url(images/gallerynav-weddingrings.jpg) no-repeat 35px;
}
#gallerynav-eternityrings {
	background: url(images/gallerynav-eternityrings.jpg) no-repeat 25px;
}
#gallerynav-earrings {
	background: url(images/gallerynav-earrings.jpg) no-repeat 25px;
}
#gallerynav-pendants {
	background: url(images/gallerynav-pendents.jpg) no-repeat 25px -5px;
}
#slider-gallery img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider-gallery a {
	border:0;
	display:block;
}
/* @end */
/* @group Nav */
.nav {
	width: 970px;
	overflow: hidden;
	display: block;
	margin: 10px auto 0;
	padding-top: 20px;
	background: url(images/nav_bg.png) no-repeat;
	height: 40px;
	padding-left: 25px;
	padding-right: 25px;
}
.nav ul {
	list-style-image: none;
	list-style-type: none;
}
.nav li {
	float: left;
}
.nav a {
	color: #4b0049;
	text-decoration: none;
	font-size: 16px;
/*	margin-left: 2px;
	margin-right: 2px;   */
	margin-left: 1px; /* fix browser mag issue */
	margin-right: 1px; /* fix browser mag issue */
	text-align: center;
	/* padding: 3px 22px; added "videos" */	
	padding: 3px 15px; /*padding: 3px 18px;*/
}
/*ie fix */
.nav li:last-child a {margin-left: 0px; padding: 3px 12px 3px 13px;}

.nav a:visited {
	color: #4b0049;
}
.nav a:hover {
	color: white;
	background-color: #4b0049;
 	text-shadow:0px 0px 2px #d5c3d4;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

/* @end */

/* @group Sidebar */
#purplesidebar {
	width: 340px;
	min-height: 650px;
	padding-bottom: 15px;
	display: inline-block;
	height: 200%;
	margin: 0;
	float: left;
	background-color: #ede5ec;
}
#sidebar {
	width: 260px;
	margin-right: 45px;
	float: right;
	font-size: 14px;
	line-height: 1.3em;
}
.aboutme {
	margin-top: 20px;
	font-size: 13px;
}
.aboutme img {
	float:  left;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 3px solid #9c729a;
}
.callagoldlink {
	width: 255px;
	height: 35px;
	display: block;
	color: #4b0049;
	font-size: 20px;
	background-color: #d5c3d4;
	line-height: 38px;
	text-align: center;
	margin-top: 15px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.callagoldlink a {
	text-decoration: none;
	display: block;
	overflow: auto;
}
#calltoaction {
	width: 235px;
	margin-top: 15px;
	background-color: white;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 10px;
	text-align: center;
	font-size: 14px;
	margin-bottom: 15px;
}
#calltoaction strong {
	margin-top: 5px;
	display: block;
	font-size: 18px;
}
#calltoaction img {
	margin-top: 5px;
}
#calltoaction a {
	display: block;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
#ebookbox {
	width: 235px;
	margin-top: 15px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 10px;
	text-align: center;
	font-size: 14px;
	margin-bottom: 15px;
	color: #4b0049;
	border: 1px solid #9c729a;
	background-color: white;
}
#ebookbox img {
	margin-top: 15px;
}
#searchbox {
	width: 250px;
	height: 25px;
	display: block;
	color: #4b0049;
	text-decoration: none;
	font-size: 14px;
	background-color: #d5c3d4;
	margin-top: 15px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding-top: 5px;
	padding-left: 5px;
}
#searchform {
	margin: 0;
	padding: 0;
	width: 250px;
}
#searchform img {
	float: left;
	padding-right: 5px;
}
#searchinput {
	width:  150px;
	height: 16px;
	padding: 0;
	margin: 0;
	display: inline;
}
#socialmedia {
	margin-top: 15px;
}
#socialmedia a {
	color: #4b0049;
	text-decoration: none;
	height: 30px;
	display: block;
	padding-left: 35px;
	margin-top: 5px;
	line-height: 32px;
	font-size: 14px;
}
#socialmedia a:hover {
	text-decoration: none;
}
.facebooklike {
}
.facebooklink {
	background: url(images/socialmedia_icons.png) no-repeat;
	background-position:0px 0px;
}
.google {
	background: url(images/socialmedia_icons.png) no-repeat;
	background-position:0px -35px;	
}
.twitter_icon {
	background: url(images/socialmedia_icons.png) no-repeat;
	background-position:0px -70px;	
}
.youtube_icon {
	background: url(images/socialmedia_icons.png) no-repeat;
	background-position:0px -105px;	
}
.pinterest_icon {
	background: url(images/socialmedia_icons.png) no-repeat;
	background-position:0px -140px;	
}
.instagram {
	background: url(images/socialmedia_icons.png) no-repeat;
	background-position:0px -175px;	
}
.linkedin {
	background: url(images/socialmedia_icons.png) no-repeat;
	background-position:0px -210px;	
}
.email {
	background: url(images/socialmedia_icons.png) no-repeat;
	background-position:0px -245px;	
}
.rssfeed {
	background: url(images/socialmedia_icons.png) no-repeat;
	background-position:0px -280px;	
}
#sidebar h2 {
	font-weight: bold;
	font-size: 14px;
	margin-top: 15px;
}


/* @end */
.bullets {
	padding-left: 25px;
}
.bullets li {
	margin-bottom: 10px;
	font-size: 14px;
	color: #4b0049;
	list-style: disc outside none;
}
.small {
	margin-top: 15px;
	font-size: 14px;
}
.blog-post {
	padding-left: 100px;
	position: relative;
	overflow: visible;
	margin-bottom: 35px;
}
.wp-caption {
	padding: 3px;
	background-color: #ede5ec;
}
.wp-caption img {
	text-align: center;
	margin: 0 auto;
	margin-left: 2px;
}
.wp-caption a {
	overflow: visible;
	display: inline-block;
	padding: 0;
	margin: 0;
}
.wp-caption-text {
	text-align: center;
	color:  #4b0049;
	font-size: 11px !important;
	line-height: 16px !important;
	margin-bottom: 0 !important;
	font-family: Georgia, serif !important; 
}
.wp-caption dd {
	text-align: center;
	color:  #4b0049;
	font-size: 11px !important;
	line-height: 16px !important;
	margin-bottom: 0 !important;
	font-family: Georgia, serif !important; 
}
.alignright {
	float: right;
	margin-top: 10px;
	margin-bottom: 0;
	margin-right: 0;
	margin-left: 15px;
}
.alignleft {
	float: left;
	margin-top: 10px;
	margin-bottom: 0;
	margin-right: 15px;
	margin-left: 0;
}
.thecontent img {
	border: 3px solid #ede5ec;
}
.thecontent p {
	margin-bottom: 20px;
	font: 14px/22px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.thecontent ol li {
	list-style-type: decimal;
	list-style-position: inside;
	margin-bottom: 10px;
	font: 14px/22px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.datebox {
	width:  110px;
	height: 35px;
	position: absolute;
	margin-top: 40px;
	left: -35px;
}
.day {
	width: 35px;
	height: 35px;
	float:  left;
	background-color: #4b0049;
}
.day p {
	color: white;
	padding-left: 5px;
	position: absolute;
	font-size: 20px;
	padding-top: 5px;
}
.month {
	width: 75px;
	height: 35px;
	float: left;
	background-color: #d2bfd1;
	border-radius: 0px 5px 5px 0px;
	-moz-border-radius: 0px 5px 5px 0px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
.month p {
	color: white;
	padding-left: 5px;
	bottom: 4px;
	position: absolute;
	font: italic normal bold 24px /*38px 'Tangerine',*/ Georgia, serif;
}
.author {
	font-size: 12px;
	margin-bottom: 5px;
}
.author a {
	font-size: 13px;
	text-decoration: none;
}
.content {
	font-size: 15px;
	margin-bottom: 15px;
}
.postfooter {
	margin-top: 15px;
	display: block;
	overflow: hidden;
	padding: 0;
	margin-bottom: 15px;
	clear: both;
}
.twitter-box {
	float: left;
	margin-right: 10px;
	padding: 0;
}
.categories {
	font-size: 12px;
	margin: 10px 0 0;
}
.postfooter p {
	padding-top: 10px;
}
.cat-item {
	margin-bottom: 5px;
}
.popular {
	font-size: 14px;
	margin: 10px 0 0;
	padding: 0;
}
.popular li {
	margin-bottom: 10px;
}
.post-end {
	text-align: center;
	display: block;
	margin: 15px auto 0;
}
#footer {
	padding-left: 100px;
	position: relative;
	overflow: visible;
	color: white;
	font-size: 14px;
	background-color: #4b0049;
	text-align: center;
	height: 40px;
	padding-top: 15px;
	border-top: 4px solid white;
	border-bottom: 4px solid #4b0049;
}
.footer-text p {margin-bottom: 20px;}
.middlearea {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
	display: block;
	padding-left: 35px;
}
#above-footer {
	background-color: #ede5ec;
	margin-right: auto;
	margin-left: auto;
	padding-top: 25px;
	padding-bottom: 25px;
	border-top: 4px solid white;
	overflow: hidden;
}
#above-footer a {
	color: #4b0049;
}
#above-footer p {
	color: black;
	font-size: 14px;
	line-height: 20px;
}
.footer-text {
	width: 475px;
	float: left;
	display: block;
	margin-right: 55px;
	color: black;
}
.footer-connectarea {
	width:  460px;
	display: block;
	height: 25px;
	float: right;
	color: black;
}
.sitemap {
		/*width: 220px;
	display: inline-block; */
	float: left;
	margin-right: 15px;
	margin-top: 55px;
}
.sitemap a {
	font-size: 12px;
	text-decoration: none;
}
.sitemap a:hover {
	text-decoration: underline;
}
.sitemap li {
	/*margin-bottom: -2px;*/
}
.sitemap p {
	font-weight: bold;
	font-size: 14px;
}

/* @group Comments */
.comments-box {
	width: 96px;
	height: 29px;
	background: url(images/comments_box.png) no-repeat;
	text-align: center;
	float: left;
	margin-right: 20px;
}
.comments-box a {
	color: white;
	font-size: 12px;
	text-align: center;
}
#commentbox {
	font-size: 12px;
	background-color: #ede5ec;
	padding: 25px 20px;
}
.commentlist {
	padding: 10px;
	font-size: 14px;
	background-color: #f9f1f8;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.commentlist p {
	margin-bottom: 10px;
}
.commentlist img {
	margin-bottom: 5px;
	margin-right: 5px;
	float: left;
	display: inline;
	border: 3px solid white;
}

#commentform p {
	margin-bottom: 8px;
	font-size: 14px;
}
#author {
	height:  25px;
	width: 200px;
	background-color: white;
	border: 1px solid #9c729a;
}
#email {
	height:  25px;
	width: 200px;
	background-color: white;
	border: 1px solid #9c729a;
}
#url {
	height:  25px;
	width: 200px;
	background-color: white;
	border: 1px solid #9c729a;
}
#comment {
	margin-bottom: 8px;
	width: 400px;
	background-color: white;
	border: 1px solid #9c729a;
}

.commentauthor {
	font-size: 16px;
	padding-top: 10px;
}

.commentdate {
	font-size: 12px;
	font-style: italic;
	color: #4b0049;
	padding-left: 15px;
	float: right;
}

.commentmod {
	color: gray;
	font-size: 16px;
	font-style: italic;
	margin-bottom: 10px;
}

.commenttext {
	color: #fefae8;
	font-size: 14px;
	margin-top: 5px;
}

.editcomment {
	text-decoration: none;
	color: #c6c3b4;
	font-size: 10px;
}
/* @end */

.twitter-box iframe {width: 95px !important;}

/* MailChimp Form Code */
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border:1px solid #999; -webkit-appearance:none;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #a84ca6; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 0 0; padding:0; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup .button:hover {background-color:#4b0049;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}     
#mc_embed_signup .clear {clear:none; display:inline;}

#mc_embed_signup label {display:block; font-size:16px; padding-bottom:10px; font-weight:bold;}
#mc_embed_signup input.email {display:block; padding:8px 0; margin:0 4% 10px 0; text-indent:35px; width:80%; min-width:130px;}
#mc_embed_signup input.button {display:block; width:35%; margin:0; min-width:90px;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}


body {min-width: 1020px; /* overides mobile safari browsers 980px body width for 100% width divs */}