/*   
Theme Name: Musik own theme
Description: For the site www.musik.fi
Author: Maxim Usik
Author URI: http://musik.fi
Version: 1.1
*/

/* CSS Document */
/* COMMON */

body {font-size: 100%; margin: 0; font-family: Tahoma, sans-serif;  line-height: 120%; background-color: black; color: white;}
a {color: white; text-decoration: underline;}
a:hover {color: #9999cc; text-decoration: underline; }
img {border:0;}
h1, h2, h3, h4 {margin: 0; padding: 0; font-family: Georgia, sans-serif;}
h1 {font-size: 200%;}
h2 {font-size: 150%; margin: 1.7em 0 0 0;}
h3 {font-size: 100%; margin: 1.5em 0 0 0;}
.small {font-size: 12px; font-style: italic; padding:0; margin:0; font-family: Georgia; }
.shadow {-webkit-box-shadow: 0px 1px 5px rgba(186, 186, 186, 0.8);
-moz-box-shadow:    0px 1px 5px rgba(186, 186, 186, 0.8);
box-shadow:         0px 1px 5px rgba(186, 186, 186, 0.8);}

#shadow { -webkit-box-shadow: 0px 1px 5px 0px #828282;-moz-box-shadow: 0px 1px 5px 0px #828282; box-shadow: 0px 1px 5px 0px #828282;
/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#828282', ShadowOpacity=0.30)";
}

/* HEADER */
.header { width: 910px; }

