/* *******************************
 ** INTELECTUAL PROPERTY & COPYRIGHT ZUBETA.COM
 ** Author: Gary Thomas
 ** 2010 ALL RIGHTS RESERVED
********************************/

* {
margin: 0;
padding: 0 0;
list-style: none;
font-family: Museo, Palatino, 'Palatino Sans', Helvetica;
text-decoration: none;
font-weight: normal;
-moz-border-radius:9px;
-webkit-border-radius:9px;
}
@font-face {
font-family: 'Museo';
src: url("Museo.ttf");
src: local('Museo.ttf'),
url("Museo.ttf") format('Truetype');}
body {
height: 100%;
background: #fff;
font-family: Museo, Palatino, 'Palatino Sans', Helvetica;
font-size: 17px;
color: #252525;
}
#above {
top: 0;
background: #fff;
height: 2px;
width: 100%;
margin-top: -3px;
padding: 11px 22px;
border-bottom: 2px inset #808080;
font-size: 12px;
z-index: 1000;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}
#above a:active, #above a:visited, #above a:link {
background: #FFF;
color: #000;
}
#above a:hover {
padding-bottom: 1px;
color: #808080;
}
#m {
display: none;
position: absolute;
top: 42px;
width: 200px;
left: 22px;
z-index: 1000;
padding: 5px 5px 1px 5px;
background-color: #eee;
border: 1px solid #252525;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
filter:alpha(opacity=70);
opacity:.7;
}
#m2 {
display: none;
position: absolute;
top: 32px;
left: 9px;
width: 200px;
padding: 5px 5px 1px 5px;
z-index: 1000;
background-color: #eee;
border: 1px solid #808080;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
filter:alpha(opacity=40);
opacity:.4;
}
div#m2:hover {
filter:alpha(opacity=100);
opacity:1.0;
}
#m a , #m a:active, #m a:visited, #m a:link {
display: block;
margin-bottom: 11px;
padding: 5px 0px 5px 5px;
background-color: #FFFFFF;
border: 1px solid #808080;
color: #000000;
text-decoration: none;
}
#m a:hover {
background-color: #3399ff;
border: 1px solid transparent;
color: #FFFFFF;
}
#m2 a, #m2 a:active, #m2 a:visited, #m2 a:link {
display: block;
margin-bottom: 11px;
padding: 5px 0px 5px 5px;
background-color: #FFFFFF;
border: 1px solid #808080;
color: #000000;
text-decoration: none;
-moz-box-shadow: 1px 1px 1px #FFF;
-webkit-box-shadow: 1px 1px 1px #FFF;
}
#m2 a:hover {
background-color: #3399ff;
border: 1px solid transparent;
color: #FFFFFF;
-moz-box-shadow: 2px 2px 2px #FFF;
-webkit-box-shadow: 2px 2px 2px #FFF;
}
#over {
clear: both;
background: #fff;
height: 7px;
width: 100%;
margin-bottom: 1px;
margin-top: 1px;
padding: 8px;
text-align: right;

