/* * General formatting * */
* {
	padding:0;
	margin:0;
	}
html, body {
	height:100%;
	}
body {
	/* min-width:765px; iPad portrait, with wiggle room */
	background:#eddecd;
	color:#444;
	font:13px Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", Verdana, sans-serif;
	text-align:center;
	}
a {
	color:#4685df;
	text-decoration:none;
	outline: none;
	}
a:visited {
	color:#305c9a;
	}
a:hover, a:focus {
	text-decoration:underline;
	}
fieldset, img {border:0;}
p {
	margin:2%;
	}
ul li {
	list-style:none;
	}
ol {
	margin:2%;
	}
ol li {
	margin:2% 4%;
	}
h1 {
	color:#fff;
	font-size:18px;
	padding-top:10px;
	}
h2, h3, h4 {
	margin:4% 2% 2% 2%;
	padding-top:2%;
	clear:both;
	}
h2, h3, h4 {color:#9d676c;}
h2 {font-size:18px;}
h3 {font-size:16px;}
h4 {font-size:14px;}
abbr, acronym {
	border-bottom:1px dotted #000;
	cursor:help;
	}
code {
	color:#974;
	font-family:georgia, serif;
	}
.clear {clear:both;}
/*.flright {float:right;}*/

@media screen and (min-width: 768px) {/* most except iPad portrait + phones */
.flright {
float:right;}
 }

/* * * * Main Layout * * * */
.wrapper {
	position:relative;
	/*min-height:100%;*/
	width:97%;
	max-width:1200px;
	margin:5px auto;
	border-radius:10px;
	box-shadow:4px 10px 4px 3px #e4d6c4;
	text-align:left;
	}
#header {
	height:150px;
	border-radius:10px 10px 0 0;
	background:#8c9ebf;
	clear:both;
	}
#header img {
	float:left;
	margin:0 35px 5px 0;
	}
@media screen and (max-width: 768px) {/* iPad portrait + phones */
#header img {
	margin-top:15px;
	width:35%;
	}
 }
#header p {margin:0 2% 4px 0;}
#header a, #header a:visited, #header a:hover {color:#444;}
#footer {
	padding:1em;
	border-radius:0 0 10px 10px;
	background:#8c9ebf;
	color:#444;
	font-size:90%;
	clear:both;
	}
 
 
#footer a, #footer a:visited, #footer a:hover {color:#444;}
.fhold {
	background:#fff;
	float:left;
	width:100%;}
.content {
	float:left;
	width:100%;
	margin-right:-100%;
	background:#fff;
	}
.cpad {
	margin:0;
	padding:120px 55px 50px 210px;
	max-width:944px; /* IE 7 */
	}
.fhold:after, content:after, .cpad:after {content:" "; display:block; height:0; clear:both;}
.cpad2 {/* 1column layout */
	margin:0 25px;
	padding:80px 50px 50px;
	max-width:1000px;
	}
#left {
	float:left;
	width:190px;
	padding:0 3px;
	margin-top:90px;
	text-align:left;
	}
#right {
	float:right;
	margin-top:110px;
	width:50px;
	padding:0;
	}

/* * * NAVIGATION * * */

/* index page*/
.columns {
	float:left;
	width:100%;
	margin:.1em auto;
	padding:5px;
	clear:left;
}
.columns div {
	float:left;
	width:48%;
	padding:1%;
	}
.columns div h3 {
	border-bottom:1px solid #e4d6c4;
	}
.columns li {
	float:left;
	width:28%;
	margin:1% 2%;
	}
@media screen and (max-width: 1000px) {
.columns li {width:45%;
	}
 }
.columns li:before {
	content:"";
	border-color:transparent #eddecd;
	border-style:solid;
	border-width: .35em 0 .35em .45em;
	display: block;
	height: 0;
	width: 0;
	left: -.7em;
	top: 1.1em;
	position: relative;
	}
.columns h3 {
	padding:15px 0 0;
	margin:0;
	}

.menubar {
	background:#c68e90;
	position:absolute;
	top:135px;
	left:0;
	width:100%;
	border-top:1px solid #b8787d;
	border-bottom:1px solid #b8787d;
	box-shadow:0 8px 6px -1px #ccc;
	z-index:3;
	}
.starred:before, .starred:after {content: url(/inc/img/tinystar.png);}

