/*
THEME NAME: Show in a Box
THEME URI: http://showinabox.tv
DESCRIPTION: The theme for the 2008 relaunch of Show in a Box website
VERSION: 1.7
AUTHOR: <a href="http://milkweedmediadesign.com/">Jen Simmons</a>
AUTHOR URI:http://milkweedmediadesign.com/
*/


body {
	margin:0;
	padding:0;
	color:#4f2a32;
	font: 11px "Lucida Grande", Geneva,Arial,Verdana,sans-serif;
	line-height:1.7em;
	min-width:960px;
	background:#e9e4de;
}
#wrapperhead {
	background:#e9e4de url(images/header.jpg) top center no-repeat;
	width:100%;
	margin:0;
	min-width:960px;
}
#wrappercontent {
	width:960px;
	margin:0 auto;
}
#mainnav {
	padding:135px 0 60px 0;
}
#homefirstgroup {
	float: left;
	width:725px; 
}
#homecontainer {
	float: right;
	width: 450px;
}
#homeprimary {
	float: left;
	width: 255px;
}
#homesecondary {
	float: right;
	width: 215px;
}
#homecontent {
}

#firstgroup {
	float: left;
	width:725px; 
}
#container {
	float: right;
	width: 725px; 
}
#primary {
	float: left;
	width: 0px; 
}
#secondary {
	float: right;
	width: 215px; 
}
#content {
	
}
#bigmaincol {
	background:url(images/725_bottom.png) bottom left no-repeat;
	width:725px;
}
#bigmaincol2 {
	background:url(images/725_top.png) top left no-repeat;
}
#bigmaincol3 {
	padding:30px 40px 24px;
}


#overallintro {
	background:url(images/450_bottom.png) bottom left no-repeat;
	width:450px;
}
#overallintro2 {
	background:url(images/450_top.png) top left no-repeat;
}
#overallintro3 {
	padding:16px 40px 16px;
}
#forumsinfo {
	background:url(images/450_bottom.png) bottom left no-repeat;
	width:450px;
	margin-top:20px;
	text-align:center;
}
#forumsinfo h3 {
	text-align:center;
}
#forumsinfo2 {
	background:url(images/450_top.png) top left no-repeat;
}
#forumsinfo3 {
	padding:16px 40px 16px;
}
#siabshowcase {
	background:url(images/450_bottom.png) bottom left no-repeat;
	margin-top:20px;
}
#siabshowcase2 {
	background:url(images/450_top.png) top left no-repeat;
}
#siabshowcase3 {
	padding:30px 40px 24px;
}
#whatsnew {
	background:url(images/255_bottom.png) bottom left no-repeat;
}
#whatsnew2 {
	background:url(images/255_top.png) top left no-repeat;
}
#whatsnew3 {
	padding:30px 30px 40px;
}
#meetus {
	background:url(images/215_bottom.png) bottom left no-repeat;
	margin-top:0;
}
#meetus2 {
	background:url(images/215_top.png) top left no-repeat;
}
#meetus3 {
	padding:30px 30px 40px;
}
#quotes {
	background:url(images/450_bottom.png) bottom left no-repeat;
	margin-top:30px;
}
#quotes2 {
	background:url(images/450_top.png) top left no-repeat;
}
#quotes3 {
	padding:30px 30px 30px;
}
#downloadbutton {
	width:185px;
	height:75px;
	border-bottom:none;
}
#downloadbutton a {
	border-bottom:none;
}
#tutorialindexcol1 {
	width:300px;
	float:left;
}
#tutorialindexcol2 {
	width:305px;
	float:right;
}
.themecolumnA {
	width:300px;
	float:left;
}
.themecolumnB {
	width:305px;
	float:right;
}

#tutorialindexcol1 h3, #tutorialindexcol2 h3 {
	margin-top:12px;
}
#footer {
	background:#660000 url(images/footergraphic.png) repeat-x;
	margin:0;
	color:#db6955;
	min-width:980px;
}
#footerinside {
	margin:100px auto 0 auto;
	text-align:center;
	font-size:12px;
	line-height:1.8em;
	width:450px;
}


/* ~~~~~~~~~~~~~ */

img {
	border:0;
	margin-bottom:12px;
}
img.floatimgright {
	float:right;
	margin-left:18px;
	margin-bottom:18px;
}
img.floatimgleft {
	float:left;
	margin-right:18px;
	margin-bottom:18px;
}
.entry-content img {
	border:solid 1px #c0b8b8;
}
.entry-content img.noborderimg {
	border: none;
}
.entry-content img.rounded-corner {
	border: none;
}
a {
	text-decoration:none;
/*	border-bottom:dotted 1px; */
	color:#e56925;
}
a img { /* this isn't working */
	border-bottom:none;
}
a:hover {
	color:#6b8812;
}

