/**
 *
 * @author		( coded by hand ),Lindha Boberg
 * @license		http://creativecommons.org/licenses/LGPL/2.1/
 *
 */

/** ------------------------------------------------------------------------
 * MASTER
 */

html,body {
	height: 100%;
}

body {
	background: #fff url(/img/bits/bg_bricks.gif) no-repeat 0 270px;
	color: #000;
	font: 12px/17px Tahoma,Verdana,Geneva,"Lucida Grande",Arial,sans-serif;
	text-align: center;
	padding: 0;
	margin: 0;
}


#header,#content,#footer,#container,#header h1 a {
	width: 700px;
}


/** ------------------------------------------------------------------------
 * layout
 */

#header  {
   	height: 175px;
	padding: 0; 
	border-top: 1px solid #fff;
}

#header h1   {
	text-indent: -5000px;
}

#header h1 a {
	display: block;
	height: 175px;
	text-indent: -5000px;
	text-decoration: none;
	z-index: 1000;
		background: url(/img/user/page_header.jpg) no-repeat 0 0;
}

#header h1 a:hover {
	cursor: pointer;  
}

#container {
	top: 0;
	margin: 0 auto;
	background: #fff;
	text-align: left;
	min-height: 100%;
	height: 100%;
	padding: 0;
}

html>body #container {
	height: auto;
}

#content {
	vertical-align: top;
	width: 600px;
	min-height: 300px;
	height: auto !important;
	height: 300px;
	padding: 55px 0;
	margin: 0 auto;
}

#footer {
	clear: both;
	height: 55px;
	background: transparent url(/img/bits/border.gif) no-repeat center top;
}

#footer p {	
	padding: 0 5px;
}

/** ------------------------------------------------------------------------
 * navigation
 */

/* top */

#navigation {
	background: transparent url(/img/bits/border.gif) no-repeat center bottom;
	padding-top: 20px;
	height: 50px;
}

#navigation a, #navigation li {
	float: left;
	list-style-type: none;
	width: 170px;
	height: 50px;
	display: block;
	text-indent: -5000px;
	text-decoration: none;
	z-index: 1001;
	margin: 0;
	padding: 0;
}

#navigation li.nav_News {
	background-image: url(/img/bits/nav_news.gif); 
}
#navigation li.nav_Gallery {
	background-image: url(/img/bits/nav_gallery.gif); 
}

#navigation li.nav_About {
	background-image: url(/img/bits/nav_about.gif); 
}
#navigation li.nav_Contact {
	background-image: url(/img/bits/nav_contact.gif); 
}

#navigation li.current {
	background-position: 0 50px;
}

#navigation a:link,#navigation a:visited  { 
	background-position: 0 0;
}
	
#navigation a:hover,#navigation a:active {
	border-bottom: 1px solid #363;
	cursor: pointer;
} 

/* sub*/
#sub_navigation ul {
	padding: 0;
}

#sub_navigation li {
	display: inline;
	list-style-type: none;
	padding: 5px;
}

/* foot */
#footer ul {
	height: 20px;
	text-align: right;
	padding: 0 0 10px;
}


#footer li {
	display: inline;
	list-style-type: none;
	padding: 0 20px 0 7px;
}

#footer li.current {
	border-top: 2px solid #363;
}

#footer a:link,#footer a:visited  { 
	font-weight: 400; 
	text-decoration: none; 
	color: #363;
}
	
#footer a:hover,#footer a:active {
	border-top: 2px solid #363;
	color: #000;
}

/** ------------------------------------------------------------------------
 * links
 */

a:link,a:visited  { 
	font-weight: 400; 
	text-decoration: none; 
	color: #363;
	outline: none;
	}
	
a:hover,a:active {
	font-weight: 400; 
	text-decoration: underline;
	color: #666;
	}

abbr,acronym {
	font-style: normal;
	border-bottom: dotted 1px #000;
	cursor: help;
}
	
img {
	border: 0; 
	padding: 0;
}

p { 
 	margin-top: 0; 
	text-align: left;
}

/** ------------------------------------------------------------------------
 * text
 */

#preface {
	font: italic 400 14px/20px  Tahoma,Verdana,Geneva,"Lucida Grande",Arial,sans-serif; 
	
}

