/*
Theme Name: NSL
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar! (Based on Twenty Ten)
Version: 3.0
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/

@import "reset.css";

body {
	font-size:14px;
	line-height:22px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#666666;
}

p {
	margin:0 0 10px 0;
}

a {
	color:#09792c;
	text-decoration:none;
}
a:hover {
	color:#af082d;
}

.green { color:#09792c; }
.red { color:#af082d; }
.upper { text-transform:uppercase; }

.alignleft { float:left; margin:0 10px 10px 0; }
.alignright { float:right; margin:0 0 10px 10px; }

#wrapper {
	width:990px;
	margin:0 auto;
}

.wrapper {
	width:990px;
	margin:0 auto;
}

#headerwrap {
	width:100%;
	height:90px;
	background:#09792c;
}

#header {
	width:990px;
	height:90px;
	background:#09792c;
	margin:0 auto;
}

#logo {
	margin:20px 0 0 20px;
	width:60px;
	height:60px;
	float:left;
}

#main {
	width:936px;
	background:#ffffff;
	margin:60px 0 30px 25px;
}

#main.notop {
	width:936px;
	background:#ffffff;
	margin:0px 0 20px 25px;
}

.main {
	width:936px;
	background:#ffffff;
	margin:60px 0 30px 25px;
}

.notop {
	margin:0px 0 20px 25px;
}

#content {
}
#main ol { list-style: decimal; margin-bottom: 2em; }
#main ol li { list-style: decimal; margin-left: 2em; }
#main ul { list-style-type: disc; margin-bottom: 2em; }
#main ul li { list-style-type: disc; margin-left: 2em; }


.content {
}

#shadowline {
	width:100%;
	height:10px;
	background:url(images/shadow.gif) repeat-x;
}

.half {
	width: 405px; padding-right: 40px; vertical-align: top;
}

.third {
	width:300px;
	padding-right:12px;
	vertical-align:top;
}

.twoton {
	width:200px;
	float:left;
}

.sixton {
	width:600px;
	margin-right:100px;
	float:left;
}

.seventon {
	width:700px;
	float:left;
}

#introvideo {
	width:500px;
	height:380px;
	background:#eee;
	float:left;
}

.introvideotext {
	width:400px;
	height:380px;
	float:left;
	margin-left:30px;
}

.intromenu {
	font-size:16px;
	line-height:21px;
	width:210px;
	float:left;
	margin-right:10px;
}

.intromenu ul li a {
	/*background:url(images/sml-arrow.gif) no-repeat right;
	padding-right:18px;*/
}

.intromenu ul li a:hover {
	background:url(images/drawn-arrow.gif) no-repeat;
	padding-left:30px;
	margin-left:-30px;
	color:#000;
}

.intromenu ul li a.current {
	background:url(images/drawn-arrow.gif) no-repeat;
	padding-left:30px;
	margin-left:-30px;
	color:#000;
}

/*li.welcome {
	background:url(images/drawn-arrow.gif) no-repeat;
	padding-left:30px;
	margin-left:-30px;
	color:#000;
}*/

.paymenu {
	font-size:16px;
	line-height:21px;
	width:180px;
	margin-left:0px;
	float:left;
}

.paymenu .withtweet {
	background:url(images/angle-arrow.gif) no-repeat right top;
	padding-right:30px;
	padding-top:30px;
	margin-top:-30px;
}

.paymenu .withtweet a {
	background:#09792c;
	color:#fff;
	padding:0 3px;
}

#videowallwrap {
	padding:0 0 20px 0;
	float:left;
}

.videowallvid {
	width:306px;
	height:240px;
	background:#eee;
	float:left;
	margin:0 6px 6px 0;
}


#sidebar {
	
}

#footer {
	width:965px;
	background:#ffffff;
	margin:100px 0 60px 25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

.footer-box1 {width:30%; float:left;}
.footer-box2 {width:60%; float:left;}
.footer-box2 #cc {float:left; padding:.5em 1em 0 0;}

#footer a {
	color:#09792c;
	text-decoration:none;
}

#access {
	font-family:'Rokkitt', Georgia, "Times New Roman", Times, serif;
	font-weight:400;
	float:left;
	font-size:18px;
	margin:60px 0 0 15px;
	width:790px;
}

#access a#responsive_menu_button { display:none; }

#access ul li { float:left; margin:0 5px 0 0; padding:0 16px 0 0; background:url(images/slash.gif) no-repeat right 3px; }
#access ul li a { color:#fff; text-decoration:none; }
#access ul li.current_page_item a, #access ul li a:hover { color:#f5d342; }
#access ul li.last { background:none; }

#topshare {
	width:100px;
	margin:55px 0 0px 0px;
	float:right;
}

h1, h2, h3, h4, h5 {
	font-family:'Rokkitt', Georgia, "Times New Roman", Times, serif;
	font-weight:400;
}

