/*
Theme Name: NJSO
Theme URI: http://njso.fi
Description: Theme for Nordea Jean Sibelius Orchestra
Version: 1.2
Author: Simo Saarinen
Author URI: http://www.everdonedesign.com
Tags: njso, sound, clean, basic
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
@import "style/css/dhonishow.css";

body { font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: black; background-image: url(style/images/background.jpg); background-repeat: no-repeat; background-position: center top; margin: 0; }
#wrap { width: 980px; margin: 0 auto; }
#header { width: 980px; height: 135px; margin: 0; background-image: url(style/images/header_back_xl.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 0px 0px; margin: 0; }
#header h1 a { width: 300px; height: 100px; margin-top: 0; margin-left: 10px; display: block; }
#header h1 { font-size: 0; text-indent: -1000px; }
a { text-decoration: none; }
#navi { text-align: left;  padding: 13px 0px 0px 0px; width: 980px; height: 30px; background-image: url(style/images/fill.png); }
ul#nav { font-size: 14px; font-weight: bold; line-height: 15px; letter-spacing: 0.1em; margin-left: 0px; text-shadow: white 0px 1px 0px; }
ul#nav li { display: inline; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 10px; border-right: 1px solid #333;}
ul#nav li.current_page_item a { color: #779ABC; }
ul#nav li a { color: #333; }
ul#nav li a:hover { color: #999; }
.linespace { line-height: 180px; }

#insidenavi { width: 960px; height: 30px; background-color: #779ABC; text-align: left;  padding: 0px 0px 0px 0px; border-bottom: 1px solid #fff; }
ul.insidenav { font-size: 14px; font-weight: bold; text-align: center; letter-spacing: 0.05em; margin-left: 5px; text-shadow: white 0px 1px 0px; }
ul.insidenav li { float: left; list-style-type: none; }
ul.insidenav li.current_page_item a { color: #999; }
ul.insidenav li a { color: #000; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #d9d9d9; text-decoration: none; width: 150px; height: 15px; margin-top: 5px; margin-right: 5px; padding: 5px 10px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-left: 1px solid #fff; display: block; }
ul.insidenav li a:hover { color: #555; }
ul.insidenav li a:active { color: #000; }

/*content*/
#columns { color: #fff; width: 960px; margin: 0px 0px 0px 0px; background-color: #e6e6e6; overflow: hidden; }
.column_content { width: 320px; float: left; padding-top: 10px; overflow: hidden; background-color: #f4f4f4; }
.column_content_top { width: 310px; height: 20px; float: left; background-color: #f4f4f4; }
.column_content_bottom { width: 310px; height: 20px; float: left; background-color: #f4f4f4; }
.column_content p { color: #000; font-size: 13px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 16px; font-style: normal; }
.column_content a { color: #779ABC; font-size: 13px; }
.column_content a:hover { color: #00466b; }
.column_content h2 { color: #000; font-size: 18px; line-height: 22px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-style: normal; text-shadow: white 0px 1px 0px; padding: 0px 0px 5px 0px; margin-bottom: 10px; border-bottom: dotted 1px #333; }
.column_content img { border: solid 10px #fff; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; }
.column_content h4 { color: #000; font-size: 18px; line-height: 22px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-style: normal; text-shadow: white 0px 1px 0px; padding: 0px 0px 5px 0px; margin-bottom: 10px; }
.column_content_center { width: 300px; height: 280px; float: left; padding: 0px 10px 20px 10px; }
.column_content_center_blog { width: 300px; height: 300px; float: left; padding: 0px 10px 0px 10px; }
.pic_columns { width: 620px; float: left; margin: 10px 20px 0px 0px; padding: 10px 10px 10px 10px; background-color: #f4f4f4; }
.pic_column_content { width: 305px; height: 200px; padding: 0px 5px 20px 0px; overflow: hidden; float: left; background-color: #f4f4f4; }
.pic_column_content_center { width: 300px; height: 280px; float: left; padding: 0px 0px 20px 0px; }
.pic_column_content p { color: #000; font-size: 11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 14px; font-style: normal; }
.pic_column_content a { color: #779ABC; font-size: 12px; }
.pic_column_content a:hover { color: #00466b; }
.pic_column_content h2 { color: #000; font-size: 18px; line-height: 22px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-style: normal; text-shadow: white 0px 1px 0px; padding: 0px 0px 5px 0px; margin-bottom: 10px; border-bottom: dotted 1px #333; }
.pic_column_content img { border: solid 2px #fff; margin: 0px 10px 10px 0px; padding: 0px 0px 0px 0px; }
.pic_column_content h6 { color: #232117; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 14px; font-style: bold; padding: 0px 0px 10px 0px; }

#tv { color: #000; width: 805px; margin-top: 0px; padding: 25px 155px 0px 0px; background-color: #779ABC; border-bottom: 1px solid #fff; background-image: url(style/images/info_back.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 0px 0px; }
#tv h2 { color: #fff; font-size: 22px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; margin: 0px 0px 10px 145px; padding: 0px 0px 3px 0px; text-shadow: #00466b 0px 1px 0px; border-bottom: dotted 1px #333; }
#tv p { color: #fff; font-size: 14px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 18px; font-style: normal; margin: 0px 0px 25px 145px; text-shadow: #00466b 0px 1px 0px; }
#tv a { color: #333; text-shadow: #999 0px 1px 0px; }
#tv a:hover { color: #00466b; text-shadow: #999 0px 1px 0px; }

#tweets { color: #000; width: 960px; float: left; margin-top: 10px; padding: 0px 0px 0px 0px; background-color: #00466b; overflow: hidden; }
#fbComments { color: #000; width: 960px; float: left; margin-top: 10px; padding: 0px 0px 0px 0px; background-color: #00466b; overflow: hidden; }
.tweets_content { width: 680px; float: left; margin-left: 10px; }
.tweets_content_top { width: 680px; height: 40px; float: left; background-image: url(style/images/tweet_top.jpg); }
.tweets_content_top h3 { color: #000; font-size: 16px; line-height: 16px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-style: normal; padding: 20px 0px 15px 20px; }
.tweets_content_center { color: #000; font-size: 14px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; font-style: normal; line-height: 16px; width: 635px; padding: 10px 10px 0px 35px; float: left; background-image: url(style/images/tweet_center.jpg); }
.tweets_content_bottom { width: 680px; height: 20px; float: left; background-image: url(style/images/tweet_bottom.jpg); }
ul.twitter { font-size: 12px; font-weight: normal; line-height: 15px; }
li.twitter-item { list-style-type: square; }
.tweet-img { width: 127px; height: 89px; position: relative; top: 20px; left: 10px; float: left; background-image: url(style/images/tweet.png); }
.space-img { width: 127px; height: 89px; position: relative; top: 20px; left: 10px; float: left; }
.facebook-img { width: 120px; height: 110px; position: relative; float: left; margin: 20px 0px 0px 7px; }

/*page content*/
#page_content { width: 960px; overflow: hidden; margin-top: 10px; background-color: #d9d9d9; padding: 10px 10px 10px 10px; }
#page_content h1 { color: #232117; font-size: 28px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; margin-bottom: 20px; padding: 15px 0px 15px 0px; text-shadow: white 0px 1px 0px; border-bottom: dotted 1px #333; }
.content { width: 660px; float: left; font-size: 14px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 20px; }
.content img { margin-top: 50px; margin-bottom: 50px; }
.column_copyr { width: 305px; float: left; margin-left: 25px; }
#page_content h5 { color: #232117; font-size: 15px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; font-style: italic; padding-bottom: 30px; padding-left: 25px; }

/*njso page content*/
#njso_content { width: 960px; overflow: hidden; margin-top: 10px; background-color: #d9d9d9; padding: 10px 10px 10px 10px; }
#njso_content h1 { color: #232117; font-size: 28px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; margin-bottom: 20px; padding: 15px 0px 15px 0px; text-shadow: white 0px 1px 0px; border-bottom: dotted 1px #333; }
#njso_content h2 { color: #232117; font-size: 20px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; align: left; margin-bottom: 20px; padding: 15px 0px 15px 0px; text-shadow: white 0px 1px 0px; border-bottom: dotted 1px #333; }
#njso_content h5 { color: #666; font-size: 17px; line-height: 22px; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: 0.03em; font-weight: normal; margin-bottom: 20px; text-shadow: white 0px 1px 0px; }
#njso_content h6 { color: #666; font-size: 16px; line-height: 22px; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: 0.03em; font-weight: normal; margin-bottom: 5px; text-shadow: white 0px 1px 0px; }
#njso_content p { color: #000; font-size: 13px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; line-height: 20px; font-style: normal; padding: 0px 0px 20px 0px; }
#njso_content span { font-size: 15px; font-weight: bold; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; letter-spacing: 0.02em; }
.njso_main { width: 620px; float: left; margin: 10px 20px 0px 0px; padding: 10px 10px 10px 10px; background-color: #f4f4f4; }
.njso_main img { float: left; margin: 0px 15px 10px 0px; padding: 10px 10px 10px 10px; background-color: #fff; }
.njso_side { width: 300px; float: left; margin-top: 10px; background-color: #787878; }
.njso_main a { color: #0062a1; }
.njso_main a:hover { color: #000; }
.njso_kolu { width: 600px; color: #000; font-size: 14px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; line-height: 20px; font-style: normal; padding: 10px 10px 10px 10px; margin-bottom: 30px; background-color: #fff; }
.breadcrumb { font-size: 11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; line-height: 20px; font-style: normal; }
.author { color: #333; font-size: 11px; line-height: 22px; font-family: Georgia, "Times New Roman", Times, serif; width: 600px; margin-bottom: 25px; padding: 10px 10px 10px 10px; border: dotted 1px #333; }


/*slider*/
#slider { width: 960px; height: 350px; margin-top: 10px; padding: 10px; background-image: url(style/images/fill.png); }
#slider_blog { width: 960px; height: 192px; margin-top: 10px; padding: 10px; background-image: url(style/images/fill.png); }


/*sidebar*/
#page_sidebar { width: 300px; float: left; margin-top: 10px; color: #333; font-size: 13px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 16px; font-style: normal; }
#page_sidebar p { color: #333; font-size: 13px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 16px; font-style: normal; padding: 0px 0px 0px 10px; }
#page_sidebar h4 { color: #333; font-size: 16px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; margin: 0px 0px 15px 0px; padding: 5px 0px 5px 10px; text-shadow: white 0px 1px 0px; background-color: #e6e6e6; display: block; }
#page_sidebar a { color: #0062a1; padding: 0px 0px 0px 0px; }
#page_sidebar a:hover { color: #000; }
.page_image { margin-top: 50px; margin-bottom: 50px; }
#page_sidebar ul { padding: 0px 0px 0px 10px; margin-bottom: 20px; }
#page_sidebar ul li { list-style-type: none; }
#page_sidebar ul.twitter { margin: 0px 0px 20px 10px; }
#page_sidebar li.twitter-item { list-style-type: square; }


/*news content*/
#news_content { width: 960px; overflow: hidden; margin-top: 10px; background-color: #d9d9d9; padding: 10px 10px 10px 10px; }
#news_content p { color: #000; font-size: 13px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; line-height: 20px; font-style: normal; padding: 0px 0px 20px 0px; }
#news_content h1 { color: #232117; font-size: 24px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; margin-bottom: 20px; padding: 15px 0px 0px 0px; text-shadow: white 0px 1px 0px; }
.newstext { padding-bottom: 10px; overflow: hidden; border-bottom: 3px solid #666; }
.newstext img { float: left; margin: 0px 15px 10px 0px; padding: 10px 10px 10px 10px; background-color: #fff; }
.newsdate { font-size: 11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; padding-bottom: 5px; }
.newscat { color: #666; font-size: 11px; text-transform: uppercase; letter-spacing: 0.05em; padding: 5px 0px 25px 0px; }
.newscontent { width: 620px; float: left; margin: 10px 20px 0px 0px; padding: 10px 10px 10px 10px; background-color: #f4f4f4; }
.newscontent a { color: #0062a1; }
.newscontent a:hover { color: #000; }
.newscontent h2 {font-size: 24px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; padding-bottom: 10px; text-shadow: white 0px 1px 0px; }
#news_content h3 {font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; padding-bottom: 10px; text-shadow: white 0px 1px 0px; }
#respond { padding-bottom: 25px; }
#respond p { padding-bottom: 25px; }
#respond h3 {font-size: 18px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; padding: 25px 0 10px; }
h3#comments {font-size: 18px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; padding: 25px 0 10px; }
ol.commentlist { font-size: 11px; padding: 10px 0px 10px 0px; border-bottom: 1px dotted #333; }
.infodate { font-size: 11px; padding: 10px 0px 0px 0px; }

/*consert_images*/
.consert { background-color: #f4f4f4; }
.consert img { padding: 2px 2px 2px 2px; }
.consert ul { overflow: hidden; }
.consert ul, li { list-style-type: none; }
.consert ul li a { width: 154px; height: 154px; background-color: #fff; text-decoration: none; text-align: center; display: block; }
.consert ul li { float: left; margin: 10px 26px 0px 26px; }

/*footer*/
#footer { width: 980px; height: 350px; background-image: url(style/images/back_footer.jpg); margin-top: 10px; }
#copyright { width: 980px; height: 50px; margin: 0 auto; font-size: 10px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; padding: 25px 0px 0px 0px; color: #fff; }