#nav, #nav ul {/* all lists */
	float:left;
	}
#nav a {
	display:block;
	padding:.5em;
	/*margin:.5em 0;*/
	font-weight:bold;
	color:#fff;
	height:1.5em;
	}
#nav a:hover {
	color:#fff;
	text-decoration:none;
	}
#nav li:hover {
	background:#e4d6c4;
	}
#nav li {/* all list items */
	float:left;
	margin:.03em;
	cursor:pointer;
	}
#nav li ul {/* 2nd level lists */
	/*height:1em;*/
	position:absolute;
	top:2.53em !important;
	left:-999em;
	width:100%;
	padding:.3em 0;
	background:#e4d6c4;
	border-top:1px solid #b8787d;
	border-bottom:1px solid #b7aa9b;
	box-shadow:0 8px 6px -3px #ccc;
	}
#nav li ul a {
	padding:.1em .6em;
	margin:0;
	color:#444;
	font-weight:normal;
	}
#nav li li a:hover {
	text-decoration:underline;
	color:#9d676c;
	}
/* ie7 */
*:first-child+html #nav {height:1%;}
*:first-child+html #nav li {height:1%;}
/* menu delay */
#nav li:hover ul ul, #nav li.sfhover ul ul {left:-999em;}
#nav li:hover ul, #nav li.sfhover ul, #nav li li:hover ul, #nav li li.sfhover ul {
	position:absolute;
	left:0;
	top:24px;
	}
/* current page 1st level */
#nav .current-page {
	padding:0 .5em;
	margin:.5em 0;
	color:#fff;
	cursor:default;
	}
#nav .current-page:hover {
	background:#c68e90;
	}
/*current page 2nd level */
#nav li ul .current-page {
	padding:2px .6em;
	margin:0;
	color:#777;
	cursor:default;
	}
#nav li ul .current-page:hover {
	background:#e4d6c4;
	}

/* * Search in #nav * */
.search {
	float:right;
	border:2px solid #9d676c;
	background:#fff;
	margin-top:.3em;
	margin-right:8px;
	}
.search input {
	display:inline;
	border:0 !important; /* IE */
	height:19px;
	margin-top:1px;
	width:140px;
	}
.search .sebutton2 {
	border:none;
	background:url("/inc/img/magnifyingglass.png") no-repeat top left;
	width:20px;
	height:19px;
	}

/* * Next #nav * */
.pagination, .next {
	padding-top:30px;
	text-align:center;
	font-size:15px;
	font-weight:bold;
	color:#b8787d;
	clear:both;
	}
.pagination li ul {
	margin-top:6px;
	font-size:13px;
	font-weight:normal;
	}
.pagination li ul li {
	display:inline;
	margin:2px;
	color:#777;
	}
.currentpage {
	padding:2px 8px;
	border:1px solid #ccc;
	background:#eee;
	cursor:default;
	}
.pagination a {
	padding:2px 8px;
	border:1px solid #ccc;
	}
.pagination a:hover, .currentpage:hover {
	border:1px solid #9d676c;
	text-decoration:none;
	}
.prevnav a {
	padding-left:14px;
	}
.nextnav a {
	padding-right:14px;
	}
.prevnav:before {
	margin-right:-1px;
	content:"\2190";
	}
.nextnav:after {
	margin-left:-1px;
	content:"\2192";
	}
.solo div {
	margin-top:6px;
	color:#9897b3;
	}
.solo a {
	border:0;
	font-weight:normal;
	}
.solo a:hover {
	border:0;
	text-decoration:underline;
	}
.solo div:after {
	content:" \2192 ";
	}

/* * Related, Categories & Offsite * */
.categories, #related-solo, .offsite {
	float:left;
	width:98%;
	margin-top:30px;
	background:#e4d6c4;
	border-radius:10px;
	margin-bottom:10px;
	}
.categories a, #related-solo a, .offsite a {
	color:#000;
	}
.categories, #related-solo, .offsite {
	padding:0 0 15px;
	color:#fff;
	}
#related-nosolo {
	padding:0 0 1px;
	color:#fff;
	}
.categories h2, #related-solo h2, .offsite span {
	display:block;
	padding:5px;
	margin:0 0 .35em;
	border-radius:10px 10px 0 0;
	background:#c68e90;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	}

