/* ---------------- Main Styles ----------------------------------- */
/* ---------------- Author: pixelnova.org ------------------------ */
/* ---------------- Created for: stripemania.org ---------------- */

html
{
height: 100%;
}
body
{
background: url('images/background.jpg');
margin: 0px;
padding: 0px;
height: 100%;
}
.clear
{
clear: both;
}

/* --------------------------------------------------------------------- [ HEADER ] -------------- */

#header_wrap
{
width: 100%;
height: 82px;
background: url('images/top.jpg') repeat-x bottom;
}
#header
{
width: 800px;
height: 82px;
position: relative;
}
#top_wrap
{
height: 127px;
background: url('images/topbackground.jpg') repeat-x;
width: 100%;
}
#top
{
height: 127px;
background: url('images/topbg.jpg') no-repeat;
width: 800px;
position: relative;
}

/* --------------------------------------------- [ LOGO ] ------- */

#logo a:link, #logo a:visited
{
position: absolute;
top: 0px;
left: 0px;
background: url('images/logo.jpg') no-repeat top;
height: 81px;
width: 207px;
display: block;
text-indent: -9999px;
}
#logo a:hover, #logo a:active
{
position: absolute;
top: 0px;
left: 0px;
background: url('images/logo.jpg') no-repeat bottom;
height: 81px;
width: 207px;
display: block;
text-indent: -9999px;
}
#logo h1
{
padding: 0px;
margin: 0px;
text-indent: -9999px;
}

/* --------------------------------------------- [ LATEST STRIPES ] ------- */

#stripes a:link, #stripes a:visited
{
height: 30px;
width: 135px;
background: url('images/lateststripes.jpg') no-repeat top;
display: block;
text-indent: -9999px;
position: absolute;
top: 65px;
left: 29px;
}
#stripes a:hover, #stripes a:active
{
height: 30px;
width: 135px;
background: url('images/lateststripes.jpg') no-repeat bottom;
display: block;
text-indent: -9999px;
position: absolute;
top: 65px;
left: 29px;
}

/* --------------------------------------------- [ MAIN NAVIGATION ] ------- */

#menu
{
position: absolute;
top: 0px;
right: 0px;
}
#nav ul
{
list-style: none;
padding: 0px;
margin: 0px;
}
#nav ul li
{
float: right;
list-style: none;
font-family: trebuchet ms;
font-size: 11px;
margin: 0px;
}
#nav ul li a
{
display: block;
text-decoration: none;
position: relative;
}
#nav ul li.active a
{
background: #FFFFFF url('images/tableft.jpg') no-repeat left top;
color: #FFFFFF;
font-weight: bold;
position: relative;
}
#nav ul li.active a span
{
background: url('images/tabright.jpg') no-repeat right top;
padding: 35px 12px 35px 13px;
display: block;
}
#nav ul li.active a:hover
{
color: #31353A;
}
#nav ul li.inactive
{
padding-top: 0px;
}
#nav ul li.inactive a 
{
padding: 35px 9px 35px 10px;
background: url('images/inactivebg') repeat-x bottom;
color: #FFFFFF;
}
#nav ul li.inactive a:hover
{
background: url('images/menuon.jpg') repeat-x top;
color: #D6EF00;
}
#nav ul li.inactive a:hover span
{
background: url('images/menuon.jpg') repeat-x top;
}

/* --------------------------------------------------------------------- [ GOOGLE ADS ] -------------- */

#ads_wrap
{
width: 800px;
}

/* --------------------------------------------------------------------- [ CONTENT ] -------------- */

#content_wrap
{
width: 754px;
background: url('images/dotbg.gif') repeat-y;
background-position: -23px 0px;
}

/* --------------------------------------------- [ SIDES ] ------- */

#left
{
width: 226px;
float: left;
text-align: left;
}
#right
{
width: 481px;
float: right;
text-align: left;
}
#subleft
{
width: 208px;
float: left;
}
#subright
{
width: 226px;
float: right;
}

/* --------------------------------------------- [ HEADER TAGS ] ------- */

