/*
 Theme Name:   Twenty Eleven Child
 Theme URI:    http://selfcreation.com/blog/wp-content/themes/twenty-eleven-child/
 Description:  Twenty Eleven Child Theme
 Author:       Jennifer
 Author URI:   http://selfcreation.com
 Template:     twentyeleven
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-eleven-child
*/

/* We must first include the original css from the parent theme */
@import url("http://selfcreation.com/blog/wp-content/themes/twentyeleven/style.css");


/* =Theme customization starts here
------------------------------------------------------------------------------------------------------ */



/* -------------------------- STRUCTURAL ----------------------------------- */

/* NOTE: I changed the excerpt_length from 40 to 70 in the main theme function.php file so if they do an update you may lose that change and have to make it again */
 


body {/* this is the background image with thick blue border on top and thin border below menu */
	background: url(images/self-bkgd.jpg) repeat-x;
}

#page {/* this is to remove the top margin and make header flush with the top */
	margin: 0 auto;
}

#site-title, #site-description {/* this removes the the site title and description box entirely */
  display: none;
}

#branding {/* this removes the thin gray line that was on top of the site title and description box */
	border-top: none;
}

#main { /* 25px between the top of the content & sidebar to the bottom of header */
	padding: 15px 0 0 0;
}

#nav-single { /* this removes the Previous and Next links that were by Page Title */
display:none;
}

#content {  /* reduces outside margin on left side of content section, sets width of content, adds border & padding */
	margin-left: 8%;
	width: 66%;
	border-right: 1px solid #999;
	padding: 0 30px 0 0;
}

#secondary { /* reduces outside margin on right side of right sidebar */
margin-right: .1%;
}




/* -------------------------- TOP NAVIGATION MENU ----------------------------------- */

nav#access {/* this changes the navigation bar from black to white with a 2px blue border below */
	background: #fff; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#fff, #fff);
	background: -o-linear-gradient(#fff, #fff);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#fff)); /* older webkit syntax */
	background: -webkit-linear-gradient(#fff, #fff);
	-webkit-box-shadow: rgba(0, 0, 0, 0) 0px 1px 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0) 0px 1px 2px;
	box-shadow: rgba(0, 0, 0, 0) 0px 1px 2px;
	border-bottom: 2px solid #7896BC;
	margin-top: -21px;  /* this is vertical placement of 2px blue border, if you change this, you have to change bkgd image */
}

#access ul { /* this changes how far over to the left your menu starts */
	margin-left: 70px;
}

#access li { /* this is for the spacing bar between links in menu */
	border-left:1px solid #A0A0A0;
	margin: 7px 0 7px;
}

nav#access a { /* this changes the color and height of 1px border between menu links */
	color: #5D6275;
	line-height: 30px;
}

nav#access li:hover > a, /* this removes background and changes the color of menu links when hovering */
nav#access ul ul :hover > a,
nav#access a:focus {
	background: none;
	color: #1b8be0;
}

#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {
	font-weight: bold;
	color: #1b8be0;
}


/* -------------------------- COMMENT / REPLY BOX AT BOTTOM OF POSTS ----------------------------------- */

#respond { /* box background color and padding around contents of box */
	background: #D5E1CC;
	padding: 25px 25px 50px;
}

#reply-title { /* "Leave a Reply" text formating */
	color: #766f6f;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#respond input[type="text"], #respond textarea { /* styling of box inside box where they type their comments */
	background: #fff;
	border: 2px solid #ccc;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: inset 0 0 0 rgba(204,204,204,0.95);
	-moz-box-shadow: inset 0 0 0 rgba(204,204,204,0.95);
	box-shadow: inset 0 0 0 rgba(204,204,204,0.95);
}

#respond input#submit { /* styling and position of "Post Comment" submit box */
	background: #547AA9;
	margin: 15px 10px;
	padding: 5px 42px 5px 40px;
	left: 0;
}
#commentform .comment-form-url { display: none; }  /* This removes the website URL field on the comment form */

/* -------------------------- FOOTER ----------------------------------- */

#site-generator { /* changed background snd border color. Left rest there for later styling */
background: #fff;
border-top: 1px solid #fff;
color: #666;
font-size: 12px;
line-height: 2.2em;
padding: 2.2em 0.5em;
text-align: center;
}


/* -------------------------- TEXT ----------------------------------- */

/* TO CONTROL COLORS OF TEXT, GO TO DASHBOARD / APPEARANCE / THEME OPTIONS */

a { /* changes link color and decoration site wide */
	color: #306994;
	text-decoration: underline;
}
a:focus,
a:active,
a:hover { /* changes link color and decoration site wide */
	color: #622047;
	text-decoration: underline;
}

body, input, textarea { /* this changes the font family, color and weight on the site */
	color: #333;
	font: 15px Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height: 1.625;
}

body.single h1.entry-title,
body.page h1.entry-title { /* changed the font size, weight, line-height, padding and font family on Titles on Pages & Posts */
	clear: both;
	color: #766f6f;
	font-size: 36px;
	font-weight: normal;
	line-height: 38px;
	padding-bottom: 1px;
	padding-top: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
}

body.home .entry-title,
body.category .entry-title { /* changed the font size, weight, line-height, padding and font family on Excerpt pages */
	color: #766f6f;
	font-size: 26px;
	line-height: 28px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	padding-bottom: 1px;
	padding-top: 1px;
}

