/*
Theme Name: NN Box 2010 Theme
Theme URI: http://nnbox.ca
Description: This is a theme for NN Box design
Version: 0.1
Author: Cheryl Chung
Author URI: http://nnbox.ca
*/

/* for ampresands */
@font-face {
	font-family: 'GoudyBookletter1911Regular';
	src: url('extras/goudy_bookletter_1911-webfont.eot');
	src: local('☺'), url('extras/goudy_bookletter_1911-webfont.woff') format('woff'), url('extras/goudy_bookletter_1911-webfont.ttf') format('truetype'), url('extras/goudy_bookletter_1911-webfont.svg#webfontIiZ2NHt1') format('svg');
	font-weight: normal;
	font-style: normal;
}


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:400}blockquote:before,blockquote:after,q:before,q:after{content:""}body{font-family:Optima,'Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif;color:#000;background:url(images/nnboxgridbg.gif);font-size:75%;line-height:1.25;counter-rest:note 0}h1,h2,h3{margin-top:0;margin-bottom:0;font-weight:700}h1{font-size:2.66667em;padding:1.25em 0}h2{font-size:1.83333em;padding:0 0 1.3636em}h3{font-size:1.16667em;padding:0 0 1.51785em}p{padding:0 0 1em}.amp{font-family:GoudyBookletter1911Regular,serif}em{font-weight:700}a{font-family:'Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif;color:#da264e;text-decoration:none}a:hover{text-decoration:underline}hr{border:0;border-top:solid #aaa 3px;line-height:1.66667em;margin:1.66667em 0 2.08333em}blockquote{border-left:solid #da1f49 5px;overflow:hidden;background:rgba(237,203,207,0.6);margin:0 0 1.66667em;padding:.8333em 20px}#headercontain{text-align:center;background:transparent url(images/nnboxheader.jpg) repeat-x;padding:10px 0 20px}#header{text-align:left;width:960px;height:75px;margin:0 auto}#nav{overflow:hidden;width:490px;float:left;padding:12px 0 0 45px}#nav a,#footnav a{color:#ddd;display:block;font-size:1.16667em;text-transform:lowercase;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin:7px 5px;padding:3px 10px}#nav a:visited,#footnav a:visited{color:#ebebeb}#nav a:hover,#footnav a:hover,#nav .current_page_item a{color:#da264e;text-decoration:none;background:#dedede;box-shadow:rgba(33,33,33,0.7) 0 1px 4px;-moz-box-shadow:rgba(33,33,33,0.7) 0 1px 4px;-webkit-box-shadow:rgba(33,33,33,0.7) 0 1px 4px}#footercontain{text-align:center;background:#333 url(images/nnboxfooter.jpg) repeat-x;clear:both;overflow:hidden;margin:5em 0 0;padding:10px 0 20px}#footer{text-align:left;width:960px;height:35px;margin:0 auto}#copyright{float:left;width:215px;color:#dedede;font-size:1.166667em;padding:12px 5px}#social{float:right;color:#dedede;font-size:1.3333em;padding:7px 5px}#social img{vertical-align:middle;padding:0 2px}#maincontain{text-align:center;clear:both;padding:10px 0}#main{text-align:left;width:960px;overflow:visible;position:relative;margin:0 auto}#content{float:right;width:710px;overflow:visible;padding:3.33333em 10px 11.6667em}#content ul{list-style:disc outside;font-size:1.16667em;line-height:1.42857em;padding:0 15px 1.42857em}#content ol{list-style:decimal outside;font-size:1.16667em;line-height:1.42857em;padding:0 15px 1.42857em}#content ul ul{list-style:circle;font-size:.85714em;line-height:1.6667em;padding:0 15px .83333em}#content ul ol{list-style:alpha;font-size:.85714em;line-height:1.6667em;padding:0 15px .83333em}#notes{width:197px;padding-top:5.25em;overflow:visible;color:#666}#index #notes{padding-top:6.4em}#notes h3{padding:1em 5px 1em 50px}#notescontrol,#noteslist>li{background:rgba(237,203,207,0.6);padding-right:5px;padding-left:5px;border:dashed #eda3ab 2px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;box-shadow:rgba(33,33,33,0.7) 0 1px 4px;-moz-box-shadow:rgba(33,33,33,0.7) 0 1px 4px;-webkit-box-shadow:rgba(33,33,33,0.7) 0 1px 4px;margin:1.51785em 0}#notescontrol{background:rgba(237,203,207,0.6) url(images/plus.png) no-repeat left -2px;cursor:pointer}#notescontrol:active{position:relative;top:1px}#noteslist>li{counter-increment:note}#noteslist >li:before{content:counter(note);font-weight:700;font-size:1.25em;color:#da1f49;float:left;width:50px;height:30px;text-align:center;padding-top:.9em;margin-left:-5px;background:url(images/circle.png) no-repeat 0 -.5em}#noteslist p{display:inline}#notes ul{font-size:.916666em;list-style:disc;clear:left;margin:0 2px 1.3333em 0}#notes li h3{padding-left:45px}#notes ul li{margin:0 0 1em 20px}#noteslist>li span{width:75px;height:109px;background:url(images/arrows.png) no-repeat;display:block;position:absolute}#note1{width:420px;position:absolute;top:-50px;left:370px}#noteslist #note1 span{background-position:0 0;top:-15px;right:-75px}#noteslist #note2 span{background-position:-75px 0;top:-60px;right:-78px}#noteslist #note3{position:relative;margin-top:70px}#noteslist #note3 span{background-position:-150px 0;top:30px;right:-78px}#noteslist #note4{position:relative;margin-top:264px}#noteslist #note4 span{background-position:-75px 0;top:-65px;right:-78px}#note5{position:absolute;bottom:-245px;left:465px;width:380px}#noteslist #note5 span{height:75px;background-position:-225px 0;top:55px;right:-78px}#noteslist #note6 span{background-position:-300px 0;top:-240px;right:-68px;height:268px}#noteslist #note7{position:relative;margin-top:115px}#noteslist #note7 span{background-position:-150px 0;top:20px;right:-78px}#noteslist #note8{position:relative;margin-top:135px}#noteslist #note9{position:relative;margin-top:45px}#noteslist #note9 span{background-position:-375px 0;top:20px;right:-78px}#noteslist #note10{position:relative;margin-top:50px}#noteslist #note11{position:relative;margin-top:100px}#noteslist #note11 span{background-position:-150px 0;top:18px;right:-78px;height:268px}#noteslist #note12{margin-top:65px}#noteslist #note12 span{background-position:-75px 0;top:2px;right:-78px;height:268px}#noteslist #note13{position:relative;margin-top:480px}#noteslist #note13 span{background-position:-150px 0;top:30px;right:-78px;height:268px}#noteslist #note14{position:relative;margin-top:65px}#noteslist #note14 span{background-position:-75px 0;top:-25px;right:-78px;height:268px}.intro{color:#636363;font-weight:400;font-size:3em;padding:1.472222em 0}.intro a{font-family:Optima,'Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif;color:#da264e;text-decoration:none}.intro .amp{color:#636363}.intro a:hover{background-color:#dedede;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;box-shadow:rgba(33,33,33,0.4) 0 1px 1px;-moz-box-shadow:rgba(33,33,33,0.4) 0 1px 1px;-webkit-box-shadow:rgba(33,33,33,0.4) 0 1px 1px}.maintitle{font-weight:400;text-transform:capitalize;font-size:4em;padding:.85em 0 1.04167em}#content .title{font-weight:400;font-size:2.66667em;padding:0 0 .46875em}.viewbox{width:338px;height:208px;border:solid #111 1px;float:left;position:relative;margin:0 0 3.75em}.viewbox p a{position:absolute;background:rgba(33,33,33,0.7);width:318px;bottom:0;color:#fff;font-size:1.16667em;text-align:center;text-decoration:none;padding:1em 10px}.viewbox p a:hover{color:#edcbcf}.blogpost{clear:both;overflow:hidden;padding:0 0 1.51785em}.type-post,.type-page,.portfolio{clear:both;overflow:hidden;padding:0 0 2.5em}.type-post img,.blogpost img,.portfolio img{float:left;padding:0 10px 0 0}.blogpost h2,.post h2,.portfolio h2{font-size:1.16667em;font-weight:700;padding:0 0 1.51785em}.blogpost p{padding:0 0 1.51785em}#profilebox{background:rgba(237,203,207,0.8);box-shadow:rgba(33,33,33,0.7) 0 2px 5px;-moz-box-shadow:rgba(33,33,33,0.7) 0 2px 5px;-webkit-box-shadow:rgba(33,33,33,0.7) 0 2px 5px;font-size:1.41667em;margin:0 0 3.5294em;padding:15px}#profilebox img{background:#fff;float:left;margin:0 10px 10px 0;padding:5px}#explainbox{background:#fff;border:solid #eda3ab 3px;margin:0 0 3.75em;padding:2.5em 18px}#explainbox img{padding:0 0 1.6667em}.instructions{font-weight:400}.work,.mainwork{overflow:visible}.mainwork{width:400px;float:left}.descinfo p{line-height:1.66667em;padding:0 0 2.5em}.workbox,.workboxdetail{width:400px;height:250px;border:solid #111 1px;float:left;position:relative;overflow:hidden;margin:0 0 3.3333em}.workbox p,.workboxdetail p{position:absolute;background:rgba(33,33,33,0.7);width:380px;bottom:0;color:#fff;font-size:1.16667em;text-align:center;border-top:solid rgba(218,31,74,0.7) 6px;padding:1em 10px}.workboxdetail p{text-align:right;font-weight:bold}.workbox a,.workboxdetail a{color:#fff;padding:0 5px}.workdesc,.workdescdetail{float:right;width:260px;padding:0 0 0 20px}.workdesc h2,.workdescdetail h2{padding:0 0 .90909em}.workdescbox{padding:0 0 1.66667em}.workdescdetail h3{padding:0 0 1.0714em}.workdesc p,.workdescdetail p{font-size:1.16667em;line-height:1.42857em;padding-bottom:.71429em}#content .workdescbox ul{font-size:1em;line-height:1.66667em}.worksummary{float:left;width:400px}.post .attachment-thumbnail,.portfolio .attachment-thumbnail{background:rgba(237,203,207,0.8);box-shadow:rgba(33,33,33,0.7) 0 0 5px;-moz-box-shadow:rgba(33,33,33,0.7) 0 0 5px;-webkit-box-shadow:rgba(33,33,33,0.7) 0 0 5px;margin-right:20px;margin-bottom:3.33333em;padding:5px}.type-post p{margin-left:251px}.single .type-post p{margin-left:0}.post-info{padding-bottom:1.66667em}.blogentry{font-size:1.16667em;line-height:1.4286em}.blogentry p{margin:0 0 1.4286em}#pre{font-size:.85714em;border-left:solid #da1f49 5px;overflow:hidden;background:rgba(237,203,207,0.6);margin:0 0 2.5em;padding:.8333em 0 .8333em 20px}pre:hover{-o-text-overflow:inherit;text-overflow:inherit;overflow:visible}#content .commentlist{list-style:none;clear:both;margin:0;padding:1.42857em 0}.commentlist .comment{clear:both;color:#636363;overflow:hidden;padding:1.42857em 0}.avatar{float:left;clear:both;border:solid #ddd 1px;background:#fff;box-shadow:rgba(33,33,33,0.7) 0 1px 1px;-moz-box-shadow:rgba(33,33,33,0.7) 0 1px 1px;-webkit-box-shadow:rgba(33,33,33,0.7) 0 1px 1px;margin:0 20px;padding:2px}.fn,.says,.comment-meta{font-size:.85714em;line-height:1.66667em}.comment p{margin-left:126px;margin-right:20px}.commentlist .authcomment{background:rgba(237,203,207,0.6);color:#000}#sidebar{width:197px;padding-top:6.75em;overflow:visible;color:#666}.getrss{line-height:1.3636;margin-bottom:2.8em;background:rgba(237,203,207,0.6);border:dashed #eda3ab 2px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;box-shadow:rgba(33,33,33,0.7) 0 1px 4px;-moz-box-shadow:rgba(33,33,33,0.7) 0 1px 4px;-webkit-box-shadow:rgba(33,33,33,0.7) 0 1px 4px;padding:5px}#sidebar h2{font-size:1.5em;line-height:1.11111em;padding:0 0 .55555em}ul.blognav>li{margin:0 10px 1.66667em}ul.blognav ul{list-style:disc outside;margin:0 0 1.25em 15px}ul.blognav ul li{padding:0 0 1.25em}.share{padding:10px 10px 1.66667em}.share img{padding:5px 0 0}#searchform{background:url(images/nnboxsearch.png) no-repeat;width:190px;margin:11px 0 10px;padding:3px 5px 2px 40px}#contactinfo{width:345px;float:left}#contactinfo p{font-size:1.3333em;line-height:1.25em}.contactinstructions,#contactinfo .contactinstructions{font-size:1.5em;line-height:1.3888em;padding-top:1.7em}#contactform{border:solid #eda3ab 3px;background:#fff;width:305px;float:right;position:relative;padding:1.66667em 20px}#contactform input{width:290px;border:dashed #eda3ab 2px;margin:0 0 20px}#contactform textarea{width:290px;border:dashed #eda3ab 2px;font-size:1em;margin:0 0 20px}#contactform label{color:#000;line-height:1.1111em;display:block;font-size:1.5em;padding:.55556em 0}#contactform label.error{font-size:12px;position:absolute;color:#da264e;margin:-12px 0 0;padding:0}#contactform .submit-button{float:right;display:block;width:100px;font-size:1.5em;text-align:center;border:solid #ccc 2px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;box-shadow:rgba(33,33,33,0.7) 0 2px 5px;-moz-box-shadow:rgba(33,33,33,0.7) 0 2px 5px;-webkit-box-shadow:rgba(33,33,33,0.7) 0 2px 5px;color:#DA264E;margin:0;padding:3px 10px}#contactform .submit-button:hover{border-color:#DA264E}form p{color:#636363;margin:0}#search{clear:none;float:right}#searchform input{background:none;border:0;font-size:1.2em;width:175px}label{font-weight:700;color:#da264e}input,select,textarea{color:#636363;font-family:'Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif;margin:5px 0;padding:5px}input,textarea{border:dashed #edcbcf 3px}textarea{font-size:.875em}option{padding-right:.5em}#name,#email,#message,#website{width:455px}input.button{display:block;width:100px;font-size:1.3333em;text-align:center;border:solid #ccc 2px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;box-shadow:rgba(33,33,33,0.7) 0 2px 5px;-moz-box-shadow:rgba(33,33,33,0.7) 0 2px 5px;-webkit-box-shadow:rgba(33,33,33,0.7) 0 2px 5px;color:#DA264E;margin:0;padding:3px 10px}input.button:hover{cursor:pointer;border-color:#DA264E}.right{text-align:right;float:right}.centeralign{text-align:center}.clear{clear:both}ol,ul,#noteslist{list-style:none}#header h1,#header h3,.workbox .thumblink{padding:0}#header img,#nav li,#footnav li,.left{float:left}#nav a:active,#footer a:active img,.getrss:active,#contactform .submit-button:active,input.button:active{top:1px;position:relative}#notescontrol:hover,#notes li:hover,input:focus,textarea:focus{color:#000;border-color:#da264e}#noteslist,#notescontrol,#workform,#contactform br{display:none}#note2,#note6,#note12{position:relative}#noteslist #note8 span,#noteslist #note10 span{background-position:-75px 0;top:20px;right:-78px;height:268px}#workselect,.getrss img{vertical-align:middle}.getrss:hover,#contactform input:focus,#contactform textarea:focus{border-color:#da264e}.outerview,.workbox,.workboxdetail{padding:0;clear:both;overflow:hidden}.workbox,.workboxdetail{padding:0 15px 30px;margin-left:-15px;border:0}.thumblink,.imgbox{width:400px}.viewbox,.workbox .thumblink,.workboxdetail .imgbox{list-style-type:none;margin:0 15px 30px 0;padding:0;border:1px solid #666;position:relative;float:left;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,0.27),0 0 40px rgba(0,0,0,0.06) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.27),0 0 60px rgba(0,0,0,0.1) inset;-moz-box-shadow:0 1px 4px rgba(0,0,0,0.27),0 0 40px rgba(0,0,0,0.06) inset}.viewbox:after,.workbox .thumblink:after,.workboxdetail .imgbox:after{z-index:-1;position:absolute;background:transparent;width:70%;height:40%;content:'';right:10px;bottom:12px;transform:skew(15deg) rotate(6deg);-webkit-transform:skew(15deg) rotate(6deg);-moz-transform:skew(15deg) rotate(6deg);box-shadow:0 8px 16px rgba(0,0,0,0.3);-webkit-box-shadow:0 8px 16px rgba(0,0,0,0.3);-moz-box-shadow:0 8px 16px rgba(0,0,0,0.3)}.viewbox:before,.workbox .thumblink:before,.workboxdetail .imgbox:before{z-index:-2;position:absolute;background:transparent;width:70%;height:40%;content:'';left:10px;bottom:12px;transform:skew(-15deg) rotate(-6deg);-webkit-transform:skew(-15deg) rotate(-6deg);-moz-transform:skew(-15deg) rotate(-6deg);box-shadow:0 8px 16px rgba(0,0,0,0.3);-webkit-box-shadow:0 8px 16px rgba(0,0,0,0.3);-moz-box-shadow:0 8px 16px rgba(0,0,0,0.3)}