* {
	margin: 0;
	padding: 0;
}

.jcarousel-skin-garden .item-list {

}




/* margins, colors and fonts */
body {
	margin: 0;
	padding: 0;
	font-family: 'lucida grande',verdana,arial,sans-serif;
	font-size: .82em;
	color: #333333;
	background: #D8E7D3 url('images/mg-background-old.pn') 160px -160px no-repeat;
}



/* paragraphs and inlines */
p {
	padding: 0;
	margin: .65em 0 .65em 0; 
	line-height: 150%;
	font-size:1em;
}
	strong, p strong, td strong {
		font-size:1em;
		font-weight:bold;
	}
	caption {
	font-style:italic;
	}
blockquote {
	margin-left:1em;
	padding:0.5em 1em 0.5em 3em;
	background:transparent url('images/blockquote.png') no-repeat;
}
/* lists */
ul, ol {
	padding:0.5em;


}
table ul {
	padding:0;
	list-style:none;
}
	#paper ul li, #paper ol li {
		margin-left:1em;
	}
		#paper table ul li {
			margin-left:0;
		}
	ul.tips {
		margin-top:0.5em;
		color:#666;
}
	/* pager links */
ul.pager {
	list-style:none;
	text-align:center;
}
	ul.pager li {
		display:inline;

	}

/* table of conents */
.toc {
	width:25em;
	padding:0.4em;
	background:#efefef;
}
	.toc-title {
		font-weight:bold;
		text-align:center;
	}
	
/* headers */

h1 {
	font-size:1.8em;
	margin:0.8em 0 0.4em 0;
}
h2 {
	margin: 1.5em 0 0.5em 0;
	font-size:1.2em;
	padding:0.3em;
}
	#paper h2 {
		margin: 1.5em 0 0.5em 0;
		font-size:1.4em;
		padding:0.3em 0 0.3em 0;
	}
h3 {
	margin: 1.5em 0 0.5em 0.3em;
	font-size:1.2em;
	padding:0.3em 0 0.3em 0;
}
	#game-preview h2 {
		margin-top:0.4em;
		
	}
	#sidebar h2 {
		margin-top:1em;
	}
label {
	padding:0.9em 0 0.3em;
	font-weight:bold;
	display:block;
}


/* images */
.image {
	text-align:center;
}
.left {
	float:left;
}
.right {
	float:right;
}


/* content & wrapper links */
a:active, a:link {
	color:#005FA9;
	text-decoration:underline;
}
a img {
	border: none;
}
a.edit-image {
	background:url('images/image_edit.png') 2% 50% no-repeat;
	padding-left:28px;
}
.edit-page {
	float:right;
}

/* rulers */

hr {
	border:none;
	border-bottom:1px solid #E6E6E6;
}


/* header links */
h1 a {
	text-decoration:none;
	color:#333 !important;
}
	h1 a:hover {
		text-decoration:underline;
	}
	
/* about us link */
#about-us {
	color:white;
	font-size:1.1em;
	width:77px;
	padding-top:38px;
	background: #D0E0C9 url('images/flower.png') no-repeat;
	position:absolute;
	top:0;
	right:0;
}
	
/* tables */
table td {
	padding:0.3em;
}