#blog-title, .skip-link, #blog-description {
	text-indent:-9999px;
	margin:0;
	float:left;
}
.endtag {
	clear:both;
}
.clearingthings {
	clear:both;
}

/* elements of main nav bar in the header */

#mainnav ul {
	margin-left:120px;
}
#mainnav li{
	float:left;
	list-style:none;
	margin:0 15px;
}
#mainnav a {
	color:#ba7081;
	border-bottom:none;
	font-size:12px;
}
#header {
	width: 960px;
}
h1#blog-title {
	height: 150px;
	width: 960px;
}
h1, h1 a {
	color:#ba7081;
	border-bottom:none;
	line-height:1.5em;
	font-size:130%;
	display: block;
	height: 100%;
	width: 100%
}

h2, h2 a {
	color:#e56925;
	border-bottom:none;

}
h3, h3 a {
	font-size:130%;
	margin-top:24px;
	color:#861C89;
	border-bottom:none;
}
h1 a:hover, h2 a:hover, h3 a:hover, {
	text-decoration:underline;
}

#overallintro h1 {
	color:#991954;
	font-style:bold;
	font-size:220%;
	height: 50px;
	width: 370px;
	background: url(images/headline_create.gif) no-repeat;
	text-indent:-9999px;
}
#forumsinfo h1 {
	color:#991954;
	font-style:bold;
	font-size:220%;
	height: 50px;
	width: 370px;
	background: url(images/headline_jointheconversation.gif) no-repeat;
	text-indent:-9999px;
}

#whatsnew h1 {
	height: 40px;
	width: 200px;
	background: url(images/headline_whatsnew.gif) no-repeat;
	text-indent:-9999px;
}
#meetus h1 {
	height: 40px;
	width: 160px;
	background: url(images/headline_inperson.gif) no-repeat;
	text-indent:-9999px;
}
#siabshowcase h1 {
	height: 60px;
	width: 370px;
	background: url(images/headline_showcase.jpg) no-repeat;
	text-indent:-9999px;
}
/* WHA?
.thesiabshowcase h1 {
	text-align:center;
	color:#991954;
	font-style:italic;
} */
#overallintro h2 {
	color:#991954;
	font-style:bold;
	font-size:220%;
	text-align:center;
}
#overallintro ul{
}
#overallintro li {
	float:left;
	list-style:none;
/*	margin:12px; */
}
#overallintro p {
	font-size:13px;
	line-height:1.7em;
	text-align:center;
}

.entry-meta {
	font-size:80%;
	color:#999;
	line-height:1.3em;
	padding-bottom:18px;
	border-bottom:dotted 1px #E56925;

}
.entry-title {
	margin-top:24px;	
}
.entry-title h2 a {
	color:#6b8812;
}
.entry-title h2 a:hover {
	border-bottom:dotted 1px;
}

.quotes h4 {
	display:none;
}
.quotes p {
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-size:16px;
	line-height:1.2em;
	color:#935160;
	margin-top:24px;
	text-align:center;

}
.teambioname {
	font-size:150%;
}
.teambioname, .teambioname a {
	color:#a41b4b;
}
body.pageid-3 .entry-content p {
	margin-top:24px;

}
#s {
	border:thin dotted;
}

/* Sidebar specs */

.xoxo ul, .xoxo li {
	list-style:none;
}
.ulnobullets {
	list-style:none;
}
div.sidebar ul,div.sidebar li{
	margin-left:0;
	padding-left:0;
}


div.sidebar h3{font-size:1.2em;}
div.sidebar input#s{width:7em;}

/* Footer specs */

#footerinside a {
	color:#e2c8b7;
	border-bottom:none;
}
#footerinside h3 {
	color:#e2c8b7;
	text-indent:-9999px;
	height:30px;
	width:150px;
	margin-top:50px;
}
#footerinside h3.dl {
	background:url(images/download.png) no-repeat top center ;
}
#footerinside h3.tu {
	background:url(images/tutorials.png) top center no-repeat;
}
#footerinside h3.op {
	background:url(images/ourproject.png) top center no-repeat;
}
#footerinside h3.ia {
	background:url(images/inaction.png) top center no-repeat;
}
#footerinside h3.gt {
	background:url(images/get.png) top center no-repeat;
}
#footerinside h3.pt {
	background:url(images/participate.png) top center no-repeat;
}
#footerinside h3.rd {
	background:url(images/read.png) top center no-repeat;
}

#footerinside p a {
	color:#FF6633;
	border-bottom:dotted 1px;
}
#footerinside a:hover {
	border-bottom:dotted 1px;
	color:ba7081;
}
#footerinside  p a.noborderlink, #footerinside p a:hover.noborderlink {
	border-bottom:none;
}

