/**
 * File: http://www.garagemahals.com/gallery/css/styles.css
 */

div.gallery,

div.canvas {

	padding-top: 30px;

}

div.gallery {

	width: 360px;

	float: left;

}

div#ajax_thumbs {

	height: 360px;

	position: relative;

}

div#controls {

	text-align: right;

	height: 30px;

	padding-top: 30px;

}

div#controls span {

	cursor: pointer;

	padding: 0 2px;

}

div#controls span.hover {

	background-color: #333;

}

div#controls span.active {

	font-weight: bold;

	color: #FFF;

}

div.viewport {

	width: 360px;

	height: 300px;

	position: relative;

	overflow: hidden;

}

div#shade {

	position: absolute;

	top: 0;

	left: 0;

	padding-top: 170px;

	height: 190px;

	width: 360px;

	text-align: center;

	background-color: #000;

	font-size: 18px;

	font-weight: bold;

}

div#slider {

	position: absolute;

	top: 0;

	left: 0;

}

div.thumbs {

	position: relative;

}

div.thumbs img,

div.thumbs span,

form.delgroup span {

	position: absolute;

	display: block;

	cursor: pointer;

}

div.thumbs span,

form.delgroup span {

	background-color: #C00;

	padding: 3px 4px 4px;

	font-size: 10px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-weight: bold;

	line-height: 1em;

	border-width: 0 2px 2px 0;

	border-color: #000;

	border-style: solid;

}

form.delgroup span {

	top: 0;

	left: 0;

}



form.image {

	padding-bottom: 15px;

}

form.group {

	padding-bottom: 20px;

}

form.group textarea {

	width: 354px;

	border: 1px solid #666;

	padding: 2px;

	font-family: "Century Gothic", Helvetica, sans-serif;

	font-size: 1em;

}



div.categories {

	border-width: 1px 0;

	border-style: solid;

	border-color: #333;

	padding-top: 20px;

}

div.categories div.tile {

	width: 75px;

	padding: 0 20px 20px 0;

	float: left;

	position: relative;

}

div.categories div.x {

	padding-right: 0;

}

div.categories div.tile p {

	text-align: center;

	font-size: 0.9em;

	line-height: 1.3em;

	padding-top: 0.3em;

}

div.categories img,

div.categories p {

	cursor: pointer;

}

div.canvas {

	float: right;

	width: 520px;

}

div.canvas img {

	padding-bottom: 25px;

}



textarea {

	overflow: auto;

}



input.field,

textarea.groupcopy {

	border: 1px solid #666;

	padding: 2px;

	font-family: "Century Gothic", Helvetica, sans-serif;

}

input.groupname {

	font-size: 1.3em;

	width: 514px;

	margin-bottom: 10px;

}

textarea.groupcopy {

	width: 514px;

	height: 350px;

	font-size: 1em;

	margin-bottom: 10px;

}



form.groupcopy {

	padding-bottom: 20px;

}





div.wiki {

	padding: 10px 0 25px;

}

div.wiki p {

	padding-bottom: 0.8em;

	font-family: Arial,Helvetica,sans-serif;

	line-height: 1.8em;

}

div.wiki a {

	color: #0092C8;

	text-decoration: none;

	border-bottom: 1px dotted #0092C8;

}

div.wiki a:hover {

	text-decoration: none;

}