/**
 * Page
 */
 body {
	font-family: 'Trebuchet MS', 'Century Gothic', Helvetica, Verdana, sans-serif;;
	font-size: 90%;
	margin: 10px;
	padding: 10px;
	width: 1028px;
	background: #ddd;
 }

/**
 * Headers
 */
 h1 {
	font-size: 24px;
	font-weight: normal;
	height: 2em;
 }
 legend {
	font-size: 20px;
	font-weight: bold;
 }
 h2.category_header {	
	padding: 0 10%;
 }

/**
 * Text
 */
 p {
	font-size: 1em;
 }
 p.admin_box { /* used for paragraph with extra adminlinks below content */
	text-align: center;
	font-size: 0.9em;
 }
 p.admin_box a {
	color: #ff9900;
 }
 p.category_description { /* used for paragraph with description of indexcategory */
	padding: 0 10%;
 }
 .discrete { /* used in places such as "Click on link for larger version" */
	color: #aaa;
	margin: 6px auto;
	text-align: center;
 }
 a {
	color: #555;
 }
 a img {
	border: 0;
 }

/** 
 * Container box, holds the page together
 */
 #wrap {	
	margin: 0 auto;
 }

/**
 * Pageheader
 */
 #header {
	border: 0;
	margin: 0 auto;
	text-align: right;
	background: #665936;
	height: 184px;
	width: 1004px;
	border-bottom: 0px solid #999;
	background-image: url(http://gallery.cygnel.se/skins/toppbild.jpg);
 }
 #header h1 {
	color: #646e7a;
	margin: 0;
	padding: 15px 15px 15px 40px;
 }

/**
 * Menu
 */
 ul#menu {
	margin: 0 auto;
	list-style-type: none;
	vertical-align: top;
	padding-left: 0;
	margin-left: 0;
	border-bottom: 1px solid #777777;
	border-top: 0px solid #eaeaea;
	height: 1.5em;
 }
 ul#menu li {
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
	margin: 0 10px 0 10px;
	font-size: 1em;
	font-weight: bold;
	line-height: 150%;
	text-align: left;
	height: 1em;
	width: 20%;
 }
 ul#menu li a {
	color: #777;
	text-transform: uppercase;
	text-decoration: none;
 }
 ul#menu li a:hover {
	color: #9999cc;
 }/*
 ul#menu li ul {
	float: left;
	margin-top: 10px;
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;	
 }
 ul#menu li ul li {
 }
 ul#menu li ul li a {
	display: inline;
	float: none;
 }*/
 #menu .currentItem {
	color: red;
 }

/**
 * Submenu
 */
 ul#submenu {
	margin-right: 0px;
	list-style-type: none;
	padding-left: 0;
	margin-left: 0px;
}
 ul#submenu li {
	margin: 0;
	padding: 0;
	color: #333;
	float: left;
	margin: 0 10px 0 10px;
	padding: 0;
	font-size: 0.8em;
	line-height: 150%;
	vertical-align: top;
}
 ul#submenu li a {
	text-decoration: none;
	color: #666;
	text-transform: uppercase;
 }
 ul#submenu li a:hover {
	color: #333;
 }
 
/**
 * Images
 */
 div#images {
	margin: 0 auto;
	text-align: center;
	margin-top: 1em;
 }
 div#images table {
	margin: 0 auto;
 }
 div#images table tr {

 }
 td.image_cell {
	text-align: center;
 }
 td.image_cell small a {

 }
 .image_cell img {
	border: 1px solid #eaeaea;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	padding: 10px;
 }
 .image_cell img:hover {
	border: 1px solid #999;
 }


/**
 * Single imageview
 */
 div#single_image {
	margin: 0 auto;
	margin-bottom: 1em;
	text-align: center;
 }
 div#single_image img {
	border: 0;
	margin-bottom: 1em;
 }

/**
 * Pagenavigation
 */
 .paging {
	text-align: center;
	font-size: x-small;
	color: #999;
 }

/**
 * Comments
 */
 div.comment {
 	text-align: left;
	margin: 2px 6px 8px 6px;
	padding: 2px 8px 4px 12px;
 }
 .comment_header {
 	font-size: 0.8em;
	font-style: italic;
	color: #999;
 	padding-bottom: 2px;
	margin-bottom: 2px;
 }
 .comment_header a {
 	color: #999;
 }
 .comment_header a:hover {
 	color: blue;
 }
 .comment_body {
 	padding-top: 2px;
	margin-top: 2px;
	padding-bottom: 4px;
 }
 
/**
 * Footer
 */
 p#footer {
	border: 0;
	border-top: 1px solid #eaeaea;
	padding-top: 0.2em;
	font-size: 0.8em;
	text-align: center;
	color: #aaa;
 }
 p#footer a {
	color: #aaa;
 }
 p#footer a:hover {
	color: #888;
 }
 p#footer a:visited {
	color: #aaa;
 }

/**
 * Forms
 */
 fieldset {
	border: 1px solid #ccc;
	width: 400px;
	margin: 0 auto;
	padding: 10px;
	text-align: left;
 }
 label {
	font-size: 1em;
 }
 textarea {
	font-family: Verdana, 'Century Gothic', Helvetica, sans-serif;
	width: 360px;
 }
 input, select, textarea {
	font-size: 1em;
 }
 
/**
 * Misc
 */
 #content p, #content h2 { /* just for misc contents leftmargin */
	padding: 0 24px;
 }
 .clear {
	clear: both;
 }
 .odd {
	background-color: #fff;
 }
 .even {
	background-color: #eaeaea;
 }
 .msg { /* messages, errors etc */
	color: #c00;
	background-color: #ff9;
	font-style: italic;
	padding: 8px;
	width: 400px;
	margin: 10px auto;
	border: 1px dotted #c00;
 }

/**
 * Administration
 */
 table#usertable {
	width: 100%;
	border: 0;
	font-size: 0.9em;
 }
 table#usertable thead {
	background-color: #666;
	color: #fff;
 }
 table#usertable tr {
	margin: 0;
	padding: 0;
 }
 table#usertable th, table#usertable td {
	margin: 0;
	padding: 0.2em;
	text-align: left;
 }
 table#usertable th {
	font-weight: normal;
 }

/**
 * Lightbox
 * CSS for Lightbox Plugin
 * http://www.huddletogether.com/projects/lightbox/
 */
 #lightbox {
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
 }
 #lightboxDetails {
	font-size: 0.8em;
	padding-top: 0.4em;
 }
 #lightboxCaption {
	float: left;
 }
 #keyboardMsg {
	float: right;
 }
 #lightbox img {
	border: none;
 } 
 #overlay img {
	border: none;
 }
 kbd {
	font-family: Verdana, 'Century Gothic', sans-serif;
	font-size: 1em;
 }
/**
 * For lightbox overlay
 */
 #overlay{ background-image: url(../images/overlay.png); }

 * html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
 }