body.home .hentry,
body.category .hentry { /* spacing between Excerpt Posts, Post Titles and thin gray line */
	border-bottom: 1px solid #ddd;
	margin: 5px 0 5px;
	padding: 5px 0 1px;
}
body.single .hentry,
body.page .hentry { /* spacing between Excerpt Posts, Post Titles and thin gray line */
	border-bottom: 1px solid #ddd;
	margin: 5px 0 5px;
	padding: 5px 0 1px;
}

.page-title { /* This reduces the amount of space between Page Tile like "CATEGORY ARCHIVES" and the Title of the article */
	margin: 0 0 5px;
}

body.single-post .hentry { /* Makes the thin gray line below Posts disappear */
	border-bottom: 1px solid #fff;
}

.entry-content,
.entry-summary { /* the 10px determines the distance between Entry Title and the text in the article */
	padding: 10px 0 0;
}

.entry-content h2 { /* This is for Sub Headings in posts and pages */
	font-size: 28px;
	font-weight: normal;
	color: #5074A0;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-bottom:20px;
}

h4.categories { /* This is for distinguishing categories within Book & Link pages */
	text-align:right;
	color: #BE5414;
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding: 5px;
	border-bottom:1px solid #ccc;
	margin-bottom:20px;
}

#content ul, ol { /* adds more spacing around lists */
	margin: 0 0 20px 80px;
}

#content li { /* changes spacing between list items. */
	margin: 7px;
}

#content ul, ol.tight{ /* Reduces the spacing before and after lists */
	margin: -20px 20px 20px 80px;
}

#content li.tight { /* Reduces the spacing between list items. */
	margin: 0 8px;
}


#box { /* This is the box that goes around the definition of love in post. */
    background-color:#E0E8EF;
    width: 450px;
    padding: 25px;
    border: 2px solid #E653A3;
    margin: 10px 70px 20px 50px;
}
 
 
 
/* ------------------------------- MISC ----------------------------------- */

#branding #s { /* removes the search form that was in the header */
	display:none;
}

.entry-meta { /* removes the "Posted on..." and date under Post Title */
	display:none;
}

.entry-meta a { /* this changes all meta data like the date under post from bold to normal */
	font-weight: normal;
}

.comments-link a { /* this removes the little ballon image that was on my post excerpts */
		display:none;
}

.wpcf7-form p input.wpcf7-submit { /* this is styling for the submit button on the contact form 7 pluggin */
	  background: #7896BC;
	  width: 100px;
	  border: 0;
	  color:#fff;
}

img.alignleft, img.alignright, img.aligncenter { /* this changes the spacing below an image inserted into a post */
	margin-bottom: 10px;
}

#checkboxes label { /* Checkboxes used in Infatuation post - list question */
  margin: 20px 0 0 40px;
}
#checkboxes ul { /* Checkboxes used in Infatuation post - positioning list */
  margin-top: -10px;
  float: left;
}
#checkboxes li { /* Checkboxes used in Infatuation post - list items */
  list-style: none;
  margin-left:10px;
  margin-top:10px
}
#checkboxes li input { /* Checkboxes used in Infatuation post - makes text on 2nd line indented - inside list */
    position: absolute;
    margin-left: -20px;
    margin-top: 5px;
}
.noborder {/* added this so signature image on Ego post doesn't have a border */
	border: 1px solid #fff;
	padding: 6px;
	max-width: 97.5%;
}

/* ---------------------------- WIDGETS ON RIGHT --------------------------- */

/* ------Mailchimp Signup Form ---------- */
#signup { 
margin-top:20px;
margin-left:-25px;
background: #fff url(http://selfcreation.com/blog/wp-content/uploads/wordpress/signup-bkgd.jpg) no-repeat 0 center; 
padding: 15px 15px; 
text-align: left; 
}

#signup input {
border: 1px solid #B0B0B0;
font-size: 11px;
margin-left:5px;
margin-bottom: 10px;
}

#signup input.email { 
margin-top:70px;
background: #fff url(http://selfcreation.com/blog/wp-content/uploads/wordpress/email.png) no-repeat 10px center; 
padding-left: 30px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
box-shadow: 0 2px 2px #B0B0B0;
-moz-box-shadow: 0 2px 2px #B0B0B0;
-webkit-box-shadow: 0 2px 2px #B0B0B0;
}

#signup input.name { 
background: #fff url(http://selfcreation.com/blog/wp-content/uploads/wordpress/name.png) no-repeat 10px center; 
padding-left: 30px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
box-shadow: 0 2px 2px #B0B0B0;
-moz-box-shadow: 0 2px 2px #B0B0B0;
-webkit-box-shadow: 0 2px 2px #B0B0B0;
margin-bottom: 12px;
}

#signup input[type="submit"] {
background: #7B797A;
color: #fff;
cursor: pointer;
font-size: 12px;
font-weight: normal;
letter-spacing: 1px;
padding: 1px 1px;
width: 45%;
}
	
#signup input[type="submit"]:hover {background:#D97239; color: #fff; }

/* ------Find me on Facebook ---------- */

#findme { /* positioning of facebook link */
	margin-top: -20px;
	margin-bottom:-20px;
	margin-left: -18px;
}

/* ------Search Box ---------- */

.widget_search #s { /* positioning and size of search form in sidebar */
	margin-top: 0;
	margin-bottom:-15px;
	margin-left: -15px;
	width: 85%;
}