/*
 Theme Name:     Twenty Ten Child
 Theme URI:      https://maryreynolds.com/wp-content/themes/twentyten-child/
 Description:    Twenty Ten Child Theme
 Author:         Craig Reynolds
 Author URI:     https://maryreynolds.com
 Template:       twentyten
 Version:        1.0.0
*/

@import url("../twentyten/style.css");

/* =Theme customization starts here

THIS CSS is for the MD version of Mary's blog
margin:1px 2px 3px 4px; 
top margin is 1px     negative value pushes element UP
right margin is 2px   negative value pulls neighbor element left to overlap element
bottom margin is 3px  negative value pulls neighbor element UP to overlap element
left margin is 4px    negative value pushes element left

margin:10px 5px 15px;
top margin is 10px
right and left margins are 5px
bottom margin is 15px

margin:10px 5px;
top and bottom margins are 10px
right and left margins are 5px

margin:10px;
all four margins are 10px
-------------------------------------------------------------- */

/*  COMPLETELY CUSTOM ELEMENTS ADDED BY CJR   */

#divredash { 
    border: dashed 3px #990000;
    margin: 0 auto;
}

#divbox { 
border-style:solid;
border-width:1px;
border-color:black;
    margin: 0 auto;
}

img.spaceabove30 {
    	margin-top: 30px;
}

img.spacebelow30 {
    	margin-bottom: 30px;
}

img.spaceabove40 {
    	margin-top: 40px;
}

img.spacebelow40 {
    	margin-bottom: 40px;
}

img.spaceabove50 {
    	margin-top: 50px;
}

img.spacebelow50 {
    	margin-bottom: 50px;
}
img.spaceabove60 {
    	margin-top: 60px;
}

img.spacebelow60 {
    	margin-bottom: 60px;
}
img.spaceright {
    	margin-right: 60px;
}

img.spaceleft {
    	margin-left: 60px;
}

/*  ---------  modifications of standard elements  --------*/
body,
input,
textarea,
.page-title span,
.pingback a.url {
	font-family: Georgia, Times, serif;
}
h3#comments-title,
h3#reply-title,
#access .menu,
#access div.menu ul,
#cancel-comment-reply-link,
.form-allowed-tags,
#site-info,
#site-title,
#wp-calendar,
.comment-meta,
.comment-body tr th,
.comment-body thead th,
.entry-content label,
.entry-content tr th,
.entry-content thead th,
.entry-meta,
.entry-title,
.entry-utility,
#respond label,
.navigation,
.page-title,
.pingback p,
.reply,
.widget-title,
.wp-caption-text {
	font-family: Georgia, Times, serif;
}
input[type="submit"] {
	font-family: Arial, Helvetica, sans-serif;
}
pre {
	font-family: "Courier 10 Pitch", Courier, monospace;
}
code {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

.likelink {
	color: #505fb5;
    font-weight: bold;
    font-size: inherit;
    text-decoration: none;
}
a:link {
	color: #505fb5;
    font-weight: bold;
    font-size: inherit;
    text-decoration: none;
}
a:visited {
	color: #505fb5;
    font-weight: bold;
    font-size: inherit;
    text-decoration: none;
}
a:active,
a:hover {
	color: #505fb5;
    font-weight: bold;
    font-size: inherit;
    text-decoration: underline;
}


/* Text elements */

#content p,
#content ul,
#content ol,
#content dd,
#content pre,
#content hr {
    margin-top: 0px;
	margin-bottom: 12px;
}


/* =Header
-------------------------------------------------------------- */
#header {
/*	padding: 30px 0 0 0;  */
	padding: 0 0 0 0;
}
#site-title a {
/*	color: #000;   */
	color: #444;
	font-weight: bold;
	text-decoration: none;
}

#site-description {
/*	margin: 15px 0 18px 0;   */
	margin: 0 0 0 0;
}

/* This is the custom header image */
#branding img {
	border-top: 4px solid #000;
/*	border-bottom: 1px solid #000;  */
	border-bottom: 4px solid #000;
	display: block;
	float: left;
}

