/*======================================
      WELCOME TO THE STYLESHEET
--------------------------------------      
     Copyright modachick
     Author: Michelle Ma-Jackson
======================================*/

/**************************************/
/*              GLOBALS               */
/**************************************/
body {color:#333;background: #fff url(../img/skins/bg_main.jpg) repeat-x center top;margin:0;}
html, body {height: 100%;}
.wrapper {min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -230px;background: url(../img/skins/bg_page.jpg) repeat-x center bottom;}

.container a:link {color: #fff;}
.container a:visited {color: #fff;}
.container a:hover {color: #ddd;}
.container a:active, .container a:focus {color: #fff;}

.container hr {margin:13px 0 21px 0;background:#ddd;color:#ddd;}
/**************************************/
/*              HEADER                */
/**************************************/
#header {width:100;height:20px;padding:12px 0 8px 0;}


/**************************************/
/*             NAVIGATION             */
/**************************************/
#nav {width:100%;height:40px;}
ul#navlist{float:right;text-decoration:none;margin:0 40px 0 0;padding:0;}
#navlist li{display: inline;list-style-type: none;margin:0;line-height:28px;}
#navlist a {font-weight:bold;text-decoration:none;text-align:center;}

a.nhome:link, a.nhome:visited, a.nport:link, a.nport:visited, a.ngal:link, a.ngal:visited, a.nblog:link, a.nblog:visited, a.nshop:link, a.nshop:visited, a.nabout:link, a.nabout:visited {color:#000;background: url(../img/btn/nav_on.png) no-repeat center center;}
a.nhome:link, a.nhome:visited {padding:10px 28px 18px 28px;}
a.nport:link, a.nport:visited {padding:10px 21px 18px 21px;}
a.ngal:link, a.ngal:visited {padding:10px 25px 18px 25px;}
a.nblog:link, a.nblog:visited {padding:10px 32px 18px 32px;}
a.nshop:link, a.nshop:visited {padding:10px 30px 18px 30px;}
a.nabout:link, a.nabout:visited {padding:10px 28px 18px 28px;}

a.nhome:hover, a.nhome_off, a.nport:hover, a.nport_off, a.ngal:hover, a.ngal_off, a.nblog:hover, a.nblog_off, a.nshop:hover, a.nshop_off, a.nabout:hover, a.nabout_off {color:#fff;background: url(../img/btn/nav_over.png) no-repeat center center;}
a.nhome:hover, a.nhome_off {padding:10px 28px 18px 28px;}
a.nport:hover, a.nport_off {padding:10px 21px 18px 21px;}
a.ngal:hover, a.ngal_off {padding:10px 25px 18px 25px;}
a.nblog:hover, a.nblog_off {padding:10px 32px 18px 32px;}
a.nshop:hover, a.nshop_off {padding:10px 30px 18px 30px;}
a.nabout:hover, a.nabout_off {padding:10px 28px 18px 28px;}

/**************************************/
/*                LINKS               */
/**************************************/
.container a.normal {font-weight:bold;}
.container a.normal:link {color: #666;}
.container a.normal:hover {color: #999;}

#folionav a.port {color:#666;font-weight:bold;text-decoration:none;}
#folionav a.port:hover {color:#fff;background:#222;padding:0 5px;}

.container a.crumb:link, .container a.crumb:visited, .container a.crumb:active, .container a.crumb:focus {font-size:0.9em;color:#666;text-transform:capitalize;text-decoration:none;font-weight:bold;padding:0 3px;}
.container a.crumb:hover {color:#fff;background:#666;}

a.vsite:link, a.vsite:visited, a.vsite:active, a.vsite:focus {text-decoration:none;padding:2px 5px;border:1px dotted #ccc;background:#222;text-decoration:none;}
a.vsite:hover {background:#666;text-decoration:none;}

/**************************************/
/*            MAIN CONTENT            */
/**************************************/
.mainpara {font-size:1.2em;text-align:justify;padding: 0 3px;}
.sp12tmb {float:left;width:458px;height:278px;background:#fff;border:1px solid #666;-moz-border-radius:5px;-webkit-border-radius:5px;padding:5px;}

#bdcrumb {width:100%;padding-bottom: 5px;margin-bottom:15px;border-bottom: 1px solid #ccc;}

/* folio nav */
ul#folionav {text-decoration: none;margin:0;padding:0;}
#folionav li {display: inline;list-style-type: none;}
/* work */
.workblock {width:618px;border:1px solid #666;-moz-border-radius:5px;-webkit-border-radius:5px;padding:5px;}
/* work desc / nav */
.descblock {width:288px;background: url(../img/skins/bg_tle_desc.png) repeat left top;border:1px solid #666;-moz-border-radius:5px;-webkit-border-radius:5px;padding:5px;}

ul#worknav {text-decoration: none;margin:0;}
#worknav li {display: inline;list-style-type: none;margin:0;}
#worknav a {padding:2px 5px;border:1px dotted #ccc;background:#222;text-decoration:none;}
#worknav a:hover {color:#000;background:#ccc;}

.hdwrap {width:100%;height:40px;background:  url(../img/tle/h3_left.png) no-repeat left top;}
.hdend {float:left;width:8px;height:40px;background:  url(../img/tle/h3_right.png) no-repeat left top;}
/**************************************/
/*               FONTS               */
/**************************************/
.container h1 {font-size: 1.6em;margin:30px 0 10px 0;padding:0;}
.container h3 {float:left;font-size:1.2em;color:#fff;display:inline-block;margin:0 0 0 1px;padding:6px 8px 18px 8px;background:  url(../img/tle/h3_tle.png) repeat-x left top;}

/**************************************/
/*               FOOTER               */
/**************************************/
.footer, .push {height: 230px;}
.footer {color:#222;background:  url(../img/skins/bg_footer.jpg) repeat-x center bottom;}
.ftblock {width:300px;height:181px;padding:5px;}
.ftle {width:288px;height:130px;background: url(../img/skins/bg_tle_footer.png) repeat left top;border:1px solid #666;-moz-border-radius:5px;-webkit-border-radius:5px;padding:5px;}

.ftle p {color:#ccc;}
.ftle ul {list-style-type: none;margin:0;padding:0;color:#ccc;}
.copyright {width:950px;font-size:0.9em;color:#999;margin:0 auto;text-align:center;padding-top:5px;}