/*
Theme Name: Turku Modern 2
Theme URI: 
Description: 
Version: 
Author:
Author URI: 
Tags:
*/



@charset "UTF-8";
/* CSS Document */

* { margin: 0; padding: 0; }
img {border: none;}

a { color: blue;}

ul, li { margin: 0px; paddong: 0px;}

small { font-size: 12px !important; }

body {
	font-family: "Courier New", Courier, monospace;
	margin-bottom: 20px;
	}
	#col1, #col1 h2 {font-size: 12px}
	#col2 {font-size: 14px;}
	#col2 h1 {font-size: 12px;}
	#col2 h2 {font-size: 18px;}
	#col2 h3 {font-size: 14px;}
	#footer {font-size: 12px;}

.line {
	xxxbackground-image: url(images/line.gif);
	xxxbackground-repeat: repeat-x; 
	letter-spacing: 0.1em;
	width: 350px;
	height: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
	display: block;
	font-size: 14px;
	}


#wrapper {
	width: 745px;
	margin: 0;
	}

/*
EKA SARAKE 
*/
	
	#col1 {
		width: 285px;
		display: inline-block;
		float: left;
		margin-top: 50px;
		
		}
		#col1 #logo {
			background-image: url(images/logo.gif);
			background-repeat: no-repeat;
			width: 201px;
			height: 166px;
			margin-left: 70px;
			}
		#col1 .margin { 
			margin-bottom: 30px; padding-left: 70px; padding-right: 10px; padding-top: 15px;
			}
		#col1 .margin ul, #col1 .margin ul li { margin: 0; padding: 0; }
		#col1 .margin p { padding-top: 2px; margin-bottom: 10px; line-height: 120%; padding-right: 0px; }
		#col1 .margin h2 { margin-top: 25px; display: block; }
		#col1 .margin .navigation {
			width: 150px;
			display: inline-block;
			}
			#col1 .margin .navigation li {
				padding-top: 3px; 
				padding-left: 0; padding-right: 0px;
				padding-bottom: 3px; 			
				list-style: none;
				}

		#col1 .icons {
			margin-top: 5px;
			} 
			#col1 .icons img {clear: both; display: block;}
			#col1 .icon {
				width: 57px;
				height: 57px;
				display: inline-block;
				clear: none;
				background-repeat: no-repeat;
				}
				.news { background-image: url(images/logo_modernitajat.gif);}
				.tour { background-image: url(images/logo_tourdemodern.gif);}
				.mixtape { background-image: url(images/logo_mixtape.gif);}

/* 
TOINEN SARAKE
*/		
#col2 {
	width: 460px;
	float: right;
	}
	/* nollataan asetukset safaria varten */
	#col2 #menu ul, #col2 #menu li { margin: 0; padding: 0; }
	#col2 #menu {
		height: 130px;
		padding-top: 63px;
		margin-left: 30px;
		}
		#col2 #menu .navigation {
			width: 150px;
			list-style: none;
			display: inline-block;
			text-transform: uppercase;
			}
		#col2 #menu .navigation li { padding-top: 1px; padding-bottom: 1px;}
		#col2 #menu .navigation li a:hover { background-color: yellow; }
	#col2 #content {
		padding-top: 30px;
		margin-left: 30px;
		}
		
	#col2 #content .entry {
		margin-top: 30px;
		margin-right: 40px;
		padding-bottom: 25px;
		clear: both;
		xxxbackground-image: url(images/line.gif);
		xxxbackground-repeat: no-repeat; 
		xxxbackground-position: left bottom;
		}
		#col2 #content .entry .postmetadata {
			}
		
		#col2 #content h2 {
			margin-bottom: 2px;
			margin-top: 12px;
			display: block;
			clear: both;
			}
	
		#col2 #content .xxxcomments { 
			font-size: 12px; 
			font-weight: normal;
			color: #666;
			xxxtext-transform: uppercase;
			display: block;
			clear: both;
			background-image:url(images/bullet.gif); 
			background-repeat: no-repeat;
			background-position: 0px 3px;
			padding-left: 15px;
			margin-top: 7px;
			margin-bottom: 7px;
			}
		#col2 #content p {
			margin-top: 12px;
			}
			
			
		#col2 .postContent img {
			margin-top: 12px;
			}
/*
GALLERY
+
SCHEDULE
*/			
			
.gallery, .schedule {
	width: 500px;
	clear: both;
	display: block;
	margin-top: 12px;
	}
.gallery h2, .schedule h2 {
	padding-top: 12px;
	margin-top: 0px !important;
	}
.galleryItem {
	width: 150px;
	float: left;
	margin-right: 13px;
	padding-bottom: 10px;
	height: 188px;
	}
.scheduleItem {
	width: 150px;
	float: left;
	margin-right: 5px;
	margin-bottom: 15px;
	}
	.gallery .comments, .schedule .comments { 
		font-size: 12px !important; 
		display: block;
		clear: none;
		color: #999;
		font-weight: normal;
		xxxbackground-image:url(images/bullet-white.gif); 
		background-repeat: no-repeat;
		xxxbackground-position: 0px 3px;
		background-image: none !important;
		padding-left: 0px !important;
		margin-top: 0px;
		margin-bottom: 8px;
		}
	.galleryItem p, .scheduleItem p { margin-top: 3px !important; }
	.galleryItem h3, .scheduleItem h3 { margin-top: 3px; }




#footer {
	padding-top: 30px;
	margin-bottom: 20px;
	clear: both;
	}
		
.clear { clear: both; display: block; }

.highlight {color: red;}