/*   
Theme Name: NP Media
Theme URI: http://www.npmedia.net
Description: NP Media is the portfolio theme of www.npmedia.net for Nelson Polanco's website.
Author: Nelson Polanco
Author URI: http://www.npmedia.net
Version: 1.0
.
For use only with NPMedia.net. No unauthorized usage of this theme. 
.
*/





/**************************************/
/*              GLOBALS               */
/**************************************/

body{
background:#464646 url(images/main-bg.jpg) no-repeat scroll center top;
color: #BBBBBB;
font-family:Trebuchet,Trebuchet MS,Arial,sans-serif;
font-size: 12px;
text-align:center;
}
a {
color:#F36C21;
font-weight:bold;
text-decoration:underline;
}
.clear:after {
clear:both;
content:"";
display:block;
}
/*IMAGE FOR EXTERNAL LINKS*/
#content-box a[href^="http:"]{
background: transparent url(images/link.gif) no-repeat scroll right center;
padding-right: 16px;
}
/*EXEMPT IMAGES WITH EXTERNAL LINKS*/
a.exempt {background-image:none !important;padding:0px;}
p.edit-page a{background: none !important}

a:hover{
color:white;
text-decoration:none;
}
#container {
width: 970px;
min-height: 470px;
margin: 10px auto 0;
text-align: left;
}
#header{
background: transparent url(images/nav-div.png) no-repeat scroll center bottom;
height:110px;
}
b{
font-weight: bold;
}
p{
letter-spacing:0.2px;
line-height:1.4;
padding:8px 0;
}
em{
color: #f36c21;
font-style:italic;
}
h1{
}
h2{
border-bottom:1px solid #494949;
font-size:2em;
margin-bottom:14px;
padding:0 0 8px;
text-align:center;
}
h3, #main-content em{
color: #f36c21;
font-size: 1.9em;
font-style:italic;
}

small{
color:#555555;
font-size:.8em;
}











/**************************************/
/*             NAVIGATION             */
/**************************************/
.menu {
float:right;
font-family:arial,verdana,sans-serif;
height:25px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:84px 0 0;
min-width:40%;
padding:0 0 0 32px;
position:relative;
}
.menu li.top {
display:block;
float:left;
position:relative;
}
.menu li a.top_link {
color:#BBBBBB;
cursor:pointer;
display:block;
float:left;
font-size:12px;
font-weight:bold;
height:25px;
line-height:22px;
padding:0 0 0 12px;
text-decoration:none;
}
.menu li a.top_link span {
display:block;
float:left;
font-weight:bold;
padding:0 12px;
}
.menu li#current a.top_link span{
-moz-border-radius:6px;
-webkit-border-radius:6px;
background:url("images/80-trans.png") repeat scroll 0 0 transparent;
display:block;
float:left;
font-weight:bold;
padding:0 12px;
}
.menu li a.top_link span.down {
display:block;
float:left;
height:40px;
padding:0 24px 0 12px;
}
.menu li a.top_link:hover, li#current a.top_link{
color:#f36c21;
}
.menu li:hover > a.top_link {
color:#f36c21;
}
.menu table {
border-collapse:collapse;
height:0;
left:0;
position:absolute;
top:0;
width:0;
}
.menu a:hover {
visibility:visible;
}
.menu li:hover {
position:relative;
z-index:200;
}
.menu ul, .menu :hover ul ul, .menu :hover ul :hover ul ul, .menu :hover ul :hover ul :hover ul ul, .menu :hover ul :hover ul :hover ul :hover ul ul {
height:0;
left:-9999px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
position:absolute;
top:-9999px;
width:0;
}
.menu :hover ul.sub {
background:url("images/80-trans.png") repeat scroll 0 0 transparent;
border:1px solid #595959;
height:auto;
left:2px;
padding:3px 0;
right:2px;
top:25px;
margin-left: 16px;
white-space:nowrap;
width:60px;
text-transform:lowercase;
}
.menu :hover ul.sub li {
display:block;
float:left;
height:20px;
position:relative;
width:60px;
}
.menu :hover ul.sub li a {
color:#BBBBBB;
display:block;
font-size:11px;
font-weight:normal;
height:20px;
line-height:20px;
text-decoration:none;
text-indent:5px;
width:60px;
}
.menu :hover ul.sub li a:hover {
color:#f36c21;
}
.menu :hover ul.sub li a.fly:hover {
color:#f36c21;
}
.menu :hover ul li:hover > a.fly {
color:#f36c21;
}
.menu :hover ul :hover ul, .menu :hover ul :hover ul :hover ul, .menu :hover ul :hover ul :hover ul :hover ul, .menu :hover ul :hover ul :hover ul :hover ul :hover ul {
background:#f36c21 none repeat scroll 0 0;
height:auto;
left:90px;
padding:3px 0;
top:-4px;
white-space:nowrap;
width:60px;
z-index:200;
}