#footerinside ul {
	float:left;
	margin:0pt;
	padding:0pt;
	width:150px;
	list-style:none;
	list-style-position:outside;
}
#footerinside li {
	list-style:none;
}
#footerinside p {
	text-align:center;
	font-size:9px;
	line-height:1.2em;
	margin:24px 0 0 0;
}
#footerinside .subfoot {
	padding:2.5em 0 0 0;
	clear:both;
	font-size:9px;
	color:#888888;
	line-height:1.3em;
}

/* Just some example content */
.entry-title{clear:both;}
div#nav-above,div#nav-below{width:100%;height:1em;}
div#nav-above{margin-bottom:1em;}
div#nav-below{margin-top:1em;}
.alignleft,div.nav-previous{float: left;}
.alignright,div.nav-next{float: right;}
form#commentform .form-label{margin:1em 0 0;}
form#commentform span.required{background:#fff;color:red;}
form#commentform,form#commentform p{padding:0;}
input#author,input#email,input#url{width:50%;}
input#author,input#email,input#url,textarea#comment{padding:0.2em;}
div.comments ol li{margin:0 0 3.5em;}
textarea#comment{height:13em;margin:0 0 0.5em;overflow:auto;width:66%;}


/*
div.sidebar li{list-style:none;margin:0 0 1em;}
div.sidebar li form{margin:0.2em 0 0;padding:0;}
div.sidebar ul ul{margin:0 0 0 1em;}
div.sidebar ul ul li{list-style:disc;margin:0;}
div.sidebar ul ul ul{margin:0 0 0 0.5em;}
div.sidebar ul ul ul li{list-style:circle;}
*/


/* vPIP styling for whole hVlog DIV including "Share" Embed Code  ---------------------------
   Added 4/10/08 by Cheryl Colan. This will need to be changed for Video Wrangler. */

/* Note: you must turn off embed code styling in vPIP Config and on individual posts for these styles to work */



.hVlog {
	font-size: 12px; /* adjusts text size for video format links */
	text-align: center; /* centers the poster image and the video format links */
	padding-bottom: 10px;
	}

ul.vpip-formatslist {
	list-style-type: none; /* removes bullets from the list of video formats */
	display: inline !important; /* makes the list itself an inline element instead of a block element so the share button can be next to it */
	padding: 0;
	}

ul.vpip-formatslist li.vpip-formatslistitem {
	display: inline; /* puts list items on one line instead of each on its own line */
	line-height: 1.1em;
	}

ul.vpip-formatslist li.vpip-formatslistitem a {
	border-right: 1px solid #666; /* puts a "pipe" to the right of each list item */
	padding: 0 10px; /* gives each list item a little whitespace on the left and right */
	}

.EmbedCodeShareBtn {
	display: inline !important; /* brings share button text up onto same line as video format links */
	padding-left: 25px; /* separates share button from video format links */
	background-image: url('images/share-icon.gif'); /* adds share icon */
	background-repeat: no-repeat;
	background-position: 5px; /* positions share icon relative to text - adjust this value and padding-left to taste */
	}

/*.EmbedCodeShareBtn a, .EmbedCodeShareBtn a:visited {
	color: #000000;  if you want a color for the share link that's different from regular links 
	}*/

.EmbedCodeArea {
	width: 320px;
	border: 1px solid #666; /* border width and color around embed code "box" */
	margin: 3px auto 0;
	padding: 0;
	background: #e9e4de none repeat scroll 0%; /* background color for embed code "box" */
	font-size: 12px; /* text size for embed code box */
	display: block; /* keeps embed code in its own block right under the video links and share link */
	}

.EmbedCodeArea a, .EmbedCodeArea a:visited, .EmbedCodeArea a:hover { 
	color: #666;  /* if you want a color for the embed area links that's different from regular links */
	} 

table.EmbedCodeTable {
	display: inline-table;
	table-layout: auto;
	width: auto;
	margin: 0 auto;
	}

.EmbedCodeBy {
	margin: 0pt;
	font-size: 12px; /* text size for vPIP credit on embed code box /*
	text-align: left; /* text alignment for vPIP credit on embed code box */ 
	}

.EmbedCodeCloseBtn {
	margin: 0;
	font-size: 12px; /* text size for embed code close link */
	text-align: right; /* text alignment for close button on embed code box */
	}

.EmbedCodeTextarea {
	padding: 0;
	font-size: 12px; /* text size for the copy/paste embed code */
	margin: 0 auto 5px auto;
	overflow-x: hidden;
	overflow-y: scroll;
	width: 305px;
	}

/* END vPIP styling for whole hVlog DIV including "Share" Embed Code  --------------------------- */