h1.stripewidth
{
width: 101px;
height: 57px;
margin: 0px;
padding: 0px;
text-indent: -9999px;
background: url('images/title_stripewidth.gif') no-repeat;
}
h1.spacingwidth
{
width: 116px;
height: 64px;
margin: 0px;
padding: 0px;
text-indent: -9999px;
background: url('images/title_spacingwidth.gif') no-repeat;
}
h1.stripeorientation
{
width: 149px;
height: 71px;
margin: 0px;
padding: 0px;
text-indent: -9999px;
background: url('images/title_stripeorientation.gif') no-repeat;
}
h1.preview
{
width: 74px;
height: 57px;
margin: 0px;
padding: 0px;
text-indent: -9999px;
background: url('images/title_preview.gif') no-repeat;
}
h1.stripelicious
{
width: 112px;
height: 60px;
margin: 0px;
padding: 0px;
text-indent: -9999px;
background: url('images/title_stripelicious.gif') no-repeat top;
}
h1.backgroundcolor
{
width: 146px;
height: 57px;
margin: 0px;
padding: 0px;
text-indent: -9999px;
background: url('images/title_backgroundcolor.gif') no-repeat;
}
h1.stripecolors
{
width: 117px;
height: 57px;
margin: 0px;
padding: 0px;
text-indent: -9999px;
background: url('images/title_stripecolors.gif') no-repeat;
}
h1.morestripes
{
width: 216px;
height: 62px;
margin: 0px;
padding: 0px;
text-indent: -9999px;
background: url('images/title_morestripes.gif') no-repeat;
}
h2
{
color: #FFFFFF;
margin: 20px 0px 15px 0px;
letter-spacing: -1px;
font: normal 120% "Trebuchet MS", Tahoma, Arial;
padding: 0px;
}
h2 a, h2 a:visited
{
color: #163F53;
text-decoration:none;
}
h2 a:hover
{
color: #FF6600;
text-decoration:none;
}
h2.tut
{
color: #FFFFFF;
margin: 20px 0px 15px 0px;
letter-spacing: -1px;
font: normal 185% "Trebuchet MS", Tahoma, Arial;
padding: 0px;
}
h3
{
color: #B6B6B6;
margin: 0px;
letter-spacing: -1px;
font: bold 120% "Trebuchet MS", Tahoma, Arial;
padding: 0px;
}

/* --------------------------------------------- [ SLIDER ] ------- */

.horizontal_track
{
background: url('images/sliderbg.jpg') no-repeat;
width: 226px;
line-height: 0px;
height: 31px;
font-size: 0px;
text-align: left;
position: relative;
}
.horizontal_slider
{
width: 15px;
height: 25px;
position: relative;
z-index: 2;
line-height: 0;
margin: 0px 0px 0px 10px;
background: url('images/slit.gif') no-repeat;
cursor: pointer;
}
.horizontal_slit
{
width: 118px;
height: 11px;
line-height: 0;
position: absolute;
z-index: 1;
}
.value_display
{
color: #FFFFFF;
text-align: right;
font: 11px "trebuchet ms";
border: 0px;
cursor: default;
width: 14px;
background: #212224;
position: absolute;
top: 6px;
right: 8px;
}

/* --------------------------------------------- [ ORIENTATION ] ------- */

.activeorient
{
margin-right: 4px;
padding: 4px;
background: #ACDB3A;
border: 0px;
}
.inactiveorient
{
margin-right: 4px;
padding: 4px;
background: #122025;
border: 0px;
}

/* --------------------------------------------- [ STRIPE PREVIEW ] ------- */

