/*
THEME NAME: Susan Ross 
THEME URI: http://susanross.ca
DESCRIPTION: Susan Ross Website
VERSION: 1.0
AUTHOR: Images
AUTHOR URI: http://images.ca
*/

@import url(library/styles/reset.css);
 
/* =Global Elements
-------------------------------------------------------------- */

body {background: url(images/body_bg.png) repeat-x; font: 75% "Helvetica Neue", Helvetica, Arial, Sans-Serif;}

html>body {font-size:12px;}

p {line-height: 1.5em; margin: 0 0 1em 0;}

strong {font-weight: bold;}

em {font-style: italic;}

a {color: #3357a4; text-decoration: none; font-weight: bold;}

a:hover {color: #ff511b;}

small {font-size: .75em;}

.blueline {width: 340px; height: 3px; margin: 0 0 10px 0; clear: both; background: url(images/blueline.png);}

/* =Headings
-------------------------------------------------------------- */

h2 {font-size: 1.8em; margin: 0 0 .4em 0; line-height: 1.8em; }

	h2.page-title {margin-left: 80px;}
	
	.page-template-kids-php h2 {margin-bottom: .2em;}
	
	.page-template-quizzes-php h2.book {margin: 0; color: #27ccff; font-size: 1.6em; font-weight: bold; }
	
	.page-template-quizzes-php h2.current {color: #ff511b;}

h3 {font-size: 1.6em; font-family: "HelveticaRounded", "Helvetica Neue", Helvetica, Arial, Sans-Serif;}

	.archive .leftsection h3, .page-template-kids-php .leftsection h3, .single .leftsection h3 {color: #27ccff; font-weight: bold; background: url(images/craftstars.png) 0 -28px no-repeat; padding: 0 0 0 36px; height: 28px; vertical-align: top; font-size: 1.4em; line-height: 1.8em;}
	
		.archive .leftsection h3 a, .page-template-kids-php .leftsection h3 a, .single .leftsection h3 a {color: #27ccff;}
		
		.archive .leftsection h3 a:hover, .page-template-kids-php .leftsection h3 a:hover, .single .leftsection h3 a:hover {color: #ff511b;}
		
		.archive h3.blog, .page-template-kids-php h3.blog, .single h3.blog {margin-bottom: 1.4em;}
	
		.archive .leftsection h3.current, .page-template-kids-php .leftsection h3.current {background-position: 0 0; font-size: 24px; line-height: 1.2em;}
		
	.page-template-quizzes-php h3 {color: #27ccff; font-weight: bold; background: url(images/craftstars.png) 0 -28px no-repeat; padding: 0 0 0 36px; margin: 0 0 12px 10px; width: 100px; height: 28px; vertical-align: top; font-size: 1.4em; line-height: 1.8em; float: left;} 
	
		.page-template-quizzes-php h3 a {color: #27ccff; }
		
		.page-template-quizzes-php h3 a:hover {color: #ff511b;}
	
h4 {font-size: 1.2em; font-weight: bold; margin: 0 0 .2em 0; }

	


/* =Header
-------------------------------------------------------------- */

#header {background: url(images/header.jpg) repeat-x; height: 152px; width: 100%; border-bottom: 4px solid #FFF;}

	#header h1 {background: url(images/logo.jpg) no-repeat; height: 112px; width: 994px; text-indent: -9999px; margin: 0 auto;}
		

/* =Navigation
-------------------------------------------------------------- */

#header ul {background: url(images/nav.jpg) no-repeat; height: 40px; width: 960px; margin: 0 auto;}

	#header ul li {float: left; text-indent: -9999px; height: 40px;}
	
		#header ul li a {display: block; height: 40px;}
	
		#header ul li.home a {width: 85px;}
		
		#header ul li.about a {width: 178px;}
		
		#header ul li.visits a {width: 144px;}
		
		#header ul li.kids a {width: 146px;}
		
		#header ul li.quizzes a {width: 104px;}
		
		#header ul li.media a {width: 162px;}
		
		#header ul li.contact a {width: 140px;}


/* =Content
-------------------------------------------------------------- */

#wrapper {width: 100%; background: url(images/shadow.jpg) repeat-x;}

#container {width: 980px; margin: 0 auto; overflow: auto;}

#content ul li {list-style: disc; margin: 0 0 1em 24px;}

#content ol li {list-style: decimal; margin: 0 0 1em 24px;}

	#content ol li ol li {list-style: lower-alpha;}
	
.alignright {float: right;}

.alignleft { float: left; margin: 0 12px 12px 0}

.category-pet-pictures .alignleft {clear: none}

.wp-caption-text {font-size: 0.75em;}

#welcome {width: 940px; height: 350px; margin: 0 auto; background: url(images/home_images.jpg) top right no-repeat;}
 
	#welcome h2 {background: url(images/home_h1.jpg) no-repeat; width: 395px; height: 153px; text-indent: -9999px; margin: 0 0 .4em 63px;}
	
	#welcome p {margin: 0 0 1.5em 61px; width: 390px;}
	
#content_top {background: url(images/content_top.png) no-repeat; height: 59px; width: 980px; position: relative; margin-top: 20px;}

	.home #content_top {margin-top: -80px;}
	
#content_bottom {background: url(images/content_bottom.png) no-repeat; height: 10px; width: 980px; position: relative;}

/* Old padding-bottom was 80px */
#content {background: url(images/content_bg.png) repeat-y; width: 980px; padding-bottom: 40px; position: relative; overflow: auto;}

	.media #content, .quizzes #content, .page-id-138 #content {background-image: url(images/content_blank.png);}
	
	.home #content, .page-id-47 #content, .page-id-138 #content {padding-bottom: 0;}
	
.post {margin: 0 80px 2em 80px;}

	.post p {width: 340px;}
	
	.rightsection .post, .rightsectionhome .post, .leftsection .post {margin: 0;}
	
	#content .post ul li {list-style: disc; margin: 0 0 1em 34px;}
	
#carousel {width: 390px; position: relative; left: 60px; height: 500px; overflow: hidden;}
	
	#carousel ul, #carousel ul li, #content .rightsection ul, #content .rightsection ul li, #content .rightsectionhome ul, #content .rightsectionhome ul li {list-style-type: none}
	
	#carousel ul {overflow: auto; margin-right: -1500px}
	
	#carousel ul li {float: left; position: relative; width: 400px; margin: 0}
	
	#content .rightsection ul li {margin: 0 0 0 10px; float: right}
	
	#content .rightsectionhome ul li {margin: 0 0 0 10px; float: right}
	
	#content .rightsection .entry ul {list-style: disc; margin-bottom: 12px;}
	
	#content .rightsectionhome .entry ul {list-style: disc; margin-bottom: 12px;}
	
	#content .rightsection .entry ul li {float: none}
	
	#content .rightsectionhome .entry ul li {float: none}
	
	#content .rightsection .entry ol {list-style: decimal; margin-bottom: 12px;}
	
	#content .rightsectionhome .entry ol {list-style: decimal; margin-bottom: 12px;}
	
	#content .rightsection .entry ol li {margin-left: 20px; list-style-position: inside;}
	
	#content .rightsectionhome .entry ol li {margin-left: 20px; list-style-position: inside;}

#content .leftsection {margin-left: 40px; width: 390px; float: left}

#carousel .leftsection {width: 400px; float: left; margin-left: 0}


/* Start copying here */

	#carousel .home_rose {background: url(images/rose-lily-home.jpg) bottom left no-repeat; padding-bottom: 260px}

	#carousel .home_rose p {width: 350px;}
	
/* End Copying here */
/* Start copying here */

	#carousel .home_kitkat {background: url(images/kitkat_home.jpg) bottom left no-repeat; padding-bottom: 260px}

	#carousel .home_kitkat p {width: 350px;}
	
/* End Copying here */
/* Start copying here */
	
	#carousel .home_violet {background: url(images/violet_home.jpg) bottom left no-repeat; padding-bottom: 260px}

	#carousel .home_violet p {width: 300px;}
	
/* End Copying here */
/* Start copying here */
	
	#carousel .home_honey {background: url(images/honey_home.jpg) bottom left no-repeat; padding-bottom: 260px}
	
	#carousel .home_honey p {width: 370px;}
	
/* End Copying here */

/* old rightsection for home page, all rightsection styles duplicated for rightsectionhome */
/* To restore, change rightsectionhome back to rightsection, comment out new rightsection, change div class on homepage line 79 back to rightsection*/
.rightsectionhome {width: 420px; margin: 0 0 0 40px; position: absolute; top: 20px; left: 480px}

/* new rightsection to fix scrollbar */
.rightsection {
	width: 420px;
	margin: -30px 0 0 520px;
	top: 20px;
	left: 480px
}

	.rightsection p {width: auto;}
	
	.rightsectionhome p {width: auto;}
	
	.rightsection h4 {margin-bottom: 1em; text-align: right}
	
	.rightsectionhome h4 {margin-bottom: 1em; text-align: right}
	
	.content-nav li a img {border: 2px solid #ffffd5}
	
	.content-nav li a:hover img, .content-nav li a:focus img, .content-nav li.current img {border-color: #2a2a2a}
			
.orderform {background: #FFF; border: 3px solid #27ccff; color: #27ccff; text-transform: uppercase; padding: 3px; position: absolute; top: 40px; right: 10px }

#events {background: #ffffd5; border-top: 10px solid #27ccff; border-right: 10px solid #27ccff;  width: 220px; margin: 20px 0 0 20px; padding:  30px 40px 1em 40px; float: left; }

	#events ul li {list-style: none; margin: 0 10px 0 0;}
	
	#events ul li h4 {margin: 18px 0 0 0;}
	
	#events ul li p {margin: 0 0 12px 0;}
	
	.rightsection #events {border: 0; margin: 0; padding: 0;}
	
	.rightsectionhome #events {border: 0; margin: 0; padding: 0;}

#reviews {background: #ffffd5; border-top: 10px solid #27ccff; width: 590px; margin: 20px 0 0 0; padding:  30px 20px 1em 20px; float: left; overflow: auto;}

	#reviews h3, .visits-reviews h3 {margin-left: 20px}

	#reviews ul li, #content .reviews ul li, #content .visits-reviews ul li, #content.reviews ul li {list-style: none; margin: 0 20px 20px 20px; width: 245px; float: left;}

	#reviews p, .reviews p, #content .visits-reviews p {text-align: right; font-size: .75em;}
	
	#content.reviews ul {width: 860px; margin: 0 auto 40px auto; overflow: auto; }
	
	#content.reviews h3 {margin-left: 80px;}
	
		#reviews blockquote p, .reviews blockquote p, #content .visits-reviews blockquote p {text-align: left; font-size: 1em;}
		
	.visits-reviews {background: #ffffd5; width: 900px; margin: 0 auto; padding: 20px; border-top: 10px solid #27ccff; overflow: auto;}
	
.postmetadata {border: 2px dotted #fce19f; padding: 10px; background: #fcfce0; font-size: .8em}

#searchform {margin-bottom: 1.4em;}

.answers {font-style: italic}

.entry {overflow: visible}

#footer {width: 940px; margin: 0 auto; padding: 1em 0; font-size: .8em; text-align: right;}

/* social media icons */

.icon {width: 25px; height: 25px; padding-top: 2px; border-width: 0px;}