/*
Theme Name: Millimeter v.2
Theme URI: http://wordpress.org
Description: Theme for Millimeter Arkitekter...
Version: 2.0
Author: Daniel Andersson
Author URI: http://www.daytona.se
Tags: -
*/

@import url("structure.css");
@import url("general.css");
@import url("menu.css");

.leftCol ol, .content .leftCol ul {
	font-size: 14px;
	line-height: 20px;
	color: #333333 }

.leftCol a {
	font-family: Helvetica,Arial,Sans-serif;
	font-size: 13px;
	line-height: 20px;
	font-weight: bold;
	color: #336699;
	text-decoration: none }

.leftCol a:hover {
	text-decoration: underline }

/********* HEADER *********/

	#header .logo {
		float: left;
		margin: 3px 2px 0px 1px;
		width: 120px;
		height: 88px }
			
	#header .contact {
		float: right;
		margin: 1px 0 11px 0;
		text-align: right;
		font-size: 11px;
		line-height: 20px;
		color: #666666 }
			
	#header .contact a {
		text-decoration: none;
		color: #666666 }
				

/********* PROJECT-LIST *********/
	
	#start-page #project h2 {
		float: left;
		width: 147px;
		padding-top: 4px }
	
	#start-page #project .project-list h2 {
		float: right;
		width: 675px }
	
	ul.project-list {
		display: block;
		float: right;
		width: 675px;
		margin: 0;
		padding: 0;
		list-style: none }

	ul.project-list li {
		display: block;
		float: left;
		width: 675px;
		padding: 0;
		margin: 0 }
	
	#start-page ul.project-list li {}
	
	#project-page ul.project-list li {
		margin: 0 0 14px 0;
		width: 323px }
		
	ul.project-list li.even, #project-page ul.project-list li.even {
		clear: left }
	
	ul.project-list li.odd, #project-page ul.project-list li.odd {
		float: left;
		clear: right;
		padding-left: 29px }
	
	ul.project-list li img {
		padding: 0;
		float: left }
	
	#start-page ul.project-list li div.imagecontainer {
		float: left;
		margin: 16px 0 18px 0;
		width: 675px }
	
	#start-page ul.project-list li div.imagecontainer img {
		float: left;
		width: 675px }
	
	#start-page ul.project-list li div.imagecontainer ul, #start-page ul.project-list li div.imagecontainer ul li, #project-page ul.project-list li div.imagecontainer ul, #project-page ul.project-list li div.imagecontainer ul li {
		display: inline;
		padding: 0;
		margin: 0 }
	
	#project-page ul.project-list li div.imagecontainer {
		float: left;
		margin: 0 0 8px 0;
		width: 323px }
	
	#start-page ul.project-list li div.imagecontainer img {
		/* width: 675px; */ }
	
	#project-page ul.project-list li div.imagecontainer img {
		width: 323px;
		margin: 1px 0 2px 0 }
		
	div.imagecontainer.empty {
		background: #f4f4f4 }
		
	#project-page ul.project-list li h3 {
		width: 323px;
		margin: 1px 0 0 0;
		padding: 0 }
	
	ul.project-list li p {
		margin: 0;
		padding: 0 }
	
	#start-page ul.project-list h1 {
		display: block;
		float: right;
		width: 675px;
		margin-top: 1px }
	
	#start-page ul.project-list li p {
		color: #333333;
		display: block;
		float: left;
		font-size: 14px;
		line-height: 20px;
		width: 360px }
	
	#project-page ul.project-list li p {
		color: #333333;
		font-size: 14px;
		line-height: 20px;
		display: block;
		float: left;
		width: 323px }
	
	#start-page ul.project-list li span.read-more {
		display: block;
		float: left;
		width: 675px;
		margin: 0;
		padding: 0 }
	
	#project-page ul.project-list li span.read-more {
		margin: 0;
		padding: 0 }

		
/********* SINGLE PROJECT *********/		
	
	#project .content {
		width: 675px;
		float: right;
		padding: 0 }
	
	#project .content p {
		color: #333333;
		font-size: 14px;
		line-height: 20px }
	
	#project h1, #project h2, #project h1, #project h4 {
		width: 675px;
		float: right;
		display: block }
	
 	#project h2 {
		padding-top: 4px }
	
	#project h4 {
		width: 411px }
	
	#project .content .leftCol {
		width: 411px;
		float: left }
	
	#project .content .leftCol p {
		margin: 0 0 20px 0 }
		
	#project .content .rightCol {
		width: 235px;
		float: right;
		margin-left: 24px;
		border-top: 1px solid #ff6633 }
	
	#project .content .rightCol strong, #project .content .rightCol b {
		color: #333333 }
	
	#project .content .rightCol h3 {
		font-size: 14px;
		font-family: Georgia, Serif;
		font-style: italic;
		color: #FFF;
		background: #ff6633;
		padding: 1px 40px 2px 5px;
		margin-bottom: 17px;
		text-transform: none;
		display: block;
		width: auto;
		float: left }
			
	#project .content .rightCol p {
		font-family: Helvetica, Arial, Sans-serif;
		font-size: 13px;
		line-height: 20px;
		color: #666666;
		float: left;
		margin: 0 0 17px 0;
		padding: 0 }
	
	#project .content .rightCol p a {
		color: #666666 }
	