#previewbox
{
width: 208px;
height: 306px;
background: #181919 url('images/ajax-loader.gif') no-repeat;
background-position: 88px 108px;
position: relative;
}
#preview
{
width: 196px;
height: 258px;
background: #198A03;
position: absolute;
top: 6px;
left: 6px;
}
#refresh_preview
{
width: 114px;
height: 114px;
visibility: hidden;
position: absolute;
top: 6px;
right: 6px;
}
#sharebtn a:link, #sharebtn a:visited
{
width: 43px;
height: 24px;
position: absolute;
bottom: 9px;
right: 8px;
display: block;
background: url('images/sharebtn.jpg') no-repeat top;
text-indent: -9999px;
}
#sharebtn a:hover, #sharebtn a:active
{
width: 43px;
height: 24px;
position: absolute;
bottom: 9px;
right: 8px;
display: block;
background: url('images/sharebtn.jpg') no-repeat bottom;
text-indent: -9999px;
}
#fullscreen a:link, #fullscreen a:visited
{
padding: 0px 0px 0px 22px;
background: url('images/fullscreen.jpg') no-repeat left top;
display: block;
height: 16px;
position: absolute;
bottom: 14px;
left: 11px;
font: 11px "trebuchet ms";
color: #FFFFFF;
text-decoration: none;
}
#fullscreen a:hover, #fullscreen a:active
{
padding: 0px 0px 0px 22px;
background: url('images/fullscreen.jpg') no-repeat left bottom;
display: block;
position: absolute;
bottom: 14px;
left: 11px;
text-decoration: none;
}

/* --------------------------------------------- [ DOWNLOAD STRIPE ] ------- */

#download a:link, #download a:visited
{
margin-top: 8px;
height: 46px;
width: 208px;
display: block;
text-indent: -9999px;
background: url('images/downloadstripe.jpg') no-repeat top;
}
#download a:hover, #download a:active
{
margin-top: 8px;
height: 46px;
width: 208px;
display: block;
text-indent: -9999px;
background: url('images/downloadstripe.jpg') no-repeat bottom;
}

/* --------------------------------------------- [ COLOR PICKERS, ETC ] ------- */

.colorbox
{
width: 226px;
height: 38px;
background: #212223;
position: relative;
}
.bg-color
{
width: 114px;
height: 24px;
position: absolute;
top: 7px;
left: 7px;
background-color: #53AC18;
}
.bg-value
{
color: #FFFFFF;
text-align: right;
font: 11px "trebuchet ms";
border: 0px;
cursor: default;
width: 45px;
background: #212224;
position: absolute;
top: 10px;
left: 130px;
}
.colorpickerpos1 a:link, .colorpickerpos1 a:visited
{
position: absolute;
top: 7px;
right: 7px;
width: 34px;
height: 24px;
display: block;
text-indent: -9999px;
background: url('images/colorpicker.jpg') no-repeat top;
}
.colorpickerpos1 a:hover, .colorpickerpos1 a:active
{
position: absolute;
top: 7px;
right: 7px;
width: 34px;
height: 24px;
display: block;
text-indent: -9999px;
background: url('images/colorpicker.jpg') no-repeat bottom;
}
.colorpickerpos2 a:link, .colorpickerpos2 a:visited
{
position: absolute;
top: 7px;
left: 7px;
width: 34px;
height: 24px;
display: block;
text-indent: -9999px;
background: url('images/colorpicker.jpg') no-repeat top;
}
.colorpickerpos2 a:hover, .colorpickerpos2 a:active
{
position: absolute;
top: 7px;
left: 7px;
width: 34px;
height: 24px;
display: block;
text-indent: -9999px;
background: url('images/colorpicker.jpg') no-repeat bottom;
}
.stripecolor
{
width: 226px;
height: 65px;
background: #212223;
position: relative;
margin-bottom: 4px;
}
.stripecol1
{
color: #FFFFFF;
text-align: right;
font: 11px "trebuchet ms";
border: 0px;
cursor: default;
width: 45px;
background: #212224;
position: absolute;
top: 10px;
left: 45px;
}
.stripecol2
{
color: #FFFFFF;
text-align: right;
font: 11px "trebuchet ms";
border: 0px;
cursor: default;
width: 45px;
background: #212224;
position: absolute;
top: 10px;
right: 47px;
}
.stripecol
{
width: 16px;
height: 24px;
position: absolute;
top: 7px;
left: 97px;
background-color: #DDEE1E;
}
.stripecolgr
{
width: 16px;
height: 24px;
position: absolute;
top: 7px;
left: 113px;
background-color: #78D316;
}

