/*
---------------------------------------------------------------------------------
	Behavior, LLC - Eric Manigian Studio
    global screen styles
	- - - - - - - - - - - - - - - - - -
    may '08
---------------------------------------------------------------------------------
*/


/* === common, base styles */

a { color: #2b261d; text-decoration: none; font-size: 12px }
a:hover { color: #111; text-decoration: underline }
p { margin: 0 0 1em 0 }
em { font-style: italic }
strong, h2, h3 { font-weight: bold }
blockquote { color: #666666; font-size: 16px; line-height: 22px; padding: 1em 0; }
blockquote span { font-size: 12px }

/* === layout styles */

body { text-align: center; font-family: arial, sans-serif; font-size: 12px; line-height: 16px; color: #2b261d; position: relative; background: #f7f5f1; }
#wrapper { text-align: left; width: 952px; margin: auto; height: 1000px; position: relative; }
.layout-block {float: left; display: inline; position: relative }


body#about { background: url('../img/background/about-page-bg.png') repeat-x  }
body#portfolio { background: url('../img/background/portfolio-page-bg.png') repeat-x }
body#portfolio-detail { background: url('../img/background/portfolio-detail-page-bg.png') repeat-x }
body#process { background: url('../img/background/process-page-bg.png') repeat-x }
body#media { background: url('../img/background/media-page-bg.png') repeat-x }
body#contact { background: url('../img/background/contact-page-bg.png') repeat-x  }
body#home { background: url('../img/background/home-page-bg.png') repeat-x #aaa8a4 }
body#press { background: url('../img/background/press-page-bg.png') repeat-x #aaa8a4 }

body#about #wrapper { background: url('../img/background/about-bg.png') no-repeat #b9b4ac }
body#portfolio #wrapper { background: url('../img/background/portfolio-bg.png') no-repeat;  }
body#portfolio-detail #wrapper { background: url('../img/background/portfolio-detail-bg.png') no-repeat; }
body#process #wrapper { background: url('../img/background/process-bg.png') no-repeat; height: 1300px; }
body#media #wrapper { background: url('../img/background/media-bg.png') no-repeat; height: 1200px;  }
body#contact #wrapper { background: url('../img/background/contact-bg.png') no-repeat }
body#home #wrapper { background: url('../img/background/home-bg.png') no-repeat #aaa8a4; }
body#press #wrapper { background: url('../img/background/press-bg.png') no-repeat; height: 2470px;  }

#sidebar { width: 110px; margin: 90px 0 0 30px; text-transform: lowercase; }
#sidebar li { margin: 0.5em 0; }
#sidebar li a { color: #88847d; font-size: 12px; font-weight: bold; }
#sidebar li a:hover,
#sidebar li.current_page_item a { color: #34312d; text-decoration: none; }
body#home #sidebar { width: 180px; margin: 90px 0 0 30px }

#featured { width: auto; margin: 0; padding: 0; }
body#about #featured p { font-size: 15px; color: #666666; line-height: 26px; padding: 10px 30px 0 15px;  }
body#about #featured em { font-size: 12px; margin:0;  }
body#about #featured { width: 250px; margin: 70px 0 0 6px; }
body#contact #featured { width: 533px; margin: 70px 0 0 6px; }
body#home #featured { width: 700px; margin: 70px 0 0 10px }

#main { padding: 15px 30px 0 15px; }
#main ul { margin-left: 2.5em }
#main li { margin-bottom: 0.25em; list-style: disc; }
body#about #main { margin: 70px 0 0 5px; width: 450px }
body#contact #main { margin: 150px 0 0 5px; width: 195px }
body#process #main,
body#press #main { margin: 0; padding: 0; }
body#home #main { position: absolute; left: 15px; top: 340px; height: 255px; width: 160px; }
body#home #main h1 { color: #bdbab5; margin-bottom: 5px; }
body#home #main img { margin: 0 0 5px -5px; }
body#home #main p,
body#home #main a { color: #BDBAB5 }
body#home #main a:hover { text-decoration: underline; }

#logo { position: absolute; width: 200px; height: 60px; right: 50px; top: 5px; }
#logo img { margin: 15px 0 0 0; width: 148px; height: 33px }
#logo h1 span { position: absolute; top: -100px; }

#copyright { position: absolute; top: 670px; left: 690px; color: #666; font-size: 11px; }
#copyright a { color: #666 !important; font-size: 11px !important; }
#copyright #rssIcon {
	position: relative;
	top: 3px;
	padding-right: 3px;
}


body#home #copyright { top: 620px; left: 700px;  }
body#portfolio-detail #copyright { top: 667px; left: 695px;  }


/* === contact page */

body#contact #main { margin-top: 146px }
body#contact #main p, 
body#contact #main a { color: #000 }

/* === media page */

body#media #featured { color: #7e737e; padding: 1em;  }
body#media #featured a { text-decoration: none; color: #7e737e;  }
body#media #featured a:hover { text-decoration: underline;  }
body#media #main { width: auto; margin: 0; padding: 0  }

.holder { width: 806px; margin: 70px 0 0 5px; }
table { width: 100%; }
th { background: #b1aab1; color: white; text-transform: uppercase; padding: 0.75em 1em; font-weight: bold }
td { text-align: center; border-bottom: 1px solid #aca1ac; }
/* note: the thumb dimensions are forced smaller here...  */
td.thumb { width: 70px }
td.thumb img { width: 70px; height: 70px; margin-top: 5px; }
td.title-link { width: 113px }
td.title-link a { text-decoration: underline; font-weight: bold }
td.title-link a:hover { text-decoration: none;  }
td.desc { width: 560px; background: #d6d2d6; text-align: left; padding-left: 10px; }
td.dl-zip { width: 55px; background: #a299a2; }

#press-room { display: none; margin: 10px 0 0 -5px; }
#press-room a { color: white; background: url('../img/press-room-hover.gif') no-repeat; height: 21px; width: 99px; padding: 3px 0 0 6px; display: block; }
#press-room a:hover { text-decoration: none; }

body#media #copyright { position: relative; top: 15px; width: auto; left: auto; float: right; display: inline; padding-right: 100px; }

/* === press page */

.press-item {
	width: 100%;
	display: block;
	border-bottom: 1px solid #989794;
	padding: 0.75em 0;
	margin-left:2px;
}

.press-thumb {
	width: 250px;
	padding: 1em;
	padding-left: 1.5em;
}
.press-meta { width: 255px; padding-left: 1.5em; }
.press-meta span { margin: 1em 0; display: block; }

.press-quote { width: 200px; margin: 0 0 0 20px; padding: 0 25px 0 15px; color: #666056; }

.press-meta, .press-quote { margin: 25px 0; }

body#press #copyright { top: 2410px; left: 700px; }
.wp-pagenavi { float: right; display: inline; margin: 1em 300px 0 0; position: relative; }

body#press #press-room a { background: url('../img/press-room-tan.gif') no-repeat; }
body#press #press-room a:hover { background: url('../img/press-room-hover.gif') no-repeat; text-decoration: none; }

/* === portfolio page */

body#portfolio #sidebar { width: 160px }
body#portfolio #featured { width: 323px; margin: 72px 0 0 0; }
body#portfolio #main { width: 422px; margin: 72px 0 0 0; padding: 0; }

body#portfolio h3 { text-transform: lowercase }

dt { background: #d2cfcb; border-bottom: 1px solid #c1bfb9; }
dt a { color: #34312d; font-size: 15px; margin: 0; padding: 0; display: block; padding: 1em; font-weight: bold; text-transform: lowercase; width: 292px  }
dt a:hover { text-decoration: none; background: #c3c0bb }
dt.active { background: #7d7971; border-bottom: none }
dt.active a { color:white; padding: 1em 1em 0 1em; }
dt.active a:hover { background: #7d7971; }
dd { background: #7d7971; margin-top: -1px; }
body#portfolio #featured p { font-size: 11px; color: #d1cfca; padding: 0; margin: 0; line-height: 15px; padding: 1.35em; }
body#portfolio #copyright { top: 620px; left: 690px;  }
body#portfolio #notice { top: 620px; left: 205px; position: absolute; color: #2B261D; font-size: 11px; width: 290px;  }
body#portfolio #notice a { font-size: 11px }

.thumb-gallery { padding: 5px; }
.thumb-gallery a { margin: 0; padding: 0; display: block; float: left }
.thumb-gallery a img { border: 4px solid transparent; height: 95px; width: 95px; clear: both; }
.thumb-gallery a:hover img { border: 4px solid #7d7971;   }

/* === process page */

body#process { min-height: 1300px; }
body#process #wrapper { min-height: 1300px; }
body#process #featured { margin: 0 60px 0 265px; padding: 1.25em 0 0.5em 0; }
body#process #main {  }
body#process #copyright { top: 1110px; left: 700px; }
#process-detail { width: 450px; margin-left: 20px; }
#sidequote { position: absolute; right: 0px; top: 440px; width: 200px; }

/* === index.html page */

body#index { background: white; border-top: 4px solid #666; }
body#index #wrapper { background: none; margin: 120px }
body#index #wrapper h1 { font-family: arial; font-size: 42px; letter-spacing: -1px; padding-bottom: 30px; border-bottom: 1px solid #efefef; display: block; }
body#index #wrapper ul { margin-top: 40px; }
body#index #wrapper li { margin: 6px 0;  }
body#index #wrapper li a { font-size: 16px; color: #666; }
body#index #wrapper li a:hover { color: #222; text-decoration: none; }
body#index #wrapper li span { font-size: 11px; color: #178121; letter-spacing: 0; }
body#index #wrapper li span.p { color: #aea913 }
body#index #wrapper li span.n { color: #990003 }

/* === portfolio-detail page */

body#portfolio-detail #featured { position: absolute; left: 0; top: 263px; }
body#portfolio-detail #main { position: absolute; right: 10px; top: 210px; width: 257px; padding: 0; margin: 0; }
body#portfolio-detail #main,
body#portfolio-detail #main a { color: #666666; }
body#portfolio-detail #main h3 { font-weight: normal; font-size: 11px; padding-left: 8px; text-decoration: none; text-transform: lowercase;  }
body#portfolio-detail #main h2 { font-weight: normal; font-size: 20px; padding: 0 0 0 10px; font-style: italic; margin: 10px 0 0 0; height: 16px; font-family: "Times New Roman"; }
body#portfolio-detail #back-forward { margin: 15px 6px 6px 6px; }
body#portfolio-detail #back-forward table { width: 99%; border: none }
body#portfolio-detail #back-forward table td { border: none; padding: 0; vertical-align: middle; }
body#portfolio-detail #back-forward table td a { color: #A7A7A7; font-size: 11px; }
body#portfolio-detail #back-forward table td a:hover { color: #666666; text-decoration: none }
body#portfolio-detail #back-forward table td.left { text-align: left; width: 65px  }
body#portfolio-detail #back-forward table td.right { text-align: right; width: 65px }
body#portfolio-detail #back-forward table td.right a,
/* body#portfolio-detail #back-forward table td.left a { display: none;  } */
body#portfolio-detail #back-forward table td.left a { }
body#portfolio-detail #back-forward table td span img { margin-bottom: -2px; padding: 0 5px; }

body#portfolio-detail #indicators { text-align: center; width: 255px; margin-top: 5px }
body#portfolio-detail #indicators a { display: inline; padding: 0 4px; text-decoration: none; }
body#portfolio-detail #indicators a:hover,
body#portfolio-detail #indicators a.active { color: white; text-decoration: none; }
body#portfolio-detail img.a-side-img { width: 257px; height: 189px; margin-top: 85px; }

#item-details { font-weight: normal; margin-top: 27px; }
#item-details ul { margin: 0; padding: 0; }
#item-details li { list-style-type: none; padding: 2px 8px; background: #ceccc4; margin: 0; border-bottom: 1px solid #c6c2b9 }


#four-oh-four h2 { font-size: 18px; font-weight: bold; margin: 120px 0 10px 0; padding-bottom: 6px; border-bottom: 1px solid #999; }
#four-oh-four p { width: 280px; }
#four-oh-four a { text-decoration: underline; }


/* === clearfix code from PIE */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*  WP Page Navi Overrides */

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	color: #555;
	background-color: none;	
}
.wp-pagenavi a:hover {	
	color: #333;
	background-color: #FFFFFF;
}
.wp-pagenavi span.pages {
	display: none;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	color: #000000;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: none;
	color: #000000;
	background-color: none;
}