/*	SmoothFunction Stylesheet	*/
	
@font-face {
    font-family: Kaffeesatz;
	src: url(../fonts/YanoneKaffeesatz-Regular.otf) format("opentype");	
}

@font-face {
    font-family: GraublauWeb;	
    src: url(../fonts/GraublauWeb.otf) format("opentype");
}

@font-face {
    font-family: GraublauWebBold;	
    src: url(../fonts/GraublauWebBold.otf) format("opentype");
}

body {background: #e7e1dc url(../images/bg_wood_grad.jpg) top repeat-x; color: #444; text-shadow:0px 1px #fff; font-size: 12px; font-family:"Gills Sans", "Helvetica Neue", "Helvetica", Arial; padding: 0px 0 40px; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.6); }
h1, h1 a {font-size:36px; font-family:"GraublauWeb", "Verdana", "Arial", sans-serif; font-weight: normal; color:#000; margin-bottom:20px;}
h1 sup {font-size:17px; vertical-align:top;}
h1 a:hover {color:#2f6f62;}
h2, h2 a {font-size:24px; color:#333; padding: 20px 0 10px 0; font-family:"GraublauWeb", "Verdana", "Arial", sans-serif; font-weight:500;}
h2 a:hover {color:#2f6f62;}
h2 sup {font-size:12px; vertical-align:top;}
h3 {font-size:19px; font-family:"GraublauWeb", "Verdana", "Arial", sans-serif; font-weight: normal; line-height:150%;}
h3 small {font-size:12px;}
h4 {font-size:15px; font-family:"GraublauWeb", "Verdana", "Arial", sans-serif; font-weight: normal; line-height:110%; margin-bottom:1em;}

a h3 {color:#444;}
a h3:hover {color:red;}
a .callouts,
a .callouts p, a .callouts h3 {color:#444;}
a.plain {color:#555;}
a.plain:hover {color:#FF5400;}
a {color:#FF5400; text-decoration: none; }
code {color: #5b862e;}
p a:hover {background:#f4eee3; border-bottom:1px solid #e9dabb; }
p.goliath a:hover {background:#f4eee3; border-bottom:2px solid #e9dabb; }
p {overflow: hidden; padding: 0 0 15px 0; line-height:150%; font-size:13px;}
p.details {font-size:14px;}
p.leader {font-size:16px; font-family:"GraublauWeb", "Verdana", "Arial", sans-serif;}
p.leader strong {font-family:"GraublauWebBold", "Verdana", "Arial", sans-serif; font-weight:normal;}

table {width:100%; text-align:left; padding:5px; margin-bottom:50px;}
table thead {font-size:14px; background: #e7e1dc url(../images/bg_wood_grad.jpg) top repeat-x; color:#fff; border-bottom:1px solid #333;}
table thead th {padding:5px; text-shadow:1px 0px #000;}
table tbody td {padding:5px;}
table tbody td a {color:#333; text-transform:uppercase; font-weight:bold;}
table tbody td.icon img {margin-bottom:-5px;}

#buy_now {opacity:.7; -webkit-transition: opacity .3s;}
#buy_now:hover {opacity:1;}
#content {margin:0;}
#copyright {text-align:center; color:#777; margin-top:10px;}
#feature {/*background:#fbfaf8 url(../images/bg_feature.jpg) no-repeat; height:300px;*/ overflow:hidden; position:relative;}
#feature #preview {position:absolute; top:55px; left:63px;}
#home_feature {padding-bottom:30px; min-height:170px;}
#home_feature img {float:left; margin:-30px 25px 50px 0;}
#home_feature h1 {color:#2f6f62; font-family:"Kaffeesatz", "Arial", san-serif; font-size:32px; margin-bottom:10px;}

#logo {margin:0;}
#nav {background:#ecece8 url(../images/nav_gradiant.png) repeat-x; border-top:1px solid #fff; float:right; margin:10px 0 20px 0; padding:10px 0 0; height:35px; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:0 1px 2px #aaa; -webkit-box-shadow:0px 0px 4px #aaa;}
#nav ul {text-align:center;}
#nav li {float:left; font-size:24px; display:inline; position:relative;}
#nav li a {color:#333; display:block; font-family:"Kaffeesatz", "Verdana", "Arial", sans-serif; font-weight:500; padding:0 7px; margin:0 7px; text-shadow:0px 1px #fff; border-bottom:1px solid transparent; border-right:1px solid transparent; -webkit-transition: color 150ms linear;}
#nav li a:hover {color:#2f6f62;}
#nav li.current a {color:#ff5400;}
/*#nav li ul {background:#54a6a0 url(../images/teal_gradiant.png) bottom repeat-x; position:absolute; bottom:-55px; overflow:visible; width:auto; -moz-border-radius:5px; -moz-box-shadow:0 1px 2px #aaa; -webkit-box-shadow:0px 0px 4px #aaa;}
#nav li ul li {padding-bottom:5px;}
#nav li ul li a {color:#fff; text-shadow:0px 1px #000; font-family:"Verdana", "Arial", san-serif; font-size:15px; padding:5px; letter-spacing:-.75px;}
#nav li ul li a:hover {color:#fff; border-bottom:1px dotted #fff;}*/

#sub-nav {width:140px; margin-bottom:15px; float:left; min-height:210px;}
#sub-nav h2 {padding:0; margin:-10px 0 10px -2px;}
#sub-nav ul li {font-size:15px; margin-bottom:.5em;}
#sub-nav ul li a {color:#2f6f62; display:block; -webkit-transition: color 150ms linear;}
#sub-nav ul li a:hover {color:#FF5400;}
#sub-nav p {font-size:12px; line-height:110%;}

#hero {width:700px; float:right; min-height:210px; position:relative;}
#hero h1 {margin-bottom:0;}
#hero h1.push_down {margin-bottom:10px;}
#hero .hero_image {float:left; margin:0 20px 10px 0; border:1px solid #fff;}
#hero .price {background:#efefef url(../images/chunk_bg.png) bottom repeat-x;  border-left:1px solid #ccc; border-bottom:1px solid #ccc; color:#000; font-family:"GraublauWeb", "Verdana", "Arial", sans-serif;  position:absolute; top:0px; right:0px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;}
#hero .price a {color:#000; display:block; font-size:22px; padding:15px; text-shadow:1px 0px 0px #fff;}
#hero .price:hover {background:#efefef;}
#hero .price:hover a {color:#2f6f62;}


/*.block {background:#fbfaf8 url(../images/bg_splatter.jpg) repeat-y; border-top:1px solid #fff; padding:20px; position:relative; height:420px; -moz-border-radius:10px; -moz-box-shadow: 0 1px 3px #999; -webkit-border-radius:10px; -webkit-box-shadow: 0 1px 3px #999}
.block a {color:#444;}
.block:hover h2 {color:#5b777b;}
.block h2 {padding:0; margin-bottom:.5em;}
.block.half {height:180px; margin-bottom:20px;}
.block.half.last {margin-bottom:0;}
.block .tag {background: #555; color:#fff; font-weight:bold; padding:6px 12px; position:absolute; top:-8px; right:20px; text-shadow:0px 1px #222; -moz-border-radius:3px;}
.block .tag.module {background:#ff5400;}
.block .tag.module:hover {background:#9e3400;}
.block:hover .tag {background:#222;}
.block:hover .tag.module {background:#9e3400;}
*/
.box {background:#f8f0df;}
.center {text-align:center;}

.chunk .changelog {margin:0; text-indent:none;}
.chunk .changelog li {font-size:14px; font-weight:bold; list-style:none; margin:0;}
.chunk .changelog li ul {margin:20px;}
.chunk .changelog li ul li {font-size:12px; font-weight:normal; margin-bottom:10px;}
.chunk .changelog li ul li strong {color:#222;}

.chunk p.footnote {border-top:1px dashed #ccc; padding-top:15px; font-size:11px; margin-top:15px;}

.container_16 {position:relative;}
.crate {width:300px; margin:0 10px; float:left;}
.container_16 {padding-top:50px;}
.outside {width:960px; padding:0 10px; margin:0 auto; text-align:center;}
.yellow {background:#f8f0df; border:1px solid #e9dabb; padding:15px; margin-bottom:15px;}
.outline {border:1px solid #ccc;}

.donate {width:170px; overflow:visible; background:#54a6a0 url(../images/teal_gradiant.png) bottom repeat-x; padding:5px;  border-top:1px solid #fff; color:#000; font-family:"GraublauWeb", "Verdana", "Arial", sans-serif;  position:absolute; bottom:0px; left:0; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px;}
.donate:hover {background:#54a6a0; cursor:pointer;}
.donate a {color:#fff; display:block; padding:3px;}
.donate img {float:left; margin:-5px 0 0 0px;}
.donate span {margin-left:10px; font-size:15px; text-shadow:0px 1px #555;}

.feature_content {margin:40px 70px 20px 375px;}
.featured {/*border-right:1px solid #e9dabb;*/}
.featured p {padding:0 15px 15px 0px;}
.frame {padding:2px; border:1px solid #e1dbd6; margin-left:-5px;}


.main {border-bottom:2px dashed #e9dabb;}
.main p {font-size:14px; padding:0 0 20px 0;}
.news li {padding:5px 0; }
.news li a:hover {background:#f4eee3; border-bottom:1px solid #e9dabb; }

.border {border:1px solid #c7c0ba; margin-bottom:5px;}

.chunk {background:#fff url(../images/chunk_bg.png) bottom repeat-x; padding:20px 60px 10px 220px; position:relative; margin:10px 0; -moz-border-radius:5px; -moz-box-shadow: #bbb 0px 2px 2px; -webkit-border-radius:5px; -webkit-box-shadow: #bbb 0px 2px 2px;}
.chunk h2 {float:left; position:relative; padding:0; margin-left:-200px; width:200px; line-height:1.1em;}
.chunk h3 {margin-bottom:1em;}
.chunk ol {line-height:1.5em; list-style: decimal outside; margin:0 0 20px 20px;}
.chunk ul {line-height:1.5em; list-style: disc outside; margin:0 0 20px 20px;}
.chunk ul li ul {font-size:90%; margin:5px 0 5px 25px; list-style: circle outside; color:#666;}
.chunk ul.bigger {font-size:14px; line-height:1.7em;}
.chunk .new {position:absolute; left:-15px;}
.chunk .new span {color:#fff; background:#5b777b; padding:5px 10px; font-weight:bold; text-shadow:0px 1px #555; -moz-border-radius:3px; -webkit-border-radius:5px; -webkit-box-shadow: #bbb 0px 2px 2px;}
.chunk span.top {position:absolute; right:10px; top:10px;}
.chunk span.top a {color:#aaa; text-shadow:0px 1px #fff;}
.chunk span.top a:hover {color:#FF5400;}

.chunk-flat {padding-top:10px;}
.chunk-flat ul.images {list-style:none;}
.chunk-flat ul.images li {float:left; margin:0 20px 10px 0; position:relative; }
.chunk-flat ul.images li.last {margin-right:0;}
.chunk-flat ul.images li img {background:#fff url(../images/chunk_bg.png) bottom repeat-x; padding:10px; -moz-border-radius:5px; -moz-box-shadow: #bbb 0px 2px 2px; -webkit-border-radius:5px; -webkit-box-shadow: #bbb 0px 2px 2px; -webkit-transition: -webkit-box-shadow 200ms linear;}
.chunk-flat ul.images li.new span {color:#fff; position:absolute; bottom:-8px; left:20px; background:#5b777b; padding:5px 10px; font-weight:bold; text-shadow:0px 1px #555; -moz-border-radius:3px; -webkit-border-radius:5px; -webkit-box-shadow: #bbb 0px 2px 2px;}
.chunk-flat ul.images li:hover img { -moz-box-shadow:#555 0px 1px 2px; -webkit-box-shadow: #555 0px 1px 2px;}
.chunk-flat ul.images li.new:hover span {background:#3b777b; -moz-box-shadow:#888 0px 1px 2px; -webkit-box-shadow: #999 0px 1px 2px;}

.chunk-full {background:#fff url(../images/chunk_bg.png) bottom repeat-x; padding:20px 20px 10px 20px; margin:10px 0; -moz-border-radius:5px; -moz-box-shadow: #bbb 0px 2px 2px; -webkit-border-radius:5px; -webkit-box-shadow: #bbb 0px 2px 2px;}
.chunk-full .column {float:left; margin-right:35px; width:275px;}
.chunk-full .column.last {margin-right:0;}
.chunk-full .column strong {display:block; font-family:"GraublauWeb", "Verdana", "Arial", sans-serif; font-size:18px; font-weight: normal;}
.chunk-full .column img {float:left; margin-left:-60px;}
.chunk-full .column p {margin:20px 0 20px 60px; overflow:visible; text-shadow:0px 1px #fff;}

.chunk-full.half {float:left; width:420px; margin:0 20px 0 0; min-height:170px; position:relative;}
.chunk-full.half.last {margin:0;}
.chunk-full.half h2 {padding:10px 15px 0 0; margin-bottom:.5em;}

.chunk-full .tag {background:#efefef url(../images/chunk_bg.png) bottom repeat-x; color:#000; display:block; font-size:18px; padding:5px; text-shadow:1px 0px 0px #fff;  border-left:1px solid #ccc; border-bottom:1px solid #ccc; color:#000; font-family:"GraublauWeb", "Verdana", "Arial", sans-serif;  position:absolute; top:0px; right:0px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;}
.chunk-full .tag a {color:#555;}
.chunk-full .tag:hover {background:#efefef;}
.chunk-full .tag:hover a {color:#2f6f62;}

.form ul {list-style:none; font-size:14px;}
.form ul li {margin:5px 0;}
.form ul li label {width:150px; float:left;}
.form ul li input {width:300px; padding:3px 5px; border:1px solid #c9c2bc; font-size:13px;}
.form ul li input:focus {border:1px dashed #ff5400;}

#login_area {position:absolute; top:0; right:0; /*height:25px; overflow:hidden;*/}

#login_register {position:absolute; top:0; right:0; background:url(../images/login_register_tab.png) no-repeat; width:90px; height:25px; padding:3px 0 0 7px;}
#login_register a {color:#333; font-size:11px; padding:0 1px;}
#login_register a:hover {color:#ff5400;}

#login_form {position:absolute; top:-30px; right:0; width:400px; }
.login li {float:left;}
.login li input {width:100px; padding:3px 5px; margin-right:10px; border:1px solid #482b1a; background: url(../images/form_bg.png) top left;}
.login li input:focus {background:#fff;}
.login li input#login {text-indent:-9876px; background:url(../images/button_login.png) no-repeat; width:65px; height:25px; border:none; background-position:0 -25px; margin-top:2px;}
.login li input#login:hover {background-position:0 0px; cursor:pointer;}

.signup {margin-top:20px; font-size:15px; font-family:"GraublauWeb", "Verdana", "Arial", sans-serif;}
.signup li {float:left;}
.signup label {margin-right:15px;}
.signup li input {width:280px; font-size:15px; padding:5px 10px; margin-right:10px; border:1px solid #aaa; background: url(../images/form_bg2.png) top left;}
.signup li input:focus {background:#fff;}
.signup li input#login {text-indent:-9876px; background:url(../images/button_login.png) no-repeat; width:65px; height:25px; border:none; background-position:0 -25px; margin-top:2px;}
.signup li input#login:hover {background-position:0 0px; cursor:pointer;}


.teal_button {background:#54a6a0 url(../images/teal_gradiant.png) bottom repeat-x; border:none; color:#fff; font-size:16px; font-family:"GraublauWeb", "Verdana", "Arial", sans-serif; padding:2px 10px; text-shadow:0 -1px 1px rgba(0,0,0,0.3); -moz-border-radius:5px; -moz-box-shadow:0 1px 2px rgba(0,0,0,1); -webkit-border-radius:5px; -webkit-box-shadow:0 1px 2px rgba(0,0,0,1);}
.teal_button:hover {background:#54a6a0; cursor:pointer;}

.callouts {background:#f3e6ca url('images/bg_box.jpg') top repeat-x; border:1px solid #e9dabb; padding:15px; margin-bottom:15px;}
a .callouts:hover {background:#f3e9d5;}
.callouts p {padding:0;}

div.buy {background: url(../images/buy.jpg) no-repeat; width:220px; height:150px;}
div.buy p {margin-top:50px; padding:50px 0 0 130px;}

.bottom {position:absolute; bottom:22px;}
.clear {clear:both; margin:0; padding:0; line-height:0;}
.goliath {font-size:140%;}
.main {border-bottom:2px dashed #e9dabb;}
.main p {font-size:14px; padding:0 0 20px 0;}
.news li {padding:5px 0; }
.news li a:hover {background:#f4eee3; border-bottom:1px solid #e9dabb; }
.relative {position:relative;}
.right {float:right;}
.left {float:left;}
.samson {margin:0 10px;}
.whisper {font-size:70%; font-style:italic;}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between all ColorBox themes
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
#cboxOverlay{background:url(../images/overlay.png) 0 0 repeat;}
#cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) -100px 0 no-repeat;}
#cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) -129px 0 no-repeat;}
#cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) -100px -29px no-repeat;}
#cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) -129px -29px no-repeat;}
#cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(../images/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(../images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxClose.hover{background-position:-25px -25px;}