/*
Theme Name: Festoon
Description: Festoon custom theme
Author: Matthew Rochow
Author URI: http://www.matthewrochow.com
*/

/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}

/* Defaults */
:focus {outline:0}
a, a:visited {color:#069}
a:hover {}
abbr, acronym, dfn {border-bottom:1px dotted;cursor:help}
blockquote {background:#EEE;border-left:2px solid #CCC;margin:0 0 1em}
blockquote p {margin:.5em}
body {background:#FFF;color:#000;font:75%/125% Arial, Sans-Serif}
html, body {min-height:100%;height:100%}
code, pre {font-size:1em}
del {text-decoration:line-through}
dfn {font-style:italic;font-weight:bold}
dl {margin:0 0 2em}
dd {margin:0 0 5px}
dt {float:left;font-weight:bold;margin:0 0 5px;width:5em}
fieldset {border:0}
fieldset p {margin:0 0 5px}
img {border:0;vertical-align:bottom}
ins {text-decoration:none}
h1 {color:#8774cf;font:2.75em/1.25em Arial;margin:10px 0 0 10px}
h2 {color:#003c8f;font:2em/1.25em Arial}
h3 {color:#023479;font:bold 1.7em/1.25em Arial}
h4 {font:bold 1em/1.25em Georgia, Garamond, Serif}
hr {margin:0 0 0.5em}
p {margin:0 0 1em}
ul, ol {list-style:none;margin:0 0 1em}
textarea {font:1em Arial;overflow:auto}
tt {display:block;margin:0.5em 0;padding: 0.5em 1em}
th {text-align:left}

/* Containers */
#page {margin:0 auto;width:1000px}

/* Header */
#header {background:url(images/header-bg.jpg) right top no-repeat;overflow:hidden;width:100%}
#header #logo {color:#09C;float:left;font:italic bold 2.25em/1.2em Georgia, Garamond, Serif;margin:22px 0 0}
#header p#slogan {color:#f04f38;float:left;font-size:1.5em;height:26px;margin:65px 0 0 41px;position:relative;width:470px}
#header p#slogan span {background:url(images/beautiful-bunting.png) left top no-repeat;height:100%;left:0;position:absolute;top:0;width:100%}
#header ul {clear:both;display:inline;float:left;font:1.335em Georgia, Garamond, Serif;list-style:none;margin:0 0 0 288px;text-transform:uppercase;width:690px}
#header ul li {float:left;margin:0 18px 0 0}
#header ul li a {background:#d4cfe7;color:#003f90;float:left;height:58px;overflow:hidden;position:relative;width:129px}
#header ul li a span {cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}
#header ul li a:hover, #header ul li.current_page_item a {background:#f7a79b}

	/*IR*/
	#header ul li.page-item-3 a span {background:url(images/menu.png) left top no-repeat}
	#header ul li.page-item-5 a span {background:url(images/menu.png) -129px top no-repeat}
	#header ul li.page-item-4 a span {background:url(images/menu.png) -258px top no-repeat}
	#header ul li.page-item-1 a span {background:url(images/menu.png) right top no-repeat}
	
		/*Hovers*/
		#header ul li.page-item-3 a:hover span, #header ul li.page-item-3.current_page_item a span {background:url(images/menu.png) left -58px no-repeat}
		#header ul li.page-item-5 a:hover span, #header ul li.page-item-5.current_page_item a span {background:url(images/menu.png) -129px -58px no-repeat}
		#header ul li.page-item-4 a:hover span, #header ul li.page-item-4.current_page_item a span {background:url(images/menu.png) -258px -58px no-repeat}
		#header ul li.page-item-1 a:hover span, #header ul li.page-item-1.current_page_item a span {background:url(images/menu.png) right -58px no-repeat}

/*Main*/
#main {overflow:hidden;width:100%}

/* Content*/
#content {display:inline;float:left;overflow:hidden;margin: 0 0 0 202px;padding:0 0 60px;width:565px}
#content .slideshow {margin:0 0 10px}
#content h2.prodtitles {font-size:2em}
#content h2.prodtitles a {text-decoration:none}
#content .productdisplay {border-top:1px dotted #CCC;padding:10px 0}

	/* Post */
	#content .post {padding:10px;margin:0 0 25px}
	#content .post .meta {font-size:0.8em}
	#content .post ul {list-style:disc;margin:0 0 1em 18px}
	#content .post ol {list-style:decimal;margin:0 0 1em 22px}
	#content .post h1 {border:0;margin:0}

	/*Slideshow*/
	#banner {float:left;height:308px;margin:10px 0 20px;position:relative;width:545px}
	#banner img {border:1px solid #ccc;padding:1px}

/* Pagination */
#prev-next {list-style:none}
#prev-next #prev {float:left}
#prev-next #next {float:right}

/* Sidebar */
#cart {background:#f7a79b;clear:both;padding:10px}
#cart table {width:100%}
#sidebar {display:inline;float:left;margin: 0 -100% 0 -767px;padding:0 0 20px;width:202px}
#sidebar ul {list-style:none;margin:0 0 1em 0}
#sidebar ul ul {list-style:disc;margin: 0 0 0 10px}
#sidebar h3 {color:#003c8f}
#sidebar h2#about-us {float:left;height:66px;margin:0;overflow:hidden;position:relative;width:202px}
#sidebar h2#about-us span {background:url(images/about-us.png) left top no-repeat;height:100%;left:0;position:absolute;top:0;width:100%}

	/*Container*/
	#sidebar .container {background:url(images/sidebar-bg.png) left top repeat-y;float:left;margin: 0 0 45px;width:202px}
	#sidebar .container div {background:url(images/sidebar-bottom.png) left bottom no-repeat;padding: 0 15px 10px;width:172px}
	#sidebar .container div div {background:none;padding:0;width:auto}
	
/*Right Sidebar*/
#right-sidebar {color:#597042;float:right;font-size:1.1em;width:200px}
#right-sidebar h3 {text-transform:lowercase}
#right-sidebar h2#secure-payment {height:49px;overflow:hidden;position:relative;width:177px}
#right-sidebar h2#secure-payment span {background:url(images/your-payments.png) left top no-repeat;height:100%;left:0;position:absolute;top:0;width:100%}
#right-sidebar h2#more-from-festoon {height:65px;overflow:hidden;position:relative;width:200px}
#right-sidebar h2#more-from-festoon span {background:url(images/more-from-festoon.png) left top no-repeat;height:100%;left:0;position:absolute;top:0;width:100%}

	/*Container*/
	#right-sidebar .container {background:url(images/right-sidebar-bg.png) left top repeat-y;margin:0 0 10px;width:200px}
	#right-sidebar .container div {background:url(images/right-sidebar-bottom.png) left bottom no-repeat;margin:0;padding:0 5px 10px 5px;width:190px}
	#right-sidebar .container div div {background:none;padding:0;width:auto}
	
	/*Dynamic Sidebar*/
	#right-sidebar .container div ul {background:none}
	#right-sidebar .container ul li {margin:0 0 10px}
	

/* Footer */
#footer {clear:both;float:left;height:1%;margin: -40px 0 0;padding:0 10px 5px 202px;overflow:hidden;text-align:center;width:565px}
#footer p {}
#footer p a {color:#000}

/* Image Alignment */
img.centered {display:block;margin-left:auto;margin-right:auto}
img.alignright {display:inline;margin:0 0 2px 7px;padding:4px}
img.alignleft {display:inline;margin:0 7px 2px 0;padding:4px}
.alignright {float:right}
.alignleft {float:left}

/* Legacy Comments */
#comments #commentlist {list-style:none;margin:0 0 1em;padding:0;text-align:justify}
#comments #commentlist li {list-style:none;margin:15px 0 3px;padding:5px 10px 3px}
#comments #commentlist li.alt {background:#EEE}
#comments #commentlist li .avatar {background:#fff;border:1px solid #eee;float:right;padding:2px}
#comments #commentlist cite, #commentlist cite a {font-style:normal;font-weight:bold}
#comments #commentlist p {margin:10px 5px 10px 0}
#comments #commentmetadata {font-weight:normal}
#comments #commentform input.input {border:1px solid #CCC;font-size:1.1em;margin:5px 5px 1px 0;padding:2px;width:170px}
#comments #commentform input.input:hover {background:#EEE}
#comments #commentform textarea {border:1px solid #CCC;padding:2px;width:98%}
#comments #commentform textarea:hover {background:#EEE}
#comments #commentform #submit {}
#comments #commentform p {margin:0 0 .5em}
#comments #allowed-tags strong {display:block}
#comments .nocomments {margin:0;padding:0;text-align:center}
#comments .commentmetadata {display:block;margin:0}

/* 2.7+ Comments */
#comments_wrap, #respond {margin:0 15px}
#comments_wrap ol {list-style:none}
#comments_wrap ol li {border-bottom:1px solid #CCC;margin:0 0 5px}
#comments_wrap .commentmetadata {margin:0 0 10px}
#comments_wrap .comment-author {border-bottom:1px solid #CCC;width:100%;overflow:hidden;padding:0 0 3px;line-height:32px;}
#comments_wrap .comment-author img {float:left;margin:0 10px 0 0}
#comments_wrap .comment-author cite {font-weight:bold}

/* Contact Form */
.wpcf7-form p {font-weight:bold}
.wpcf7-form p input, .wpcf7-form p textarea {background:#f4f4f4;border:1px solid #CCC;color:#333;-moz-border-radius:3px;padding:3px;-webkit-border-radius:3px;width:244px}
.wpcf7-form p input:focus, .wpcf7-form p input:active, .wpcf7-form p textarea:active, .wpcf7-form p textarea:focus {background:#EEE}
.wpcf7-form p input#send {background:#3db003;border:1px solid #2c7d03;color:#FFF;font-weight:bold;width:120px}
div.wpcf7-response-output {margin:0 0 1em;padding:0.2em 1em}
#page div div #content div div.wpcf7-mail-sent-ok {background:#eaffdf;border:1px solid #398f14;color:#333;padding:4px}
#page div div #content div div.wpcf7-mail-sent-ng {border:1px solid #ff0000;color:#333;padding:4px}
#page div div #content div div.wpcf7-spam-blocked {border:1px solid #ffa500;color:#333;padding:4px}
#page div div #content div div.wpcf7-validation-errors {background:#FFC;border:1px solid #fc3;color:#333;padding:4px}
span.wpcf7-form-control-wrap {position:relative}
span.wpcf7-not-valid-tip {background:#fdecec;border:1px solid #ff0000;color:#333;font-size:10pt;font-weight:normal;left:105%;padding:4px;position:absolute;top:-4px;width:280px;z-index:100}
span.wpcf7-not-valid-tip-no-ajax {color:#f00;display:block;font-size:10pt}
span.wpcf7-list-item {margin-left:0.5em}

#slideshow {margin:0 0 10px}
#slideshow img {display:none}