border-top: 2px inset #fff;
border-bottom: 2px inset #fff;
overflow: hidden;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}
#wrapper {
height: 100%;
background: transparent;
background-attachment: fixed;
margin: 0 auto;
padding: 0 0;
overflow: hidden;
}
#header {
background: #fff;
top: 0;
clear: both;
height: 12px;
width: 100%;
color: #FFF;
margin-top: 22px;
overflow: hidden;
border-bottom: 5px double #fff;
}
#menu {
clear: both;
background: transparent;
height: 52px;
list-style: none;
margin-bottom: -2px;
margin-top: 2px;
width: 100%;
border-top: 2px solid transparent;
}
ul.menu {
background: transparent;
line-height: 28px;
height: 28px;
list-style: none;
margin-top: 8px;
margin-bottom: 1px;
padding: 0 10px;
width: 875px;
font-size: 14px;
}
ul.menu li {
display: inline;
padding: 0;
background: transparent;
}
ul.menu a {
background: #FFF;
height: 28px;
font-size: 16px;
color: #252525;
float: left;
padding: 7px 19px 11px 16px;
text-decoration: none;
border: 7px outset #808080;
margin-top: 3px;
margin-bottom: 3px;
margin-right: 4px;
-moz-border-radius: 11px;
-webkit-border-radius: 7px;
-moz-box-shadow: 2px 2px 4px #808080;
-webkit-box-shadow: 2px 2px 4px #808080;
}
ul.menu a:hover {
background: #fff;
border: 7px inset #eee;
color: #000;
padding: 7px 19px 11px 16px;
overflow: hidden;
-moz-box-shadow: 1px 2px 2px #808080;
-webkit-box-shadow: 1px 1px 2px #808080;
}
p {
font-family: Museo, Palatino, 'Palatino Sans', Helvetica;
font-size: 16px;
}
#cover {
height: 100%;
width: 947px;
margin: 7px auto;
padding: 1px 2px;
}
#wrap {
height: 100%;
background-attachment: fixed;
padding: 2px 2px;
}
div.banner {
display: block;
margin: 0;
position: fixed;
bottom: 0;
margin-bottom: -3px;
width: 8.5em;
right: -47px;
}
#left {
float: right;
position: absolute;
min-height: 100%; 
width: 303px;
margin: 0px 0px 0px 622px;
padding: 17px 0px;
overflow: visible;
font-size: 14px;
line-height: 27px;
}
#right {
float: left;
height: 100%;
width: 585px;
overflow: hidden;
margin: 0 auto;
padding: 1% 11px;
}
.ad a {
position:absolute;
margin-left: 12px;
margin-bottom: 12px;
}
.ad a:hover {
-webkit-transform: rotate(-11deg); 
-moz-transform: rotate(-11deg);
}
h1.first {
font-family: Museo, Palatino, 'Palatino Sans', Helvetica;
color: #252525;
font-size: 34px;
text-transform: uppercase;
letter-spacing: 4px;
text-align: left;
margin-left: 12px;
margin-top: 11px;
margin-bottom: 28px;
}
h1.home {
font-family: Museo, Palatino, 'Palatino Sans', Helvetica;
font-size: 72px;
color: #DEDEDE;
text-transform: uppercase;
letter-spacing: 4px;
text-align: left;
margin-left: 12px;
margin-top: 11px;
margin-bottom: 28px;
}
div.lock  {
background: #FFF;
margin-top: 7px;
margin-bottom: 32px;
border: 3px outset #c1c1c1;
padding: 22px 0px;
overflow: hidden;
z-index: 1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 2px 0px 4px #808080;
-webkit-box-shadow: 2px 0px 4px #808080;
}
div.lock :hover {
background: #eee;
color: #000;
}
div.lock  img {
float: left;
clear: left;
}
.sp {
display: block;
float: right;
clear: right;
display: inline;
line-height: 29px;
width: 397px;
min-height: 137px;
margin-left: 11px;
margin-bottom: 27px;
padding: 11px 3px 11px 11px;
background: #EEE;
overflow: auto;
z-index: 888;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.sp1{
display: block;
float: right;
clear: right;
display: inline;
line-height: 27px;
width: 397px;
height: 163px;
margin-left: 11px;
margin-bottom: 27px;
padding: 11px 3px 3px 11px;
overflow: auto;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.sp a, .sp a:link, .sp a:visited,
.sp1 a, .sp1 a:link, .sp1 a:visited  {
color: #252525;
font-size: 28px;
background: transparent;
margin-bottom: 7px;
border-bottom: 1px dashed transparent;
text-shadow: 1px 1px 0px #fff;
}
.sp a:hover, .sp1 a:hover {
color: #808080;
background: transparent;
text-shadow: 1px 1px 0px #ddd;
}
.float {
float: left;
}
.bubbles {
height: 100%;
width: 100%;
background: transparent url(../img/dotz.png);
border: none;
padding: 11px 1px 11px 1px;
z-index: 1;
}
.barr {
min-height: 100%;
background: #eee url(../img/dotz.png);
margin-top: 7px;
border-bottom: 5px outset #808080;
border-left: 1px outset #808080;
border-right: 2px outset #c1c1c1;
border-top: 1px outset #808080;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
input {
color: #808080;
height: 33px;
width: 555px;
line-height: 27px;
font-size: 23px;
}
#main {
max-width: 575px;
padding: 7px;
background: #f0f0f0;
border: 1px solid #808080;
-moz-border-radius: 11px;
-webkit-border-radius: 5px;
}
.container {
overflow: hidden;
margin: 0 auto;
}
.main_image {
width: 427px;
height: 277px;
float: left;
background: transparent;
position: relative;
overflow: hidden;
color: #fff;
}
.main_image p {
font-size: 15px;
padding: 11px;
height: 77px;
margin-left: 11px;
}
.main_image .desc {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
display: none;
}
.main_image .block {
width: 100%;
background: #111;
border-top: 1px solid #808080;
}
.block p a {
color: #3399ff;
}
.block p a:hover {
background: #ddebf8;
color: #29a1bc;
padding: 1px 3px;
}
.thumb {
float: left;
width: 33px;
background: transparent;
border-right: 1px solid #fff;
}
.thumb a {
font-size: 15px;
border: 1px solid #808080;
padding: 3px;
background: #fff;
float: left;
margin-bottom: 9px;
-moz-box-shadow: 2px 2px 4px #808080;
-webkit-box-shadow: 2px 2px 4px #808080;
}
.thumb ul {
margin: 0;
padding: 0;
list-style: none;
}
.thumb ul li {
margin: 0;
padding: 2px 4px;
background: transparent;
width: 137px;
float: left;
border-bottom: 1px solid #ccc;
border-top: 1px solid #fff;
border-right: 1px solid #ccc;
}
.thumb ul li .block {
float: left;
margin-left: 10px;
padding: 0;
width: 170px;
}
.thumb ul li p {
display: none;
}
.clear {
clear: both;
height: 11px;
padding: 2px 5px;
}
#gright {
background: #FFF;
height: 100%;
width: 100%;
clear: both;
margin-top: 23px;
padding: 1px;
font-size: 15px;
-moz-border-radius: 11px;
-webkit-border-radius: 9px;
}
#slid2 {
display: block;
vertical-align: top;
background: #FFF;
border: 1px solid #808080;
text-decoration: none;
width: 258px;
padding: 5px;
line-height: 27px;
-moz-border-radius: 11px;
-webkit-border-radius: 9px;
-moz-box-shadow: 2px 2px 7px #808080;
-webkit-box-shadow: 2px 2px 7px #808080;
}
li.slide a {
display: block;
vertical-align: top;
background: #fff;
border: 1px solid #808080;
text-align: center;
text-decoration: none;
width: 262px;
margin: 22px 0 3px;
padding: 5px;
font-size: 18px;
color: #252525;
-moz-border-radius: 11px;
-webkit-border-radius: 5px;
}
li.slide a:hover {
background: #fff;
color: #000;
letter-spacing: 1px;
-moz-box-shadow: 2px 2px 7px #808080;
-webkit-box-shadow: 2px 2px 7px #808080;
}
img, a img {
border: none;
z-index: 1000;
}
a:hover img {
border: none;
}
a:active, a:visited, a:link {
color: #3D6D92;
text-decoration: none;
border: none;
}
a:hover {
color: #3399ff;
}
.twibes { clear:both; width: 100%; }
.twibes-badge { height:100px; }
.twibes-badge-image { width:100px; float:left; }
.twibes-badge-text { width:178px; float:right; padding-top:2px; }
h1 {
font-family: Palatino, 'Palatino Sans', Helvetica;
font-weight: normal;
text-align: center;
color: #889baa;
font-size: 22px;
letter-spacing: 2px;
margin-top: 12px;
margin-bottom: 5px;
}
h2 {
font-family: Palatino, 'Palatino Sans', Helvetica;
color: #889baa;
letter-spacing: 2px;
font-size: 22px;
font-weight: normal;
}
.second {
background: #FFF;
font-size: 27px;
color: silver;
border: 1px solid #808080;
margin-top: 12px;
margin-bottom: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
hr {
height: 1px;
color: #3399ff;
}
.claim {
text-align:right;
cursor:help;
color: #808080;
}
#foo {
background: transparent;
bottom: 0;
clear: both;
height: 7px;
width: 100%;
text-align: right;
padding: 2% 1px;
color: #c1c1c1;
margin-bottom: 1px;
margin-left: 4px;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
}
.foomenu {
width: 880px;
display: inline;
background: transparent;
text-align: center;
color: #fff;
text-decoration: none;
}
.foomenu li {
display: inline;
}
.foomenu a {
display: inline;
background: #eee url(../images/bg.jpg);
padding: 11px 12px;
width: 88px;
text-align: center;
color: #fff;
text-decoration: none;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-moz-box-shadow: 2px 2px 4px #808080;
-webkit-box-shadow: 2px 2px 4px #808080;
}
.foomenu a:hover {
background: #fff;
background-position: -35px -15px;
color: #4773BA;
filter:alpha(opacity=50);
opacity:0.5;
}
#subfoo {
bottom: 0;
clear: both;
background: transparent;
height: 22px;
width: 98%;
margin-bottom: 5px;
padding: 2% 0;
color: #eee;
overflow: hidden;
}
#footer {
background: transparent;
bottom: 0;
clear: both;
height: 11px;
width: 100%;
text-align: center;
padding: 2% 0px 0px 0px;
font-size: 223px;
color: #FFF;
margin-bottom: -7px;
margin-top: 22px;
overflow: hidden;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}
#sub-footer {
background: #FFF url(../img/dotz.png);
bottom: 0;
clear: both;
height: 477px;
width: 100%;
padding: 2% 0;
font-size: 122px;
color: #FFF;
margin-bottom: -7px;
overflow: hidden;
border-top: 1px solid #fff;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}
#sub-footer:hover {
background: #eee;
}
.small {
clear: both;
font-size: 11px;
margin-top: 11px;
padding-top: 11px;
}
#list {
margin: 0 auto;
width: 855px;
height: 288px;
background: transparent;
padding-left: 27px;
}
.crisp li {
float: left;
width: 252px;
height: 288px;
padding: 13px 11px 11px 11px;
margin-right: -11px;
}
.crisp li a {
display: block;
width: 233px;
height: 222px;
padding: 7px;
background: #003663;
font-size: 9pt;
color: #fff;
text-align: center;
border: 2px solid #fff;
}
.crisp li a:hover {
background: #004a80;
border: 1px solid #004a80;
margin-top: 3px;
-moz-box-shadow: 2px 2px 4px #808080;
-webkit-box-shadow: 2px 2px 4px #808080;
}
#tooltip {
font-family: 'Segoe UI Light', Palatino, sans-serif;
font-size: 18px;
font-weight: bold;
position: absolute;
max-width: 328px;
background: #FFF;
border: 1px double #808080;
color: #252525;
margin-top: 47px;
margin-left: -98px;
padding: 11px 11px;
z-index: 1000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#tooltip p {
margin: 0;
padding: 0;
color: #fff;
font: 11px;
}
#tooltip p em {
display: block;
margin-top: 3px;
color: #fff;
font-style: normal;
font-weight: bold;
margin-top: 47px;
margin-left: -98px;
}
#tooltip p em span {
font-weight: bold;
color: #fff;
margin-top: 47px;
margin-left: -98px;
}
#page {
background: transparent;
width: 98%;
height: 77px;
list-style: none;
margin: 38px 11px 0 11px;
}
.beta {
background: transparent;
width: 100%;
height: 89px;
line-height: 72px;
list-style: none;
padding: 0 10px;
}
.beta li {
display: inline;
padding: 0;
background: transparent;
}
.beta a {
background: transparent;
height: 89px;
text-align: center;
font-size: 16px;
font-weight: bold;
color: #808080;
float: left;
padding: 11px 11px 11px 11px;
text-decoration: none;
}
.beta a:hover {
background: transparent;
border: none;
color: #fff;
padding: 0 23px 11px 7px;
}
.n {
clear: both;
width: 100%;
display: inline;
float: left;
height: 28px;
padding: 1px 11px;
font-size: 5px;
margin-bottom: 7px;
margin-top: 2px;
word-break: break-all;
}
.nav li {
float: left;
width: 35px;
height: 35px;
margin-right: 7px;
}
.nav li a {
display:block;
width: 35px;
height: 37px;
background: #003663;
font-size: 12px;
padding: 2px;
color: #fff;
text-decoration: none;
text-align: center;
border: 1px solid #fff;
z-index: 800;
-moz-border-radius-bottomleft:100px;
-moz-border-radius-bottomright:100px;
-moz-border-radius-topleft:100px;
-moz-border-radius-topright:100px;
-webkit-border-top-left-radius:100px;
-webkit-border-top-right-radius:100px;
-webkit-border-bottom-left-radius:100px;
-webkit-border-bottom-right-radius:100px;
}
.nav li a:hover {
width: 37px;
height: 38px;
border: 1px double #fff;
background: #3399ff;
margin-top: 3px;
margin-left: -2px;
color: #FFF;
z-index: 1000;
-moz-box-shadow: 2px 2px 4px #808080;
-webkit-box-shadow: 2px 2px 4px #808080;
}
.ok {
background: #FFF;
margin-top: 7px;
border-bottom: 5px outset #c1c1c1;
border-left: 1px outset #808080;
border-right: 2px outset #808080;
border-top: 1px outset #808080;
padding: 7px 7px;
overflow: hidden;
z-index: 1;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
}
.bar {
clear: both;
width: 288px;
overflow: hidden;
}
.k {
background: #FFF;
margin-top: 7px;
border-bottom: 5px solid #808080;
border-left: 1px solid #808080;
border-right: 2px outset #c1c1c1;
border-top: 1px solid #808080;
padding: 7px 7px;
overflow: hidden;
z-index: 1;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
}
.okd {
background: #FFF;
margin-top: 7px;
border-bottom: 5px solid #808080;
border-left: 1px solid #808080;
border-right: 2px outset #c1c1c1;
border-top: 7px solid #808080;
padding: 7px 7px;
overflow: hidden;
z-index: 1;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}
.windowOpen {
text-align: center;
outline: 0;
}
.window {
top: 47px;
z-index: 1000;
}
.win {
top: 47px;
z-index: 1000;
}
.winOpen {
text-align: center;
outline: 0;
}
.win {
top: 47px;
z-index: 1000;
}
#magus {
display: none;
overflow: hidden;
}
::selection {
background: #3399ff;
color: yellow;
}
::-moz-selection {
background: #3399ff;
color: yellow;
}
div.smashingwidget {
clear: both;
width: 288px;
background-color: #fff;
font-size:13px;
}
div.smashingwidget {
font-family:'Museo',Arial,Helvetica,sans-serif;
text-align: left;
padding:5px;
}
div.smashingwidget a:hover {
text-decoration:underline;
}
div.smashingwidget h3 {
color: #000;
margin-top: 7px;
padding: 6px 0 0 5px;
font-size:20px;
cursor: pointer;
height: 40px;
background:url("http://media.smashingmagazine.com/cdn_smash/files/smashing-widget/v006/img/header_v1.gif") no-repeat scroll 0 0 transparent;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
}
div.smashingwidget h3 a {
top:0;
right:0;
width:110px;
height:50px;
padding-right:10px;
}
div.smashingwidget h3 a span {
float:left;
font-size:20px;
}
div.smashingwidget h3 a img {
float:right;
margin: -5px 5px 0 0px;
}
div.smashingwidget h3 a:hover {
text-decoration: none;
}
div.smashingwidget ol {
margin-left: 5px;
}
div.smashingwidget li {
list-style-position:outside;				
border-color:#EBEBEB;
border-style:solid;
border-width:0 0 1px;
padding:7px 0 7px;
}
div.smashingwidget .sw-source {
display: block;
color:#555;
font-size:12px;
font-weight:normal;
}
div.smashingwidget li.sw-last {
background:transparent none repeat scroll 0 0;
border: none;
}
div.smashingwidget li a.sw-title {
font-size:12x;
}