/*
(c) 2010 BehindTheRabbit
http://www.behindtherabbit.com/
*/

/* CSS2-3 */
#content, .box1, .box2 {border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
#content {box-shadow:#CCC 0 2px 3px; -webkit-box-shadow:#CCC 0 2px 3px; -moz-box-shadow:#CCC 0 2px 3px;}
.buybutton, .navidesign {border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; box-shadow:#333 1px 1px 2px; -webkit-box-shadow:#333 1px 1px 2px; -moz-box-shadow:#333 1px 1px 2px;}
#content h2 {text-shadow:#CCC 2px 2px 2px;}
#navbar {text-shadow:1px 2px 2px #EEE;}
.showcase-desc h6 {text-shadow:#DDD 2px 2px 2px;}

/* tags */
body {background-color:#FFF; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;}
a img {border:none;}
code {font-family: Courier, "Courier New", monospace; background-color:#EEE; border:1px solid #CCC; padding:1px 3px; }
.strike {text-decoration: line-through;}

/* classi */
.codice {font-family:Courier, "Andale Mono", "Courier New", monospace; font-size:12px; border-left:10px solid #EEE; padding-left:10px; line-height:1.6em;}
.image-right {float:right; padding:0 0 20px 20px;}
.image-left {float:left; padding:0 20px 20px 0;}
.goto {text-align:right; padding-top:10px; font-size:11px;}
.libera {clear:both;}
.centrato {text-align:center;}

/* links */
a:link, a:visited {text-decoration:none;}
a:hover, a:active {text-decoration:underline;}
.page-base a {color:#018184;}
.page-sandvox a, .page-rapidweaver a, .page-wordpress a {color:#3A6B9C;}

/* header */
#header {width:960px; margin:0 auto; height:140px;}
#header a {display:block; width:540px; height:120px;}
.page-base #header {background:url(images/header.png) 0 0  no-repeat;}
.page-sandvox #header {background:url(images/header-svx.png) 0 0  no-repeat;}
.page-rapidweaver #header {background:url(images/header-rw.png) 0 0  no-repeat;}
.page-wordpress #header {background:url(images/header-wp.png) 0 0  no-repeat;}

/* navbar layout */
#navbar {width:860px; margin:0 auto; padding:6px 0 12px 0; font-size:12px; color:#333;}
#navbar ul {display:inline; padding:0; margin:0;}
#navbar li {display:inline; padding: 0 10px 0 0; margin:0;}
#navbar a {text-decoration:none;}
#navbar a.current {border-bottom:1px dotted #CCC !important;}
/* navbar links */
#navbar a:link, #navbar a:visited { color:#333; border-bottom:1px solid #FFF;}
.page-base #navbar a:hover, .page-base #navbar a:active { color:#018184; border-bottom:1px dotted #018184;}
.page-sandvox #navbar a:hover, .page-sandvox #navbar a:active,
.page-rapidweaver #navbar a:hover, .page-sandvox #navbar a:active,
.page-wordpress #navbar a:hover, .page-sandvox #navbar a:active { color:#3A6B9C; border-bottom:1px dotted #3A6B9C;}

/* contenuto */
#welcome {width:860px; height:300px; margin:0 0 40px 0;}
#internal h1 {text-align:center; margin:0 0 20px 0; font-weight:normal;}
#internal h2 {text-align:center; margin:40px 0 30px 0; font-family:Georgia, "Times New Roman", Times, serif; color:#454545; font-style:italic; text-shadow:#CCC 2px 2px 2px; padding:5px; border-top:1px solid #DDD; border-bottom:1px solid #DDD;}
#internal h4, #internal h1 {text-shadow:#CCC 2px 2px 2px;}
#internal {width:860px; margin:0 auto; padding:20px 40px; color:#333;}
#internal p, #internal ul {font-size:13px; line-height:1.6em;}
#internal h4 {margin-top:30px;}

/* showcase */
.showcase-index {padding:20px 0; clear:both; margin:10px 0;}
.showcase-tn {width:200px; height:128px; float:left; border:1px solid #CCC;}
.showcase-tn-wp {width:200px; height:150px; float:left; border:1px solid #CCC;}
.showcase-desc {width:580px; float:right; }
.showcase-desc h6 {margin:0; padding:0 0 10px 10px; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}
.showcase-desc p {padding:0 5px 5px 10px; margin:0; font-size:12px !important;}

/* oggetti */
#buybuttons {text-align:right; }
.buybutton, .navidesign {border:1px solid #000; background-color:#454545; font-size:12px; margin:5px; color:#CCC; text-align:center; white-space:nowrap; overflow:hidden;}
.buybutton {width:100px; float:right;}
.navidesign {width:50px; float:left;}
.navidesign-empty {color:#999; display:block; padding:5px 10px; }
.buybutton a, .navidesign a {color:#FFF !important; display:block; padding:5px 10px; background-color:#454545;}
.buybutton a:hover, .navidesign a:hover {background-color:#666; text-decoration:none;}

/* footer */
#footer {width:900px; margin:0 auto; color:#999; padding:20px 0;}
#footer a {color:#333; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer p {font-size:11px; line-height:1.6em; }