h1 { font-size:36px; line-height:42px; margin:0 0 30px 0; text-transform:uppercase; color:#af082d; font-weight:400; }
h2 { font-size:30px; line-height:36px; margin:0 0 8px 0; color:#af082d; font-weight:400; }
h3 { font-size:24px; line-height:24px; margin:0 0 8px 0; font-weight:400; }
h3 a, .bibliolistentry a { color:#09792c; text-decoration:none; }

/*h1.videowall { font-size:21px; margin:30px 0 20px 0; }
h1.videowall span { font-size:16px; color:#000; text-transform:lowercase}*/

.blogside h3 { }
.blogside ul.xoxo,
.blogside ul.xoxo li { list-style-type: none !important; margin-left: 0 !important; }
.widget-title { font-size:18px; color:#000; margin-bottom:0px; }

h1.videowall { font-size:30px; margin:30px 0 20px 0; }
h1.videowall span { font-size:24px; color:#000; text-transform:lowercase}

.rokkit { font-family:'Rokkitt', Georgia, "Times New Roman", Times, serif; }
.museo { font-family:'Rokkitt', Georgia, "Times New Roman", Times, serif; }
.georgia { font-family:Georgia, "Times New Roman", Times, serif; }

.twelve { font-size:12px; }
.fourteen { font-size:14px; }
.sixteen { font-size:16px; line-height:21px; }
.eighteen { font-size:18px; line-height:24px; }
.twentyfour { font-size:24px; line-height:40px; }

.quotee { font-size:12px; line-height:18px !important; padding-bottom:30px; }

#letterbox {
width:935px;
height:200px;
float:left;
margin-bottom:20px;
}

#letterbox.short {
height:170px;
margin-bottom:30px;
}

#search  {
	margin:0 0 20px 0;
}

#search input {
	width:340px;
	height:28px;
	padding:2px 10px 0 10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	background:url(images/search.gif) no-repeat;
	border:none;
	color:#666666;
}

#share {
	width:700px;
	border-top:1px solid #09792c;
	padding:10px 0;
	margin:20px 0 0 0;
}

#shareblog {
	width:640px;
	border-top:1px solid #09792c;
	border-bottom:1px solid #09792c;
	padding:10px 0;
	margin:60px 0 0 0;
	clear:both;
}

.social {
	width:280px;
	padding:4px 0 10px 0;
	float:left;
	height:30px;
}

.fb { float:left; }
.icons { float:left; width:360px; height:30px; }
	
.blogcats {
	width:640px;
	float:left;
}

.sgr-custom-taxonomies-menu {
	padding-bottom:30px;
}

.sgr-custom-taxonomies-menu li {
	float:left;
	margin-right:3px;
}

.widget_wp-customtype-archive {
	clear:both;
	padding-top:20px;
}

#blogpostnav {
	width:640px;
	padding:10px 0;
	margin:0 0 0 0;
}
	
.next {
	float:right;
	width:290px;
	height:30px;
	padding-right:30px;
	background:url(images/arrow-next.gif) no-repeat 295px -3px;
	text-align:right;
}

.prev {
	float:left;
	width:290px;
	height:30px;
	padding-left:30px;
	background:url(images/arrow-prev.gif) no-repeat -4px -3px;;
}

.index {
	margin-bottom:30px;
}

.entry {
	margin:0 0 50px 0;
	float:left;
}

.tentopbot {
	margin:10px 0 10px 0;
	float:left;
}

.twentytopbot {
	margin:10px 0 10px 0;
	float:left;
}

.twentytop {
	margin:20px 0 0px 0;
	float:left;
}

.sixtybot {
	padding:0 0 60px 0;
}


.sixeightfive {
	width:685px;
	float:left;
}

.widget-container {
	margin:0 0 30px 0;
}

.twitter {
	width:200px;
	margin-left:50px;
	float:left;
	font-family:'Rokkitt', Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	line-height:18px;
	font-weight:400;
}

.twitter ul li ul li {
	margin:0 0 10px 0;
}

.desc {
	margin:0 0 50px 0;
}

.normentry {
	margin:0 0 60px 0;
	clear:both;
}

.bibliolistentry {
	font-family:'Rokkitt', Georgia, "Times New Roman", Times, serif;
	font-weight:400;
	margin:0 0 60px 0;
	clear:both;
}

.minithumb {
	float:left;
	margin-right:5px;
}

.minithumb img {
	width:40px;
	height:auto;
	margin-top:5px;
}


.authors {
	font-size:18px;
}