.menu li em {
display:none;
height:45px;
left:-60px;
padding:20px 12px 10px;
position:absolute;
text-align:center;
top:-95px;
width:40px;
z-index:2;
margin:0 60px 0;
}


.menu li#current em{
display:block;
height:45px;
left:-60px;
padding:20px 12px 10px;
position:absolute;
text-align:center;
top:-95px;
width:40px;
z-index:2;
margin:0 60px 0;
}

.edit-page{
text-align: left;	
}







/**************************************/
/*             FOLIO NAVIGATION        /
/**************************************/
#content-box ul.folio-nav{
float:left;
list-style-image:none;
margin:40px 0 0 12px;
text-align:center;
text-transform:lowercase;
width:110px;

}

#content-box ul.folio-nav li a{
background:transparent url(images/short-nav-div.png) no-repeat scroll center bottom;
color:#BBBBBB;
cursor:pointer;
display:block;
font-size:12px;
font-weight:bold;
line-height:25px;
padding:2px;
text-decoration:none;
}

#content-box ul.folio-nav li a:hover, ul.folio-nav li a.last:hover{
color:#f36c21;
}

#content-box ul.folio-nav li a.last{
background:none;
color:#BBBBBB;
cursor:pointer;
display:block;
font-size:12px;
font-weight:bold;
line-height:25px;
padding:2px;
text-decoration:none;
}








/**************************************/
/*       FRONTPAGE AND MAIN BOX       */
/**************************************/
#main{
min-height:409px;
text-align: center;
}
#figure{
background:transparent url(images/main-sprites.png) repeat scroll 0 -46px;
height:409px;
margin:0 0 0 50px;
position:absolute;
width:215px;
z-index:9999;	
}
#main-content a.folio-btn{
background:transparent url(images/main-sprites.png) repeat scroll -160px 0;
display:block;
height:40px;
margin:20px 0 0 -8px;
padding-right:0;
width:160px;
}
#main-content a.folio-btn:hover{
background:transparent url(images/main-sprites.png) repeat scroll 0 0;

}


#content-box{
background:transparent url(images/80-trans.png) repeat scroll 0 0;
border-color:#000000 #666666 #888888;
border-style:solid;
border-width:1px;
margin:20px auto;
min-height:320px;
padding:20px;
width:71%;
text-align: left;
}
#main-content{
background:transparent url(images/80-trans.png) repeat scroll 0 0;
border-color:#000000 #666666 #888888;
border-style:solid;
border-width:1px;
float:right;
margin:50px 60px 0 0;
min-height:250px;
height: 250px !important;
padding:20px;
width:70%;
text-align: left;
}
#vert-div{
background:transparent url(images/vert-div.png) no-repeat scroll 0 center;
display:block;
float:right;
min-height:220px;
padding-left:20px;
width:29%;
}
.horiz-div {
background:transparent url(images/horiz-div.png) no-repeat scroll center 0;
margin:24px 0 0;
padding:24px 0 0;
}

#avail{
background:transparent url(images/main-sprites.png) no-repeat scroll -473px -46px;
float:right;
height:47px;
margin:-60px 8px 0 0;
padding:19px 0 0 52px;
position:relative;
text-align: left;
width:152px;
}

#avail span{
color:#C0C0C0;
display:block;
font-size:0.9em;
font-weight:bold;
text-align:center;
text-transform:uppercase;
width:60%;
}











/**************************************/
/*             FEATURED               */
/**************************************/
ul#feat-list {
background:transparent url(images/main-sprites.png) repeat scroll -214px -120px;
display:block;
height:328px;
margin:37px 0 0 190px;
position:absolute;
width:474px;
z-index:4;
}

ul#feat-list li{
height:222px;
margin:40px 0 0 30px;
position:absolute;
width:396px;
}

















/**************************************/
/*             GALLERY                */
/**************************************/
#gallery-cont{
margin:0 auto;
padding:0;
}
#galitem{
background:#CECECE none repeat scroll 0 0;
border:2px solid #494949;
float:left;
margin:12px 26px 0 4px;
padding:12px;
width:200px;
}

.thumb{
border-bottom:1px solid #898989;
display:block;
padding:12px;
text-align:center;
}

.info{
margin-top: 4px;
}

