/*
Theme Name: designayrshire.com
Theme URI: http://designayrshire.com/
Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: the WordPress team
Version: 1.1
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */


#fader, form.eshop label.qty, caption, .widget-title, .edit-link, .nocomments, .page-title, .entry-utility, .page .entry-meta, .screen-reader-text, #searchsubmit, #site-generator, .skip-link {display:none}

.home #fader {display:block} li #fader li:hover {background:none}

* {padding:0; margin:0; outline:none} a {text-decoration:none; color:#09f} a img {border:none} #content a img {border-top:1px solid #eee}

body {border-top:1px solid #333; padding-top:1px; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#fff url(images/body.jpg) center 2px no-repeat; line-height: 1.8em;}
hr {border:none; border-top:1px dotted #ddd; margin:1em 0; height:1px; width:400px} hr {.margin:0}
p {margin-bottom:.5em}

.in {text-shadow:0 1px 0 #fff} .out {text-shadow:0 1px 0 #888}

.clear {clear:both; width:100%}

#content li {list-style:square; margin-left:20px} cite {color:#888; font-size:.8em; font-style:italic}
#content .page {padding:0 20px 0 0}
 
#wrapper {position:relative; width:960px; margin:auto;}

#site-description {width:240px; text-align:center; top:5px; font-weight:bold; color:#475a0a; display:none}
#header {height:150px}
#content {width:710px; float:right; padding-bottom:40px; height:1%; overflow:hidden} .home #content {padding-bottom:0} #fader li {list-style:none; margin:0}

.eshopcart_widget, #site-description, #menu-shopping-cart, #s, #search-2, #site-title a, #access, .abs {position:absolute}

.right {text-align:right} .center {text-align:center}

#s {left:810px; top:44px; width:125px; height:20px; background:transparent; border:none}

#access {left:228px ;top:93px}
#site-title a{top:32px; left:32px; display:block; width:184px; height:170px; text-indent:-5000px}

h1, h2, h3, h4, h5, h6 {clear: both; padding-bottom:.5em} h3 {text-shadow:0 1px 1px #888}
li {list-style:none}

.entry-meta {font-size:9px; color:#888}
.entry-title, h2 a {width:400px; color: #475a0a; font: 20px "Century Gothic",Arial,Helvetica,sans-serif; font-weight:bold; text-shadow:0 2px 2px #ccc; border-bottom:1px dotted #ccc; margin-bottom:.5em} #content p, #content ul {width:400px} #content .wpcf7 p {width:280px} h2 a {border-bottom:none}
#content strong {color:#09f; font-style:italic} .huge {font-size:100px; display:block; line-height:100px; clear:both}

/* custom menu styling */

#menu-shopping-cart {left:450px; top:40px} #menu-shopping-cart li {display:inline}
.eshopwidget a, input.button, .wpcf7 .button input, #menu-shopping-cart li a {line-height:1.2em; float:left; margin-right:10px; padding:5px 10px; background:#f2f4bc; border:1px solid #ddd; color:#000;}
input.button:hover, #menu-shopping-cart li a:hover {background:#000; color:#fff; text-shadow:none}

#secondary li li a {width:240px; display:block; text-align:center}
#secondary li li a {border-top:1px dotted #ddd; line-height:32px;} #secondary a {color:#06c} #secondary {padding-top:80px; border-bottom:1px solid #fefffe; width:240px}

.widget-area {width:100px} .side {width:170px; margin:auto; font-style:italic; font-size:14px; color:#888}
.textwidget {padding-top:30px; text-align:center}

#msn {border:none; width:630px; height:300px; overflow:hidden; margin-top:1em; border-top:1px solid #888}
.post {border-bottom:1px dotted #ccc; padding-bottom:2em; margin-bottom:2em}

#welcome-mat {background: url(images/welcome-mat.jpg) right no-repeat; position:relative; width:705px; height:484px; border-bottom:1px solid #eee}
#content #welcome-mat ul, #content #welcome-mat p {width:220px}
#primary, #welcome-mat a span {display:none}
#welcome-matButtons a {display:block; width:100px; height:30px; position:absolute}
#cards{width:250px; left:240px; top:210px}
#canvas{width:190px; right:92px; top:338px} #canvas .butt {margin:15px auto 0 auto}
#webDesign  {width:200px; right:25px; top:10px} #webDesign .butt {float:right}

#services {position:absolute; left:20px; top:10px;} #services li{list-style:none; margin-left:0}
#services li a{display:block; border-bottom:1px dotted #eee; text-align:right; width:140px; color:#333; padding-right:15px; background: url(images/bullet.png) right center no-repeat;}
.mat p a:hover, #services li a:hover {color:#f90}

#content .mat h2 a{border-bottom:none; padding-bottom:0; color:#f90; font-size:16px; text-shadow:0 1px 0 #fff} #content ul {margin-top:1em} .home #content ul {margin-top:0}

.mat p a {color:#333}
.butt, .mat p .butt {color:#fff; width:108px; font-size:13px; font-weight:bold; height:36px; line-height:31px; text-shadow:0 1px 1px #000; background:url(images/bannerbutton.png); display:block; text-align:center; margin-top:15px}


/* =Menu
-------------------------------------------------------------- */

.eshopcart_widget {width:auto; top:30px; right:290px; height:40px; padding-top:10px; background:url(images/cart.png) no-repeat left top; padding-left:50px;}

#access {display: block;}

#access .menu-header,
div.menu {font-size: 13px; margin-left: 12px; width: 710px;}
#access .menu-header ul, div.menu ul {list-style: none;	margin: 0;}
#access .menu-header li, div.menu li {float: left; position: relative;}
#access a {text-shadow:0 1px 0 #fff;
	color: #000;
	display: block;
	line-height: 34px;
	padding: 0 10px;
	text-decoration: none;
}
#access ul ul { 
	box-shadow: 0px 2px 2px #888;
	-moz-box-shadow: 0px 2px 2px #888;
	-webkit-box-shadow: 0px 2px 2px #888;
	display: none;
	position: absolute;
	top: 34px;
	left: 0;
	float: left;
	width: 260px;
	z-index: 99999}
	
#access ul ul li {min-width: 250px;}
#access ul ul ul {left: 100%; top: 0;}
#access ul ul a {line-height: 1em; padding: 10px; width: 240px; height: auto; border-top:1px solid #fff}
#access li:hover > a, #secondary li li:hover, #access ul ul :hover > a {text-shadow:0 1px 0 #ccc; background:url(images/pngHover.png);} #secondary li #fader li:hover {cursor:default; text-shadow:none; background:none}
#access ul li:hover > ul {display: block; background:url(images/cartAdd.jpg) left -20px}
#access ul li.current_page_item > a, #access ul li.current-menu-ancestor > a, #access ul li.current-menu-item > a, #access ul li.current-menu-parent > a {color: #000;}
* html #access ul li.current_page_item 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;}

/* contact form styling */
.wpcf7-form {padding:1em 0 1em 0}
#shopform .wpcf7-form {/*position:absolute; top:120px; right:10px;*/ float:right; width:260px; background:url(images/cartAdd.jpg) top center no-repeat; padding:30px 0 40px 20px; margin:-20px -10px 0 0; border-bottom:1px solid #eee}

.wpcf7 {font-style:italic} .wpcf7 textarea {height:5em} .wpcf7 input, .wpcf7 textarea {border:1px solid #eee} .wpcf7, .button input {color:#002B56}
.wpcf7 .box {width:230px; height:50px; display:block; float:left; margin-bottom:5px} .wpcf7 {font-style:italic} .wpcf7 h3 {color:#444; text-shadow:0 1px 0px #fff; font-size:14px}
.wpcf7 input, .wpcf7 textarea {width:210px; padding:3px 5px; font-style:normal} .button input {margin-top:10px} .wpcf7 textarea {height:5em}
#shopform .wpcf7 input, #shopform .wpcf7 textarea, .wpcf7 input, .wpcf7 textarea {border:1px solid #eee; border-top:1px solid #ccc; background:#fff;}
input.wpcf7-file, .wpcf7 input, .wpcf7 textarea {background:#f8f8f8}
#shopform .wpcf7 .button input, .wpcf7 .button input {border:1px solid #eee; border-bottom:1px solid #ccc; color:#000; background:url(images/dropDown.png) bottom; cursor:pointer}
.button input {margin-top:10px; width:auto}
.wpcf7-not-valid-tip-no-ajax, .wpcf7 span {font-size:9px; color:#991}
div.wpcf7-response-output, div.wpcf7-mail-sent-ok, div.wpcf7-mail-sent-ng, div.wpcf7-spam-blocked, div.wpcf7-validation-errors {border:none; width:430px; text-align:center; color:#555}
#shopform div.wpcf7-response-output {width:210px}
div.wpcf7-mail-sent-ok {background:#EDEC9A}

.wpcf7 select {padding:4px; width:222px} .half input {width:100px} #shopform textarea {width:225px} .wpcf7 textarea {width:440px; font-family:Arial, Helvetica, sans-serif; font-size:12px} .wpcf7-not-valid-tip-no-ajax {} .wpcf7 {color:#333} .wpcf7 .button input:hover {background:#44413F; color:#fff}

div.wpcf7-response-output {margin-top:2em; padding: 0.2em 1em;}

div.wpcf7-mail-sent-ok { border: 1px solid #ccc; color:#555}
div.wpcf7-mail-sent-ng, div.wpcf7-spam-blocked, div.wpcf7-validation-errors {color:#800}
span.wpcf7-form-control-wrap {position: relative;}

span.wpcf7-not-valid-tip {position: absolute; color:#800; top: -3px; left: 5px;	z-index: 100; font-size: 10px; width: 200px;}
span.wpcf7-list-item {margin-left: 0.5em;}

.tall textarea {height:10em}

/* footer */
#site-info {border-top:1px solid #fff; clear:both; width:100%; background:url(images/grey.png) no-repeat top; height:80px; text-align:center; font-size:11px; color:#888; font-family:"Century Gothic", Verdana, Geneva, sans-serif; padding-top:50px; text-shadow:0 1px 0px #fff} #site-info a {/*font-weight:bold; */color:#888}

#logosamples {width:400px; height:730px; background:url(images/logosamples.jpg); margin-top:20px}
#designsamples {width:400px; height:585px; background:url(images/graphic-design-samples.jpg)}
#canvassamples {width:369px; height:297px; background:url(images/canvassamples.jpg); margin-top:5px}

.wide h1, .wide #content p {width:690px} #shopform .wpcf7 p {width:250px;}

#shopform .wpcf7 form .wpcf7-form .wpcf7-form-control-wrap input .wpcf7-file files {width:150px}
.wpcf7 .file-input input {width:100px}

#little-acorn, #thebigyellowskip {width:230px; height:128px; display:block; background:url(images/theBigYellowSkip.png) no-repeat; text-indent:-5000px; margin:auto}
#little-acorn {width:113px; height:107px; background:url(images/little-acorn.jpg) no-repeat}

#checkit input {width:auto; margin-right:10px;} #checkit span {color:#333; font-size:12px} #welcome-mat h2 {padding-bottom:.25em}

#facebook-link {width:26px; height:40px; display:block; background:url(images/facebook.png); text-indent:-5000px; margin:auto; margin-top:-20px}

.minus {text-indent:-5000px}