/* --------------------------------------------- [ REMOVE COLOR ] ------- */

.remove a:link, .remove a:visited
{
padding: 0px 0px 0px 17px;
background: url('images/remove.jpg') no-repeat left;
display: block;
position: absolute;
bottom: 9px;
right: 9px;
font: 11px "trebuchet ms";
color: #FFFFFF;
text-decoration: none;
}
.remove a:hover, .remove a:active
{
padding: 0px 0px 0px 17px;
background: url('images/remove.jpg') no-repeat left;
display: block;
position: absolute;
bottom: 9px;
right: 9px;
text-decoration: none;
}

/* --------------------------------------------- [ GRADIENT? ] ------- */

.gradient
{
position: absolute;
left: 9px;
bottom: 9px;
color: #D1DD10;
font: 11px "trebuchet ms";
}
.gradient img
{
border: 0px;
vertical-align: middle;
margin-right: 5px;
}

/* --------------------------------------------- [ ADD COLOR ] ------- */

#addcolor a:link, #addcolor a:visited
{
height: 32px;
width: 103px;
background: url('images/addcolor.gif') no-repeat top;
display: block;
text-indent: -9999px;
}
#addcolor a:hover, #addcolor a:active
{
height: 32px;
width: 103px;
background: url('images/addcolor.gif') no-repeat bottom;
display: block;
text-indent: -9999px;
}

/* --------------------------------------------------------------------- [ RANDOM STRIPES ] -------------- */

#stripes_wrap
{
width: 100%;
height: 141px;
background: #181919 url('images/thestripesbg.jpg') repeat-x;
}
#thestripes
{
width: 800px;
text-align: left;
position: relative;
}
#thestripes ul
{
margin: 0px;
padding: 0px;
list-style: none;
width: 800px;
position: absolute;
top: 30px;
left: 23px;
}
#thestripes li
{
padding: 0px;
position: relative;
margin-right: 50px;
background: #363636;
height: 86px;
width: 216px;
display: block;
float: left;
}
#thestripes li.last
{
margin-right: 0px;
}
#thestripes li .prev
{
width: 206px;
height: 76px;
position: absolute;
top: 5px;
left: 5px;
}
#thestripes li .prevlink a:link, #thestripes li .prevlink a:visited, #thestripes li .prevlink a:hover, #thestripes li .prevlink a:active
{
background: transparent;
width: 206px;
height: 76px;
position: absolute;
top: 5px;
left: 5px;
text-indent: -9999px;
display: block;
}
#thestripes .title
{
background: url('images/minititle.gif') no-repeat right;
padding: 7px 25px 3px 6px;
position: absolute;
bottom: 5px;
font: 11px "trebuchet ms";
color: #FFFFFF;
left: 5px;
}

/* --------------------------------------------- [ STRIPE PREVIEW BOXES ] ------- */

.stripepreviewbox
{
width: 754px;
height: 185px;
background: #212224;
position: relative;
}
.stripepreviewboxmini
{
width: 754px;
height: 52px;
background: #212224;
position: relative;
margin-bottom: 11px;
}
.stripepreview
{
width: 744px;
height: 145px;
position: absolute;
top: 5px;
left: 5px;
}
.stripepreviewmini
{
width: 744px;
height: 42px;
position: absolute;
top: 5px;
left: 5px;
}
.minititle
{
font: 14px "trebuchet ms";
color: #78C701;
background: url('images/miniprevtitle.gif') no-repeat right;
padding: 12px 32px 12px 12px;
height: 18px;
position: absolute;
top: 5px;
left: 5px;
}
.miniprev a:link, .miniprev a:visited, .miniprev a:active, .miniprev a:hover
{
width: 554px;
height: 42px;
display: block;
background: transparent;
text-indent: -9999px;
position: absolute;
top: 5px;
left: 5px;
}
.bigprev a:link, .bigprev a:visited, .bigprev a:active, .bigprev a:hover
{
width: 744px;
height: 145px;
display: block;
background: url('images/playwithtilebig.gif') no-repeat top right;
text-indent: -9999px;
position: absolute;
top: 5px;
left: 5px;
}

