/* ::::: http://vivvito.co.cc/images/style.css ::::: */

* { margin: 0px; padding: 0px; }
body { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; background-color: rgb(255, 255, 255); background-image: url('bg.png'); background-repeat: repeat-x; color: rgb(102, 102, 102); }
#wrap #contents #sidebar img { border: 1px solid rgb(242, 242, 242); padding: 5px; background-color: rgb(255, 255, 255); }
#header0 { padding: 40px; background: rgb(0, 0, 0) none repeat scroll 0% 0%; margin-top: 0px; height: 1500px; }
#wrap { margin: auto; width: 950px; }
#wrap #header #logo { display: block; float: left; margin-top: 30px; }
#wrap #header { height: 150px; }
.clear { clear: both; }
#wrap #header #navigation { background-image: url('menubg.png'); background-repeat: no-repeat; float: right; width: 771px; margin-top: 49px; height: 100px; background-position: center bottom; }
#wrap #header #navigation ul { margin: 0px; list-style-type: none; text-align: center; padding-top: 44px; font-size: 11px; padding-left: 75px; }
#wrap #header #navigation li { display: inline; text-transform: uppercase; }
#wrap #header #navigation a { display: block; background-image: url('menu1.png'); background-repeat: no-repeat; height: 22px; width: 120px; padding-top: 5px; text-align: center; float: left; margin-right: 2px; margin-left: 1px; color: rgb(102, 102, 102); text-decoration: none; }
#wrap #header #navigation a:visited, active { display: block; background-image: url('menu1.png'); background-repeat: no-repeat; height: 22px; width: 120px; padding-top: 5px; text-align: center; float: left; margin-right: 2px; margin-left: 1px; color: rgb(102, 102, 102); text-decoration: none; }
#wrap #header #navigation a:hover { display: block; background-image: url('menu2.png'); background-repeat: no-repeat; height: 22px; width: 120px; padding-top: 5px; text-align: center; float: left; margin-right: 2px; margin-left: 1px; color: rgb(255, 255, 255); text-decoration: none; }
#footer #templateinfo { margin-top: 10px; margin-bottom: 10px; font-size: 10px; }
#footer a { color: rgb(204, 204, 204); }
#wrap #header #navigation .active a { display: block; background-image: url('menu2.png'); background-repeat: no-repeat; height: 22px; width: 120px; padding-top: 5px; text-align: center; float: left; margin-right: 2px; margin-left: 1px; color: rgb(255, 255, 255); text-decoration: none; }
#wrap #header #navigation .active a:visited, active { display: block; background-image: url('menu2.png'); background-repeat: no-repeat; height: 22px; width: 120px; padding-top: 5px; text-align: center; float: left; margin-right: 2px; margin-left: 1px; color: rgb(255, 255, 255); text-decoration: none; }
h2 { font-family: "normal georgia",serif; font-size: 18px; font-variant: small-caps; color: rgb(110, 157, 205); }
h1 { font-family: "normal georgia",serif; font-size: 24px; font-weight: normal; color: rgb(0, 0, 0); }
#wrap #contents { float: left; width: 550px; padding-top: 25px; }
#wrap #sidebar .sidebarcontent #previews a { text-decoration: none; }
#wrap #sidebar { margin-top: 25px; background-color: rgb(0, 0, 0); width: 390px; float: right; color: rgb(204, 204, 204); margin-bottom: 15px; }
#wrap #sidebar .sidebarcontent { padding: 10px; }
#wrap #sidebar .sidebartop { background-image: url('sidebartop.png'); background-repeat: no-repeat; display: block; height: 11px; }
#wrap #sidebar .sidebarbtm { background-image: url('sidebarbottom.png'); display: block; height: 13px; background-repeat: no-repeat; }
#wrap #contents p { line-height: 22px; margin-top: 10px; margin-bottom: 15px; }
#wrap #header #sitename { display: block; float: left; font-size: 25px; padding-top: 50px; text-transform: uppercase; }
#wrap #sidebar .sidebarcontent h2 { display: block; margin-bottom: 10px; }
#wrap #sidebar .sidebarcontent #latestposts { padding: 5px; list-style-type: none; margin-bottom: 15px; }
#wrap #sidebar .sidebarcontent #latestposts a { border-bottom: 1px solid rgb(35, 35, 35); color: rgb(153, 153, 153); text-decoration: none; display: block; height: 20px; padding-top: 5px; padding-right: 5px; padding-left: 5px; }
#wrap #sidebar .sidebarcontent #latestposts li { display: block; height: 25px; }
#wrap #header #sitename .logosmall { padding: 3px; font-size: 12px; text-align: center; display: block; }
#wrap #header #sitename .big { display: block; font-size: 65px; font-family: Georgia,"Times New Roman",Times,serif; padding-right: 10px; padding-left: 10px; width: 80px; text-align: center; color: rgb(110, 157, 205); font-style: italic; text-transform: lowercase; background-image: url('logo.png'); background-repeat: no-repeat; }
a { color: rgb(91, 191, 244); }
#contents a { border-style: none; padding: 3px; display: inline; height: 15px; margin-right: 5px; margin-left: 5px; background-color: rgb(255, 255, 204); }
#wrap #header #sitename .grey { color: rgb(204, 204, 204); }
#wrap #sidebar .sidebarcontent #previews { margin-top: 10px; margin-bottom: 10px; }
#wrap #sidebar .sidebarcontent #previews img { border: 1px solid rgb(69, 69, 69); margin: 5px; padding: 5px; background-color: rgb(51, 51, 51); float: left; }
#wrap #sidebar .sidebarcontent #previews .clear2 { clear: left; width: 99%; }
#wrap #sidebar .sidebarcontent #latestposts a:visited, active { border-bottom: 1px solid rgb(35, 35, 35); color: rgb(153, 153, 153); text-decoration: none; display: block; height: 20px; padding-top: 5px; padding-right: 5px; padding-left: 5px; }
#wrap #sidebar .sidebarcontent #latestposts a:hover { border-bottom: 1px solid rgb(52, 52, 52); color: rgb(204, 204, 204); text-decoration: none; display: block; height: 20px; padding-top: 5px; padding-right: 5px; padding-left: 5px; background-color: rgb(19, 19, 19); }
#wrap #sidebar .sidebarcontent #previews a:visited, active { text-decoration: none; }
#wrap #sidebar .sidebarcontent #previews a:hover img { border: 1px solid rgb(204, 204, 204); text-decoration: none; background-color: rgb(102, 102, 102); }
a:visited { color: rgb(110, 157, 205); }
a:hover { color: rgb(0, 0, 0); text-decoration: none; }
#wrap #contents blockquote { margin: 10px; display: block; background-image: url('quote.png'); background-repeat: no-repeat; background-position: 5px 10px; padding-top: 5px; padding-left: 35px; padding-right: 35px; font-family: Georgia,"Times New Roman",Times,serif; font-style: italic; }
#wrap #contents img { border: 1px solid rgb(153, 153, 153); margin: 5px; padding: 5px; background-color: rgb(240, 240, 240); }
#wrap #contents .left { float: left; }
#wrap #contents .right { float: right; }
#footer { border-top: 5px solid rgb(51, 51, 51); padding: 25px; background-color: rgb(0, 0, 0); }
#footer a:visited, active { color: rgb(204, 204, 204); }
#footer a:hover { color: rgb(255, 255, 255); }
#wrap #contents table { width: 98%; margin-top: 15px; margin-bottom: 15px; }
#wrap #contents caption { border-style: solid solid none; border-width: 1px 1px 0px; border-top: 1px solid rgb(204, 204, 204); font-size: 18px; font-family: "Trebuchet MS",Arial,Verdana; text-transform: uppercase; background-color: rgb(246, 246, 246); }
#wrap #contents td { border: 1px solid rgb(204, 204, 204); padding: 8px; }
#wrap #contents th { padding: 8px; background-color: rgb(88, 85, 85); color: rgb(255, 255, 255); }
#wrap #contents .postinfo { margin: 0px 0px 25px; padding: 3px; font-size: 10px; display: block; background-color: rgb(255, 255, 204); }
h3, h4, h5 { color: rgb(0, 153, 204); }
#wrap #contents ul { list-style-type: none; }
#wrap #contents li { display: block; }
#wrap #contents ul li { background-image: url('bullet.gif'); background-repeat: no-repeat; background-position: 1px 2px; padding-left: 20px; margin-bottom: 5px; }
#wrap #contents ol { list-style-type: decimal; padding-left: 35px; }
form { margin: 0pt; padding: 0pt; }
.textfield { border: 1px solid rgb(214, 217, 174); margin: 3px; display: block; float: left; width: 190px; background-color: rgb(243, 244, 232); }
label { margin: 3px; padding: 5px; display: block; float: left; text-align: right; font-weight: bold; width: 150px; }
.button { border: 2px solid rgb(51, 51, 51); margin: 3px; padding: 0px; display: block; float: left; background-color: rgb(227, 230, 200); color: rgb(0, 0, 0); }
.textfield:hover { background: rgb(251, 252, 248) none repeat scroll 0% 0%; }
.textfield:focus { background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.clear2 { margin: 0pt; padding: 0pt; clear: left; height: 1px; font-size: 1px; display: block; }