/*
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;}#uxbox{margin-right:20px;}.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 30px 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 40px;}.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;}