/*
Theme Name: wpGutscheinPro (Pony Edition)
Theme URI: http://pixelheads-online.de/produkte/wpgutscheinpro/
Description: Ein Affiliate Gutschein & Preisvergleich Theme
Version: 1.0
Author: Pixelheads
Author URI: http://pixelheads-online.de

01. RESET CSS
02. ALLGEMEIN
03. HEADER

*/


/*** 01. RESET CSS ***/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*** ENDE 01. RESET CSS ***/

/*** 02. ALLGEMEIN ***/

body { background: #dbdbdb; color: #646464; font-family: Arial; font-size: 13px; line-height: 18px; }
#wrapper { background: #fff; margin: 0 auto; width: 1024px; box-shadow: 6px 0px 10px -7px #888, -6px 0px 10px -7px #888; }

a { color: #207aae; text-decoration: none; }
b, strong { font-weight: bold; }
h1 { color: #000000; font-size: 22px; font-weight: bold; line-height: 45px; height: 35px; }
h2 { color: #000000; font-size: 18px; line-height: 24px; height: 25px; }
h3 { color: #000000; font-size: 18px; line-height: 24px; height: 40px; }
.c { clear: both; }

/*** ENDE 02. ALLGEMEIN ***/

h1.home{ padding: 8px 10px; border: 1px #ccc dotted; background: url(images/box-bg.png); }

/*** 03. HEADER ***/

header#header { height: 100px; padding-top: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; }
#sitelogo { float: left; margin: 10px 0 0 20px; }
#site_title { color: #207aae; font-size: 24px; line-height: 32px; font-weight: bold; }
#site_tagline { color: #5aa300; font-size: 14px; font-weight: bold; }
#search { float: right; margin: 30px 20px 0 0; height: 35px; }
nav#topmenu { height: 40px; }
nav#topmenu ul li { float: left; padding: 0 20px; height: 40px; line-height: 40px; color: #fff; font-size: 16px; font-weight: bold; text-transform: uppercase; background: #207aae; }
nav#topmenu ul li a { color: #fff; }
nav#breadcrumbs { height: 30px; line-height: 30px; margin: 10px 20px; border-bottom: 1px #ccc dotted; color: #ccc; font-weight: bold; text-transform: uppercase; }
nav#breadcrumbs ul li { float: left; }

form#searchform-header input[type=text] { float: left; padding: 0 6px; font-size: 18px; height: 35px; border: 1px #ccc solid; background: #f1f1f1; color: #ccc; width: 350px; }
form#searchform-header input[type=image] { float: right; height: 35px; width: 35px; margin-left: 10px; }


/*** ENDE 03. HEADER ***/

/*** 04. SECTION ***/

section#content { float: left; width: 642px; padding: 20px 22px 20px 20px; }
section#contentfull { padding: 20px; }
section#featured { padding: 0 20px; }
section#shop-beschreibung { text-align: justify; }
section#shop-beschreibung p { margin: 0 0 20px 0; }
section#shop-beschreibung ol { margin: 5px 0 20px 35px; list-style-type: decimal; } 
section#shop-beschreibung ul { margin: 5px 0 20px 35px; list-style-type: disc; }


/* Blog Posts */

.wp-post-image { float: left; margin: 0 10px 0 0; }

.logo { float: right; }

.voucher h3 { color: #207aae; font-size: 16px; font-weight: bold; line-height: 24px; }
.voucher { border: 1px #ccc dashed; background: #f5f5f5; padding: 10px 0 14px 10px; margin-bottom: 10px; }
.voucher .meta { font-weight: bold; margin-bottom: 8px; font-size: 11px; }
.voucher-icon { float: left; margin: 0 10px 0 0; background: #749a02 url(images/box-bg.png); width: 130px; padding: 20px 0; text-align: center; color: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.voucher-icon span.value { font-size: 20px; font-weight: bold; }
.attachment-shop-logo { border: 1px #f1f1f1 solid; padding: 10px 5px; background: #fff; height: 40px; width: 120px; }
.voucher-text { float: right; width: 464px; padding: 0 10px 0 0; }

.voucher-big h3 { color: #207aae; font-size: 20px; font-weight: bold; line-height: 37px; height: 28px; margin-bottom: 8px; }
.voucher-big h3 a { text-decoration: underline; }
.voucher-big { border: 1px #ccc dashed; background: #f5f5f5; padding: 10px 0 14px 10px; margin-bottom: 10px; }
.voucher-big .meta { font-weight: bold; margin-bottom: 8px; font-size: 11px; }
.voucher-icon { float: left; margin: 0 10px 0 0; background: #749a02 url(images/box-bg.png); width: 130px; padding: 20px 0; text-align: center; color: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.voucher-icon span.value { font-size: 20px; font-weight: bold; }
.attachment-shop-logo { border: 1px #f1f1f1 solid; padding: 10px 5px; background: #fff; height: 40px; width: 120px; }
.voucher-text { float: right; width: 464px; padding: 0 10px 0 0; }

.post { padding: 10px 10px 4px 10px; margin-bottom: 10px; border-bottom: 1px #ccc dashed; }
.post img { padding: 3px; background: #fff; }

.shop-logo { border: 1px #f1f1f1 solid; padding: 10px 5px; background: #fff; height: 40px; width: 120px; }

ul#topshops { padding: 0 0 0 36px; background: url(images/box-bg.png) bottom; border: 1px #ccc dotted; }
ul#topshops li { float: left; width: 120px; margin: 10px 25px 10px 0; }
ul#topshops li img { border: 5px #fff solid; max-height: 40px; width: 120px; }

ul#voucherlist { float: left; margin: 0 20px 0 0; width: 300px; border: 1px #ccc solid; }
ul#voucherlist li { display: block; padding: 10px 20px; border-bottom: 1px #f5f5f5 dotted; }
ul#voucherlist li img { height: 40px; width: 120px; float: left; margin: 0 10px 0 0; }

section.widget { margin-bottom: 20px; }
section.widget h1 { color: #5aa300; font-size: 18px; line-height: 24px; height: 24px; margin-bottom: 8px; }
section.widget ul { border: 1px #ccc solid; }
section.widget ul li { padding: 8px; border-bottom: 1px #ccc dotted; background: url(images/box-bg.png); }

ul#categories { border: 1px #ccc solid; margin: 0 0 20px 0; }
ul#categories li { padding: 8px; border-bottom: 1px #ccc dotted; background: url(images/box-bg.png); font-weight: bold; }

li.cat_item { width: 130px; float: left; margin: 0 10px 10px 0; text-align: center; background: #f5f5f5 /*#ffffff url(images/box-bg.png) top*/; border: 1px #ccc dotted; padding: 36px 10px 16px 10px; height: 100px; }

p.vouchercode { font-size: 16px; }
p.vouchercode strong { color: green; }

/*** ENDE 04. SECTION ***/

/*** 05. SEITENLEISTE ***/

aside#sidebar { float: right; width: 300px; padding: 20px 20px 20px 20px; }

aside#sidebar .shopinfo { background: #f5f5f5; padding: 20px; text-align: center; margin-bottom: 20px; border: 1px #ccc dotted; }

/*** ENDE 05. SEITENLEISTE ***/

.button, .button:visited {
	background: #222 url(alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

.button:hover { background-color: #111; color: #fff; }
.button:active	{ top: 1px; }
.small.button, .small.button:visited { font-size: 11px; padding: ; }
.button, .button:visited, .medium.button, .medium.button:visited { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.button, .large.button:visited { font-size: 14px; padding: 8px 14px 9px; }

.green.button, .green.button:visited { background-color: #91bd09; }
.green.button:hover { background-color: #749a02; }
.blue.button, .blue.button:visited { background-color: #2daebf; }
.blue.button:hover { background-color: #007d9a; }
.red.button, .red.button:visited { background-color: #e33100; }
.red.button:hover { background-color: #872300; }
.magenta.button, .magenta.button:visited { background-color: #a9014b; }
.magenta.button:hover { background-color: #630030; }
.orange.button, .orange.button:visited { background-color: #ff5c00; }
.orange.button:hover { background-color: #d45500; }
.yellow.button, .yellow.button:visited { background-color: #ffb515; }
.yellow.button:hover { background-color: #fc9200; }

#newsletter_content { background: #fbd485; padding: 15px 20px; color: #777; border: 2px #e8c06f solid; -moz-box-shadow: inset 0 0 15px 5px #fbd485;}
#newsletter_content form input[type=text] { margin-top: 10px; padding: 4px 8px; height: 16px; line-height: 16px; border: 1px #e8c06f solid; background: #FFFFFF url(images/box-bg.png); color: #777; width: 253px; margin-bottom: 10px; }
#newsletter_content form button { padding: 4px 50px; line-height: 16px; border: none; background: #ffb515; color: #fff; margin-bottom: 5px; }

footer { border-top: 3px #207aae dotted; padding: 20px; margin-top: 60px; }

/* SHOP LIST A-Z */

.letter-cell { float: left; background: url(images/box-bg.png); border: 1px #ccc solid; padding: 10px 20px; font-weight: bold; font-size: 16px; display: block; margin-bottom: 10px; }
.letter-group { width: 100%; }
.row-cells { float: right; width: 100%; }
.title-cell { width: 25%;  float: left; overflow: hidden; margin-bottom: 4px; text-align: left; }
.clear { clear: both; }

#a-z a { text-transform: uppercase; font-weight: bold; font-size: 12px; }

/* Begin Show your social networks 3.0 by enik*/

#sys_twitter { display: scroll; background-image: url(images/sys/twitter.png); background-position: 0px 0px; width: 34px; height: 32px; text-decoration: none; }
#sys_facebook { display: scroll; background-image: url(images/sys/facebook.png); background-position: 0px 0px; width: 34px; height: 32px; text-decoration: none; }
#sys_rss { display: scroll; background-image: url(images/sys/rss.png); background-position: 0px 0px; width: 34px; height: 32px; text-decoration: none; }

/* End Show your social networks 3.0 by enik*/

.menu li li {
   width: 100%;
   border: none;
   border-top: 1px solid #fff;
   border-bottom: 1px solid #333;
   background: -moz-linear-gradient(top, #ffffff 0%, #666666 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#666666)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, #ffffff 0%,#666666 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, #ffffff 0%,#666666 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top, #ffffff 0%,#666666 100%); /* IE10+ */
   background: linear-gradient(top, #ffffff 0%,#666666 100%); /* W3C */
}

.menu li:first-child {
   border-top: none;
}

.menu li:last-child {
   border-bottom: none;
}

.menu li a {
   padding: 0;
   font-size: 1.2em;
   line-height: 1em;
   height: 2.8em;
}