button {
	margin-top:0.5em;
}

a{
	color: inherit;
	text-decoration: underline;
}

a:hover{
	color: #006FAC;
}

/* Page layout */
html {
    color: #333333;
}
#hd, #bd, #ft {
    color:#333333;
}

/* Header */
#header .logo{
    margin-bottom: 1em;
    margin-top:1em;
}

#location{
    float:right;
    width:80px;
    margin-top:30px;
    margin-right:20px;
}
#location a{
    background-repeat:no-repeat;
    display:block;
    overflow:hidden;
    padding:0;
    margin-left:10px;
    color:#CCCCCC;
    font-weight:bold;
    text-decoration:none;
    width:80px;
}
#location #oslobutton #wroclawbutton a {
    background-position:left center;
    color:#CCCCCC;
}
#location .active a {
    background-position:left center;
    color:#006FAC;
}
#logo{
	clear: right;
    float:right;
    width:150px;
    margin-right:20px;
}
#logo h1{
    margin-bottom:0;
}
#logo h1 a{
    background-image:url(../images/iterate-logo-blue-150.png);
    background-repeat:no-repeat;
    display:block;
    height:0;
    overflow:hidden;
    padding-top:55px;
    text-indent:-1000px;
}

/* Content */
#blurb{
    border-bottom:1px solid #CCCCCC;
    border-top:1px solid #CCCCCC;
    margin-top:10px;
    margin-bottom:20px;
    overflow:hidden;
    padding-bottom:20px;
    padding-top:20px;
}
#blurb h2{
    color:#CCCCCC;
    font-size:250%;
    margin-left:20px;
    font-weight:lighter;
    margin-top:0;
    margin-bottom:0;
    border-right:1px solid #CCCCCC;
    width:300px;    
}
.frontpage_box{
    background-image:url(../images/den-norske-opera-300.png);
    background-repeat:no-repeat;
    width:100%;
    height:100%
}

.frontpage_question{

    background-repeat:no-repeat;
}
.frontpage_question p{
    margin-bottom:0;
    font-weight:bold;
    background-color:white;
    opacity:0.7;
    padding:5px;
    width:100%;
    color:#333333;
}
.frontpage_answer{
    background-color:#006FAC;
}
.frontpage_answer p{
    margin-bottom:0;
}
.read_more{
    background-color:#006FAC;
    opacity:0.7;
    margin-top:10px;
    width:30%
}        
.read_more a{
    color:white;
    text-decoration:none;
    padding:5px;
    font-weight:bold;
}

.stepcarousel{
	position: relative; /*leave this value alone*/
	border: 0px solid #0071b9;
	overflow: scroll; /*leave this value alone*/
	width: 100%; /*Width of Carousel Viewer itself*/
	height: 250px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0px; /*margin around each panel*/
	width: 440px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}