/* @override http://nealesmith.com/textpattern/css.php?s=landscape */

/*MEYER'S RESET 

------------------*/





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 {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-weight: inherit;

	font-style: inherit;

	font-size: 100%;

	font-family: inherit;

	vertical-align: baseline;

}

/* remember to define focus styles! */

:focus {

	outline: 0;

}

body {

	line-height: 1;



}

ol, ul {

	list-style: none;

}

/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: separate;

	border-spacing: 0;

}

caption, th, td {

	text-align: left;

	font-weight: normal;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: "";

}

blockquote, q {

	quotes: "" "";

}





/* BASE

----------------------------------------------- */



body {

margin: 0;

padding: 0;

font-family: Tahoma, "Lucida Grande", Helvetica, Verdana, sans-serif;

color: #ffffff;

background-color: #333333;

font-size: 62.5%;

text-transform: uppercase;

}







p {

font-size: 1em;

color: #ffffff;

line-height: 1.2em;

}



h3{

font-size: 1.2em;

color: #eeeeee;

line-height: 1.2em;

}



a{



text-decoration: none;

color: #ffffff;



}



a:hover{

display: block;

color: #333333;

}



img{

padding-top:10px;

padding-left: 10px;

}



ul.main-nav li a:hover{

display: block;

}



ul.main-nav li:hover, ul.main-nav li a:hover,ul.main-nav li a.over{

background: #ffffff;

color: #333333;

}



ul.link-nav li a:hover{

display: block;

}



ul.link-nav li:hover, ul.link-nav li a:hover,ul.link-nav li a.over{

background: #ffffff;

color: #333333;

}





/* BOX MODEL HACKS

http://archivist.incutio.com/viewlist/css-discuss/48386

----------------------------------------------- */



#container {

\width: 1010px;

w\idth: 1000px;

}



#left{

\width: 210px;

w\idth: 210px;

}



#main_body{

\width: 710px;

w\idth: 710px;

}





/*HEADER IMAGE*/

/*---------------*/



#homeLink h1 span {

display:  none;

}



#homeLink h1 a, #homeLink h1 a:hover ,#homeLink h1 a.over {

	width: 200px;

	height: 88px;

	display: block;

       background:url(http://www.nealesmith.com/images/title.jpg) 0 0 no-repeat;

}



/*---------------*/



/*NAV LISTS

--------------------------*/

ul.main-nav{

padding-left: 12px;

width: 188px;

border-bottom: 1px solid #424040;

}



ul.main-nav li{

display: block;

border-top: 1px solid #424040;

font-size: 12px;
padding-top: 3px;
padding-bottom: 4px;

}



ul.main-nav li a{

padding-left: 5px;

}



ul.link-nav{

margin-top: 5px;

padding-left: 12px;

width: 188px;

border-top: 1px solid #424040;

}



ul.link-nav li{

display: block;

border-bottom: 1px solid #424040;

font-size: 12px;

padding-left: 5px;
padding-top: 3px;
padding-bottom: 4px;

}



.nav-active{
display:  block;

background: #ffffff;

color: #333333;

}



.nav-active a{

color: #333333;

}





/*LAYOUT

----------------------*/

#left{

width: 200px;

float: left;

}



#main_body{

margin-left: 12px;

width: 500px;

height: 505px;

position: absolute;

top: 88px;

left: 202px;

background: #424040;

}



#text_body{

margin-left: 12px;

width: 505px;

height: auto;

padding-bottom:  30px;

position: absolute;

top: 88px;

left: 202px;

background: #424040;

}



#light_body{

margin-left: 12px;

margin-bottom: 10px;

width: 505px;

position: absolute;

top: 88px;

left: 202px;

background: #424040;

padding-bottom: 28px;

}





ul.lightbox {

width: 500px;

}

ul.lightbox li{

width: 110px;

height: 110px;

margin: 5px;

padding: 0;

float: left;

}



ul.lightbox li:hover{

}



#light_body h2{ 

display: none;

}



#text_body p{

width: 70%;

padding-top:10px;

padding-left: 10px;

}

#text_body p.inpage_lightbox{
width: 100%;
padding-left:0px;

}



#text_body h3{

width: 75%;

padding-top: 10px;

padding-left: 10px;

}



a.ike-slideshow-back {

width: 25px;

position: absolute;

top: 495px;

left: 420px;

}