.publishers {
	float:left;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.publishers a {
	color:#666666;
}

.date {
	float:left;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.azlist {
	font-family:'Rokkitt', Georgia, "Times New Roman", Times, serif;
	font-size:18px;
        text-transform: uppercase;
	color:#09792c;
}

.azlist a {
	color:#09792c; text-decoration:none;
	padding:0 1px;
}

.azlist a.current {
	color:#ffffff;
	background:#09792c;
	padding:0 3px;
}

.azlist ul {
		padding:0 0 60px 0;
}

.azlist ul li {
	float:left;
	margin:0 4px 0 0;
        list-style-type: none !important;
}


.bookthumb {
	width:200px;
	height:280px;
	float:left;
}

p.booktitle {
	clear:left;
	font-size:12px;
	line-height:14px;
	width:140px;
}


#contactform {
	display:none;
	width:640px;
	height:380px;
	padding:50px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-240px 0 0 -370px;
	background:#fff;
	z-index:999;
	/*-moz-box-shadow:0px 0px 10px rgb(0,0,0,0.5);
	-webkit-box-shadow:0px 0px 10px rgb(0,0,0,0.5);
	box-shadow:0px 0px 10px rgb(0,0,0,0.5);*/
	-moz-box-shadow: 2px 2px 10px #000;
	-webkit-box-shadow: 2px 2px 10px #000;
	box-shadow: 2px 2px 10px #000;
}
.wpcf7-mail-sent-ok {
	color:#398F14;
	border:0 !important;
}
a.close {
	background:#09792c;
	color:#FFF;
	padding:5px;
}

li.juiz_last_tweet_widget { list-style-type: none !important; }
li.juiz_last_tweet_item { margin-left:0 !important; }


/* ADDITIONAL BLOG STYLING ELEMENTS */
.sixton ol, .sixton ul{
margin-bottom:18px;
}
.sixton ol li{
list-style:decimal !important;
margin-left:68px;
margin-bottom:0;
}
.sixton ul li{
list-style:square !important;
margin-left:68px;
margin-bottom:0;
}

.wp-caption.alignleft {
margin:0px 20px 20px 0;
padding:10px;
text-align:center;
background-color:#eaeaea;
font-size:0.8em;
display:block;
}

/* T-Labs template */

.menu-t-labs-container { width:800px; margin: 1rem auto 2rem; height: 1rem; }
.menu-t-labs-container li { float:left; margin-right:2.6rem; }

.page-template-page-t-labs-php .hide { display:none; }

.page-template-page-t-labs-php #main { width:800px; margin: 60px auto 30px; }

.page-template-page-t-labs-php #content { margin-top:-20px; }

.page-template-page-t-labs-php #titleGroup { height:150px; overflow: hidden; background:url("images/recycle.png") no-repeat right bottom;
		    border-bottom:1px solid #af082d; margin-bottom:2rem; }
.page-template-page-t-labs-php #titleGroup h1 { margin-top:70px; margin-bottom:0; }
.page-template-page-t-labs-php #titleGroup #tagline { font-size:22px; }
  
.page-template-page-t-labs-php #box1, .page-template-page-t-labs-php #box2, .page-template-page-t-labs-php #box3 { float:left; width:250px; margin-bottom:1rem; }
.page-template-page-t-labs-php #box2, .page-template-page-t-labs-php #box3 {  padding:15px 15px; line-height: 1.2rem;  width:220px; }
.page-template-page-t-labs-php #box2 { background:#4fb24f; color:#FFF; }
.page-template-page-t-labs-php #box2 a { color:#FFF; }
.page-template-page-t-labs-php #box2 ol, .page-template-page-t-labs-php #box2 ul { margin-bottom:1rem; }
.page-template-page-t-labs-php #box2 ol li { list-style:decimal outside; margin-left:1rem; }
.page-template-page-t-labs-php #box2 ul li { list-style-image: url('images/arrow-point.png'); list-style-position: outside; margin-left:1rem; }
.page-template-page-t-labs-php .sidebox h1, .page-template-page-t-labs-php .sidebox h2, .page-template-page-t-labs-php .sidebox h3 { font-size:1.3rem; }
.page-template-page-t-labs-php #box2 h1, .page-template-page-t-labs-php #box2 h2, .page-template-page-t-labs-php #box2 h3 { color:#000; }
.page-template-page-t-labs-php #box3 h1, .page-template-page-t-labs-php #box3 h2, .page-template-page-t-labs-php #box3 h3 { color:#af082d; font-size:1rem; }
.page-template-page-t-labs-php #box4 { border-top:1px solid #af082d; border-bottom:1px solid #af082d; padding:1rem 0;
	      color:#000; font-size:1.4rem; line-height:1.6rem; }
.page-template-page-t-labs-php #box4, .page-template-page-t-labs-php #box5 { float:right; width:100%; }
.page-template-page-t-labs-php #box4 blockquote { color:#af082d; margin-bottom:1.7rem; }
.page-template-page-t-labs-php #box5 { border-bottom:1px solid #af082d;  padding:1rem 0; }


.page-template-page-t-labs-php .entry { float:right; width:470px; }
.page-template-page-t-labs-php .entry h1, .page-template-page-t-labs-php .entry h2, .page-template-page-t-labs-php .entry h3,
.page-template-page-t-labs-php .pp_inline h1, .page-template-page-t-labs-php .pp_inline h2, .page-template-page-t-labs-php .pp_inline h3 
{ color:#af082d !important; }
.page-template-page-t-labs-php .entry h1, 
.page-template-page-t-labs-php .pp_inline h1 { font-size: 1.2rem; line-height: 1.5rem; margin-bottom: 1.5rem; }
.page-template-page-t-labs-php .entry h2,
.page-template-page-t-labs-php .pp_inline h2 { font-size: 1.1rem; line-height: 1.3rem; margin-bottom: 1.3rem; }
.page-template-page-t-labs-php .entry h3,
.page-template-page-t-labs-php .pp_inline h3 { font-size: 1rem; line-height: 1.2rem; margin-bottom: .5rem; }
.page-template-page-t-labs-php .entry ol, .page-template-page-t-labs-php .entry ul 
.page-template-page-t-labs-php .pp_inline ol, .page-template-page-t-labs-php .pp_inline ul { color:#000; margin:1rem 0 }
.page-template-page-t-labs-php .entry ol li,
.page-template-page-t-labs-php .pp_inline ol li { list-style:decimal outside; margin-left:1rem; line-height:1.3rem; }
.page-template-page-t-labs-php .pp_inline ul li { list-style: disc; list-style-position: outside; margin-left:1rem;  line-height:1.3rem; }

.page-template-page-t-labs-php .pp_inline { padding:1rem; color:#666 !important; }




/* Responsive Layout Variations */

@media screen and (max-width: 1280px) {



}

@media screen and (max-width: 900px) {



}

@media screen and (max-width: 800px) {

#header, #headerwrap { margin:0; width:100% }

#wrapper,
.wrapper,
#footer
{
  max-width: 800px;
  margin: 0 auto;
}


#topshare {
    margin: 5px 0px 0px;
}

  .twentytopbot { width:500px; }

}

@media screen and (max-width: 768px) {
  

#access a#responsive_menu_button {
	position: absolute;
	display: block;
	top: 60px;
	left: 100%;
	height: 30px;
	width: 23px;
	margin-left: -30px;
	background: url('images/select-icons.png') 0 5px no-repeat;
	cursor: pointer;
}

#access a#responsive_menu_button.responsive-toggle-open {
	background: url('images/select-icons.png') 0 -46px no-repeat;
}

#access { width:200px; background:#FFF; }

#menu-main {
    position: absolute;
    top: 89px;
    right: 0px;
    width: 200px;
    padding: .5em;
    background: #FFF;
    border: 1px solid #09792C;
    border-bottom-left-radius: 5px 5px;
}

#access ul li {
    width:100%;
}