/*google translate fix*/
.offsite ul li span {
	display:inline;
	padding:0;
	margin:0;
	border-radius:0;
	background:none;
	color:auto;
	font-size:14px;
	font-weight:normal;
	}

.categories li, #related-solo li, .offsite li {
	float:left;
	width:28%;
	padding-left: 18px;
	margin:3px 6px 3px 0;
	background: url("/inc/img/tinystar.png") left center no-repeat;
	}
@media screen and (max-width: 775px) {
.categories li {
	width:42%;
	}
}
#related-nosolo h3 {
	padding-top:10px;
	margin-bottom:0;
	border-radius:0 0 10px 10px;
	background:#e4d6c4;
	color:#b8787d;
	font-size:14px;
	}
#related-nosolo ul {
	padding-top:3px;
	}
.categories .current-page {
	color:#777;
	cursor:default;
	}
.moretips {
	padding-top:30px;
	}

/* * * * Misc Prettification * * * */
.note {
	margin-top:34px;
	}
.note span {
	display:block;
	width:170px;
	padding:5px;
	margin:0 auto;
	border-radius:10px 10px 0 0;
	background:#c68e90;
	color:#fff;
	}
.note.bottom {
clear:both;
	padding-top:70px;
}
.note.bottom span {
	width:96%;
	font-weight:bold;
}
/*google translate fixes */
.note div p span {
		display:inline;
		width:auto;
		padding:0;
		margin:0;
		border-radius:0;
		background:none;
		color:#777;
		}
.note span span {
	display:inline;
	width:auto;
	padding:0;
	margin:0;
	border-radius:0;
	background:none;
	}

.note p {
	padding:5px;
	}
.note.bottom p {
	padding:0;
	margin:.5em;
	}
.note div {
	width:170px;
	padding:5px;
	margin:0 auto;
	border-radius:0 0 10px 10px;
	background:#e4d6c4;
	}
.note.bottom div {
	width:96%;
	}
.as {
	margin:80px auto 20px auto;
	text-align:center;
	}
.lu1 {
	position:absolute;
	top:180px;
	right:0; /* IE */
	width:100%;
	text-align:center;
}
.lu2
{
	margin-bottom:50px;
	margin-left:10px;
}
@media screen and (max-width: 1000px) {
.lu1 {top:240px;}
 }

/* * Social * */
.social {
	position:fixed;
	width:34px;
	background:#fff;
	color:#9d676c;
	}
.social span {
	display:block;
	width:32px;
	height:32px;
	margin:.5em .05em;
	cursor:pointer;
	}

.social a {
	margin:.5em 0em;
}

.social a:hover {
	margin-left:-3px;
	opacity:1;
}

.addthis_button_facebook_like, .st_fblike_large {display:block; width:50px; overflow:hidden;
 margin-left:-5px !important;
}



/* * * * Clipart * * * */
#images {
	float:left;
	width:100%;
	}
#images:after {
	content:" ";
	display:block;
	height:0;
	clear:both;
	}
#images div, .tile {/* Most get this (width 960px+) = 4 img across */
	float:left;
	position:relative;
	width:20.1%;
	height:260px;
	margin:1%;
	padding:1%;
	border:1px solid #eddecd;
	border-radius:7px;
	color:#777;
	font-size:11px;
	font-family:arial, sans-serif;
	}
#images a {
	display:block;
	max-width:100%;
	height:auto;
	height:150px;
/*	font-size:150px;
	line-height:150px;*/ /* to fake vertical centering */
	text-align:center;
	cursor:url(/inc/zoom/graphics/zoomin.cur), pointer;
	}
#images img {
	max-width:98%;
	max-height:150px;
	}
#images p {
	float:left;
	width:100%; /* IE */
	max-height:110px;
	overflow:hidden;
	clear:both;
	}
#images div p:hover {
	overflow:auto;
	}
#images p a {
	float:none;
	height:auto;
	display:inline;
	font-size:11px;
	line-height:11px;
	cursor:pointer;
	}

@media screen and (max-width: 960px) {/* iPad portrait etc = 3 images across */
#images div, .tile {
	width:28%;
	height:250px;
	}
#images div p {
	float:left;
	width:100%; /* IE */
	max-height:100px;
	overflow:hidden;
	clear:both;
	}
 }
.wideclipart div {
	margin:20px;
	margin:0;
	padding:15px;
	overflow:hidden;
	}
	.wideclipart div:hover {
	overflow:auto;
	}
