@charset "utf-8";
/* CSS Document */
/* Copyright 2010 Pixel Point Creative ~ www.pixelpointcreative.com */

/* Logo */
#logo span#graphic a, #logo #graphic a {background:url("../images/logo.png") no-repeat;}
#logo {padding:10px 5px 5px 20px;position:absolute;right:0;}
/* Graphic Header */
#logo span#graphic,#logo #graphic {margin: 0;padding: 0;position: relative;text-indent: -9999em;}
#logo span#graphic a,#logo #graphic a {display: block;background-repeat: no-repeat;}
/* Text Header */
#logo span#text-header,#logo #text-header {font-size: 90px;margin: 0;padding: 0;line-height: 110%;;font-weight: bold;display: block; text-decoration:none;}
#logo span#text-header a,#logo #text-header a {text-decoration:none;}

/* Basic Styles */

#yum{font-size:48px}
.module{margin-bottom:25px;}
.content_vote{float:right;}
.content_rating{float:right;}
html, body, form, fieldset {margin:0;padding:0;border:0;min-height: 100%;height: 100%;}
.tool-tip {background: #ffc;border: 2px solid #D4D5AA;padding: 5px;font-size: 0.85em;max-width: 200px;}
.tool-title {font-weight: bold;}
.buttonheading{padding:3px;}
.contentpaneopen{width:100%;}
legend{font-size:18px;padding:12px 0 7px 0;}
#system-message dd ul {clear:left;list-style-type:none;margin:48px 0 10px;padding-left:20px;border-top:3px solid maroon;border-bottom:3px solid maroon;}
.inputbox{margin:3px 0px;}#name,#username{margin:3px 0px;}
body, td, th, tr, p, div {margin:0;padding:0;border:0;font-family:arial;}

p{font-family:arial;}
#wrapper {float:left;clear:none;width:100%;display:block;margin-top:-20px;}
body#bd {font-family: Arial;font-size: 85%;padding:0;line-height: 160%;margin:0px;}
a {color:#555;text-decoration: none;}
a:hover {color: #212121;text-decoration: underline;}
a:active {color: #ccc;text-decoration : underline;}
h1, h2, h3, h4, h5, h6 {font-family: Helvetica,arial,sans-serif;margin: 0.2em 0 0.2em 0;font-weight: normal;}
.title {font-size:200%;font-weight:normal;font-family: Helvetica,arial,sans-serif;}
.button, button{border:#000000 1px solid;background:#f2f2f2;padding:3px;margin-left:3px;}
#shopbarshadow {background: url(../images/shopbarshadow.png) bottom;background-repeat:repeat-x;width:100%;position:fixed;height:12px;z-index:1000;bottom:50px;}
#shopbarwrap {width:100%;position:fixed;height:50px;z-index:3000;bottom:0;overflow: auto;}
#shopbar {margin:auto;width:950px;}
#login {width:50%;float:left;display:block;margin-top:7px;}
#vmcart {margin:auto;width:50%;float:right;display:block;}
#banner {float:left;margin:20px;width:100%;}
#up {float:right;margin:20px 5px 5px 0;}
#container{padding: 0;}
#contentwrap {margin-left:20px;position:relative;float:left;height: 100%;border-bottom:2px solid #777;padding-bottom:50px;}
#contentarea {padding-top:0;position:relative;}
.contentareaback {width:100%;background: #fff; float:left;position:relative;clear:both;}
#content50 {float:left;width:44%;padding:0px 0 15px 15px;}
#content75 {float:left;padding:0px 0 15px 30px;width:69%;}
#content100 {float:left;width:95%;padding:0px 20px 15px 30px;}
.modifydate {color: #C0C0C0;}
.author {color: #afbe8c;}
.createdate {color: #afbe8c;}
.contenttoc {margin: 5px;}
.menubox input {margin-top: 9px;float: right;}
ul {margin:0;padding-left:20px;}
li {list-style-image:url(../images/star.png)}
ul.arrow1 li,ul.arrow2 li {padding-left: 5px;padding-bottom: 2px;padding-top: 2px;}
.buttons .buttonheading {float:left;padding:0 5px 5px 0;}
a img {border:0px;}
/* Poll Module Styles */
.poll-radio {padding-bottom:5px;float:left;clear:left;width:14%;text-align:center;}
.poll-option {float:left;padding-bottom:5px;width:85%;}
.poll h3 {border:none;}
/*read more */
.readmore a{color:#fff;background: url(../images/arrow.png)no-repeat 90% 55%;margin:10px 0 15px;padding:6px 30px 6px 6px;text-decoration:none;}
.readmore a:hover {color:#eeeee0;}
/* Mods */
.logbox{float:left;margin: 0 4px 0 4px;}
#left{float:left;width:25%;margin-left:25px;}
 /*image setup */
div.modulewhite, div.modulewhite div{ background:url('../images/modback.png');}
div.moduleinnershadow, div.moduleinnershadow div{ background:url('../images/innershadow.png');}
div.modulegray, div.modulegray div{ background:url('../images/rounded_gray.png');}
div.modulegreen, div.modulegreen div{ background:url('../images/rounded_green.png');}
div.modulered, div.modulered div{ background:url('../images/rounded_red.png');}
div.moduleblack, div.moduleblack div{ background:url('../images/rounded_black.png');color:#fff;}
div.moduleblue, div.moduleblue div{ background:url('../images/rounded_blue.png');}
div.moduleyellow, div.moduleyellow div{ background:url('../images/rounded_yellow.png');}
div.modulegray,div.modulegreen,div.moduleblue,div.moduleblack,div.modulered,div.moduleyellow, div.moduleinnershadow, div.modulewhite
{ padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px; background-repeat:no-repeat; background-position:bottom left; height:1%; width:auto; }
div.modulegray div,div.modulegreen div ,div.moduleblue div,div.moduleblack div,div.modulered div,div.moduleyellow div, div.moduleinnershadow div, div.modulewhite div
{ margin:0px 0px 0px 13px; background-repeat:no-repeat; background-position: bottom right; padding: 0px 0px 13px 0px; width:auto; }
div.modulegray div div,div.modulegreen div div,div.moduleblue div div,div.moduleblack div div,div.modulered div div,div.moduleyellow div div, div.moduleinnershadow div div, div.modulewhite div div
{background-position: top right;margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
div.modulegray div div div,div.modulegreen div div div,div.moduleblue div div div,div.moduleblack div div div,div.modulered div div div,div.moduleyellow div div div, div.moduleinnershadow div div div, div.modulewhite div div div
{margin:0px 13px 0px -13px;background-position: top left;padding: 13px 0px 0px 13px; }
 /*reset nested divs*/
div.modulegray div div div div,div.modulegreen div div div div,div.moduleblue div div div div,div.modulered div div div div,div.moduleblack div div div div,div.moduleyellow div div div div,div.moduleinnershadow div div div div, div.modulewhite div div div div
{padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;background:none;background-image: none;background-position: top left;background-repeat: repeat;
background-color: transparent;width:100%;}

.modulespace {margin:10px 0px 15px;}
div.rightcontain {float:right;padding:0px 0px 20px 20px;width:23%;}
div.right {padding:0;margin-bottom:-15px;}


/* pathway */
#pathway {float:left;font-size:14px;margin:0;padding:9px 0 19px 25px;color:#555;}
#pathway ul li {float:left;height: 22px;width:80%;font-size:12px;font-family: Helvetica,arial,sans-serif;margin-top:2px;padding: 0px 15px 10px 0;border-bottom-style: solid;border-color: #fff;border-bottom-width: 1px;}
#pathway a{text-decoration: underline;color:#555;padding:3px;text-decoration:none;}
#pathway a:hover{color:#000;text-decoration:underline;}
/*User Menu */
#usermenu {float:left;margin-top:7px;}
#usermenu ul,#usermenu li {padding: 2px;margin: 0 1px 0 1px;height: 22px;float: left;list-style-image:none;list-style-position:outside;list-style-type:none;}
#usermenu li {background: url(../images/menuarrow.png) no-repeat 0 60%;padding:0 0px 0 17px;}
#usermenu h3 {font-size:11px;}
#usermenu a,#usermenu a:link {text-decoration: none;color:#fff;}
#usermenu a:hover{text-decoration: underline;color:#ccc;}
/* Above Mods */
#abovewrap {clear:both;float:left;width:100%;margin:0 0 10px 15px;padding-bottom:0px;}
#above1-33, #above2-33, #above3-33 {float:left;padding:0px 10px;width:31%;}
#above1-33 a, #above2-33 a, #above3-33 a,#above1-50 a, #above2-50 a, #above3-50 a,#above1-100 a, #above2-100 a, #above3-100 a {color:#555;}
#above1-33 h3, #above2-33 h3, #above3-33 h3,#above1-50 h3, #above2-50 h3,
#above3-50 h3,#above1-100 h3, #above2-100 h3, #above3-100 h3{font-size:140%;margin-bottom:8px;}
#above1-50, #above2-50, #above3-50{float:left;width:45%;padding:5px 20px;}
#above1-100, #above2-100, #above3-100{float:left;padding:5px 20px;width:95%;}
/* Bottom User Mods */
#user1100{float:left;margin: 0px 10px 0px 25px;padding: 5px;width:95%;}
#user150{float:left;margin: 0px 10px 0px 25px;padding: 5px;width:45%;}
#user2100{float:right;margin: 0px 10px 10px 25px;padding: 5px;width:95%;}
#user250{float:right;margin: 0px 25px 0px 10px;padding: 5px;width:45%;min-height:87px;}
#user250 h3, #user2100 h3, #user150 h3, #user1100 h3{font-size:140%;margin-bottom:15px;}
#userwrap {clear:both;float:left;width:100%;margin-right:25px;padding-bottom:15px;}
#user3-33, #user4-33, #user5-33 {float:left;padding:5px 15px 0px 25px;width:29%;}
#user3-33 a, #user4-33 a, #user5-33 a,#user3-50 a, #user4-50 a, #user5-50 a,#user3-100 a, #user4-100 a, #user5-100 a {color:#555;}
#user3-33 h3, #user4-33 h3, #user5-33 h3,#user3-50 h3, #user4-50 h3, #user5-50 h3,#user3-100 h3, #user4-100 h3, #user5-100 h3{font-size:140%;margin-bottom:8px;}
#user3-50, #user4-50, #user5-50{float:left;width:45%;padding:5px 25px;}
#user3-100, #user4-100, #user5-100{float:left;padding:5px 25px;width:95%;}
/*footer */
#footerwrap {clear:both;margin:0 auto;width:100%;float:left;}
#footercopy {margin:12px 0 0 10px;}
#footerwrap1 {position:relative;float:left;min-height:20px;width:100%;margin-left:20px}
#footerwrap2 {min-height:50px;position:relative;float:left;padding-top:10px;}
#footer2 {width:47%;float:left;padding:10px 0px;font-size:12px;margin-top:15px}
#footer {width:47%;float:left;padding:10px 0px;font-size:12px;}
#footer2 ul,#footer2 li {padding: 2px;margin: 2px 5px 0 5px;height: 22px;float: right;list-style-image:none;list-style-position:outside;list-style-type:none;}
#footer2 li {background: url(../images/footerdivide.png) no-repeat left center;padding:0 0px 0 17px;}
#footer2 p, #footer2 td {font-size:11px;}
#footer2 h3 {font-size:11px;}
#footer2 a,#footer2 a:link,#footer a,#footer a:link {color: #555;text-decoration: none;}
#footer2 a:hover,#footer a:hover{color:#999;text-decoration: underline;}
#innerwrap {margin:0 auto;}
/* Header */
#header {margin: 0 auto;padding-top:0px;position:relative;z-index:200;}
#headercolor {background: #fff;}
#headergraphicwrap{clear:both;float:left;width:100%;background: url(../images/bodyback.png);margin:0px;}
#headergraphic{clear:both;float:left;padding:7px 30px 3px 30px;}
#headergraphic h3{font-size:22px}
/* Search */
#search{float:right;margin:9px 10px 5px 15px;position:relative;border:1px solid #fff;height:25px;}
.modulesearch{border:0px;float:left;display:block;padding-left:10px;color:#fff;}
/* Menu */
#mainmenuwrap {float:right;display:block;position:relative;top:332px;z-index:1000;}
#suckernav {background:#fff;padding:13px 12px 7px 12px;height:49px; margin:0 12px}
#suckernav li a:link,#suckernav li a:visited{display: block;float: left;height: 30px;line-height:30px;padding: 3px 16px 0 16px;text-decoration: none;cursor: pointer;font-weight: normal;
font-family: Arial;color: #000;}
#suckernav li li a:link,#suckernav li li a:visited {display: block;float: left;height: 30px;line-height:30px;padding: 0;margin: 0;text-indent:12px;width:178px;font-family: Arial;font-size:16px;}
#suckernav li li a span{margin-top:4px; }
#suckernav ul li li{text-indent:14px;font-size:15px;margin:0; height:30px;}
#suckernav ul li ul{border: 1px solid #222;margin-left:-1px;}
/*more to come*/
#suckernav ul li ul li.parent a{background:  url(../images/star.png) 95% 50% no-repeat;}
#suckernav ul li ul li.parent ul a{background: none;}
#suckernav ul li ul li.parent ul li.parent a{background:  url(../images/star.png) 95% 50% no-repeat;}
#suckernav ul li ul li.parent ul li.parent ul li a{background: none;}
#suckernav ul li ul li.parent ul li.parent ul li.parent a{background:  url(../images/star.png) 95% 50% no-repeat;}
#suckernav ul li ul li a.daddy{background: url(../images/star.png) 95% 50% no-repeat;}
#suckernav ul li ul li ul li ul a.daddy{background: #f2f2f2;}
#suckernav ul li ul li.parent ul li.parent ul li.parent ul a{background: #e9e9e9;}
#suckernav ul li li:hover,#suckernav ul li li.over{background: #f2f2f2;border:transparent 1px solid;}
#suckernav li {float: left;padding: 0;background: none;height: 30px;}
#suckernav li li {padding: 0;margin:0;float: left;width: 179px;display: block;height: 30px;line-height:30px;}
#suckernav ul li {position: relative;list-style-type:none;list-style-image:none;height: 37px;padding-top:6px;margin:0px 3px;border:transparent 1px solid;}
#suckernav li ul {top: 43px;position: absolute;left: -999em;height: auto;width: 181px;font-weight: normal;border-width: 0;margin-left: 0px;padding: 0;background: #fff;}
#suckernav ul {float: left;list-style: none;margin: 0;padding:0;}
/* margin for pullouts */
#suckernav li ul ul {margin: -45px 0 0 180px;}
#suckernav li:hover ul ul,#suckernav li:hover ul ul ul,#suckernav li:hover ul ul ul ul,#suckernav li.sfhover ul ul,#suckernav li.sfhover ul ul ul,#suckernav li.sfhover ul ul ul ul {left: -999em;}
#suckernav li:hover ul,
#suckernav li li:hover ul,
#suckernav li li li:hover ul,
#suckernav li li li li:hover ul,
#suckernav li.sfhover ul,
#suckernav li li.sfhover ul,
#suckernav li li li.sfhover ul,
#suckernav li li li li.sfhover ul {left: 0;}
#suckernav li:hover, #suckernav li.sfhover {left: 0;background: #f2f2f2;border: #555 1px solid;}
#suckernav li li:hover,#suckernav li li.sfhover,#suckernav li li.active{background: #f2f2f2; border: transparent 1px solid;}
#suckernav li a:hover, #suckernav li a.sfhover,#suckernav li a:active {color: #352d22;}
#suckernav li.active {border: #000 1px solid} 

#spacer{ height:0px;float:left;clear:both;display:block;position:relative;}
/* ie6 warning */
#iewarn {background: #f6efef url(../images/warning.jpg) 10px 20px no-repeat;position: relative;margin: -150px auto 0;font-size: 110%;color: #001D29;z-index: 8000;}
#iewarn div {position: relative;border-bottom: 3px solid #64792b;padding: 10px 125px 10px 200px;}
#iewarn h4 {color: #fd4239;font-weight: bold;line-height: 130%;}
#iewarn h3 {color: #000;font-weight: bold;line-height: 110%;}
#iewarn h2 {color: #fd4239;font-weight: bold;line-height: 100%;}
#iewarn {color: #000}
#iewarn_close {background: url(../images/close.png) 50% 50% no-repeat;display: block;cursor: pointer;position: absolute;width: 61px;height: 21px;top: 170px;right: 35px;}
#firefox {background: url(../images/firefox.png) 50% 50% no-repeat;display: block;cursor: pointer;position: absolute;width: 77px;height: 27px;top: 10px;right: 25px;}
#safari{background: url(../images/safari.png) 50% 50% no-repeat;display: block;cursor: pointer;position: absolute;width: 77px;height: 27px;top: 47px;right: 25px;}
#chrome {background: url(../images/chrome.png) 50% 50% no-repeat;display: block;cursor: pointer;position: absolute;width: 77px;height: 27px;top: 84px;right: 25px;}
#opera {background: url(../images/opera.png) 50% 50% no-repeat;display: block;cursor: pointer;position: absolute;width: 77px;height: 27px;top: 121px;right: 25px;}
#iewarn_close.cHover {background: url(../images/close_hover.png) 50% 50% no-repeat;}
/* end ie6 warning */

/****calendar***/
.calendar {float:left;margin:14px 14px 0 0;font-size:14px;color:#fff;background:#000;text-align:center;padding:5px;}
.debug{float:left;}
#pplogo{position:relative;width:200px;height:38px;float:left; background: url(../images/ppweblogo.png) no-repeat; margin:10px}
span.account a {color:#000000;padding-left:7px;text-decoration:none;}


/* PPC Nav Bar */
#navbarin li.yum{ background: url(http://pixelpointcreative.com/navbar/current.jpg) 80% 50% no-repeat;}
#navbarin li.yum:hover{background: url(http://pixelpointcreative.com/navbar/current.jpg) 80% 50% no-repeat;}




/*---------------------------------------------------------structure---*/
body, html{height: 100%;}
.main {width:100%;position:relative;min-height: 100%;height:auto !important;height:100%;margin:0 auto;padding:0 0 0 0;}
.first .header, .all .header {position:relative;margin:0 auto;height:350px;z-index:150;}

/*-------------------------------------header---*/
.clear{ width:100%; overflow:hidden;}
.clear1{ clear:both;}
.br{ display:block;}
.fright{ float:right !important;}
.fleft{ float:left;}
.row-search{ height:80px;}
.row-top-menu{ float:right;}
.all .content-top{ padding:0; position:relative; z-index:100; margin:43px auto 53px;}
/*---Hide Frontpage-----*/
#buttons{display:block;float:right;position:relative;top:342px;z-index:1001;width:25px;margin-right:-28px;}
.first .content-top { display:none;}
.first .frontbutton1 {display:block; float:right;position:relative;height:25px;width:25px;clear:both;}
.first .frontbutton2 {display:block; float:right;position:relative;height:25px;width:25px;clear:both;}
.all .frontbutton1 {display:none;}
.all .frontbutton2 {display:none;}



/*-------------------------------------content---*/
#content{ padding:0 0 0 0; }
.container{overflow:hidden; height:100%; text-align:left; padding:0 32px 0 32px; }
.s1 .boxIndent { padding-bottom:0 !important;}
.indent-top-none{ padding-top:0 !important;}
.text1 dt{ color:#a6a6a6; font-size:10px; line-height:14px;}
.text1 dt strong{ color:#a6a6a6; font-size:13px; display:block;}
.text1 dd{ color:#30383c; font-size:13px; line-height:20px; padding:5px 0 10px 0;}

.article-title-text{ font-size:36px; color:#282828 !important; margin-bottom:12px; font-weight:normal; text-transform:capitalize; line-height:100%; position:relative; z-index:100;}
.article-title-text a{ color:#18181a !important; font-weight:normal; text-decoration:underline}
.article-title-text a{ color:#18181a !important; font-weight:normal; text-decoration:none}
.article-text-indent{ padding:0 0 21px 0}
.indent-top{ padding:15px 0 7px 0 !important;}
.article-title-text2{ font-size:36px; color:#282828; margin:10px 0 27px; font-weight:normal; line-height:100%}
.article-title-text2 strong{ color:#ff3232; }

/*wrapper-box*/
.wrapper-box .boxTitle h3{ font-size:36px; color:#282828; margin-bottom:12px; font-weight:normal;}
.first_page_block h3{ font-size:26px; color:#18181a; margin-bottom:27px; font-weight:normal;}
#left h3, #right h3{margin-bottom:11px; line-height:100%; font-size:100%}
.wrapper-box .boxIndent{ padding:0 0 22px 0px; }




.parent .ulwrapper ul li a strong{ padding:1px 16px 0 0 !important; line-height:24px; display:block !important; font-weight:bold !important;height:1%; text-align:left !important; font-size:15px !important; border-right:1px solid #4c8296 }

#body .ulwrapper ul li a{ padding: 0 !important; background:none !important; font-weight:bold !important}
.ulwrapper ul li a:hover{ color:#fff !important; display:block}
.ulwrapper ul li a:hover strong{ color:#000 !important; }





/* inner jbg-content */
#docs-opacity, #docs{width:600px;right:100px;top:15%;position:absolute;z-index:1000;}
#docs .wrapper{padding:10px;margin:10px;}
#docs-opacity{background:#333;}

/* z-index 1001 => jbg-content z-index 1000;*/
#toggle-docs{z-index:1001;position:absolute;left:0px;bottom:0px;padding:5px;font-size:15px;font-weight:bold;text-decoration:none;color:#fff;background:#333;}
#credits{z-index:1001;position:absolute;left:0;bottom:0;height:13px;width:200px;background:#000;color:#fff;text-decoration:none;font-size:11px;}
.all .content-top{
}

#bgs_top {background:none;height:12px; margin:auto;}
.bgs_top_left { background:url(../images/bgs_top.png) 0 0 no-repeat ;width:50%;float:left;height:12px;}
.bgs_top_right {background:url(../images/bgs_top.png) top right no-repeat ;width:50%;height:12px;line-height:0%;font-size:0%;float:right;}
.bgs_top_right2 {background:#fff;width:50%;height:12px;line-height:0%;font-size:0%;float:right;}

.bgs_bottom {background:none;  height:12px; margin:auto;}
.bgs_bottom_left { background:url(../images/bgs_bottom.png) 0 0 no-repeat ;width:50%;float:left;height:12px;line-height:0%;font-size:0%;}
.bgs_bottom_right {background:url(../images/bgs_bottom.png) top right no-repeat;width:50%;height:12px;line-height:0%;font-size:0%;float:right;}

.cont_round {background:#fff;padding:20px 25px 0px 0;width:955px;z-index:1;position:relative;display:inline-block;overflow:hidden;}

/*#menu_left{float:left;position:relative;}
#menu_right{float:right;position:relative;}*/
#menu_left{
	background:url(../images/menu_left.png) no-repeat center left;
}
#menu_right{
	background:url(../images/menu_right.png) no-repeat center right;
}