/* main divisions */
#wrapper {
	width:59em;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
	/* -h */
	#header {
		text-align:center;
		position:relative;
	}
		#header img {
			margin:0;
			padding-top:10px;
		}
	#about, #footer {
		padding:0 2em 0 2em;
		text-align:justify;
	}
	#login {
		float:right;
		color:#a1a1a1;
	}
	#paper {

		padding:1em;
		position:relative;
		background: #fff; /*#E9F1E6 url('opacity/white50.png')*/
	}
	.breadcrumb {
		display:inline;
	}
	#sidebar /* -sidebar */{
		text-align:center;
		padding:0.4em 0.4em 0.4em 0.6em;
		margin-right:-0.5em; /*countering paper*/
		width:13.8em;
		float:right;
		border-left:1px solid #E6E6E6;
	}
		#sidebar p, #sidebar ul {
			text-align:left;
		}
		#sidebar .icon {
			margin-left:2em;
			margin-bottom:0;
		}
			#sidebar li {
				list-style:square;
				
			}
				#sidebar .views-field-name, .views-field-node-count {
					display:inline;
				}
	/* alphabet */
	#alphabet {
		text-align:center;
		font-size:1.2em;
	}
	/* node counts */
	#alphabet, .views-field-node-count {
		color:#828282;
	}
	
	/* game page -game */
	#game-preview {
		margin-bottom:0.5em;
		overflow:auto;
	}	
		#game-preview #images {
			width:350px;
			float:left;
			}
			#images img {
				margin-bottom:0;
			}
				#images span {
					position:relative;
				}
			#images img.small {
				margin-top:0.3em;
			}
					.magnify {
					position:absolute;
					bottom:0.8em;
					right:1em;
			}
			.view-content {
				margin:0 !important;
				padding:0 !important;
			}
			
		#description {
			margin-left:370px;
		}
				#description p {
					margin-top:0;
				}
			#game-preview table td {
				padding:0.3em 1.2em 0.3em 0;
			}

			.note {
				padding:0.5em 0.5em 0.5em 50px;
				margin:0.4em 0 0.4em 0;		
			}
				.note strong a {
					color:green;
					font-weight:bold;
					font-size:1.17em;
				}
					.note.emulation strong a, .note.manual strong a {
						color:#565B6C;
					}
				.note.download {
					background:#E4FFD8 url('images/go-down.png') 10px 50% no-repeat;
					border:1px solid #C3F0BA;
				}
				.note.emulation {
					background:#E5EAFF url('images/document-save-as.png') 10px 50% no-repeat !important;
					border:1px solid #CAD9E9;
				}
				.note.manual {
					background:#E5EAFF url('images/x-office-address-book.png') 10px 50% no-repeat !important;
					border:1px solid #CAD9E9;
				}
	
				
				.note.donate {
					background:#E5EAFF url('images/face-smile.png') 10px 0.5em no-repeat;
					border:1px solid #CAD9E9;
				}
				
	/* navigation -nav */
	#nav {
		padding:0.8em;
		text-align:center;
		background: url('images/apple.png') 10px 10px no-repeat;
	
	}
	#nav ul {
		list-style:none;
		display:inline;
	}
		#nav li {
			display:inline;
		}
	#nav a, #nav input {
		text-transform:uppercase;
		color:white;
		padding:0.3em;
		font-size:1.3em;
	}
		#nav form {
			
			display:inline;
			margin-right:0 !important;
			padding-right:0 !important;
			
		}
			#nav input {
				color:#B7B7B7;
				width:11em;
				text-align:center;
				padding:0.1em;
			}
	#header ul {
		list-style:none;	
		display:inline;
		position:absolute;
		top:1.4em;
		right:0;
	}
		#header li {
			display:inline;
			font-weight:bold;
			font-size:1.2em;
			}
			#header ul li a {
		
			}
		#header #login {
			position:absolute;
			top:1.8em;
			right:0;
		}


	/* universals */
	
	#sidebar h2, #comments h2, #comments_shell, #nav {
		background:#7D6E68;
		color:white;
		text-transform:uppercase;
		font-weight:normal;
	}

		
	/* front page */
	#game-snapshots {
		position:sunriseabsolute ;
		width:320px;
		top:0.5em;
		left:0.5em;
		background: #000 url('images/top-left-corner.png') no-repeat;
		padding:0.5em;
	}
		#game-snapshots h2 {
			color:white;
			font-size:1em;
			font-weight:normal;
			text-transform:uppercase;

			margin:0;
			margin-bottom:0.5em;
		}
		#game-snapshots img {

		}
	/* comments */

		
	.comment {
		border-bottom:1px solid #E6E6E6;
		padding:0.4em;
		margin-top:0.8em;
	}
		.comment .header {
		padding:0.5em;
		}
		.comment .number {
			float:right;
			font-size:1.2em;
		}
	.fivestar-widget-static {
		display:inline;
	}
	.clear-block {
		overflow:auto;
	}
		