/* NAVIGATION */ 
.navigation {font-size: 16px; font-style: italic; font-weight: normal; color:#ff5122; width: 600px; float: left; font-family: Georgia, sans-serif;}
.navigation p {margin: 10px 0 0 0; padding: 0;}
.menu-top-menu-container { clear: both;}
.menu {font-size: 16px; font-style: italic; font-weight: normal; color:#ff5122;  width: 600px; font-family: Georgia, sans-serif;}
ul.menu li { display:inline; margin: 0 10px 0 10px; padding:0;  }
ul.menu { margin: 0; padding:10px 0 0 0;}
ul.menu .current_page_item a, ul.menu .current-menu-item a { color: #ff5122; text-decoration: none;}
#menu-top-menu .current-page-ancestor a { color: #ff5122; }

.new_item_menu { border: #1a6ac5 1px dashed; padding: 4px 8px !important; border-radius: 5px; }


/* Otstup ot blokov s illystraciei */
.menu-item-1188 { width: 120px; text-align: right;}

.mu { margin: 0px 0 0 5px; float: right; }
.up_strike {width: 660px; height: 1px; background: #ff5122; color: #ff5122; padding-top: 50px;}
.menuItemSelected a { color: #747474; text-decoration: none;}




/* ILLU RIGHT NAVI */
.nav_illu {float: right; width: 150px; border: 1px dotted white; border-radius: 15px; -moz-border-radius: 15px; font-family: Georgia, sans-serif; margin: 15px 0 30px 0;}
#sidebar ul {list-style-type: none; width: 150px; margin: 10px 0 10px 0; padding:0 0 0 22px;}
#sidebar ul li { margin: 10px 0 0 0; display:list-item; }
.current_page_item a { color:#FF5122;}
.menu_illu {display: block;}
.menu_illu ul {list-style-type: none;}
#menu-item-1215 { padding: 0 0 8px 0;}

/* OWN */
.wrapper { margin-right: auto; margin-left: auto; width: 910px; margin-top: 15px; }
.ornament { float: left; margin: 0px 0 0 0; padding:0px 0 0 0; width: 100%; height: 100%;     }
.lang a { font-weight: bold; color: white; }
.lang a:hover {color: #9999cc; }
.langR a { font-weight: bold; color: white; }
.langR a:hover {color: #9999cc; }

.down_strike {width: 100%; height: 3px; border-top: 1px dashed #acacac; color: #ff5122; clear: both; }

.footer { clear: both; padding: 0 0 20px 0; font-size: 11px; font-family: Tahoma; height: 80px; }
.footer p { float: left; }
.footer img { float: left; padding-right: 8px; }

.content { width: 100%; clear: both;}
.content h1 { font-size: 60px; font-style: italic; padding: 25px 0 35px 0;}
.content h2 { font-size: 30px; font-style: italic; padding: 30px 0 10px 0; line-height: 120%; margin:0;}
.content p {padding: 7px 0 7px 0; font-size: 14px; font-family: Tahoma;}

/* DESIGN */

.colum_one { width: 33%; float: left;}
.colum_two { width: 33%;  float: left;}
.colum_three { width: 33%; float: right;}
.content_case { position: relative;	width: 288px; height: 100%; padding:0; margin: 5px; color: black; float: left; }
.content_case h3 {padding:0; margin: 0; color: red;}
.content_case img { float: left; padding: 0 15px 15px 0px; } 
.content_case a { color: white; font-size: 18px; }
.content_case a:hover {color: #9999cc; }
.content_case p { text-align: left; padding: 0; margin: 0;}
.content_case .linkki { color: #c8c8c8; font-size: 14px;}
.content_case .linkki2 { color: #939393; font-size: 11px; font-family: Tahoma; line-height: 110%; padding-top: 5px; 
						font-style: italic;}
.textRollover {position: absolute; top: 0; left: 0; width: 288px; height: 100%; background-color: black; opacity:0.9;  display: none; }
.textRollover .small { font-size: 11px; color: gray; font-weight: normal; }
.rollover_casetext { color: white; padding-top: 0%; line-height: 140%; text-align:center; }
.rollover_casetext h2 { font-size: 16px; }
.rollover_casetext p {text-align:center; font-size: 13px; line-height: 140%; margin: 7px 0 7px 0; }

/* Own design project page */
.design_project_case { padding: 0px 0px 15px 0px; width: 900px; font-size: 16px; line-height: 140%; margin:0; }
.design_project_case a {color: #FF9622;}
.design_project_case p {font-size: 14px; padding:13px 0 10px 0; margin:0; width: 90%; }
.design_project_case p.img_ {text-align: center; color: white; font-size: 12px; padding: 10px 0 10px 0; margin:0; font-style: italic; display: block; font-family: Georgia;}
.design_project_case .year { color: #666666; font-size: 12px; font-weight: normal; display:block; padding: 0px; margin:0; }
.design_project_case .short_links {padding:0 0 7px 0px; margin:0; font-size: 12px;}
.project_sector {border-radius: 15px; background: #f9eddc; width: 100px; color: black; text-align: center; padding: 2px 0 2px 0; 
margin: 25px 0 0px 0; width: 100px; font-family: Georgia; font-size: 13px;}
.left_design_div {width: 150px; float: left; padding-top: 30px;}
.right_design_div {width: 150px; float: right;padding-top: 0px; text-align:right; color:#666666; font-size:12px;}
.clear {clear: both;}
.left_design_div p {line-height:130%;}

/* ILLU */
.illu_gallery_wrapper {float: left; width: 750px; padding: 0px; margin:0;  }
.illu_gallery_wrapper table.illu_desc {text-align: left; font-size: 13px; vetrical-align: top; padding: 0 0 10px 15px;}
.illu_gallery_wrapper table.illu_desc .small { width: 60px; color: white;}
.illu_gallery_wrapper table.illu_desc .date { color: #747474;}
.illu_gallery_wrapper p { text-align: center;}
.illu_category { padding: 0; margin: 15px 0 10px 0; font-family: Georgia, sans-serif; }
.illu_category .small {color: #FF5122; padding: 0; margin: 0px 0 0 5px; font-style: normal; }
.illu_category a { text-decoration: none; border-bottom: 1px #FF5122 solid;}
.illu_category_holder {clear: both; font-family: Georgia, sans-serif; padding-bottom: 30px;}
.illu_case { padding: 0 5px 5px 5px; float: left; width: 150px; margin: 10px 10px 10px 10px; }
.illu_case img { padding: 3px; border: #353535 1px solid;} 
.new_illu_nav { width: 250px; float: left;}
.nav_iframe {width:300px; height:1000px;}
.iframe_nav { width: 200px; margin: 40px 0 0 0;}
.content_illu { width: 600px; float: right; margin: 22px 0 50px 0;}
.content_illu p { font-size: 14px;}
.content_illu .small { font-size: 13px; color: gray; font-weight: normal; }

.breadcrumbs { font-size: 12px; color: #747474; font-family: Tahoma; margin: 0 0 10px 0;}
.breadcrumbs a { color: #B5B5B5; }

.facebook_b {padding: 30px 0 20px 0px;}

/* about me */
.me_case { padding: 0px 0 15px 0px; float: left; width: 780px; font-size: 14px; line-height: 140%; }
.me_case img { padding: 0px 75px 20px 0px; } 
.me_case h2, h3 {padding:0; margin:0;}
.me_case ul {padding: 5px 0px 5px 20px; margin:0px; list-style-type: none;}

.me_case ul li { padding: 10px 0 10px 0; margin:0px;}
.me_case .clients {padding: 10px 0 0 0; margin:0px;}
.me_case .clients li {padding: 3px 0 3px 10px; margin:0px; }



.blog { padding: 25px; float: left; width: 650px; color: black; font-size: 14px; line-height: 150%; background: white;

		margin-top: 40px; }

.blog a { color: #9999cc;}
.blog img { padding: 10px 0; } 
.blog h2 {padding:10px 0 5px 0px; margin:0; font-size: 18px;}

.blog h4 { font-size: 16px;}

.blog ul {padding: 15px 0px 5px 8px; margin:0px; list-style-type: bullet;}

.blog ul li { padding: 5px 0 5px 0; margin:0px;}

.blog .year { color: #FF9622; font-size: 12px; font-weight: normal; }



.blog_link { width: 140px; text-align: center; font-size: 13px; padding: 30px 0 0 0;  }

.blog_link p {margin: 0px 0 0 0; background: #357fca; }


#blog_post { margin: 10px 0;}
#blog_post img { margin-bottom:  8px;}
#blog_post h2 { font-style: normal; font-size: 30px; font-weight: normal; padding-bottom: 20px;}
#blog_post.content p { padding: 0; line-height: 120%;}

.wp-caption-text { font-style: italic; padding: 0; margin: 0; color: #747474;}


.year { color: #FF9622; font-size: 13px; }





.links { padding: 5px; float: left; width: 650px;  font-size: 14px; line-height: 150%; margin-top: 5px; }

.links ul {padding: 15px 0px 5px 8px; margin:0px; list-style-type: bullet;}

.links h4 { font-size: 18px; padding: 16px 0px 2px 0;}

.links a { color: #9999cc;}










/* TEST FOR FIRST PAGE */



/* rotator in-page placement */

    div#rotator {

	float: left;	

	width: 650px;

	height:450px;

}



	div#rotator ul {margin: 0; padding: 0;}

/* rotator css */

	div#rotator ul li {

	float:left;

	margin:0px; padding:40px 0 0 0;

	position:absolute;

	list-style: none;

}

/* rotator image style */	

	div#rotator ul li img {



}

    div#rotator ul li.show {

	z-index:500;

}