/* =Menu
-------------------------------------------------------------- */
#access .menu-header,
div.menu {
/*	font-size: 13px;  */
	font-size: 16px;
	margin-left: 12px;
	width: 928px;
}
#access ul li.current_page_item > a,
#access ul li.current_page_ancestor > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
/*	color: #fff;  */
	color: #fec046;
}
* html #access ul li.current_page_item a,
* html #access ul li.current_page_ancestor a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
/*	color: #fff;  */
	color: #fec046;
}

#content dt,
#content th {
/*	color: #000;   */
	color: #444;
}
#content h1 {
	color: #444;
	font-size:24px;
	line-height: 2em;
	margin: 0 0 20px 0;
}
#content h2 {
	color: #444;
	font-size:21px;
	line-height: 2em;
	margin: 0 0 20px 0;
}
#content h3 {
	color: #444;
	font-size:20px;
	line-height: 2em;
	margin: 0 0 20px 0;
}
#content h4 {
	color: #444;
	font-size:19px;
	line-height: 2em;
	margin: 0 0 20px 0;
}
#content h5 {
	color: #444;
	font-size:18px;
	line-height: 2em;
	margin: 0 0 20px 0;
}
#content h6 {
	color: #444;
	font-size:16px;
	line-height: 1.5em;
	margin: 0 0 20px 0;
}

.page-title {
/*	color: #000;   */
	color: #444;
/* 	font-size: 14px;  */
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 36px 0;
}
.page-title span {
		color: #444;
/* 	font-size: 16px;  */
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
}

#content .entry-title {
/*	color: #000;   */
	color: #444;
	font-size: 21px;
	font-weight: bold;
	line-height: 1.3em;
	margin-bottom: 0;
}
.entry-title a:link,
.entry-title a:visited {
/*	color: #000;   */
	color: #444;
	text-decoration: none;
}

.entry-content fieldset legend {
	background: #fff;
/*	color: #000;   */
	color: #444;
	font-weight: bold;
	padding: 0 24px;
}

.page-link {
	clear: both;
/*	color: #000;   */
	color: #444;
	font-weight: bold;
	line-height: 48px;
	word-spacing: 0.5em;
}

#entry-author-info h2 {
/*	color: #000;   */
	color: #444;
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 0;
}

h3#comments-title,
h3#reply-title {
/*	color: #000;   */
	color: #444;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0;
}

.comment-author cite {
/*	color: #000;   */
	color: #444;
	font-style: normal;
	font-weight: bold;
}

#site-info a {
/*	color: #000;   */
	color: #444;
	text-decoration: none;
}

/*
LAYOUT: One column, no sidebar
DESCRIPTION: One centered column with no sidebar
*/

.one-column #content {
	margin: 0 auto;
	width: 100%;
}

/*
LAYOUT: One column, no sidebar, no footer
DESCRIPTION: One centered column with no sidebar and no footer
*/

.one-col-no-foot #content {
	margin: 0 auto;
	width: 100%;
}



/*
LAYOUT: Two columns
DESCRIPTION: Two-column fixed layout with one sidebar right of content
*/

#container {
	float: left;
/*	margin: 0 -240px 0 0;  */
	margin: 0 -305px 0 0;  /*  negative right margin pulls neighbor element left to overlap element  */
	width: 100%;
}
#content {
/*	margin: 0 280px 0 20px;  */
	margin: 0 325px 0 5px;
}
#primary,
#secondary {
	float: right;
	overflow: hidden;
/*	width: 220px;  */
	width: 295px;
}
#secondary {
	clear: right;
}
#footer {
	clear: both;
	width: 100%;
}


/* Main sidebars */
#main .widget-area ul {
	margin-left: 0;
    /*	padding: 0 20px 0 0;  */
	padding: 0;
}
#main .widget-area ul ul {
	border: none;
    /*	margin-left: 1.3em;  */
	margin-left: 0;
	padding: 0;
}

/*  remove "proudly powered by WordPress" from footer  */
#site-generator {
   display: none;
}

/* tables for product display pages - table cel spacing  */
table {
    border:none;
}
.lh-cell {
/*    padding: 0 10px 10px 0;  */
    padding: 0;
}
.rh-cell {
/*    padding: 0 0 10px 10px;  */
    padding: 0;
}
.wp-video {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.iframe {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}