@charset "utf-8";

/* ----- Andale ----- */
@font-face {
font-family:"Andale Mono";
src:url('andalemo.eot');
}

@font-face {
font-family:"Andale Mono";
src:url(http://www.konstfack2010.se/wp-content/themes/spring2010/andalemo.ttf) format('truetype');
}

@font-face {
font-family:AndaleMonoRegular;
src:local('Andale Mono Regular'), local('AndaleMono'), url('andalemo.woff') format('woff'), url('andalemo.ttf') format('truetype');
}



/* ----- SuperGroteskARegular ----- */
@font-face {
font-family:SuperGroteskARegular;
src:url('SuperGroAMedLF.eot');
}

@font-face {
font-family:SuperGroteskARegular;
src:url(http://www.konstfack2010.se/wp-content/themes/spring2010/SuperGroAMedLF.ttf) format('truetype');
}

@font-face {
font-family:SuperGroteskARegular;
src:local('SuperGroteskA Regular'), local('SuperGroteskA-MedLF'), url('SuperGroAMedLF.woff') format('woff'), url('SuperGroAMedLF.ttf') format('truetype');
}


@font-face {
font-family:SuperGroteskARegular;
src:url(http://www.konstfack2010.se/wp-content/themes/spring2010/SuperGroAMedLF.ttf) format("truetype-aat"), url(http://www.konstfack2010.se/wp-content/themes/spring2010/SuperGroAMedLF.ttf) format("opentype");
}




/* ------ General stuff ------- */
body {
z-index:0;
position:relative;
margin:0px;
padding:0px;
width:100%;
border-style:none;
background-color:#FFFFFF;
font-size:80%;
font-family:"AndaleMonoRegular", "Andale Mono", Verdana, Arial, Helvetica; 
line-height:16px;
color:#e10009;
vertical-align:baseline;
text-align:center;
}



html { 
padding:0;
margin:0;
overflow-y:scroll;
}



p {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}


.clear_both {
clear:both;
}


:focus {
outline:0;
}



/* Header regions and columns
------------------------------------------------------------*/

.header_left_column {
float:left;
width:376px;
height:23px;
margin:5px 0px 0px 0px;
font-weight:bold;
}


.header_navigation_column {
width:432px;
height:40px;
margin:5px 0px 5px 0px;
float:right;
font-size:97%;
font-weight:normal;
text-align:right;
}


.header_search_column {
width:115px;
height:40px;
margin:-5px 0px 5px 0px;
text-align:right;
float:right; 
}


.site_name {
font-family:SuperGroteskARegular, Verdana, Arial, Helvetica;
font-size:165%;
font-weight:bold;
/* line-height:20px;
border-bottom:#e10009 solid 3px;
display:inline-block; 
margin:0px 0px 12px 0px; */
}


.exhibition_dates {
font-size:95%;
margin:-10px 0px 30px 0px;
float:left;
width:450px;
}


.opening_inauguration {
font-size:95%;
margin:-10px 0px 30px 0px;
float:right;
width:350px;
text-align:right;
}



/* Content regions and similar stuff 
------------------------------------------------------------*/

.outer_region {
background-color:#FFFFFF;
width:940px;
padding:30px 30px 30px 30px;
margin:0 auto;
position:relative;
margin-top:0px;
margin-right:auto;
margin-left:auto;
margin-bottom:15px;
text-align:left;
}



.project {
background-color:#FFFFFF;
margin-top:10px;
font-size:100%;
overflow:hidden;
width:100%;
height:auto;
}



.luft_efter_studentprojekt {
height:60px;
width:960px;
margin:0px;
clear:both;
}


.luft_fore_flash {
height:50px;
margin:0px;
clear:both;
}


.projects_from_cat {
padding:0px;
background-color:#FFFFFF;
width:960px;
}



.journey_planner_about {
width:260px;
margin:0px 0px 0px 0px;
padding:5px 5px 5px 5px;
background-color:#eeeeee;
}


.category_line {
/*padding:10px 0px 0px 0px;
border-top-style:solid;
border-top-color:#EBEBEB;
border-top-width:1px;
margin-top:20px; */
margin-bottom:20px;
}




/* Sitemap
----------------------------------------------------- */

.sitemap_page ul {
font-weight:bold;
}

.sitemap_page {
font-weight:normal;
}

.sitemap_category li {
font-weight:bold;
margin:5px 0 0 0;
}


.sitemap_category a {
font-weight:bold;
margin:10px 0px 0px 0px;
}

.sitemap_post {
margin:0;
padding:0;
font-weight:normal;
}

ul, li {
list-style:none;
margin:0 0 0 0;
}



/* Links 
----------------------------------------------------- */
a:link, a:visited {
color:#e10009;
text-decoration:none;
}

a:hover, a:focus, a:active {
text-decoration:none;
color:#0118E9;
}



.post-edit-link {
position:absolute;
left:10px;
top:5px;
z-index:500;
font-size:70%;
}




/* Lists and text 
------------------------------------------------------------*/

b {
font-weight:bold;
}


ul, li {
list-style:none;
}


.categories { 
list-style:none;
font-size:100%;
}


.cat-item { 
list-style:none;
font-size:100%;
}


.current-cat { 
list-style:none;
font-weight:normal;
}

.current-cat-parent { 
list-style:none;
font-weight:normal;
}



h1 {
font-family:SuperGroteskARegular, Verdana, Arial, Helvetica;
font-size:147%;
font-weight:normal;
margin:1px 0px 38px 0px;
padding:2px 0px 0px 0px;
}




h2 {
color:#000000;
margin-bottom:5px;
font-size:120%;
font-weight:bold;
}
h3, h4, h5 {
margin-bottom:10px;
}



.front_page_title {
margin-bottom:35px;
font-size:145%;
font-weight:bold;
text-align:center;
}


.rubrik_uppercase {
color:#000000;
margin-bottom:3px;
font-size:100%;
font-weight:bold;
text-transform:uppercase;
}


.rubrik_lowcase {
font-family:SuperGroteskARegular, Verdana, Arial, Helvetica;
font-size:150%;
font-weight:normal;
line-height:20px;
border-bottom:#e10009 solid 3px;
display:inline-block;
margin:0px 0px 12px 0px;
}


.rubrik_degree {
font-family:SuperGroteskARegular, Verdana, Arial, Helvetica;
font-size:150%;
font-weight:normal;
line-height:20px;
border-bottom:#e10009 solid 3px;
display:inline-block;
margin:0px 0px 0px 0px;
}


.post_list_other {
font-family:SuperGroteskARegular, Verdana, Arial, Helvetica;
font-size:150%;
font-weight:normal;
border-bottom:#e10009 solid 3px;
line-height:20px;
display:inline-block;
margin:0px 0px 12px 0px;
}


.post_tags {
font-family:SuperGroteskARegular, Verdana, Arial, Helvetica, sans-serif;
font-size:150%;
font-weight:normal;
float:left;
border-bottom:#e10009 solid 3px;
line-height:20px;
display:inline-block;
margin-bottom:35px;
}


.cat_links {
/*font-size:100%;
border-bottom:#e10009 solid 2px;
display:inline-block;
margin-bottom:7px; */
line-height:10px;
}


.post_category {
margin-bottom:35px;
float:right;
line-height:17px;
font-size:150%;
font-family:SuperGroteskARegular, Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
line-height:20px;
border-bottom:#e10009 solid 3px;
display:inline-block;
}



/* Images 
------------------------------------------------------------*/
img {
border:none;
}


/*
.custom_field_image {
margin-left:-20px;
margin-bottom:30px;
} */




/* Post content columns, bild, bildtext-div:ar
------------------------------------------------------------*/

/* Text i content-fältet */
.post_text_column_right {
width:365px;
float:right;
font-size:100%;
}


/* Bild i excerpt-fältet */
.post_image_column_left {
width:530px;
float:left;
}



.clear_both_post {
clear:both;
height:25px;
}


.post_left_column_lower {
width:375px;
float:left;
text-align:right;
}

.post_right_column_lower {
width:560px;
float:right;
}


.indent {
margin:0px 0px 0px 30px;
}




/* Page - indrag för rubrik */
.page_rubrik {
margin:0px 0px 0px 540px;
}

/* Page - text i content-fältet */
.page_text_column_right {
width:400px;
float:right;
}


/* Page - bild till vänster */
.page_image_column_left {
width:495px;
float:left;
}



.luft_mellan_news {
height:60px;
margin:0px;
clear:both;
}



.bild_och_bildtext_staende {
/*float:right; */
margin:0px 0px 0px 0px;
position:relative;
}

.bildtext_liggande {
float:right;
width:300px;
margin:10px 0px 20px 0px;
font-size:90%;
text-align:right;
line-height:12px;
clear:both;
}

.bildtext_staende {
float:right;
width:205px; 
font-size:90%;
line-height:12px;
position:absolute;
margin-left:350px; /* bildbredd 340px + önskad vänstermargin 10 px */
margin-bottom:0px;
bottom:0;
/*clear:both;  */
}





/* Page content columns
------------------------------------------------------------*/

.page_left_column_upper {
width:420px;
float:left;
}


.page_right_column_upper {
width:500px;
float:right;
}




/* Category template
------------------------------------------------------------*/


.archive_left_heading_column {
width:530px;
float:left;
}


/*
.archive_right_heading_column {
width:440px;
float:right;
}
*/


.category_template_parent {
font-family:SuperGroteskARegular, Verdana, Arial, Helvetica, sans-serif;
font-size:150%;
font-weight:normal;
border-bottom:#e10009 solid 3px;
line-height:20px;
display:inline-block;
float:left;
margin-bottom:12px;
}


.category_template_child {
font-family:SuperGroteskARegular, Verdana, Arial, Helvetica, sans-serif;
font-size:150%;
font-weight:normal;
border-bottom:#e10009 solid 3px;
line-height:20px;
display:inline-block;
float:right;
margin-bottom:12px;
}





/* Archive content columns
------------------------------------------------------------*/

.archive_left_column {
width:520px;
float:left;
margin-left:35px;
}


.archive_right_column {
width:365px;
float:right;
margin-top:7px;
font-size:100%;
}




/* Front page content columns
------------------------------------------------------------*/


.frontpage_left_column {
width:240px;
float:left;
margin:0px 0px 0px 0px;
padding:0px 22px 0px 0px;
}


.frontpage_middle_column { 
width:400px;
height:580px;
margin:0px 0px 0px 5px;
padding:0px 0px 0px 0px;
float:left;
position:relative;
} 


.front_page_images {
/* height:580px;
width:400px; */
}
 


.front_exhibition_info {
bottom:0;
position:absolute;
}


.frontpage_right_column {
width:240px;
float:right;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 25px;
}


.exhibition_info {
margin:0px 0px 0px 0px;
text-align:left;
font-size:97%;
}


.opening_hours {
margin:3px 0px 0px 0px;
float:left;
text-align:left;
font-size:97%;
}


.konstfack_info_front_page {
float:right;
text-align:right;
margin:5px 0px 0px 0px;
line-height:17px;
font-size:85%;
}



.journey_planner_front_page {
width:185px;
margin:14px 0px 0px 0px;
/*padding:5px 5px 5px 5px; */
/*background-color:#eeeeee; */
float:right;
font-size:85%;
}




.front_navigation_education {
margin:5px 0px 0px 0px;
line-height:20px; 
font-weight:normal;
}



.front_right_column {
margin:5px 0px 0px 0px;
line-height:17px; 
font-weight:normal;
}


.frontpage_master {
margin:0px 0px 0px 0px;
}

.frontpage_bachelor {
margin:23px 0px 0px 0px;
}

.frontpage_all_students {
margin:23px 0px 0px 0px;
}



.all_students_master {
margin:5px 0px 0px 0px;
line-height:17px; 
font-weight:normal;
}

.all_students_bachelor {
margin:3px 0px 0px 0px;
line-height:17px; 
font-weight:normal;
}




/* Footer 
------------------------------------------------------------*/


.footer {
padding:35px 20px 20px 20px;
font-size:92%; /* 100% för större text */
background-color:#FFFFFF;
    width:570px;
height:20px;
text-align:center;
margin:0 auto;
}


.solid_red_line {
padding:0px 0px 0px 0px;
    width:100%;
border-top-style:solid;
border-top-color:#e10009;
border-top-width:3px;
margin-bottom:8px;
}


.footer_text_left {
float:left;
text-align:left;
}

.footer_text_right {
float:right;
text-align:right;
}





/* Forms 
------------------------------------------------------------*/
form {
padding:0px;
margin:0px;
 }
 
input {
color:#e10009; 
font-size:11px;
 }
 
textarea {
color:#e10009; 
font-size:11px;
 }

.keyword {
font-size:9pt;
cursor:text;
color:#e10009;
background:#FFFFFF;
border:2px solid #e10009;
width:90px;
vertical-align:middle;
padding:3px;
margin:0px 0px 3px 0px;
}


select {
color:#CCCCCC;
font-size:11px;
 }



/* Student pics float
-------------------------------------------------------------*/

.student_pics_container {
margin-top:15px;
vertical-align:bottom;
}


.student_pics_float_staende {
height:107px; 
width:74px; 
margin:7px 20px 8px 5px;
float:left;
position:relative;
left:-5px;
}


.student_pics_float {
height:74px; 
width:107px;  
margin:7px 20px 8px 5px;
float:left;
position:relative; 
left:-5px;
}


.student_pics_float img {
margin:0px 0px 0px 0px;
position:absolute;
bottom:0;
}



/* Blå mouse over på post-sidor*/
.student_pics_float a:hover .mouse_over {
display:block;
position:absolute;
background:#0118E9;
filter:alpha(opacity=55);
opacity:.55;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"; /*--IE 8 Transparency--*/
color:#fff;
margin:0;
height:74px;
width:107px;
top:0px;
left:0px;
}







/* Search results and listings of posts
-------------------------------------------------------------*/

.search_result_float {
height:125px; 
width:107px;
float:left;
margin:7px 7px 8px 5px;
text-align:center;
position:relative;
left:-5px;
font-size:95%;
}

.search_result_float img {
margin:0px 0px 5px 0px;
}



/* Blå mouse over på archive-sidor */
.search_result_float a:hover .mouse_over {
display:block;
position:absolute;
background:#0118E9;
filter:alpha(opacity=55);
opacity:.55;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"; /*--IE 8 Transparency--*/
color:#fff;
margin:0;
height:74px;
width:107px;
top:0px;
left:0px;
}