/* --------------------------------------------- [ STRIPE INFO ] ------- */

.stripepreviewcom
{
position: absolute;
left: 12px;
bottom: 9px;
font: 11px "trebuchet ms";
color: #FFFFFF;
}

/* --------------------------------------------- [ STRIPE RATING ] ------- */

.ratebox
{
position: absolute;
bottom: 4px;
right: 5px;
}
.rate
{
height: 25px;
width: 125px;
background: url('images/ratebg.jpg') repeat-x top;
position: relative;
}
.rate .current
{
height: 25px;
background: url('images/ratebg.jpg') repeat-x center left;
position: absolute;
top: 0px;
left: 0px;
}
.rate .one a:link, .rate .one a:visited { height: 25px; width: 25px; background: transparent; position: absolute; top: 0px; left: 0px; text-indent: -9999px; display: block; }
.rate .one a:hover, .rate .one a:active { height: 25px; width: 25px; background: url('images/ratebg.jpg') repeat-x bottom left; position: absolute; top: 0px; left: 0px; text-indent: -9999px; display: block; }

.rate .two a:link, .rate .two a:visited { height: 25px; width: 50px; background: transparent; position: absolute; top: 0px; left: 0px; text-indent: -9999px; display: block; }
.rate .two a:hover, .rate .two a:active { height: 25px; width: 50px; background: url('images/ratebg.jpg') repeat-x bottom left; position: absolute; top: 0px; left: 0px; text-indent: -9999px; display: block; }

.rate .three a:link, .rate .three a:visited { height: 25px; width: 75px; background: transparent; position: absolute; top: 0px; left: 0px; text-indent: -9999px; display: block; }
.rate .three a:hover, .rate .three a:active { height: 25px; width: 75px; background: url('images/ratebg.jpg') repeat-x bottom left; position: absolute; top: 0px; left: 0px; text-indent: -9999px; display: block; }

.rate .four a:link, .rate .four a:visited { height: 25px; width: 100px; background: transparent; position: absolute; top: 0px; left: 0px; text-indent: -9999px; display: block; }
.rate .four a:hover, .rate .four a:active { height: 25px; width: 100px; background: url('images/ratebg.jpg') repeat-x bottom left; position: absolute; top: 0px; left: 0px; text-indent: -9999px; display: block; }

.rate .five a:link, .rate .five a:visited { height: 25px; width: 125px; background: transparent; position: absolute; top: 0px; left: 0px; text-indent: -9999px; display: block; }
.rate .five a:hover, .rate .five a:active { height: 25px; width: 125px; background: url('images/ratebg.jpg') repeat-x bottom left; position: absolute; top: 0px; left: 0px; text-indent: -9999px; display: block; }

.currate
{
position: absolute;
right: 140px;
bottom: 1px;
text-align: right;
}
.curratemini
{
position: absolute;
right: 140px;
bottom: 9px;
text-align: right;
}
.miniratexl
{
height: 42px;
width: 190px;
background: #212224;
position: absolute;
bottom: 5px;
right: 5px;
}
.miniratebox
{
position: absolute;
bottom: 9px;
right: 5px;
}

/* --------------------------------------------- [ PAGINATION ] ------- */

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
white-space: nowrap;
}
#navcontainer ul li
{
float: left;
font-family: verdana, arial, sans-serif;
font-size: 9px;
font-weight: bold;
margin: 11px 5px 11px 0px;
padding: 0px;
}
#navcontainer ul li a:link, #navcontainer ul li a:visited
{
margin: 0px;
color: #212224;
background: #9C9C9C;
text-decoration: none;
padding: 10px;
}
#navcontainer ul li a:hover, #navcontainer ul li a:active
{
margin: 0px;
color: #212224;
background: #9AD614;
text-decoration: none;
padding: 10px;
}