/********* PAGE *********/
	
	#page .content {
		width: 675px;
		float: right;
		padding: 0 }
	
	#page .content h1, #page .content h2 {
		padding-top: 4px;
		float: left;
		width: 411px }
	
	#page .content p {
		font-size: 14px;
		line-height: 20px;
		color: #333333 }
	
	#page .content .leftCol {
		float: left;
		width: 411px }
	
	#page .content .leftCol p {
		color: #333333;
		padding: 2px 0 4px 0 }
	
	#page .content .rightCol {
		margin-top: 0;
		padding-top: 0;
		float: right;
		width: 235px }
	
	#page .content .rightCol p {
		font-family: Helvetica, Arial, Sans-serif;
		font-size: 13px;
		line-height: 20px;
		color: #666666;
		padding: 0 0 4px 0;
		margin-top: 0 }
	

/********* SLIDE SHOW *********/		

	.slideshow {
		float: right;
		padding: 0 }

	#project .slideshow {
		float: right;
		width: 675px;
		margin: 20px 0 20px 0 }

	#footer .slideshow {
		width: 246px;
		margin: 0 }
	
	.slideshow div.imagecontainer {
		float: left }
	
	.slideshow div.imagecontainer#imagecontainer-big img {}
	
	.slideshow p {
		font-family: Helvetica, Arial, Sans-serif;
		font-size: 13px;
		line-height: 20px;
		color: #666666;
		width: 235px;
		margin: 0;
		padding: 9px 0 29px 0 }
	
	.slideshow div.slideshow-menu p {
		float: right;
		width: 235px;
		padding-top: 1px }
	
	.slideshow div.imagecontainer p {
		float: left }
	
	#footer .slideshow {
		padding-bottom: 13px }
	
	#footer .slideshow h3.flickr {
		float: right;
		width: 235px;
		margin: 0;
		padding: 0;
		text-indent: -9999px;
		margin: 14px 0 0 0;
		background: url("images/logo-flickr-1.png") 0 0 no-repeat }