a.ike-slideshow-forward {

width: 25px;

position: absolute;

top: 495px;

left: 460px;

}



#main_body p{

position: absolute;

top: 510px;

left: 10px;

}



#footer{

position: fixed;

left: 214px;

bottom: 0px;

width: 485px;

height: 10px;

padding:10px;

color: #333333;

background: #424040;

}











/*SLIDESHOW CSS

---------------------*/



.ike-slideshow {





margin: 10px 10px 10px 10px;

}

.ike-slideshow ul {

margin: 0px;

padding: 0px;

list-style: none;

}

.ike-slideshow ul li {

display: none;

margin: 0px;

padding: 0px;

list-style: none;

height: inherit;

line-height: inherit;

}

.ike-slideshow ul li.first {

display: block;

}

.ike-slideshow-image {

text-align: left;

padding: 0px;

font-size: 1px;

letter-spacing: 0;

}

.ike-slideshow-info {

margin-top: 10px;

text-align: left;

}

.ike-slideshow-caption {

}

.ike-slideshow-caption p {

margin: 0 0 10px 0;

}

.ike-slideshow-pagination {

font-size: 10px;

vertical-align: 2px;

padding: 2px 5px;

color: #666666;

}

.ike-slideshow img {

border: 0px;

padding: 0px;

display: inline;

margin: 0px;

}

.ike-slideshow-controls {

text-align: center;

margin: 0 0 10px 0;

}

.ike-slideshow-controls a {

border: 0px;

padding: 5px 5px;

margin: 5px;

color: #ffffff;

font-size: 14px;

background: #424040;

}



#light_body a img, #text_body a img{
display:  block;
	padding:  0px;

float: left;
padding-top:10px;
padding-left: 9px;

}







/***************************

Header replacements

***************************/

h1.category {

width: 180px;

height: 40px;

display: block;

background: url(http://www.nealesmith.com/images/site/cat_replace.jpg) no-repeat;

}



h1.info {

width: 180px;

height: 40px;

display: block;

background: url(http://www.nealesmith.com/images/site/info_replace.jpg) no-repeat;

}



h1.showcase {

width: 180px;

height: 40px;

display: block;

background: url(http://www.nealesmith.com/images/site/show_replace.jpg) no-repeat;

}



h1.category span{

display: none;

}



h1.info span{

display: none;

}



h1.showcase span{

display: none;

}



.architecture h1{

width: 400px;

height: 35px;

display: block;

background: url(http://www.nealesmith.com/images/site/arch_h1.jpg) no-repeat;

}



.architecture h1 span{

display: none;

}



.commercial h1{

width: 250px;

height: 35px;

display: block;

background: url(http://www.nealesmith.com/images/site/commercial_h1replace.jpg) no-repeat;

}



.commercial h1 span{

display: none;

}



.urban h1{

width: 250px;

height: 35px;

display: block;

background: url(http://www.nealesmith.com/images/site/urban_h1replace.jpg) no-repeat;

}



.urban h1 span{

display: none;

}



.music h1{

width: 250px;

height: 35px;

display: block;

background: url(http://www.nealesmith.com/images/site/mus_h1.jpg) no-repeat;

}



.music h1 span{

display: none;

}





.portrait h1{

width: 250px;

height: 35px;

display: block;

background: url(http://www.nealesmith.com/images/site/portrait_h1.jpg) no-repeat;

}



.portrait h1 span{

display: none;

}





.landscape h1{

width: 250px;

height: 35px;

display: block;

background: url(http://www.nealesmith.com/images/site/landscape_h1.jpg) no-repeat;

}



.landscape h1 span{

display: none;

}





.editorial h1{

width: 250px;

height: 35px;

display: block;

background: url(http://www.nealesmith.com/images/site/ed_h1.jpg) no-repeat;

}



.editorial h1 span{

display: none;

}

/**MAIL FORM**/



#text_body legend{

display: none;

}



#text_body input{

display: block;

margin-left: 10px;

}





#text_body label{

display: block;

margin-left: 10px;

padding-top: 5px;

}



#text_body textarea{

margin-left: 10px;

border: none;

}



#text_body submit{

background: #333333;

border: 1px solid #666666;

}





#text_body submit:hover{

color: #333333;

background: #ffffff;

border: 1px solid #cc0000;

}