/* MAIN STYLES */

body {color:#dadad9; font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; background:#000 url(../images/dotted-bg.jpg) repeat;}
hr {width:100%; height:1px; border:none; border-bottom:1px #282828 solid; margin:10px auto;}
a {color:#ed6f09; text-decoration:none; outline:none;}
a:hover {text-decoration:overline;}

/* WRAPPERS */

#header {width:100%; height:107px; background:url(../images/header-bg.gif) repeat-x;}
#headerWrap {width:900px; margin:0 auto;}
#logo {width:300px; float:left;}

#wrapper {width:900px; background:#111; margin:35px auto 0;}
#glasses {width:900px; height:276px; background:url(../images/glasses-bg.jpg) no-repeat;}
.left {width:480px; padding:0 35px; float:left;}
.right {width:300px; padding:0 35px 0 0; float:right;}

#aboutWrapper {width:900px; background:#111 url(../images/about-bg.jpg) no-repeat; padding:47px 0 0; margin:31px auto 0;}

#footer {width:900px; background:#313131; clear:both;}


/* WRAPPER ELEMENTS */

#glasses h1 {width:350px; height:144px; background:url(../images/nichole-tagline.gif) 33px 45px no-repeat; text-indent:-6666px; padding:45px 0 0 33px;}
#glasses .portfolio {padding:15px 0 0 35px;}

.left h2.hello {width:204px; height:34px; background:url(../images/why-hello-there.gif) no-repeat; text-indent:-6666px;}
.left h2.twitter {width:154px; height:23px; background:url(../images/tweet-tweet.gif) no-repeat; text-indent:-6666px;}
.left h2.about {width:306px; height:37px; background:url(../images/about-nichole.gif) no-repeat; text-indent:-6666px;}
.left h3, .right h3 {color:#ed6f09; font-size:18px; font-style:italic; margin:20px 0 5px;}
.left p {color:#bbb; font-size:16px; line-height:24px; letter-spacing:0.02em; margin:0 0 15px;}
.left p.footer {font-size:13px; line-height:18px;}
.left ul {list-style:disc; margin:0 0 15px 15px;}
.left ul li {line-height:24px;}
.left a.purple {color:#ac19d0;}
.left a.pink {color:#de1a72;}

.right h2.recent {width:165px; height:28px; background:url(../images/recent-works.gif) no-repeat; text-indent:-6666px;}
.right h2.skills {width:62px; height:34px; background:url(../images/skills.gif) no-repeat; text-indent:-6666px; margin:10px 0 0;}
.right hr.skills {margin:3px auto;}
.right ul.skills {margin:10px 0 20px;}
.right ul.skills li {color:#666; font-size:17px; line-height:24px;}
.right img {padding:0 0 20px;}

#footer .right ul.left {width:140px; float:left; padding:5px 0 0;}
#footer .right ul.right {width:150px; float:right; padding:5px 0 0;}
#footer .right ul.left li, #footer .right ul.right li {list-style:none; background:url(../images/star.jpg) no-repeat left; font-size:14px; line-height:28px; padding:0 0 0 20px;}
#footer .right ul.left li a, #footer .right ul.right li a {color:#dadad9;}
#footer .right ul.left li a:hover, #footer .right ul.right li a:hover {color:#de1a72; text-decoration:none;}
#footer .right ul.left li a.purple:hover, #footer .right ul.right li a.purple:hover {color:#ac19d0;}
#footer .right ul.left li a.orange:hover, #footer .right ul.right li a.orange:hover {color:#ed6f09;}


/* PORTFOLIO & ZINE ELEMENTS */

#portfolioWrapper {width:900px; background:#111 url(../images/portfolio-bg.jpg) no-repeat; padding:47px 0 0; margin:31px auto 0;}
#portfolioWrapper h2.portfolio {width:213px; height:37px; background:url(../images/portfolio.gif) no-repeat; text-indent:-6666px; margin:0 0 0 25px;}
#portfolioWrapper hr {width:850px; margin:10px auto;}

#zinesWrapper {width:900px; background:#111 url(../images/zines-bg.jpg) no-repeat; padding:47px 0 0; margin:31px auto 0;}
#zinesWrapper h2.zines {width:109px; height:37px; background:url(../images/zines.gif) no-repeat; text-indent:-6666px; margin:0 0 0 25px;}
#zinesWrapper hr {width:850px; margin:10px auto;}
#zinesWrapper .samples .text h1 {margin:15px 0 0;}
#zinesWrapper .samples .bigImage {background:url(../images/wood-bg.jpg) no-repeat;}
#zinesWrapper .notice {width:850px; background:#202020; margin:25px auto 0;}
#zinesWrapper .notice p {color:#999; font-size:14px; font-style:italic; line-height:18px; padding:0 20px 20px;}
#zinesWrapper .notice h1{color:#de1a72; font-size:24px; font-weight:bold; text-shadow:3px 3px #000; padding:20px 20px 0;}
#zinesWrapper .notice hr {width:810px; border-bottom:#333 solid 1px; margin:5px auto 8px;}

.samples {width:850px; background:#202020; margin:25px auto 0;}
.samples .bigImage {width:500px; border:5px #444 solid; position:relative; float:left;}
.samples .bigImage .dev {position:absolute; top:-8px; right:-8px; z-index:100;}
.samples .text {width:310px; padding:0 15px 10px; float:right;}
.samples .text h1 {color:#de1a72; font-size:24px; font-weight:bold; text-shadow:3px 3px #000; margin:15px 0 10px;}
.samples .text h2 {color:#349e97; font-size:18px; font-weight:bold; text-shadow:3px 3px #111;}
.samples .text h3 {color:#ed6f09; font-size:18px; font-weight:bold; text-shadow:3px 3px #111;}
.samples .text h4 {color:#888; font-size:14px; font-weight:bold; font-style:italic; margin:4px 0 20px;}
.samples .text p {color:#666; font-size:14px; font-style:italic; line-height:20px; margin:0 0 8px;}
.samples .text ul {list-style:inside disc; margin:0 0 20px;}
.samples .text ul li {color:#999; font-size:14px; line-height:20px;}
.samples .text a {color:#de1a72; font-size:12px; font-weight:bold; text-decoration:none; margin:5px 0 15px;}
.samples .text a.reg {font-size:14px;}
.samples .text a:hover {text-decoration:underline;}


/* UPPER NAVIGATION */

ul#navigation {width:456px; display:inline; float:right;}
ul#navigation li {list-style:none; text-indent:-6666px; display:inline;}
ul#navigation li a {height:77px; background:url(../images/navigation.gif); display:block; float:left;}

ul#navigation li a.home {width:102px; background-position:0 0;}
ul#navigation li a:hover.home {background-position:0 -77px;}
ul#navigation li a.homeActive {width:102px; background-position:0 -154px;}

ul#navigation li a.about {width:69px; background-position:-102px 0;}
ul#navigation li a:hover.about {background-position:-102px -77px;}
ul#navigation li a.aboutActive {width:69px; background-position:-102px -154px;}

ul#navigation li a.portfolio {width:102px; background-position:-171px 0;}
ul#navigation li a:hover.portfolio {background-position:-171px -77px;}
ul#navigation li a.portfolioActive {width:102px; background-position:-171px -154px;}

ul#navigation li a.zines {width:68px; background-position:-273px 0;}
ul#navigation li a:hover.zines {background-position:-273px -77px;}
ul#navigation li a.zinesActive {width:68px; background-position:-273px -154px;}

ul#navigation li a.blogging {width:115px; background-position:-341px 0;}
ul#navigation li a:hover.blogging {background-position:-341px -77px;}
ul#navigation li a.bloggingActive {width:115px; background-position:-341px -154px;}


/* LOWER NAVIGATION */

ul#lowerNav {width:722px; display:inline; padding:50px 0 0 90px; float:left;}
ul#lowerNav li {list-style:none; text-indent:-6666px; display:inline;}
ul#lowerNav li a {height:26px; background:url(../images/bottom-navigation.gif); display:block; float:left;}

ul#lowerNav li a.home {width:100px; background-position:0 0;}
ul#lowerNav li a:hover.home {width:100px; background-position:0 -26px;}

ul#lowerNav li a.about {width:138px; background-position:-100px 0;}
ul#lowerNav li a:hover.about {background-position:-100px -26px;}

ul#lowerNav li a.portfolio {width:198px; background-position:-238px 0;}
ul#lowerNav li a:hover.portfolio {background-position:-238px -26px;}

ul#lowerNav li a.zines {width:124px; background-position:-436px 0;}
ul#lowerNav li a:hover.zines {background-position:-436px -26px;}

ul#lowerNav li a.blogging {width:162px; background-position:-560px 0;}
ul#lowerNav li a:hover.blogging {background-position:-560px -26px;}


/* TWITTER ELEMENTS */

#twitter {padding:10px 0 0;}
.avatar {width:128px; float:left;}
.follow {padding:10px 0 0 8px;}

.query {width:340px; font-size:14px; line-height:18px; color:#777; float:right;}
.query .tweet_list {list-style-type:none;}
.query .tweet_list li {padding:0 0 10px; margin:0 0 5px; border-bottom:#262525 dotted 1px;}
.query .tweet_list li a {color:#de1a72; font-weight:bold; text-decoration:none;}
.query .tweet_list li a:hover {text-decoration:overline;}

.tweet {width:340px; font-size:14px; line-height:18px; color:#777; float:right;}
.tweet .tweet_list {list-style-type:none;}
.tweet .tweet_list li {padding:0 0 10px; margin:0 0 5px;  border-bottom:#262525 dotted 1px;}
.tweet .tweet_list li a {color:#de1a72; font-weight:bold; text-decoration:none;}
.tweet .tweet_list li a:hover {text-decoration:overline;}


/* SLIMBOX */

#lbOverlay {position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer;}
#lbCenter, #lbBottomContainer {position: absolute; z-index: 9999; overflow: hidden; background-color: #fff;}
.lbLoading {background: #fff url(../images/loading.gif) no-repeat center;}
#lbImage {position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat;}
#lbPrevLink, #lbNextLink {display: block; position: absolute; top: 0; width: 50%; outline: none;}
#lbPrevLink {left: 0;}
#lbPrevLink:hover {background: transparent url(../images/prevlabel.gif) no-repeat 0 15%;}
#lbNextLink {right: 0;}
#lbNextLink:hover {background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%;}
#lbBottom {font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none;}
#lbCloseLink {display: block; float: right; width: 66px; height: 22px; background: transparent url(../images/closelabel.gif) no-repeat center; margin: 5px 0; outline: none;}
#lbCaption, #lbNumber {margin-right: 71px;}
#lbCaption {font-weight:bold;}	


/* UTILITIES */

.clear {clear:both;}