/********* BLOG-LIST *********/
	
	#start-page #blog h2 {
		font-size: 14px;
		line-height: 20px;
		display: block;
		float: left;
		margin: 0;
		padding: 0 }
	
	#start-page #blog h3 {
		font-family: Georgia, Serif;
		text-transform: uppercase;
		padding: 0 0 9px 0 }
	
	#start-page #blog h3 span.date {
		font-size: 14px;
		font-family: Helvetica, Arial, Sans-serif;
		text-transform: none;
		display: block;
		padding: 0 0 10px 0 }
	
	#blog-page #blog h1 {
		font-size: 18px;
		line-height: 22px;
		width: 411px;
		display: block;
		float: left;
		padding-bottom: 10px }
	
	#blog-page ul.blog-list-big h1 {
		padding-bottom: 0 !important }
	
	#blog-page #blog h2, #blog-page #blog h3 {
		display: block;
		float: left;
		padding: 4px 0 0 0;
		margin: 0;
		width: 264px;
		line-height: 13px }
	
	ul.blog-list-big {
		display: block;
		float: right;
		width: 411px;
		margin: 0;
		padding: 0;
		list-style: none }
	
	ul.blog-list li {
		font-size: 17px;
		line-height: 20px;
		color: #999999;
		display: block;
		float: left;
		width: 147px;
		margin: 0 0 0 29px;
		padding: 0 }
	
	#start-page #blog ul.blog-list {
		display: block;
		float: right;
		width: 675px;
		margin: 0;
		padding: 0;
		list-style: none }
	
	#start-page #blog ul.blog-list li {
		margin: 0 0 0 0 }
	
	#start-page #blog ul.blog-list li.padding-right {
		padding-right: 29px }
	
	#blog-page ul.blog-list-big li {
		width: 411px;
		padding-bottom: 20px;
		margin: 0 0 14px 0;
		border-bottom: 1px solid #e0e0e0 }
	
	#blog-page ul.blog-list-big li.last {
		padding-bottom: 0;
		margin: 0;
		border-bottom: none }

	ul.blog-list li.last {
		margin-right: 0 }

	ul.blog-list li h3 {
		font-size: 16px;
		line-height: 20px;
		display: block;
		float: left;
		width: 170px;
		padding: 0 0 2px 0;
		margin: 0 }
	
	ul.blog-list li p {
		display: block;
		float: left;
		margin: 0 0 -1px 0;
		padding: 0 }
	
	#start-page ul.blog-list li p {
		font-size: 14px;
		line-height: 20px;
		color: #333333 }
	
	#blog-page ul.blog-list-big li p {
		font-size: 14px;
		line-height: 20px;
		color: #333333;
		display: block;
		float: left }
	
	#blog-page ul.blog-list li p a {
		font-family: Helvetica, Arial, Sans-serif;
		font-size: 13px;
		font-weight: bold;
		color: #336699 }
	
	#blog-page ul.blog-list-big .comments {
		display: block;
		float: right;
		padding: 0 0 8px 10px;
		background: url("images/icon-comment-left-1.gif") 0 0 no-repeat }
	
	#blog-page ul.blog-list-big .comments span {
		font-size: 14px;
		line-height: 18px;
		color: #ff6633;
		font-style: italic;
		font-weight: bold;
		display: block;
		padding: 0 11px 0 0;
		background: url("images/icon-comment-right-1.gif") 100% 0 no-repeat }
	
	#blog-page ul.blog-list img {
		margin-bottom: 15px;
		width: 411px }
	
	#blog-page ul.blog-list-big .read-more {
		display: block;
		float: left;
		width: 411px }
	
	#blog-page .rightCol {
		padding-top: 4px;
		width: 235px;
		float: right;
		margin-left: 29px }
	
	#blog-page .rightCol h4.noborder {
		padding-top: 0;
		margin-top: 0;
		border-top: none }
	
	#blog-page .rightCol h4 {
		margin-top: 28px;
		padding-bottom: 20px }
	
	#blog-page .rightCol a {
		font-family: Helvetica, Arial, Sans-serif;
		font-size: 13px;
		line-height: 20px;
		font-weight: bold;
		color: #336699;
		margin: 0;
		padding: 0 }
	
	#blog-page .rightCol a:hover {
		text-decoration: underline }
	
	#blog-page .rightCol p {
		font-family: Helvetica, Arial, Sans-serif;
		font-size: 13px;
		color: #666666;
		float: left;
		margin: 0 0 17px 0 }
	
	#blog-page .rightCol p.noentry {
		font-family: Helvetica, Arial, Sans-serif;
		font-size: 13px;
		line-height: 20px;
		font-weight: bold;
		color: #336699;
		margin: 0;
		padding: 0 }
	
	ul.footer-menu li ul.blog-list, #blog-page ul.footer-menu li ul.blog-list {
		padding-top: 1px }
	
	ul.footer-menu li ul.blog-list li, #blog-page ul.footer-menu li ul.blog-list li {
		line-height: 13px;
		width: 411px; 
		display: block;
		float: left;
		margin: 0;
		padding: 2px 0 2px 0;
		border-bottom: none }

	ul.footer-menu li ul.blog-list li a, #blog-page ul.footer-menu li ul.blog-list li a {
		display: block;
		float: left;
		margin: 0;
		padding: 0 0 3px 0 }

	ul.footer-menu li ul.blog-list li span.date, #blog-page ul.footer-menu li ul.blog-list li span.date {
		padding: 1px 0 2px 0;
		width: auto;
		display: block;
		float: right;
		font-family: Helvetica, Arial, Sans-serif;
		font-size: 11px }
	
/********* SINGLE BLOG *********/	

	#single-blog-page #blog .content {
		width: 675px;
		float: right;
		padding: 0 }

	#single-blog-page #blog .leftCol {
		padding: 0;
		margin: 0;
		width: 411px;
		float: right }
	
	#single-blog-page #blog .leftCol h2 {
		padding-top: 4px }
	
	#single-blog-page #blog .leftCol ol, #single-blog-page #blog .leftCol ul {
		font-size: 14px;
		line-height: 20px;
		color: #333333 }	
	
	#single-blog-page #blog .leftCol p {
		font-size: 14px;
		line-height: 20px;
		color: #333333 }
	
	#single-blog-page #blog .leftCol img {}

	#single-blog-page .rightCol {
		width: 235px;
		float: right;
		margin-left: 29px }
	
	#single-blog-page .rightCol h4.noborder {
		padding-top: 4px;
		margin-top: 0;
		border-top: none }
	
	#single-blog-page .rightCol h4 {
		margin-top: 28px;
		padding-bottom: 20px }
	
	#single-blog-page .rightCol a {
		font-family: Helvetica, Arial, Sans-serif;
		font-size: 13px;
		line-height: 20px;
		font-weight: bold;
		color: #336699;
		margin: 0;
		padding: 0 }
	
	#single-blog-page .rightCol a:hover {
		text-decoration: underline }

	#single-blog-page .rightCol p.noentry {
		font-family: Helvetica, Arial, Sans-serif;
		font-size: 13px;
		line-height: 20px;
		font-weight: bold;
		color: #336699;
		margin: 0;
		padding: 0 }

	