/* forms */
label {
	font-size:1.2em;
}
	.form-text, textarea, .text {
		font-family: 'lucida grande',verdana,arial,sans-serif;
		background:#fff;
		color:#333;
		border:1px solid #ccc;
		width:98%;
		font-size:1.1em;
		padding:0.5em;
	}
	form .form-required {
		color:#cc9000;
	}		





/* notifications */
.sticky {
  border: 1px solid #e0e5fb;
}


.messages {
	padding:0.7em;
	margin:0.5em 0 0.5em 0;
	background:#E5EAFF;
	border:1px solid #CAD9E9;
}
.status {
	background:#E4FFD8 url('../../themes/cotten/look/tick.gif') 1% 50% no-repeat;
	border:1px solid #C3F0BA;	
}
div.error {
	background:#FFEAE8 url('../../themes/cotten/look/stop.gif') 1% 50% no-repeat !important;
	border:1px solid #F1D3D0;
}




.nodecarousel {
	width:5px;
}





#popular_block .node-carousel-item{
width: 460px;
}
#popular_block .jcarousel-item {
height: auto;
}

#popular_block .jcarousel-clip-horizontal {
width:auto;}

.um-home #popular_block .content .jcarousel-container-horizontal {
border:none;
height:auto;
overflow:auto;
width:520px;
}




/*
** Autocomplete styles
*/
/* Suggestion list */
#autocomplete {
  position: absolute;
  border: 1px solid;
  overflow: hidden;
  z-index: 100;
}
#autocomplete ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#autocomplete li {
  background: #fff;
  color: #000;
  white-space: pre;
  cursor: default;
}
#autocomplete li.selected {
  background: #0072b9;
  color: #fff;
}
/* Animated throbber */
html.js input.form-autocomplete {
  background-image: url(/misc/throbber.gif);
  background-repeat: no-repeat;
  background-position: 100% 6px; /* LTR */
}
html.js input.throbbing {
  background-position: 100% -14px; /* LTR */
}




/* edit pages */

.form-item {
	width:auto;
}



/*
** Collapsing fieldsets
*/
fieldset {
	padding:1em;
	border:1px solid #ccc;
}

html.js fieldset.collapsed {
  border-bottom-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  margin-bottom: 0;
  height: 1em;
}
html.js fieldset.collapsed * {
  display: none;
}
html.js fieldset.collapsed legend {
  display: block;
}
html.js fieldset.collapsible legend a {
  padding-left: 15px; /* LTR */
  background: url(/misc/menu-expanded.png) 5px 75% no-repeat; /* LTR */
}
html.js fieldset.collapsed legend a {
  background-image: url(/misc/menu-collapsed.png); /* LTR */
  background-position: 5px 50%; /* LTR */
}
/* Note: IE-only fix due to '* html' (breaks Konqueror otherwise). */
* html.js fieldset.collapsed legend,
* html.js fieldset.collapsed legend *,
* html.js fieldset.collapsed table * {
  display: inline;
}
/* For Safari 2 to prevent collapsible fieldsets containing tables from dissapearing due to tableheader.js. */
html.js fieldset.collapsible {
  position: relative;
}
html.js fieldset.collapsible legend a {
  display: block;
}
/* Avoid jumping around due to margins collapsing into collapsible fieldset border */
html.js fieldset.collapsible .fieldset-wrapper {
  overflow: auto;
}

/*
** Resizable text areas
*/



/*
** Progressbar styles
*/
.progress {
  font-weight: bold;
}
.progress .bar {
  background: #fff url(/misc/progress.gif);
  border: 1px solid #00375a;
  height: 1.5em;
  margin: 0 0.2em;
}
.progress .filled {
  background: #0072b9;
  height: 1em;
  border-bottom: 0.5em solid #004a73;
  width: 0%;
}
.progress .percentage {
  float: right; /* LTR */
}
.progress-disabled {
  float: left; /* LTR */
}
.ahah-progress {
  float: left; /* LTR */
}
.ahah-progress .throbber {
  width: 15px;
  height: 15px;
  margin: 2px;
  background: transparent url(/misc/throbber.gif) no-repeat 0px -18px;
  float: left; /* LTR */
}
tr .ahah-progress .throbber {
  margin: 0 2px;
}
.ahah-progress-bar {
  width: 16em;
}