h1,h2,h3,h4,h5,dt,legend,label,dt {
	font: normal normal 16px Tahoma,Verdana,Geneva,"Lucida Grande",Arial,sans-serif; 
 	letter-spacing: 1px; 
	margin: 3px 0 0;
	color: #000;
}

h1 {
	font-size: 22px;
	padding: 10px 0 5px;
}

h2 {
	font-size: 20px; 
	padding: 8px 0 3px;
	}

h3 { 
	font-size: 18px;
	padding: 6px 0 1px;
}

h4 { 
	font-size: 16px;
	padding: 6px 0 1px;
}

h5,legend,label,dt { 
	font-size: 14px;
	padding: 5px 0 1px;
}

h6 { 
	font-size: 12px;
	padding: 4px 0 1px;
}

hr {
	border: none; 
	height: 1px; 
	background: #000; 
	margin: 2px 0 10px;
}

/* shared small text */
#pagination,#footer,#sub_navigation li,.date,.cv_start,.cv_range {
	font-size: 11px;	
}

/** ------------------------------------------------------------------------
 * list
 */

ul,ol {
	margin: 0;
	padding: 0 0 20px 20px;
}
	
li {
	list-style-type: square;
	padding: 0 0 5px 0;
	}
	
dl {
	margin-bottom: 20px;
}

dt {
	padding: 1px 0;
}

dd {
	margin: 0;
}


/** ------------------------------------------------------------------------
 * forms
 */

form {
	margin: 5px auto;
	padding: 0;
	width: 600px;
}

fieldset {
 	margin-bottom: 10px;
	padding: 25px 75px;
	border: 1px solid #000;
	background-color: #fff;
}

legend,label {
  	padding: 0 2px;
}

textarea  {
	height: 100px;
}

input.text,input.file,textarea,select {
	width: 350px;
	border: 1px solid #000;
	background-color: #fff;
}

input.text,input.file,textarea,select {
	display: block;
	margin: 2px 0 7px 50px;
	padding: 1px 3px;
	border: 1px solid #000;
	background-color: #fff;
}

input.submit,input.reset,input.password  {
 	width: 200px;
	border: 1px solid #000;
	background-color: #fff;
}


/** ------------------------------------------------------------------------
 * Specific tags
 */

/* shared */
.alert {
	font-size: 16px;
	color: #363;
	border: 1px solid #000;
	padding: 20px;
	margin: 0 auto;
}

.news_item,.gallery_set,.set_item {
	border-bottom: 1px solid #000;
	padding-bottom: 25px;
}

.date {
	color: #363;
}

#pagination {
	text-align: right;
	padding: 5px 0 5px 0;
}

#next_page {
	padding: 0 0 0 20px;
}
#contact,#about,#cv,#permission,#news_form,#work_form,#cv_section_form {
	padding-bottom: 50px;
}
/* News */



/* Work */

.gallery_set img,.set_item img {
	display: block;
	margin: 0 auto;
}

/* About */
#about img {
	float: right;
	padding: 10px;
}

/* CV */

table,td,tr,caption {
	border: 0;
	padding: 0;
	margin: 0;
}

table {
	width: 500px;
}

td.date  {
	text-align: right;
	width: 85px;
	vertical-align: bottom;
}

table.no_title .date {
	text-align: right;
	vertical-align: top;
	width: 85px;
}

td.title {
	width: 410px;
	vertical-align: bottom;
	padding-left: 15px;
}

td.body {
	text-align: left;
	padding-left: 100px;
	vertical-align: top;
}

table.no_title td.body {
	text-align: left;
	padding-left: 12px;
	vertical-align: top;
}


.cv_start,.cv_range {
	color: #363;
}

caption {
	text-align: right;
	border-top: 1px solid #363;
}



/** ------------------------------------------------------------------------
 * PRINT
 */

#header,#navigation,#sub_navigation,form,#pagination,#footer ul {
  display: none !important;
}

body,#container,#footer {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

#container {
	background: #FFFFFF;
	width: auto;
	margin: 0 auto;
	padding: 5%;
	text-align: left;
}


/* links */
a:link,a:visited,a:hover,a:active   { 
	color: #363;
	background: transparent;
	font-weight: normal; 
	text-decoration: none;
	}
	
p { 
 	margin-top: 0px; 
	text-align: left;
	}