/*****************************/
/* Reeeeeeeeeeeeeeeeeeee-set */
/*****************************/

/* eric mayer reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

/* reset */
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline:0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/* general classes & element restore */
.center { margin: 0 auto; }
.left { float: left; display:inline; }
.right { float: right; display:inline; }
.clear { clear:both; }
.hide { display: none; }
.smaller { font-size:0.8em; margin-bottom: 1.875em; margin-bottom: 1.875em; }
.larger { font-size:1.4em; line-height: 1.2em; margin-bottom: 1.25em; }
.top { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }
.error { border: 1px solid #f00; color: #f00; }
.box { border: 1px solid #ccc; background: url(imgs/box-bg.jpg ) #e8e8e8 repeat-x 0 0; padding: 0 20px; }
.quoted { font-style: normal; }
a { cursor: pointer; text-decoration: none;  }
em { font-style: italic; }
strong { font-weight: bold; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; }

/* general font styles */
body { font-family: "Trebuchet MS", Verdana, sans-serif; line-height:1.125em; /* 18px */; }
p { margin: 1.286em 0; /* 18px */ font-size:0.875em; /* 14px */ } 
li { margin: 1em; font-size:0.875em; /* 14px */  }
h1 { margin: 1em 0; font-size: 1.375em; /* 22px */ line-height: 1.636em;/* 36px */ }
h2 { margin: 1em 0; font-size: 1.175em; line-height: 1.375em; /* 22px */ color: #6e407c; font-style: italic; }
h3 { margin: 0; font-size: 1.375em; line-height: 1.375em; margin-top: 10px; color: #5a3166; font-style: italic; }
blockquote { margin: 1em 2em; font-style: italic; }

/* general colors */
body { background: #fff; color: #333; }
p { color: #444; }
a { color: #555; border-bottom: 1px solid #6e407c; }
a:hover { color: #6e407c; }

/* general layout  */
body { background: url(imgs/bg.jpg) repeat 0 0; }
.wrap { width: 928px; margin: 25px auto; position:relative; }
#content-wrap { width: 900px; position:relative; padding: 0 14px; min-height: 520px; height: auto !important; height: 520px; }
html>body #content-wrap { background: url(imgs/content-bg.png) repeat-y 0 0; }
* html #content-wrap { background: url(imgs/content-bg.gif) repeat-y 0 0; }
#content { width: 516px; float: left; position:relative; display:inline; padding: 10px 20px 0 20px; }
#sidebar { width: 304px; float: right; position:relative; display:inline; padding: 10px 20px 0 20px; }
#footer { width: 928px; background: url(imgs/shadow-bottom.png) no-repeat 0 0; padding-top: 30px; }

/* menu */
a#logo { width: 265px; height: 118px; background: url(imgs/kuvasz-logo.png) no-repeat 0 0; display: block; float: left; border: 0; }
div#menu-area { width: 663px; height: 118px; position: absolute; top:0; right: 0; }
html>body div#menu-area { background: url(imgs/menu-bg.png) no-repeat 0 0; }
* html #menu-area { background: url(imgs/menu-bg.png) no-repeat 0 0; }
ul#menu { position: absolute; bottom: 4px; left: 20px; height: 36px; width: 586px; }
ul#menu li { display: inline; margin: 0; }
ul#menu a { display: block; float: left; overflow: hidden; height: 36px; background: url(imgs/menu.gif) no-repeat; }
ul#menu a:hover { background-position-y: -72px; }
ul#menu a:active, body#about a.about, body#artists a.artists, body#products a.products, body#message a.message, body#news a.news, body#contact a.contact { background-position: 0 -36px; }
ul#menu a.about { width: 102px; background-position: 0 0; }
ul#menu a.about:hover { width: 102px; background-position: 0 -72px; }
ul#menu a.about:active, body#about a.about { width: 102px; background-position: 0 -36px; }
ul#menu a.artists { width: 105px; background-position: -102px 0; }
ul#menu a.artists:hover { width: 105px; background-position: -102px -72px; }
ul#menu a.artists:active, body#artists a.artists { width: 105px; background-position: -102px -36px; }
ul#menu a.products { width: 81px; background-position: -207px 0; }
ul#menu a.products:hover { width: 81px; background-position: -207px -72px; }
ul#menu a.products:active, body#products a.products { width: 81px; background-position: -207px -36px; }
ul#menu a.message { width: 140px; background-position: -288px 0; }
ul#menu a.message:hover { width: 140px; background-position: -288px -72px; }
ul#menu a.message:active, body#message a.message { width: 140px; background-position: -288px -36px; }
ul#menu a.news { width: 63px; background-position: -428px 0; }
ul#menu a.news:hover { width: 63px; background-position: -428px -72px; }
ul#menu a.news:active, body#news a.news { width: 63px; background-position: -428px -36px; }
ul#menu a.contact { width: 95px; background-position: -491px 0; }
ul#menu a.contact:hover { width: 95px; background-position: -491px -72px; }
ul#menu a.contact:active, body#contact a.contact { width: 95px; background-position: -491px -36px; }

/* footer stuff */
ul#footer-left { float: left; width: 470px; padding-left: 20px; }
ul#footer-right { float: right; width: 230px; text-align: right; padding-right: 20px; }
div#footer { font-size: .88em; }
div#footer li { margin: 0; padding: 0 3px; display: inline; }

/* home page */
div#intro p { width: 212px; border-left: 3px solid #9e6e97; padding: 3px 0 3px 15px; font-style: italic; float: left; font-size: 1.1em; line-height: 1.33em; }
div#intro p strong { color: #5a3166; }
.dog { width: 254px; height: 244px; background: url(imgs/dog.gif) no-repeat 0 0; float: right; margin-top: 20px; }

/* about page */
div#about-block { width: 258px; padding: 20px 0 30px 30px; font-style: italic; float: right; font-size: 1.1em; line-height: 1.33em; }
div#company { margin: 20px 0; }

/* sidebar */
#sidebar h2, #content h2 { padding-bottom: 5px; border-bottom: 3px solid #9e6e97; margin-right: -20px; margin-bottom: 0; line-height: 1.25em; }
#process p { font-style: italic; font-size: 1em; line-height: 1.33em; }
#process { padding-top: 25px; }
#sidedog { width: 262px; height: 249px; background: url(imgs/sidedog.gif) no-repeat; position: absolute; bottom: 0; right: 14px; margin-bottom: -20px; }
body#home #sidedog, body#artists #sidedog, body#products #sidedog { display: none; }

div#featured img { float: right; width: 150px; border: 2px solid #f2f2f2; }
div#featured img:hover { border-color: #9e6e97; }
div#featured a.learnmore { font-size: .8em; display: block; margin: 3em 0 1em 0; padding: .2em .4em; background: url(imgs/learn-more-bg.jpg) repeat-y 0 0; border: 0; }
div#featured a.learnmore:hover { color: #222; background: #f2f2f2; }
div#featured div.slideshow { margin: 1em 0; border: 1px solid #ccc; }

/* artists */
div.post h2 { border-bottom: 2px solid #9e6e97; }
div.post h2 a { text-decoration:none; border: 0; }
body#artists div.post p { margin-left: 170px; }
div.post img { float: left; border: 1px solid #ccc; margin:  0 1em .7em 0; padding: 3px; }
body#artists div.post img { margin-left: -170px; }
body#artists div.post img { width: 150px; }
body#artists div.post div.box-link { margin:10px 0; width: 250px; padding: 5px 8px; border-bottom: 1px solid #555; border-left: 1px solid #555; background: url(imgs/learn-more-bg.jpg) repeat-y 0 0; margin-left: 170px; }
body#artists div.post div.box-link:hover { border-color: #9e6e97; } 

/* form */
h2.main_formhead, h2#results, legend { display: none; }
form#gb_form input, form#gb_form textarea { padding: .3em; border: 1px solid #ccc; }
form#gb_form input:focus, textarea:focus, select:focus { border: 1px solid #333; }
form#gb_form fieldset { clear:both; padding: .2em 0; }
form#gb_form label { float: left; display: block; width: 150px; padding-right: 10px; text-align: right; }
form#gb_form input, form#gb_form textarea, form#gb_form select { float: left; width: 320px; }
form#gb_form .updated { clear: both; }
form#gb_form small { float: left; font-size: .7em; margin-left: 160px }
form#gb_form input.button { border: 0; width: 100px; margin-left: 160px; }

/* gallery */
.slideshowlink, #TB_FullSize { display: none; }
.ngg-galleryoverview { margin-top: 20px;}
.ngg-gallery-thumbnail { display: inline; float: left; display: inline; margin: 0 3px 4px 2px; }
.ngg-gallery-thumbnail a img { border: 1px solid #ccc; }
.ngg-gallery-thumbnail a:hover img { border-color: #9e6e97; }

.shopping-bag { position: absolute; top: 0; right: 30px; z-index: 2; padding: 0 10px 0 44px; background: url(imgs/shopping-bag.png) no-repeat 5px center; display: block; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #999; background-color: #f8f8f8; }
.shopping-bag p { margin: .8em 0; }
.shopping-bag:hover { background-color: #eee; border-color: #6e407c; }