.wideclipart img {
	padding:5px 0;
	display:block;
	}

/* * * * Zoom * * * */
.highslide-image {
	border:2px solid #fff;
	}
.highslide-wrapper, .highslide-outline {
	background:#fff;
	}
.highslide-caption {
	display:none;
	padding:5px;
	border-radius:0 0 3px 3px;
	background:#e4d6c4;
	}
.highslide-heading {
	display:none;
	font-weight:bold;
	margin:.4em;
	}
a.highslide-full-expand {
	background:url(/inc/zoom/graphics/fullexpand.gif) no-repeat;
	display:block;
	margin:0 10px 10px 0;
	width:34px;
	height:34px;
	}
.highslide-loading {
	display:block;
	color:#000;
	font-weight:bold;
	text-decoration:none;
	padding:3px;
	border:1px solid #fff;
	background-color:#fff;
	padding-left:22px;
	background-image:url(/inc/zoom/graphics/loader.white.gif);
	background-repeat:no-repeat;
	background-position:3px 1px;
	}
.highslide-move, .highslide-move * {
	cursor:move;
	}
.closebutton {
	position:relative;
	top:-18px;
	left:18px;
	width:30px;
	height:30px;
	background:url(/inc/zoom/graphics/close.png);
	cursor:pointer;
	}
.highslide-maincontent {
	display:none;
	min-height:400px;
	min-width:200px;
	background-repeat:repeat;
	}
.highslide-html {
	background-color:#fff;
	}
.mobile .highslide-html {
	border:1px solid silver;
	}
.highslide-html-content {
	display:none;
	width:400px;
	padding:0;
	border:1px solid silver;
	}
.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {
	display:none;
	}
.highslide-header .highslide-move a {
	cursor:move;
	}
.highslide-header .highslide-move {
	position:absolute;
	left:0;
	right:16px;
	top:0;
	z-index:1;
	display:block;
	height:16px;
	width:auto;
	cursor:move;
	}
.highslide-body {
	padding:0;
	}
.highslide-header .highslide-close span, .highslide-header .highslide-move span,.highslide-overlay, .hidden-container {
	display:none;
	}
.highslide-active-anchor img {
	visibility:hidden;
	}

/* * Slider * */
.slidewrapper {
	position:relative;
	width:100%;
	margin:0px auto;
	}
#container {
	position:relative;
	width:480px;
	height:235px;
	padding:10px 0;
	margin:0 auto;
	background:#fff;
	}
.sliderbutton {
	float:left;
	width:25px;
	height:235px;
	cursor:pointer;
	}
#slideleft {
	background:url(/inc/img/icons.gif) -50px -265px no-repeat;
	}
#slideleft:hover {
	background-position:-0 -265px;
	}
#slideright {
	background:url(/inc/img/icons.gif) 0 90px no-repeat;
	}
#slideright:hover {
	background-position:-50px 90px;
	}
#slider {
	float:left;
	position:relative;
	width:430px;
	height:235px;
	overflow:auto;
	}
#slider ul {
	position:absolute;
	top:0;
	left:0;
	list-style:none;
	}
#slider li {
	float:left;
	width:420px;
	height:235px;
	padding:10px;
	}
.slidewrapper .pagination {
	position:absolute;
	height:25px;
	top:-20px;
	right:61px;
	list-style:none;
	}
.slidewrapper .pagination li {
	float:left;
	width:8px;
	height:8px;
	margin:0 4px 0 0;
	border:1px solid #fff;
	background:#ccc;
	cursor:pointer;
	}
.slidewrapper .pagination li:hover, .slidewrapper .pagination li.current {
	background:#fff;
	border:1px solid #ccc;
	}
.fourimages {
	width:80%;
	margin:0 auto;
	text-align:center;
	}
.fourimages img {
	width:21%;
	max-height:100px;
	}
.oneimage img {
	width:100%;
	margin-top:40px;
	}
@media screen and (min-width: 1024px) {/* iPad landscape etc */
#container {width:580px;}
#slider {width:530px;}
#slider li {width:520px;}
 }

 #images div .showdammit{
	display:none;
 }
#images div:hover .showdammit,
#images div:active .showdammit{
	display:block;
	width:100%;
	height:30px;
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	background:#fff;
}
#images div:hover .showdammit a{
display:inline;
}