/* Switcher Styles */
.switcher {
	position: fixed;
	z-index: 9999;
	top: 125px;
	width: 196px;
	background: #fbfbfb;
}
.switcher h2 {
	background: #333333;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	padding: 11px 0 10px 15px;
	line-height: normal;
	font-family: 'OpenSansRegular';
}
.switcher h3 {
	color: #474646;
	font-size: 13px;
	margin: 1px 0 3px;
	font-weight: normal;
	font-family: 'OpenSansRegular';
}
.switcher h2 a {
	position: absolute;
	display: block;
	height: 41px;
	right: -39px;
	top: 0;
	width: 39px;
	background: url(../images/switcher.png) top left no-repeat;
}
.switcher .content {
	padding: 5px 16px 16px;
}
.layout-switcher a.layout {
	background: #fff;
	border: 1px solid #eaeaea;
	border-radius: 5px;
	color: #797878;
	cursor: pointer;
	display: block;
	float: left;
	margin: 0;
	padding: 6px 7px 8px;
	text-align: center;
	width: 63px;
}
.layout-switcher a#wide.layout {
	margin-right: 6px;
}
.layout-switcher a.layout:hover {
	text-decoration: none;
}
.layout-switcher {
	overflow: hidden;
}
.switcher-box, .bg.hidden {
	overflow: hidden;
	margin: 0 -2px 0;
}
.pattern {
	cursor: pointer;
	display: block;
	height: 26px;
	box-shadow: inset 0 0 0 1px #eaeaea;
	margin: 0 2px 4px 2px;
	width: 24px;
	float: left;
}
.styleswitch {
	cursor: pointer;
	display: block;
	float: left;
	height: 26px;
	margin: 0 4px 4px 0;
	width: 24px;
}

/* Switcher Patterns */
#wood.pattern { background: url(../images/bgs/retina_wood.png) top left no-repeat; }
#greyfloral.pattern { background: url(../images/bgs/greyfloral.png) top left no-repeat; }
#little_pluses.pattern { background: url(../images/bgs/little_pluses.png) top left no-repeat; }
#norwegian_rose.pattern { background: url(../images/bgs/norwegian_rose.png) top left no-repeat; }
#arab_tile.pattern { background: url(../images/bgs/arab_tile.png) top left no-repeat; }
#escheresque.pattern { background: url(../images/bgs/escheresque.png) top left no-repeat; }
#dark_wood.pattern { background: url(../images/bgs/dark_wood.png) top left no-repeat; }
#tex2res1.pattern { background: url(../images/bgs/tex2res1.png) top left no-repeat; }
#tileable_wood_texture.pattern { background: url(../images/bgs/tileable_wood_texture.png) top left no-repeat; }
#old_mathematics.pattern { background: url(../images/bgs/old_mathematics.png) top left no-repeat; }
#random_grey_variations.pattern { background: url(../images/bgs/random_grey_variations.png) top left no-repeat; }
#type.pattern { background: url(../images/bgs/type.png) top left no-repeat; }

/* Switcher Colors */
#blue.styleswitch { background-color: #00aec8; }
#navy.styleswitch { background-color: #495D7F; }
#orange.styleswitch { background-color: #fa5b0f; }
#green.styleswitch { background-color: #80b600; }
#red.styleswitch { background-color: #C62020; }
#purple.styleswitch { background-color: #6957AF; }
#cherry.styleswitch { background-color: #911938; }
.gallery { width:940px; margin-right:	20px; }
.gallery h1  { position:relative; font-size:20px; font-weight:bold; border-bottom:dotted 1px #c6c6c6; padding:0 0 10px 0; margin-bottom:15px; }
.gallery h1 a{ display:block; position:absolute; right:10px; bottom:10px; font-size:13px; font-weight:normal; }
.photoGallery	{ margin:0 0 10px 0; }
.photoGallery li{ width:33%; float:left; }
.photoGallery a	{ display:block; margin:0 auto; -webkit-box-shadow:3px 3px 4px rgba(0,0,0,0.4); -moz-box-shadow:3px 3px 4px rgba(0,0,0,0.4); box-shadow:3px 3px 4px rgba(0,0,0,0.4); overflow:hidden; padding:4px; background-color:white; border:solid 1px #f5f5f5; }
.photoGallery img		{ width:100%; padding:0; margin:0; }
.photoGallery li span	{ display:block; text-align:center; padding:10px 5px; height:25px; }
.photoGallery a:hover	{ border:solid 1px #999; -webkit-box-shadow:0 0 4px rgba(0,0,0,0.4); -moz-box-shadow:0 0 4px rgba(0,0,0,0.4); box-shadow:0 0 4px rgba(0,0,0,0.4); }
.photoGallery.thumb a	{ width:175px; }
.photoGallery.med a		{ width:190px; }
.photoGallery.med li	{ margin-bottom:30px; }

.photoMain { display:block; margin:0 auto; -webkit-box-shadow:3px 3px 4px rgba(0,0,0,0.4); -moz-box-shadow:3px 3px 4px rgba(0,0,0,0.4); box-shadow:3px 3px 4px rgba(0,0,0,0.4); overflow:hidden; padding:4px; background-color:#FFFFFF; border:solid 1px #f5f5f5; }

div.pagination {
	padding: 3px;
	margin: 3px;
}
div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #FFFFFF;
	background-color: #dedede;
	font-size: 11px;
	FONT-WEIGHT: bold;
	COLOR: #333333; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none; /* no underline */
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #FFFFFF;
	color: #FF8C00;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #FFFFFF;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #FF8C00;
	color: #FFF;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #FFF;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #E9E9E9;
	color: #ADADAD;
}