#folio-cont{
background:transparent url(images/80-trans.png) repeat scroll 0 0;
margin:20px 0 0 15%;
width:80%;
}
#folio-nav{
display:block;
float:left;
width:15%;
}

.title{
color:gray;
float:left;
font-size:4em;
margin-top:20px;
text-transform:uppercase;
width:30%;
}
.title h1 a{
background:transparent url(images/main-sprites.png) repeat scroll -213px -46px;
display:block;
height:53px;
text-indent:-9999px;
width:200px;

}
.title p{
color:#CECECE;
font-size:10px;
letter-spacing:1.3px;
padding-left:4px;
margin-top: -12px;
}

.up a{
background:transparent url(images/arrow-up.png) no-repeat scroll right 0;
display:block;
margin:-22px 0 4px 610px;
width:36px;
}
.folio-item{
background:#3C3C3C none repeat scroll 0 0;
border-color:#000000 #555555 #777777;
border-style:solid;
border-width:1px;
margin:0 0 20px 190px;
width: 405px;

}
div.folio-item img{
border:1px solid #555555;
height:226px;
margin:10px;
padding:4px;
width:375px;
}

.info-box{
padding:0 5px 12px 12px; 

}

.info-box a{
}
.info-box p{
color:#858585;
letter-spacing:0.4px;
line-height:1.3;
}

.info-box em{
color:#CECECE;
font-style:normal;
font-weight:bold;
}





/**************************************/
/*              ABOUT                 */
/**************************************/
#about{
width:350px;
float:left;
}
#about-photos{
float:right;
height:297px;
width:300px;
}













/**************************************/
/*             CONTACT                */
/**************************************/
#contact-area, .cform, .cform fieldset {
width: 350px;
}

.cform input, .cform textarea {
background:#BBBBBB none repeat scroll 0 0;
border-color:#000000 #666666 #888888;
border-style:solid;
border-width:1px;
color:#333333;
font-family:Trebuchet,Trebuchet MS,Arial,sans-serif;
font-size:12px;
margin:4px 0;
padding:2px 0 2px 4px;
width:345px;
}

.cform textarea {
height: 90px;
}

.cform textarea:focus, .cform input:focus {
border: 1px solid #F36C21;
}

.cform input.sendbutton {
background:transparent url(images/main-sprites.png) repeat scroll -320px 0;
border:none;
cursor:pointer;
float:right;
font-weight:bold;
height:38px;
text-indent:-999px;
width:160px;
}
.cform input.sendbutton:hover {
background:transparent url(images/main-sprites.png) repeat scroll -484px 0;
}

.cform label {
color:#555555;
font-weight:bold;
padding:5px 0;
}
p.cf-sb{
margin: -18px 0 0;
}
p.linklove{
display: none;
}
.waiting{
background:transparent url(images/loading.gif) no-repeat scroll 0 0;
padding:4px 0 0 30px;
color:#F36C21;
font-size:1em;
font-weight:normal;
margin:0;
}
#contact-info{
background:transparent url(images/vert-div.png) no-repeat scroll 0 center;
float:right;
height:350px;
padding:0 5px 0 30px;
width:230px;
}
ul#attl-info li{
padding: 6px 0;
}
ul#attl-info li a,ul#attl-info li span {
display:block;
padding:0 0 3px 25px;
}
ul#attl-info li a.vcard {
background:transparent url(images/vcard.png) no-repeat scroll 0 center;
}
ul#attl-info li a.resume {
background:transparent url(images/pdf.png) no-repeat scroll 0 center;
}
ul#attl-info li a.email{
background:transparent url(images/email.png) no-repeat scroll 0 center;
}
ul#attl-info li a.deviant{
background:transparent url(images/da.png) no-repeat scroll 0 center;
}
ul#attl-info li a.twitter{
background:transparent url(images/twitter.png) no-repeat scroll 0 center;
}
.failure{
background:transparent url(images/error.png) no-repeat scroll 0 50%;
padding:0 0 0 20px;
color:#F36C21;
font-size:1em;
font-weight:normal;
margin:0;
}
h3.success{
background:transparent url(images/success.png) no-repeat scroll 0 50%;
padding:0 0 3px 25px;
}









/**************************************/
/*               FOOTER               */
/**************************************/
#footer{
background: transparent url(images/nav-div.png) no-repeat scroll center top;
width: 970px;
margin: 0 auto;
}
#footer p{
color:#BBBBBB;
font-size:12px;
padding:12px;
text-align:center;
}

#footer .valid{
margin-top:-8px;
text-align:center;
}
#wpstats{display: none;}