#access ul li a {
    color: #09792C;
}

#wrapper,
.wrapper,
#footer
{
  max-width: 750px;
  margin: 0 auto;
}

#main,
.main,
#main.notop
{
  max-width: 750px;
  margin: 0px 2px 20px;
}

.twentytopbot { width:470px; } 

}

@media screen and (max-width: 640px) {
  
img { max-width:620px; }
  
#wrapper,
.wrapper,
#footer
{
  width: 620px;
  margin: 0 auto;
}

#main,
.main,
#main.notop
{
  width: 620px;
  margin: 0px 2px 20px;
}

.twentytopbot { width:100% }


#header { margin:0; width:100% }

#wrapper,
.wrapper,
#footer
{
  max-width: 640px;
  margin: 0 auto;
}

#main,
.main,
#main.notop
{
  max-width: 640px;
  margin: 0px 2px 20px;
}


@media screen and (max-width: 480px) {
  
img { max-width:450px; }
  
.wrapper,
#footer
{
  max-width: 450px;
  margin: 0 auto;
}

#main,
.main,
#main.notop
{
  max-width: 450px;
  margin: 0px 2px 20px;
}

.twentytopbot { width:100% }

}


@media screen and (max-width: 360px) {
  
img { max-width:340px; }

#header { margin:0; width:100% }

#wrapper,
.wrapper,
#footer
{
  max-width: 340px;
  margin: 0 auto;
}

#main,
.main,
#main.notop
{
  max-width: 340px;
  margin: 0px 2px 20px;
}

.twentytopbot { width:100% }


}

@media screen and (max-width: 320px) {
  
img { max-width:300px; }

#wrapper,
.wrapper,
#footer
{
  max-width: 300px;
  margin: 0 auto;
}

#main,
.main,
#main.notop
{
  max-width: 300px;
  margin: 0px 2px 20px;
}

.twentytopbot { width:100% }

}