/* --------------------------------------------------------------------- [ TUTORIALS ] -------------- */

#tutorials_wrap
{
width: 754px;
background: url('images/dotbg2.gif') repeat-y;
background-position: 183px 0px;
}
#t-left
{
width: 183px;
float: left;
}
#t-right
{
width: 534px;
float: right;
text-align: justify;
font: 11px "trebuchet ms";
color: #FFFFFF;
line-height: 190%;
}
#t-right img
{
border: 5px solid #212224;
}

/* --------------------------------------------- [ TUTORIAL NAVIGATION ] ------- */

#t-left ul
{
list-style: none;
padding: 0px;
margin: 0px;
}
#t-left ul li
{
list-style: none;
font-size: 12px;
font-family: trebuchet ms;
font-size: 11px;
margin: 0px 0px 1px 0px;
text-align: justify;
}
#t-left ul li a
{
display: block;
text-decoration: none;
position: relative;
}
#t-left ul li.active a
{
background: #212224 url('images/tuttabontop.jpg') no-repeat left top;
color: #7DC300;
position: relative;
width: 100%;
}
#t-left ul li.active a span
{
background: url('images/tuttabonbot.jpg') no-repeat left bottom;
padding: 13px;
display: block;
}
#t-left ul li.active a:hover
{
background: #212224 url('images/tuttabontop.jpg') no-repeat left top;
color: #7DC300;
}
#t-left ul li.inactive
{
padding-top: 0px;
}
#t-left ul li.inactive a 
{
background: #1D1E1F url('images/tuttabtop.jpg') no-repeat left top;
color: #B0B0B0;
width: 100%;
}
#t-left ul li.inactive a span
{
background: url('images/tuttabbot.jpg') no-repeat left bottom;
padding: 13px;
display: block;
}
#t-left ul li.inactive a:hover
{
background: #212224 url('images/tuttabontop.jpg') no-repeat left top;
color: #7DC300;
}
#t-left ul li.inactive a:hover span
{
background: url('images/tuttabonbot.jpg') no-repeat left bottom;
}

/* --------------------------------------------- [ CODEBOX ] ------- */

.codebox
{
width: 514px;
padding: 10px;
background: #2A2C2E;
color: #B2B2B2;
text-align: justify;
}

/* --------------------------------------------- [ LIVE DEMO ANCHOR ] ------- */

.livedemo a:link, .livedemo a:hover, .livedemo a:active, .livedemo a:visited
{
width: 124px;
height: 32px;
display: block;
background: url('images/livedemo.gif') no-repeat;
text-indent: -9999px;
float: right;
}

/* --------------------------------------------------------------------- [ CONTACT FORM ] -------------- */

#form_wrap
{
width: 400px;
text-align: left;
font: 11px "trebuchet ms";
color: #FFFFFF;
}
#form_wrap input
{
padding: 8px;
width: 384px;
height: 18px;
background: #181919;
color: #FFFFFF;
margin: 10px 0px 10px 0px;
border: 0px;
}
#form_wrap textarea
{
padding: 8px;
width: 384px;
height: 200px;
background: #181919;
color: #FFFFFF;
margin: 10px 0px 10px 0px;
border: 0px;
}

/* --------------------------------------------------------------------- [ FOOTER ] -------------- */

#footer_wrap
{
background: #4AA522 url('images/footerbg.jpg') repeat-x;
width: 100%
}
#footer
{
width: 742px;
padding-top: 0px;
position: relative;
}
#footer h1, #footer h1 a:link, #footer h1 a:visited, #footer h1 a:active
{
color: #EAF355;
margin: 0px 0px 5px 0px;
padding: 0px 0px 5px 0px;
letter-spacing: -.5px;
font: normal 22px/24px "Century Gothic", "Trebuchet MS", "Arial", "Helvetica", sans-serif;
background: url('images/h1dots.gif') repeat-x bottom;
}

/* --------------------------------------------- [ FOOTER NAVIGATION ] ------- */

