/* @override http://neversaydavid.net/wp-content/themes/jonas/style.css */

/*
Theme Name: monolit kopia!!!!
Theme URI: http://blog.jasen.dk/monolit
Description: lol!
Version: 0.00000007
.
**IMPORTANT**
Configuring the theme:

If you wan to enable archives:
  - Create an 'archives' page through Manage/Pages. Remember the title and be
    sure to select the 'Arcives' template under "Page Template".
  - in the config/config.php file
    => change the value of MONOLIT_SET_ARCHIVE_WP_TITLE to the title of the page
       you just created
    => change the value of MONOLIT_SET_SHOW_ABOUT to 1

If you want to enable an about page:
  - Create an 'about' page through Manage/Pages. Remember the title.
  - in the config/config.php file:
    => change the value of MONOLIT_SET_ABOUT_WP_TITLE to the title of the page
       you just created
    => change the value of MONOLIT_SET_SHOW_ARCHIVES to 1

Changing the copyright notice and other settings
  - Copyright: Change the MONOLIT_SET_COPYRIGHT to whatever you want the
    copyright notice to say.
  - Change other configuration values in the file if needed. They are pretty
    much self-explanatory.

About sizes:
  The theme automatically resizes images to a max width of 900 pixels and a
  max height that is customizable through the MONOLIT_SET_MAX_HEIGHT value
  (default is 600 pixels). If you want wider images the layout will break 
  unless you change the stylesheet (look for the 'inside' class).

About language and messages:
  Language and messages can be configured through the lang/lang.php file. It
  might take some skill to figure out which message goes where :-)

Todo:
  - a smarter way to control the configuration, ie. via admin page
.
*/
html {
	background: #fff;
}
body {
	margin: 0px; 
	font-family: "Times New Roman", Times, Georgia, serif;
	font-size: 13px;
	line-height:16px;
	color: #222;
	background-color: #f5f5f5;
	}

/* CONTAINERS */
.inside {
	width:800px;
	margin:0px auto 0px auto;
	}

.whitebg { background-color: #fff; }

.content {
	margin-top: 0px;
	padding-top: 1em;
	padding-bottom: .5em;
	background-color: #fff;
	}
.content .inside {
	width: 460px;
	text-align: left;
}
.content .inside p {
	margin: 0 0 0 50px;
	padding: 0	;
}

/* LINKS */
a {
	color: #000;
	text-decoration: none;
	}

a img { border: 0; }

a:hover {
	color:#fff;
	text-decoration:none;
	background-color: #999;
	}

/* BASIC ELEMENTS */
p {
	width: 500px;
	color: #555;
	margin: 2px 0 10px 2em;
	}

h2 {
	margin-top: 0;
	margin-bottom: 0.5em;
	font-size: 1.5em;
	font-weight: normal;
}

h3 {
	font-size: 1.2em;
	font-weight: normal;
	margin-bottom: 0.5em;
	}
	
.inside h2 {
	margin-left: 40px;
	font-family:"Times New Roman",Times,Georgia,serif;
	font-size:10px;
	letter-spacing:2px;
	text-align:left;
	line-height: 16px;
}

/* ARCHIVES */
div#aboutcontent * {
	margin: 0;
	padding: 0;
	color: inherit;
}
div#aboutcontent {
	margin-bottom: 2em;
}

div#aboutcontent a {
	text-decoration: underline;
}
div#aboutcontent a:hover {
	text-decoration: none;
}

div#aboutcontent img {
	margin-bottom: 1em;
}

#aboutcontent li {
	list-style: none;
	line-height: 1.5em;
	margin-right: .2em;
	display: inline;
}

#aboutcontent p {
	margin-bottom: 1em;
}

.archives {
	display: block;
	margin-left: 10px;
}

.archive-post {
	display: inline;
	line-height: 30px;
	}

.archive-photo {
	margin: 10px;
	margin-left: 0px;
	display: inline;
	}

.archive-photo a {
	border: 0;
	text-decoration: none;
}

.archive-photo a:hover {
	background-color: #f5f5f5;
	}

.archive-thumb {
	border: 0;
	}

.archive-navigate-container {
	position: relative;
	font-family: "Times New Roman", Times, Georgia, serif;
	text-transform: capitalize;
	font-size:12px;
	letter-spacing:2px;
	padding-bottom: 12px;
	}

/* HEADER AND NAVIGATION */
#header-container {
	position: relative;
	height: 40px;
	margin-bottom: 2em;
}

#header-headline {
	position: absolute;
	left: 0;
	bottom: 5px;
	width: 50%;
	font-size: 1.8em;
	letter-spacing:2px;
}

#header-headline a {
	border: 0;
	text-decoration: 0;
}

#header-navigation {
	position: absolute;
	right: 0;
	bottom: 1px;
	width: 50%;
	text-align: right;
	font-family: "Times New Roman", Times, Georgia, serif;
	text-transform: capitalize;
	font-size:10px;
	letter-spacing:1px;
}

#header-navigation a {
	border-bottom: none;
}

/* FOOTER */
#footer {
	display: none;
	}


/* IMAGE NAVIGATION */
#image-navigate-container {
	width: 300px;
	text-align: left;
	font-family: "Times New Roman", Times, Georgia, serif;
	text-transform: capitalize;
	font-size:10px;
	letter-spacing:2px;
	margin-top: 0;
	}

#image-navigate-container a {
	border-bottom: none;
}

.image-navigate-left {
	float: left;
	margin-right: 1em;
	}

.image-navigate-center {
	text-align: left;
	float: left;
	clear: right;
	}

.image-navigate-right {
	clear: left;
	margin-left: 50px;
	}

/* IMAGES */
#image {
	text-align: center;
	}

img.photo {
	border: 0;
}

/* COMMENTS */

#commentbox {
	margin-top: -1em;
}

#commentbox * {
	text-align: left;
}

#commentbox h3 {
	font-size: 20px;
}

input {
	padding: 3px;
}
textarea {
	width: 494px;
	padding: 3px;
}

/* BULLETS */
.bullet ul {
	margin-top: 0;
}
.bullet li {
	list-style-type: square;	
}	

/* --- Float Hack --- */
.cf:after { content: "."; display: block;   height: 0;  clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
html .cf {height: 1%;}
/* End hide from IE-mac */