/********* COPYRIGHT, ADDRESS & RSS *********/
	
	#copyright, #address {
		padding-bottom: 18px }
	
	#rss {
		padding-bottom: 11px }
	
	#copyright h3, #address h3, #rss h3 {
		font-family: Helvetica, Arial, Sans-serif;
		font-size: 12px;
		line-height: 20px;
		text-transform: none;
		color: #999999;
		float: left;
		width: 147px;
		margin: 0;
		padding: 1px 0 0 0 }
	
	#copyright p, #address p, #rss p {
		font-family: Helvetica, Arial, Sans-serif;
		font-size: 12px;
		line-height: 20px;
		color: #666666;
		padding: 1px 0 0 0;
		margin: 0;
		display: block;
		float: right;
		width: 675px }
	
	#copyright a, #address a, #rss a {
		color: #666666 }
	
	#copyright a:hover, #address a:hover, #rss a:hover {
		color: #FF6633 }
	
	#rss a.rss {
		display: block;
		float: left;
		padding-left: 18px;
		margin-right: 4px;
		background: url("images/icon-rss-1.png") 0 1px no-repeat }

/********* FORMS *********/
	.form {
		width: 411px;
		float: left;
		padding: 17px 0 22px 0;
		margin: 0 }
	
	.form p.login {
		font-family: Helvetica, Arial, Sans-serif !important;
		font-size: 13px !important;
		line-height: auto !important;
		color: #666666 !important }
	
	.form label {
		font-family: Helvetica, Arial, Sans-serif;
		font-size: 13px;
		line-height: auto;
		color: #666666;
		display: block;
		float: left;
		width: 88px;
		padding: 5px 0 0 0;
		margin: 0 }
	
	.form div.error {
		display: none;
		float: right;
		width: 310px;
		padding: 7px 5px 0 6px;
		margin: 0 1px 19px 0;
		border: 1px solid red;
		background: #ffdede }
	
	.form div.error label {
		display: block;
		float: left;
		color: red;
		width: 300px;
		padding: 0 0 5px 0;
		margin: 0 }
	
	.form .field {
		display: block;
		float: left;
		padding: 3px 3px 1px 3px;
		margin: 0 0 19px 0;
		font-family: Helvetica, Arial, Sans-serif;
		font-size: 13px;
		color: #666666 }
	
	.form .text {
		width: 230px }
	
	.form .text.error, .form .area.error {
		background: #ffdede }
	
	.form .area {
		width: 312px;
		height: 172px }
	
	.form .btn {
		font-family: Helvetica, Arial, Sans-serif;
		font-size: 13px;
		color: #666666;
		margin: 0 0 0 87px;
		padding: 3px 14px 2px 14px;
		display: block;
		float: left }
	
	.form p.info {
		font-family: Helvetica, Arial, Sans-serif !important;
		font-size: 13px !important;
		color: #666666;
		display: block;
		float: left;
		margin: 2px 0 0 22px !important }
	
/********* COMMENT LIST *********/

	ul.comment-list {
		width: 411px;
		list-style: none;
		display: inline;
		margin: 0;
		padding: 19px 0 0 0;
		display: block;
		float: left }

	ul.comment-list li {
		display: block;
		float: left }
	
	ul.comment-list a {
		color: #666666 }
	
	ul.comment-list p {
		font-size: 13px;
		width: 323px;
		float: right;
		margin: 0 !important;
		padding: 0 0 28px 0 }
	
	ul.comment-list p.date {
		font-family: Helvetica, Arial, Sans-serif; 
		font-size: 13px !important;
		color: #666666 !important;
		padding: 0;
		margin: 0;
		display: block;
		float: left;
		width: 88px	}

	ul.comment-list p.name {
		font-family: Helvetica, Arial, Sans-serif;
		font-size: 13px !important;
		color: #666666 !important;;
		width: 323px;
		display: block;
		float: left;
		margin: 0;
		padding: 0 }
	
	ul.comment-list p.name strong {
		color: #333333 }
	
	ul.comment-list p.name a {
		color: #333333 }