#sub_navigation
{
clear: both;
margin: 0px;
text-align: left;
}
#sub_navigation ul
{
list-style: none;
padding: 0px 0px 20px 0px;
float: left;
margin: 0px;
}
#sub_navigation li
{
width: 205px;
float: left;
text-align: justify;
}
#sub_navigation li a:link, #sub_navigation li a:visited
{
color: #fff7d8;
width: 181px;
display: block;
font: normal 11px trebuchet ms;
background: url('images/liststyle.gif') no-repeat;
background-position: 8px 12px;
padding: 6px 4px 6px 20px;
text-decoration: none;
margin: 0px;
}
#sub_navigation li a:hover, #sub_navigation li a:active
{
background: #21500B url('images/liststyle.gif') no-repeat;
background-position: 8px 12px;
}
#sub_navigation li a.valid:link, #sub_navigation li a.valid:visited
{
color: #fff7d8;
width: 181px;
display: block;
font: normal 11px trebuchet ms;
background: url('images/valid.gif') no-repeat;
background-position: 6px 11px;
padding: 6px 4px 6px 20px;
text-decoration: none;
margin: 0px;
}
#sub_navigation li a.valid:hover, #sub_navigation li a.valid:active
{
background: #21500B url('images/valid.gif') no-repeat;
background-position: 6px 11px;
}
#sub_navigation ul li
{
float: left;
margin: 0px;
padding: 0px;
margin-right: 63px;
}
#sub_navigation ul li li
{
float: none;
margin: 0;
padding: 0;
}
#sub_navigation span
{
font: normal 11px trebuchet ms;
line-height: 180%;
color: #FFFFFF;
}

/* --------------------------------------------- [ PIXELNOVA ] ------- */

a.pixelnova:link, a.pixelnova:visited
{
width: 105px;
height: 29px;
display: block;
background: url('images/bypnova.jpg') no-repeat top;
text-indent: -9999px;
position: absolute;
bottom: 37px;
right: 20px;
}
a.pixelnova:hover, a.pixelnova:active
{
width: 105px;
height: 29px;
display: block;
background: url('images/bypnova.jpg') no-repeat bottom;
text-indent: -9999px;
position: absolute;
bottom: 37px;
right: 20px;
}

/* --------------------------------------------- [ FULL PREVIEW ] ------- */

#screen
{
z-index: 1000;
position: absolute;
visibility: hidden;
}
#screentext
{
font: 12px "trebuchet ms";
color: #000000;
background: #FFFFFF;
line-height: 200%;
width: 100px;
position: absolute;
text-align: center;
padding: 13px 0px;
}

/* --------------------------------------------- [ TRANSPARENT ] ------- */

#transpscreen
{
width: 100%;
height: 100%;
z-index: 800;
visibility: hidden;
position: absolute;
}

/* --------------------------------------------- [ DOWNLOAD PAGE ] ------- */

#downloadscreen
{
z-index: 1000;
position: absolute;
visibility: hidden;
}
#downloadscreentext
{
font: 12px "trebuchet ms";
color: #000000;
background: #FFFFFF;
line-height: 200%;
position: absolute;
text-align: center;
padding: 20px;
}

/* --------------------------------------------- [ MISC ANCHORS ] ------- */

a.greenlink:link, a.greenlink:visited
{
color: #73B901;
font: 11px "trebuchet ms";
text-decoration: underline;
font-weight: bold;
}
a.greenlink:hover, a.greenlink:active
{
color: #90D918;
font: 11px "trebuchet ms";
text-decoration: none;
font-weight: bold;
}
a.ngreen:link, a.ngreen:visited
{
color: #78D111;
font: 11px "trebuchet ms";
text-decoration: none;
}
a.ngreen:hover, a.ngreen:active
{
color: #D9ED1E;
font: 11px "trebuchet ms";
text-decoration: underline;
}

/* --------------------------------------------- [ SOCIAL BOOKMARKING ] ------- */

#social
{
position: absolute;
top: 40px;
left: 270px;
}