@charset "utf-8";
* {margin:0; padding:0; border-width:0; vertical-align:top;}
body,html {margin:0; padding:0; font-size:13px; font-family:'Trebuchet MS',helvetica,arial,sans-serif; color:#000; background-color:#F9F9F9;}	 
body a:visited {color:#666;}
.small {font:normal 11px arial; text-align:left;} 
.float_left,.alignleft {display:inline-block; float:left;}  	
.float_right,.alignright {display:inline-block; float:right;} 
img.float_left, img.alignleft {margin:5px 8px 8px 0; clear:left;}  
table td {padding:10px 10px 10px 0; line-height:22px;}

.arrow-up:after { 
display:inline-block; content:''; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid #000;	text-align:center; margin:2px;
}
.arrow-down:after {
display:inline-block; content:''; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top: 5px solid #000; text-align:center; margin:2px;
}
.arrow-right:after {
content:''; width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:5px solid #000;
}
.arrow-left:after {
content:''; width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-right:5px solid #000; 
}

h1.toggle,h2.toggle,h3.toggle,h4.toggle {cursor:pointer;}
div.toggle {position:relative; padding:10px 20px; margin:10px; background:#F9F9F9; border:1px dotted #CCC;}	 
div.toggle p {margin-bottom:20px !important;}
div.toggle:before {position:absolute; top:5px; right:5px; content:'X'; font-size:20px; line-height:20px; font-weight:bold; width:20px; height:20px; text-align:center; background:#FFF; border:2px solid #CCC; border-radius:50%; cursor:pointer; z-index:1001;}	

ul.toggle > li.closed:before {content:'+';} 
ul.toggle > li.open:before {content:'-';} 

.twitter-timeline {width:100%!important; min-width:155px!important;} 
span.p-nickname {display:none!important;}  

body > container {display:block; max-width:1600px; min-width:640px; min-height:600px; margin:0 auto; background:#FFF; padding-bottom:15px; overflow:hidden; box-shadow:4px 4px 3px #CCC;}	
body > container container {display:table; width:100%;} 
body > container container > column {display:table-cell; vertical-align:top;}

/* HEADER */
header {position:relative; height:230px; background:url('/_assets/img/main_hdr.jpg') no-repeat center 0px; background-size:100% 350px; background-color:#244C80; color:#FFF; border-top:1px solid #77A3BF; box-shadow:4px 4px 3px #CCC;}

header logo {position:absolute; top:15px; left:15px; width:400px;}
header logo img {float:left;}
header logo h1 {display:inline-block; position:absolute; bottom:1px; width:279px; height:110px; margin-left:12px; font-size:62px; line-height:30px; font-family:'myriad_pro_lightregular','helvetica','arial'; font-weight:normal; background:url('/_assets/img/logo/logo_text.png') no-repeat; text-indent:-9000px;}
header logo h1 span {clear:left; font-size:18px; color:#FFF; text-transform:uppercase; font-family:'myriad_pro_regular','helvetica','arial'; letter-spacing:6px;} 

header #bookseller_logo {position: absolute; top:20px; right:65px; height:160px;} 
header #bookseller_logo {position: absolute; top:20px; right:65px; height:130px;} 

header search {position:absolute; top:150px; right:0px; width:445px; margin:0; font-size:12px; background:#001996; color:#FFF; display:inline-block; float:right; clear:right; padding:2px 5px; margin:0; border-radius:2px 0 0 2px; opacity:1; opacity:.7;}
header search:hover {opacity:1;}  
header search fieldset {display:table;}
header search fieldset > * {display:table-cell;}
header search fieldset label {display:table-row;}
header search fieldset input {padding:3px; font-size:16px;}	
header search input[type='text'] {width:405px;}	
header search input[type='submit'] {cursor:pointer;} 
   
:not(header) search {display:inline-block; float:right; width:250px; margin-top:9px;}
:not(header) search fieldset {display:table;}
:not(header) search fieldset > * {display:table-cell;}
:not(header) search fieldset label {display:table-row; display:none;}
:not(header) search fieldset input {padding:3px 5px; font-size:16px; background-color:#F4F4F4; background:url('/_assets/img/main_hdr.jpg') no-repeat center 0px;}	
:not(header) search input[type='text'] {width:200px; height:21px; border-bottom:2px dotted #999; margin-right:3px; background-size:500px 150px; opacity:.7;}	
:not(header) search input[type='submit'] {cursor:pointer; width:30px; height:29px; line-height:12px; text-align:center; border:1px solid #999; border-radius:2px;} 

social {position:absolute; top:8px; right:8px; width:auto;}
social > ul:first-child {display:table; position:relative; width:180px; height:40px;} 
social > ul:first-child > li {display:table-cell; width:45px; opacity:.6;} 
social > ul:first-child > li:last-child {margin-right:0;}
social > ul:first-child > li > a {display:block; text-indent:-9999px; width:45px; height:40px; }
social > ul li {list-style-type:none; opacity:.7}
social > ul:first-child > li:nth-child(1) {background:url('../img/social/icons_social.png') no-repeat;}
social > ul:first-child > li:nth-child(2) {background:url('../img/social/icons_social.png') no-repeat -45px 0;}
social > ul:first-child > li:nth-child(3) {background:url('../img/social/icons_social.png') no-repeat -90px 0;}
social > ul:first-child > li:nth-child(4) {background:url('../img/social/icons_social.png') no-repeat -135px 0;}
social ul li:hover {opacity:1;}  
social > ul:nth-child(2) {top:40px;} 
social > ul > li > ul {display:none; position:absolute; width:200px; top:40px; left:0px; z-index:999; font-size:18px; padding:10px;  background:url('/_assets/img/main_hdr.jpg') no-repeat right 0px;} 
social > ul > li:nth-child(2):hover ul {display:block;}
social > ul > li > ul > li > a {color:#FFF;}

header #topnav {font-size:12px; margin:0px; position:absolute; bottom:0px; right:0px; white-space:nowrap;}
header #topnav > ul > li {display:inline; float:left; height:26px; line-height:26px; background:#002A92; margin-right:1px;}
header #topnav > ul > li:first-child {padding:0 5px; background:none; border-bottom:4px solid #002A92; border-bottom:none;}
header #topnav > ul > li > a {text-decoration:none; text-align:center; display:block; width:90px; height:26px; color:#FFF;}
header #topnav > ul > li a#author {background:#693227;}
header #topnav > ul > li a#title {background:#77A3Bf;}
header #topnav > ul > li a#subject {background:#CB8732;}
header #topnav > ul > li a#area {background:#8C293C;}
header #topnav > ul > li a#series {background:#A3AC17;}

header #topnav ul li ul {display:none; float:right; position:absolute; background:#CCC; border-top:1px dotted #666; box-shadow: 3px 3px 2px #666; z-index:5000;}
header #topnav ul li:last-child ul {right:1px;}
header #topnav ul li ul li {display:table-row;}
header #topnav ul li ul li a {display:table-cell; text-align:left; text-decoration:none; min-width:100px; padding:0 3px; background:#CCC; color:#333; border:1px dotted #666; border-width:0 1px 1px 1px; white-space:nowrap;}

header #topnav ul > li a:hover {background:#EEE;}
header #topnav ul > li:hover > ul {display:table;}

header #topnav ul li ul li ul {left:100px; margin-top:-20px; background:#EEE;}
header #topnav ul li ul li ul li a {display:block; background:#EEE;}
header #topnav ul li ul li ul li a:hover {background:#F4F4F4;}
/* HEADER */

nav#topbar {margin:10px auto;}
nav#topbar > ul {display:table;}	
nav#topbar > ul > li {display:table-cell; position:relative; padding:2px 15px; text-align:center; /*font-family:'myriad_pro_lightregular','helvetica','arial';*/ font-weight:normal; font-size:15px; background:#FFF; color:#002A92;}	  
nav#topbar > ul > li ul + a:after {content:'>'; margin-left:10px;}
nav#topbar > ul > li a {color:#002A92; text-decoration:none;}	
nav#topbar > ul > li a.on {font-weight:bold;} 
nav#topbar > ul ul {display:none; position:absolute; background:#FFF; padding:5px 10px; z-index:9999; box-shadow:2px 2px 3px #CCC; z-index:99999;} 	   
nav#topbar > ul ul li {text-align:left; white-space:nowrap; list-style-type:none; line-height:24px;}
nav#topbar > ul ul li a {padding:3px 0;}
nav#topbar > ul > li:hover ul {display:block;}	
nav#topbar > ul ul li:before {content:'»'; margin-right:8px;}
		   
#quick_links {box-shadow:2px 2px 3px #CCC;}
#quick_links > ul {display:table; position:relative; width:100%; height:100px; margin:10px 0 20px 0; padding:0; border:1px solid #77A3BF; border-width:1px 0 1px 0;}	
#quick_links > ul > li {display:table-cell; width:14.2%; opacity:.75;} 
#quick_links > ul > li > a {display:block; height:100px; text-decoration:none; color:#FFF; text-shadow:2px 2px 1px #000; font-weight:bold; font-size:16px; text-align:right; padding-right:5px; overflow:hidden; border-right:1px solid #77A3BF; text-transform:uppercase;}  
#quick_links > ul > li > ul {display:none; text-align:center; width:100%; min-height:50px; position:absolute; top:101px; left:0; z-index:999; background:#333; padding:10px 0; border:1px solid #CCC; border-width:1px 0;}   
#quick_links > ul > li:hover {z-index:9999; opacity:.9;}
#quick_links > ul > li:hover > ul {display:/*block*/none;}
#quick_links > ul > li:hover > ul > li {display:inline-block; padding:5px 10px; font-size:18px;}	 
#quick_links > ul > li:hover > ul > li > a {text-decoration:none; color:#FFF;} 
#quick_links > ul > li:hover > ul > li > a:hover {border-bottom:2px dotted;}
#quick_links > ul > li > ul > li:nth-child(odd) a {color:#fdd9d9; color:#C64140;}  
.subject_landing #quick_links li {opacity:.6; /*filter:grayscale(100%);*/}
.subject_landing.advances #quick_links li.adva,
.subject_landing.anthropology #quick_links li.anth,	
.subject_landing.archaeology #quick_links li.arch,
.subject_landing.cultural-studies #quick_links li.cult,		 
.subject_landing.educational-studies #quick_links li.educ,
.subject_landing.environmental-studies #quick_links li.envi,
.subject_landing.european-studies #quick_links li.euro,
.subject_landing.film #quick_links li.film,	
.subject_landing.geography #quick_links li.geog,
.subject_landing.heal #quick_links li.heal,
.subject_landing.history #quick_links li.hist,
.subject_landing.mobility-studies #quick_links li.mobi,
.subject_landing.politics #quick_links li.poli {opacity:1!important; filter:none;}
#quick_links li:hover {opacity:.9;}
  
#quick_links > ul > li.adva > a {background:#666 url('../img/subject_landing/btn_adva.jpg') no-repeat; background-size:100% 100%;}
#quick_links > ul > li.anth > a {background:#666 url('../img/subject_landing/btn_anth.jpg') no-repeat; background-size:100% 100%;}
#quick_links > ul > li.arch > a {background:#666 url('../img/subject_landing/btn_arch.jpg') no-repeat; background-size:100% 100%;}
#quick_links > ul > li.cult > a {background:#333 url('../img/subject_landing/btn_cult.jpg') no-repeat; background-size:100% 100%;}
#quick_links > ul > li.educ > a {background:#666 url('../img/subject_landing/btn_educ.jpg') no-repeat; background-size:100% 100%;}	
#quick_links > ul > li.envi > a {background:#666 url('../img/subject_landing/btn_envi.jpg') no-repeat; background-size:100% 100%;}
#quick_links > ul > li.euro > a {background:#666 url('../img/subject_landing/btn_euro.jpg') no-repeat; background-size:100% 100%;}
#quick_links > ul > li.film > a {background:#333 url('../img/subject_landing/btn_film.jpg') no-repeat; background-size:100% 100%;}	
#quick_links > ul > li.geog > a {background:#333 url('../img/subject_landing/btn_geog.jpg') no-repeat; background-size:100% 100%;} 
#quick_links > ul > li.heal > a {background:#333 url('../img/subject_landing/btn_heal.jpg') no-repeat; background-size:100% 100%;}
#quick_links > ul > li.hist > a {background:#666 url('../img/subject_landing/btn_hist.jpg') no-repeat; background-size:100% 100%;}
#quick_links > ul > li.mobi > a {background:#333 url('../img/subject_landing/btn_mobi.jpg') no-repeat; background-size:100% 100%;} 
#quick_links > ul > li.poli > a {background:#333 url('../img/subject_landing/btn_poli.jpg') no-repeat; background-size:100% 100%;}

/* TEMP!!!!	*/
#quick_links li.arch {display:none;}
/* */  

/* MAIN */ 				
h1,h2,h3,h4 {font-family:"myriad_pro_lightregular","AkzidenzGroteskBQRegular",helvetica,arial; font-weight:normal;}	 
h1 {font-size:36px; line-height:40px;}
h2 {font-size:24px; line-height:28px;}
h3 {font-size:20px; line-height:24px;} 
h4 {font-size:16px; line-height:20px;} 
h5 {font-size:14px; line-height:20px;} 	
main > h1:first-of-type {margin:0 15px 10px 0; color:#002A92; font-size:48px; line-height:60px;} 
main > h2 {margin-bottom:10px;}	
body:not(.home) main > p, body:not(.home) main > ul, body:not(.home) main > ol, body:not(.home) section > p, body:not(.home) section ul, body:not(.home) section ol {margin:10px 0 15px 0; line-height:20px;}
body:not(.home) main > ul, body:not(.home) main > ol, body:not(.home) section ul, body:not(.home) section ol {margin-left:30px;}

main {display:block; position:relative; width:100%;}
layout {display:table; position:relative; width:100%;}
main a {color:#4F81BD;}
main a:hover {color:#4F81BD; text-decoration:underline;}  
main layout > column {display:table-cell; vertical-align:top; padding:1px; width:33%;}
main layout > column:nth-child(1) {width:400px; min-width:300px; max-width:600px;}	
main layout > column:nth-child(2) {width:600px; min-width:400px; max-width:600px;}
main layout > column:nth-child(3) {width:300px; min-width:260px; max-width:300px;}	
main layout > column:not(:nth-child(3)) section {padding-right:10px;}
main layout > column:nth-child(4) {display:block; width:100%; position:relative; left:0; bottom:0;}  
main layout > column h1 a, main layout column h2 a, main layout column h3 a, main layout column h4 a {text-decoration:none;}

main column section h1, body.catalogs section > h2:first-of-type {clear:left; background:#4F81BD none repeat scroll 0% 0%; color:#FFF; margin:1px 0 8px 0; padding:0px 5px; font-weight:normal; font-size:22px; line-height:36px!important; top:0px; border-radius:1px; text-align: left;} 
main column section h1 a, main column h1 a:hover {color:#FFF!important; text-decoration:none;}  
main column section h1 a:after {content:'» more'; float:right; font-size:16px; margin-right:10px; color:#FFF;}  
main column section h2 {font-size:20px; padding-left:5px;}	
main column h3 {font-family:trebuchet MS, helvetica, arial; line-height:20px; text-transform:uppercase;}
main column section {position:relative; overflow:hidden;} 
main column section iframe {margin-bottom:10px;}
main column section :not(h1) a {color:#000;} 
main column section :not(h1) a:hover {color:#000; text-decoration:underline;}

main column:nth-child(1) section p {margin-left:5px; font-size:13px; line-height:23px; padding-right:5px}
main column:nth-child(2) section a, main column section#new_titles item > a, main column section#nip item > a, main column section#series item > a {text-decoration:none!important; color:#000;}  
main column:nth-child(2) section a h3 {font-size:24px; line-height:28px;}
main column:nth-child(2) section a h4 {font-size:20px; margin-top:5px;}
main column:nth-child(2) section h5 {margin-top:10px;}	 

main column section h1 a, main column h1 a:hover {color:#FFF!important; text-decoration:none;}  

main column section item {overflow:hidden; clear:left;}
				
main column section#new_titles img.cover, main column section#nip img.cover, main column section#series img.cover, main column section#multimedia img.cover {float:left; width:140px; margin:0 8px 5px 0; border:1px solid #666;} 								 
main column section#nip h1 {background-color:#77A3BF;}
main column section#series h1 {background-color:#A3AC17;}
main column section#journals h1 {background-color:#8C293C;}	 	  
main column section#journals p {font-size:.9em;}
main column section#journals p img:first-of-type {width:160px!important; max-width:160px; height:auto!important;}  
						  
main column section#blog h1 {background:#3F86FF;}
main column section#blog item {display:block; margin:10px 5px 10px 0; border-bottom:1px dotted #666;}
main column section#blog item:last-child {border:none;}
main column section#blog item h3 {font-family:trebuchet MS, helvetica, arial; line-height:20px; text-transform:uppercase;}
main column section#blog item a {text-decoration:none; color:#000;}	 
main column section#blog item img:first-of-type {width:60px; height:auto; float:left;margin:3px 8px 0 0; overflow:hidden;} 
body.home main column section#tumblr item {display:block; margin:10px 5px 10px 0; border-bottom:1px dotted #666;}
body.home main column section#tumblr item:last-child {border:none;}

body.home main column section#multimedia iframe {width:100%;}
body.home main column section#multimedia item {display:block;}

body.blogs main layout > column:nth-child(1) {width:60%; max-width:auto;}  
body.blogs main layout > column:nth-child(2) {width:40%; max-width:auto;} 
body.blogs main layout > column:nth-child(3) {width:400px; max-width:500px;}
body.blogs main layout > column section#blog item {padding-bottom:10px; clear:none;}
body.blogs main layout > column section#blog item img:first-of-type {width:160px;} 
body.blogs main layout > column section#tumblr item img.tumblr_image {height:auto; max-height:auto; clip:rect(0px,400px,450px,0px); /*position:absolute;*/}

main column section#conf h1 {background-color:#000066;}		
main column section#conf li {display:block; padding:10px 0; border-bottom:1px dotted #666; font-size:.9em;}
main column section#conf li:last-child {border:none;}
main column section#conf li strong, main column section#conf li b {display:block; font-size:1em;}
main column section#conf li strong b, main column section#conf li b strong {display:inline;}  
main column section#conf li {display:none;}
main column section#conf li:nth-child(-n+4) {display:block;} 
main column section#conf ul .handle {display:block; width:65px; margin:0 auto 10px auto; text-align:center; cursor:pointer; font-weight:bold;}

main column section#cats {margin-bottom:15px; padding-right:0;}
main column section#cats h1 {background-color:#333;} 
main column section#cats cats {display:table; width:100%;} 
main column section#cats cats > * {display:table-cell; padding:0 1px 1px 1px; vertical-align:top; border:0;}
main column section#cats img.thumb {width:100%; max-width:100%;} 	

main column section#tumblr h1 {background:#3F86FF url('/_assets/img/social/logo_tumblr.png') no-repeat 5px center;}	
main column section#tumblr h1 a {display:block; color:transparent!important;}	
main column section#tumblr item {display:block; position:relative;}	  
main column section#tumblr item iframe {width:100%; height:auto; min-height:300px;}
main column section#twitter h1 {background:#55acee;}	
																
main column section#focaalblog h1 {background-color:#0058A8; margin-top:10px;}
main column section#envirosociety h1 {background-color:#008E6B; margin-top:1px;}		 
main column section#museumworlds h1 {background-color:#8D2558; margin-top:10px;} 

body.blogs main column section#envirosociety h3, body.blogs main column section#focaalblog h3, body.blogs main column section#museumworlds h3 {font-weight:900; font-size:32px; line-height:36px; text-shadow:-1px 0 #FFF, 0 1px #FFF, 1px 0 #FFF, 0 -1px #FFF;}  
body.blogs main column section#tumblr h3 {display:block; position:relative; top:0; padding:0 0 10px 0; opacity:1; font-size:24px; line-height:28px; font-weight:900;}
  
main column section#focaalblog img:first-of-type,
main column section#envirosociety img:first-of-type,
main column section#museumworlds img:first-of-type,
main column section#tumblr img {width:calc(100% - 0px); max-width:auto; max-height:450px;}
main column section#focaalblog h3, main column section#envirosociety h3, main column section#museumworlds h3 {padding:10px;}	
main column section#focaalblog img + h3, main column section#envirosociety img + h3, main column section#museumworlds img + h3 {position:absolute; top:55px; left:0; overflow:hidden; opacity:.7; background:#FFF; padding:10px;}	
main column section#envirosociety h3 {top:46px;}
main column section#focaalblog description p,
main column section#envirosociety description p, main column section#museumworlds description p	{padding:0 5px;}
 
main column section a.float_right {margin:4px;}
main column p,main column ol, main column > blockquote {margin:5px 0 15px 0; font-size:15px; line-height:22px;}   
main column address {margin:0 10px 15px; font-style:normal; line-height:20px;} 
main column ol {list-style-position:inside;} 

main column section jnls_blogs {display:table; width:100%;}	   
main column section#journals_blogs h1 {background-color:#8C293C;}	
main column section jnls_blogs > * {display:table-cell; width:33%; padding:20px; vertical-align:middle; text-align:center;}
  
body:not(.home):not(.blogs):not(.subject_landing):not(.multimedia) main {display:table; width:calc(100% - 30px); padding:0 15px;}	
body.subject_landing main > h1:first-of-type {margin-left:10px;}
body.subject_landing main .sub_category {display:table; margin-left:10px;}
body.subject_landing main .sub_category > * {display:table-cell;}
body.subject_landing main .sub_category > * > * {display:block; padding:2px 6px; text-decoration:none; color:#000; background:#DEDEDE; margin:0 5px;}
body.subject_landing main {display:block; width:100%;} 
body.subject_landing container container {display:block;}
body.subject_landing container > column {display:block; width:100%; height:450px; overflow:hidden; overflow-x:auto;}	
body.subject_landing container > column section#new_titles h1 {padding-left:10px;}
body.subject_landing container > column section#new_titles container {display:block; position:relative; overflow:auto; padding-left:10px;} 
body.subject_landing container > column section#new_titles container img.cover {height:auto; min-height:225px; max-height:225px;}

main arrow_left, main arrow_right {content:''; display:inline-block; position:absolute; top:45px; width:0; 
height:0; background:#FFF; color:#4F81BD; opacity:.7; cursor:pointer; z-index:9999;}
main arrow_left {left:0px; border-top:127px solid transparent; border-bottom:127px solid transparent; border-right:20px solid #3F86FF;}
main arrow_right {right:0; border-top:127px solid transparent; border-bottom:127px solid transparent; border-left:20px solid #3F86FF;}
main #gallery arrow_left {top:240px; border-top:60px solid transparent; border-bottom:60px solid transparent; border-right:50px solid #3F86FF;}
main #gallery arrow_right {top:240px; border-top:60px solid transparent; border-bottom:60px solid transparent; border-left:50px solid #3F86FF;}

/* 
body.subject_landing container > column section#new_titles arrow_left:hover ~ container {display:table; animation:scroll_left 30s linear infinite;}
body.subject_landing container > column section#new_titles arrow_right:hover ~ container {display:table; animation:scroll_right 30s linear infinite;}
*/
body.subject_landing container > column section#new_titles container item {display:table-cell; position:relative; width:200px; height:405px; vertical-align:top;}
body.subject_landing container > column section#new_titles container item a {text-decoration:none;}	
body.subject_landing container > column section#new_titles container item h3 {letter-spacing:-1px; padding-right:5px; font-size:18px; clear:left;}	
body.subject_landing container > column section#new_titles container item h6 {position:absolute; top:0; left:0; padding:2px 3px; background:#000066; color:#FFF; font-size:10px; opacity:.7;}   	
body.subject_landing layout column section#journals item {display:block; overflow:hidden;}
body.subject_landing layout column section#journals item img.cover {float:left; margin:0 8px 2px 0; width:198px; border:1px solid #CCC;}
body.subject_landing layout column:nth-child(1) {width:300px;}
body.subject_landing layout column:nth-child(2) {}		 
body.subject_landing layout column:nth-child(3) {}	 
							  
body.catalogs section > h2:first-of-type {margin-left:-15px; padding-left:15px;}
body.catalogs main section container {display:block; width:auto;}
body.catalogs main section container item {display:inline-block; position:relative; width:200px; vertical-align:top; padding:0 15px 15px 0;} 
body.catalogs main section container item a {text-decoration:none; color:#000;}
body.catalogs main section container item img.cover	{float:left; margin:0 8px 2px 0; width:198px; height:285px; border:1px solid #CCC;}
/*body.catalogs main section container item h3 {position:absolute; bottom:30px; background:#FFF; opacity:.7;}*/	 

body.agents-reps main div h3 {margin-top:10px;}		
 
body.series main ul {display:table; width:100%;}
body.series main ul li {display:block; overflow:hidden; padding:20px 0;}
body.series main ul li a {text-decoration:none; color:#000;}
body.series main ul li h2 {font-family:trebuchet MS,helvetica,arial; text-transform:uppercase;}
body.series main ul li h4 {font-family:trebuchet MS,helvetica,arial; font-weight:bold;}    
 		
body.multimedia main > h1:first-of-type	{margin-left:10px;}
body.multimedia	column {padding:0 15px 0 0; width:33%;} 
body.multimedia	column:nth-of-type(1) > * {padding-left:5px;}
body.multimedia	column > h2 {margin-bottom:15px; background:#4F81BD none repeat scroll 0% 0%; color:#FFF; margin:1px 0 8px 0; padding:0px 5px; font-weight:normal; font-size:22px; line-height:36px!important; border-radius:1px;}
body.multimedia	column div.table {margin-bottom:15px;}
body.multimedia	column div.table a {display:block; clear:left; overflow:hidden; text-decoration:none; color:#000; margin-bottom:10px;}
body.multimedia	column div.table a div {position:relative;}	
body.multimedia	column#cambridge .table h2 {margin:-10px 0 10px 0;}

body[class*="new-"] main {display:block!important;}
body[class*="new-"] main ul {display:table; width:calc(100% - 30px);}
body[class*="new-"] main ul li {display:block; overflow:hidden; padding:20px 0;}
body[class*="new-"] main ul li a {text-decoration:none; color:#000;} 
body[class*="new-"] main ul li img.float_left {max-height:300px; border:1px solid #CCC; margin-right:15px;}
body[class*="new-"] main ul li h2 {font-family:trebuchet MS,helvetica,arial; text-transform:uppercase;}
body[class*="new-"] main ul li h4 {font-family:trebuchet MS,helvetica,arial; font-weight:bold;} 
body[class*="new-"] main ul li p {margin-top:15px;}   
main h5.subjects, main h5.areas {margin-top:20px;}
main h5.areas {margin-bottom:20px;}
main h5.subjects a, main h5.areas a {color:#000; background:#EEE; padding:2px 3px; font-weight:normal; text-decoration:none;}	
toc p {margin-bottom:10px!important;}
toc ul {margin:0 0 20px 30px;}

body.title main container column:first-child {width:200px;}
body.title main container column:nth-child(2) {padding-left:20px;}
main column book_title h1 {font-family:trebuchet MS,helvetica,arial; text-transform:uppercase;} 
main column book_title h3 {text-transform:none; margin:10px 0;}	
main column form[name="ccoptin"] {margin:10px 0;}
main column form[name="ccoptin"] h3 {text-transform:none; font-size:16px; margin-bottom:5px; font-weight:bold;} 
main column form[name="ccoptin"] input {height:30px; border:1px solid #CCC; margin-bottom:5px;}
main column form[name="ccoptin"] input[type="email"] {width:150px; height:28px; padding:0 2px;}
main column form[name="ccoptin"] input[type="submit"] {width:40px; cursor:pointer; margin-left:2px;}
main column book_info, main column author_info, main column open_access {display:inline-block; overflow:hidden; padding:10px; border:1px solid #CCC;}
main column book_info p {margin:0; font-size:14px;}
main column author_info {margin-bottom:10px; background:#F9F9F0;}
main column author_info p:last-child {margin-bottom:5px;}	
main column open_access {display:table; border-left-width:10px; margin-left:-10px;} 
main column open_access a {white-space:nowrap;}
main column order_info {vertical-align:middle;}
main column cart_button {display:inline-block; max-width:300px;	margin:10px 30px 10px 0; vertical-align:middle;}
main column cart_button input, main column cart_button a#view_cart {display:inline-block; border:1px solid #4F81BD; padding:2px 3px; cursor:pointer; text-decoration:none; line-height:22px;}  
main column cart_button a#view_cart {line-height:25px;}	  
div.regionSelect {margin:10% auto; color:#FFF;}	
div.regionSelect h3 {margin:50px 0;} 
div.regionSelect button {padding:10px 20px; font-size:18px;}
div.regionSelect a {color:#FFF;} 

main column comp_info {margin:10px 0; display:table; position:relative; height:36px; line-height:24px; white-space:nowrap;} 
main column comp_info > a {text-decoration:none; font-weight:bold; display:table-cell; vertical-align:top;}	
main column comp_info > a:before {display:inline-block; vertical-align:middle; content:''; width:32px; height:32px; border-radius:3px; margin-right:5px;  background:url('/_assets/img/icon/icon_eb20.png') no-repeat center left;}	 
main column comp_info ul {display:none; position:absolute; top:0; left:0; border:1px solid #CCC; background:#FFF; padding:10px; min-width:415px;}
main column comp_info ul li {margin:5px 0 5px 15px; list-style-type:circle;} 
main column comp_info > a:hover + ul {display:table;} 
main column comp_info:hover ul {display:table;}   

main column a.lib_rec {display:table; height:36px; line-height:36px; text-decoration:none; font-weight:bold;}
a.lib_rec::before {display:inline-block; content:""; width:32px; height:32px; border-radius:3px; margin-right:5px; background:transparent url("/_assets/img/icon/icon_library.png") no-repeat scroll left center;} 

main column a.ebooks_icon {display:table; height:36px; line-height:36px; text-decoration:none; font-weight:bold;}
main column a.ebooks_icon::before {display:inline-block; content:""; width:32px; height:32px; border-radius:3px; margin-right:5px; background:transparent url("/_assets/img/icon/icon_ebook.png") no-repeat scroll left center;} 

main column google_preview {display:inline-block; margin:0 0 10px -8px;}


body main #form_selects {position:absolute; top:0px; right:20px;} 
body main #form_selects > * {display:table-cell; vertical-align:top; padding-left:20px;}
body main #form_selects form select.sm {font-size:16px; height:22px;}
body main #form_selects form select.sm option {font-size:14px; padding:3px;}	

body main nav > ul {display:table!important;}
body main nav > ul > li {display:table-cell!important; text-align:center;} 
body main nav > ul > li.on a {background:#EEE;}
body main nav > ul > li > a {padding:10px; font-size:16px; border-bottom:2px dotted #CCC;}
/* MAIN */
 
/* FOOTER */
footer {display:block; clear:both; margin:10px auto 30px; text-align:center; color:#999; font-size:11px;}
footer #feedback {content:''; display:inline-block; width:21px; height:20px; background:url('../img/icon/icon_feedback.png') no-repeat; text-indent:-9999px; margin:0px 5px;}  
/* FOOTER */	

/* FORMS */
form.checkSubmit fieldset {margin:10px 0; padding:10px; border:1px solid #CCC; display:inline-block; vertical-align:middle;}	
form.checkSubmit fieldset label {display:inline-block; min-width:120px; font-size:15px;}   
form.checkSubmit fieldset input[type='text'],form.checkSubmit fieldset input[type='email'] {height:26px; font-size:15px; padding:3px; border:0; border-bottom:2px dashed #CCC;} 
form.checkSubmit fieldset select {border:0px solid black;}
form.checkSubmit fieldset select option {border:0; font-size:15px; padding:3px;} 		
form.checkSubmit input {vertical-align:middle;}	   
form.checkSubmit fieldset textarea {min-width:200px;}
form.checkSubmit input[type='submit'],form.checkSubmit input[type='button'] {clear:left; padding:10px; font-size:15px; font-weight:bold; overflow:hidden; cursor:pointer;} 	  
form.checkSubmit fieldset.noborder {border-color:#FFF;}	
form.checkSubmit fieldset.noborder span {display:table;}
form.checkSubmit fieldset.noborder span > * {display:table-cell; vertical-align:middle; margin-right:6px;}	 
/* FORMS */	

body.search main .searchform input[type='text'] {font-size:14px; padding:2px 3px;}
body.search main .searchdetails {color:#666;}	 
 
body.search main form.checkSubmit {clear:both;} 
body.search main ol li > a {display:table; text-decoration:none; color:#000;}					  
body.search main > h2 {font-weight:normal;}
body.search main > h2 > b {color:#006600;}
body.search main > h2 > b:nth-child(2) {font-size:.9em;}
body.search main > h2 > b:nth-child(3) {font-size:.9em;}
body.search main ol li {margin:15px; font-size:1.1em;}
body.search main ol li img:first-child {float:left; margin:0 10px 5px 0; width:120px!important;}  
body.search main ol li a h3 {font-family:trebuchet MS,helvetica,arial; text-transform:uppercase;}
body.search main ol li a h4 {font-size:20px}
body.search main ol li > h4 {margin:3px 0!important; font-family:trebuchet MS,helvetica,arial; font-weight:bold;}
body.search main ol li > h5 {color:#999;}
body.search main ol li > span {display:block; color:#CCC; margin-top:4px;}
 
button.load, button.play, button.pause {vertical-align:top; display:inline-block; position:absolute; top:calc(50% - 50px); left:calc(50% - 50px); width:100px; height:100px; text-align:center; border-radius:50%; border:10px solid #FFF; background:transparent; opacity:.3; cursor:pointer; text-indent:-9999px;}
button.load:hover, button.play:hover, button.pause:hover {opacity:.9;} 
button.load a {display:block; width:30px; height:30px; border:10px solid #FFF; border-right-color:transparent; border-bottom-color:transparent; border-radius:50%; margin:0 auto!important; animation: spin 1s linear infinite;}
button.play a {display:block; width:0; height:0; border-top:25px solid transparent; border-bottom:25px solid transparent; border-left:40px solid #FFF; text-align:center; margin:0!important; margin-left:25px!important;}	 
button.pause a {display:block; width:10px; height:45px; border-left:10px solid #FFF; border-right:10px solid #FFF; margin:0 auto; animation:pause 1s infinite;} 		

/*
BLOG
*/		
body.wordpress div#content {padding:15px;}	
body.wordpress main hr {border-top:2px dotted #CCC; margin:20px 0;}
/*body.wordpress main .entry-content p img:first-of-type + a {font-size:18px; line-height:24px;}*/
body.wordpress main div.entry-content .alignleft {margin-top:0!important;}
body.wordpress article {display:block; clear:left; padding:20px 0;}	
body.wordpress article p, body.single article p {margin:10px 0 15px 0; line-height:22px;}	 
body.wordpress h1 a {text-decoration:none;}	   
body.wordpress.home article {border:2px dotted #CCC; border-width:0 0 2px 0;}
body.wordpress.home article p:last-child {display:block; clear:left;}	 
body.wordpress.home article p:last-child > span[class*="st_"] {display:inline-block; vertical-align:top;}  
body.wordpress.home article p:last-child > span.st_fblike_buttons {display:block; clear:left; margin:5px 0;}
body.wordpress #archives-2	{display:none;}	 
body.wordpress #secondary #categories {display:none;}
body.wordpress #rss_links li:last-child {display:none;}

/* Overlay */
#zoom {
    display:none;
    height:100%;
    left:0;
    position:absolute;
    text-align:center;
    top:0;		   
	padding:0;
    width:100%;
    z-index:1002; 
	background:url('/_assets/img/loadingAnimation.gif') no-repeat center center;
} 
#zoom #close {color:#FFF; background:#000; padding:10px; font-weight:bold; border:1px solid #FFF;}
#overlay {   
	background:none repeat scroll 0 0 #007baf;
    display:none;
    height:130%;
    left:0;
    opacity:0.8;
    position:absolute;
    text-align:center;
    top:0;
    width:100%;
    z-index:1000; 
}

@media screen and (max-width:1024px) { 	  
	body main layout {display:block;}
	body main layout > column {display:block; width:100%!important; min-width:100%; max-width:100%!important;}	  
	body.home main layout > column:nth-child(2) {display:table;} 
	body.home main layout > column:nth-child(2) section {display:table-cell;}	
	body.home main layout > column section#conf {width:160px;}
	body.home main layout > column section#conf li {display:block;}	
	body.home main layout > column section#conf ul .handle {display:none;}
	body.home main layout > column section#twitter {width:300px;}
	body.home main layout > column section#journals {width:330px;}	
	
	body main section jnls_blogs a {width:33%;}
	body main section jnls_blogs a img {width:100%;}
	
	body.subject_landing layout column {}
	body.subject_landing layout column:nth-child(3) {display:inline-block; float:right;}
}

@media screen and (min-width:760px) and (max-width:1024px) { 	
	body.home main column section#new_titles item, main column section#nip item {display:inline-block; float:left; width:33%; clear:none; margin-right:2px;}
	body.home main column section#new_titles item h3, main column section#nip item h3 {font-size:16px;}
	body.home main column section#new_titles item h4, main column section#nip item h4 {font-size:14px; font-weight:bold; color:#666;}
	body.home main layout > column section:not(#series) img.cover {width:100px!important; height:auto;}
}
 

@media screen and (max-width:900px) { 
	header logo h1 {position:static;}
	header #bookseller_logo {position:absolute; top:45px; right:25px; height:110px;}	
	body main #form_selects {position:static;}
	body main #form_selects + h1 {clear:both; display:none;} 
	main column open_access a {white-space:normal;}
	
} 

@media screen and (max-width:759px) { 	
   body.home main layout > column:nth-child(2) {display:block;} 
   body.home main layout > column:nth-child(2) section {display:block; width:100%!important;}	
}
  
@media screen and (max-width:640px) { 	   
	body > container {min-width:100%;}	   
	header {background-size:200%;}
	header logo h1 {background-size:230px; margin-top: 40px;}
	header #bookseller_logo {right:-105px;}	
	header #topnav {bottom:-7px; width:100%;}			
	header #topnav > ul {display:table; width:100%;}
	header #topnav > ul > li {display:table-cell; float:none; width:20%;}
	header #topnav > ul > li > a {width:100%;}
	header #topnav > ul > li:first-child {display:none;}
	body.wordpress #wrapper {margin:0; width:99%;}	   
	body.wordpress #container {float:none; margin:0;}
	body.wordpress #content {display:block; float:none; margin:0; padding:0!important;}  
	body.wordpress .sidebar	{text-align:left; clear:both; width:100%;}	
	body.wordpress div.hfeed {margin:0;}
}