/*
Theme Name: Hyper Island
Theme URI: http://qvister.se/
Description: Custom made theme for Hyper Island.
Version: 1.0
Author: Anton Lindqvist
Author URI: http://qvister.se/
Tags: white, fixed width, two columns, widgets
*/

html,body {
height: 100%;
font: normal 100% Arial,Helvetica,serif;
}
a {
color: #000;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}

/* Begin wrapper and content
---------------------------------------------- */
#wrapper {
background: url(images/wrapper.png) repeat-y top left;
width: 1000px;
height: 100%;
height: auto;
min-height: 100%;
margin: 0 auto;
}
#content {
width: 930px;
margin: 0 auto;
padding: 25px 0 40px 0;
}
/* End wrapper and content
---------------------------------------------- */

/* Begin header
---------------------------------------------- */
#header h1 a {
background: url(images/header.png) no-repeat top left;
height: 23px;
width: inherit;
display: block;
text-indent: -9999px;
}
/* End header
---------------------------------------------- */

/* Begin cities-nav
---------------------------------------------- */
#cities-nav {
height: 14px;
width: 570px;
margin: 0 auto;
*margin: 0 0 0 -280px;
padding: 0 0 0 55px;
*padding: 0;
line-height: 14px;
font-size: .69em;
text-transform: uppercase;
position: absolute;
top: 30px;
left: 0;
right: 0;
*left: 50%;
}
#cities-nav a {
text-decoration: none;
}
#cities-nav a:hover {
text-decoration: underline;
}
#cities-nav ul {
float: right;
}
#cities-nav li.city {
float: left;
display: inline;
}
#cities-nav span.separator {
padding: 0 3px;
}
/* End cities-nav
---------------------------------------------- */

/* Begin map, list, bubble control, and avatar
---------------------------------------------- */
#map {
background: #e5e3df url(images/preloader.gif) no-repeat center center;
height: 300px;
margin: 25px 0 0 0;
}
#list {
background: url(images/list.png) repeat top left;
height: 300px;
width: 200px;
color: #fff;
display: none;
position: absolute;
}
#list h5 {
font-size: .94em;
padding: 15px 0 3px 15px;
text-transform: uppercase;
}
#list ul li.item {
background: url(images/li.png) no-repeat 9px 2px;
padding: 2px 0 2px 25px;
font-size: .81em;
line-height: 16px;
cursor: pointer;
}
#list ul li.active {
background-color: #6bb3d7;
}
#list ul li.item a {
color: #fff;
text-decoration: none;
}
#list ul li.item span.date {
padding: 0 15px 0 0;
font-size: .75em;
float: right;
text-transform: uppercase;
}
#list ul li.item ul {
display: none;
}
#list ul li.item ul li.date {
background: #6bb3d7;
font-size: .69em;
text-transform: uppercase;
}
#list ul li.item ul li.old {
opacity: 0.4;
}
#bubble {
background: url(images/bubble.png) no-repeat top left;
min-height: 110px;
width: 383px;
padding: 15px 44px 0 0;
display: none;
position: absolute;
top: 127px;
color: #fff;
font-size: .81em;
}
#bubble-bottom {
background: url(images/bubble.png) no-repeat -427px 0;
height: 3px;
width: 416px;
position: relative;
top: 3px;
}
#bubble a {
color: #73c0e6;
text-decoration: none;
}
#bubble a:hover {
text-decoration: underline;
}
#bubble p {
margin: 0 0 10px 8px;
}
#bubble ul li {
background: url(images/icons.png) no-repeat -6px -16px;
height: 16px;
margin: 0 0 2px 10px;
padding: 0 0 0 10px;
}
#avatar {
height: 245px;
width: 190px;
display: none;
position: absolute;
top: 128px;
}
#avatar img {
float: right;
}
#zoom div {
background: url(images/icons.png) no-repeat 0 -128px;
height: 16px;
width: 16px;
margin: 0 0 0 4px;
float: left;
cursor: pointer;
}
#zoom div.out {
background-position: 0 -144px;
}
/* End map, list, bubble control, and avatar
---------------------------------------------- */

/* Begin nav
---------------------------------------------- */
#nav {
background: #6bb3d7;
height: 37px;
margin: 0 0 25px 0;
padding: 0 30px;
line-height: 37px;
font-size: 1.5em;
}
#nav a {
color: #bde9ff;
text-decoration: none;
}
#nav li.item {
background: url(images/icons.png) no-repeat 0 -65px;
float: left;
display: inline;
margin: 0 20px 0 0;
padding: 0 0 0 18px;
}
#nav li.last {
margin: 0;
}
#nav li.active {
background-position: 0 -91px;
}
#nav li.active a {
color: #538697;
}
/* End nav
---------------------------------------------- */

/* Begin entries
---------------------------------------------- */
#entries {
width: 635px;
float: left;
display: inline;
}
#entries div.post {
margin: 0 0 25px 0;
}
#entries div#post-3 div.post-content {
width: 541px;
}
#entries div.post-date {
height: 42px;
width: 30px;
margin: 0 20px 0 0;
float: left;
display: inline;
font-size: .75em;
text-align: center;
}
#entries p.day {
font-weight: bold;
}
#entries div.post-title {
min-height: 30px;
width: 585px;
float: left;
display: inline;
font-size: 1.75em;
}
#entries div.post-title a {
text-decoration: none;
}
#entries div.post-title h2 {
font-weight: bold;
}
#entries div.post-author {
height: 14px;
width: 585px;
float: right;
display: inline;
line-height: 14px;
font-size: .69em;
font-style: italic;
}
#entries div.post-content {
margin: 15px 0 0 0;
font-size: .88em;
line-height: 16px;
}
#entries div.post-content p,#entries div.post-content ul {
margin: 0 0 15px 0;
}
#entries div.post-content h2,#entries div.post-content h3,#entries div.post-content h4,#entries div.post-content h5 {
margin: 0 0 2px 0;
font-weight: bold;
}
#entries div.post-content h3 {
font-size: 1.13em;
}
#entries div.post-content img {
margin: 0 0 15px 0;
}
#entries div.post-content li {
background: url(images/icons.png) no-repeat -5px 0;
line-height: 16px;
padding: 0 0 0 10px;
margin: 0 0 5px 0;
}
#entries div.post-content li ul {
display: none;
}
#entries div.post-content li ul li {
background: #fff;
padding: 0 0 0 10px;
margin: 2px 0 0 -10px;
}
#entries div.post-content ul.meta {
background: #000;
height: 25px;
color: #fff;
text-transform: uppercase;
font-size: .75em;
}
#entries div.post-content ul.meta li {
background-position: 0 -16px;
margin: 5px 0 5px 5px;
padding: 0 10px 0 15px;
float: left;
display: inline;
border-right: 1px dotted #fff;
}
#entries div.post-content ul.meta li:last-child {
border-right: none;
}
#entries div.post-content ul.meta li a {
color: #73c0e6;
text-decoration: none;
}
#entries div.post-content ul.meta li a:hover {
text-decoration: underline;
}
#entries div.post-meta {
background: #000;
height: 25px;
padding: 0 15px;
line-height: 25px;
color: #fff;
font-size: .63em;
}
#entries div.post-meta a {
color: #73c0e6;
text-decoration: none;
}
#entries div.post-meta a:hover {
text-decoration: underline;
}
#entries div.addthis_toolbox {
float: right;
position: relative;
top: -20px;
right: -40px;
}
#entries div.post-meta span.comments {
text-transform: uppercase;
padding: 0 12px 0 0;
border-right: 1px dotted #fff;
}
#entries div.post-meta span.comments a {
background: url(images/icons.png) no-repeat 0 -34px;
height: 16px;
padding: 0 0 0 18px;
}
#entries div.post-meta span.tags {
padding: 0 0 0 10px;
}
#entries div.navigation {
margin: 0 0 25px 0;
font-size: .81em;
}
#entries div.navigation div.alignleft {
float: left;
}
#entries div.navigation div.alignright {
float: right;
}
/* End entries
---------------------------------------------- */

/* Begin comments
---------------------------------------------- */
#comments {
margin: 15px 0 0 0;
}
#comments li.comment {
margin: 0 0 15px 0;
}
#comments div.comment-avatar {
background: #000;
width: 84px;
height: 94px;
float: left;
display: inline;
text-align: center;
font-size: .63em;
}
#comments div.comment-avatar a {
color: #fff;
text-decoration: none;
}
#comments div.comment-avatar a:hover {
text-decoration: underline;
}
#comments div.comment-avatar p.avatar {
margin: 10px 0 0 0;
}
#comments div.comment-avatar p.author {
margin: 3px 0 0 0;
}
#comments div.comment-content {
width: 541px;
float: right;
display: inline;
font-size: .81em;
line-height: 16px;
}
#comments div.comment-content p {
margin: 0 0 15px 0;
}
#comments div.comment-content p.date {
font-style: italic;
font-size: .88em;
text-align: right;
}
/* End comments
---------------------------------------------- */

/* Begin respond
---------------------------------------------- */
#respond {
margin: 25px 0 0 0;
}
#respond h4 {
font-weight: bold;
margin: 0 0 5px 0;
}
#respond-form {
font-size: .81em;
}
#respond-form p {
margin: 0 0 10px 0;
}
#respond-form input.text {
height: 12px;
width: 250px;
padding: 2px;
}
#respond-form textarea {
height: 150px;
width: 350px;
padding: 2px;
}
#respond-form input.submit {}
/* End respond
---------------------------------------------- */

/* Begin sidebar
---------------------------------------------- */
#sidebar {
width: 280px;
float: right;
display: inline;
}
#sidebar li.widget {
margin: 0 0 20px 0;
}
#sidebar li.widget ul li {
background: url(images/icons.png) no-repeat top left;
background-position: -5px 0;
margin: 0 0 5px 0;
padding: 0 0 0 12px;
line-height: 16px;
font-size: .75em;
}
#sidebar p.widget-title {
margin: 0 0 5px 0;
padding: 0 0 5px 0;
text-transform: uppercase;
font-weight: bold;
font-size: .88em;
border-bottom: 1px dashed #adadad;
}
#sidebar div.textwidget {
font-size: .75em;
line-height: 16px;
}
#sidebar div.textwidget p {
margin: 0 0 10px 0;
}
#sidebar div.textwidget p:last-child {
margin: 0;
}
#sidebar li.widget_positions_countdown_widget {
background: url(images/positions.png) no-repeat bottom center;
padding: 0 0 11px 0;
color: #bee8ff;
}
#sidebar li.widget_positions_countdown_widget div.count {
background: #000;
text-align: center;
padding: 20px 0;
font-size: 1.5em;
cursor: pointer;
}
#sidebar li.widget_positions_countdown_widget div.body {
background: #000;
display: none;
padding: 0 20px 20px 20px;
font-size: .75em;
}
/* End sidebar
---------------------------------------------- */

/* Begin footer
---------------------------------------------- */
#footer {
height: 40px;
width: 930px;
margin: -40px auto 0 auto;
clear: both;
position: relative;
font-size: .81em;
line-height: 25px;
text-align: center;
border-top: 1px dashed #adadad;
}
/* End footer
---------------------------------------------- */

/* Begin application-form-wrapper
---------------------------------------------- */
#application-form-wrapper {
font-size: .94em;
}
#application-form-wrapper fieldset.last {
margin: 10px 0 0 0;
}
#application-form-wrapper legend {
margin: 0 0 1px 0;
font-weight: bold;
font-size: 1.19em;
}
#application-form-wrapper span.border {
height: 1px;
width: 541px;
margin: 0 0 10px 0;
display: block;
border-bottom: 1px solid #ccc;
}
#application-form-wrapper span.description,#application-form-wrapper span.program-description {
background: #fff;
float: left;
display: inline;
margin: 0;
padding: 2px 0 0 120px;
line-height: 14px;
font-size: .75em;
font-style: italic;
}
#application-form-wrapper span.description {
width: 421px;
margin: 0 0 10px 0;
padding: 2px 0 7px 120px;
border-bottom: 1px dashed #adadad;
}
#application-form-wrapper span.program-description {
padding: 2px 0 8px 20px;
clear: both;
display: none;
}
#application-form-wrapper span.clean {
border-bottom: none;
margin: 0;
}
#application-form-wrapper p {
min-height: 27px;
width: 541px;
clear: both;
margin: 0 0 10px 0;
padding: 0 0 10px 0;
display: block;
line-height: 27px;
border-bottom: 1px dashed #ccc;
}
#application-form-wrapper p.last {
border-bottom: none;
}
#application-form-wrapper p.submit {
border-bottom: none;
}
#application-form-wrapper span.req {
color: #73c0e6;
}
#application-form-wrapper label {
height: 27px;
width: 120px;
float: left;
display: inline;
cursor: pointer;
}
#application-form-wrapper label.focus {
font-style: italic;
color: #73c0e6;
}
#application-form-wrapper label.checkbox {
width: auto;
margin: 0 0 0 5px;
display: inline;
font-size: .88em;
}
#application-form-wrapper span.checkbox-block {
min-height: 27px;
width: 421px;
float: right;
display: inline-block;
}
#application-form-wrapper label.second {
width: 80px;
margin: 0 0 0 15px;
_margin: 0 0 0 12px;
}
#application-form-wrapper input.text,#application-form-wrapper textarea {
background: #fff url(images/input.png) repeat-x top left;
padding: 3px;
border: 1px solid #adadad;
cursor: pointer;
}
#application-form-wrapper input.text {
width: 413px;
height: 19px;
float: left;
display: inline;
}
#application-form-wrapper input.checkbox {
height: 27px;
float: left;
display: inline;
}
#application-form-wrapper textarea {
width: 533px;
height: 100px;
}
#application-form-wrapper input.half {
width: 155px;
}
#application-form-wrapper input.city {
width: 250px;
}
#application-form-wrapper input.born {
width: 119px;
margin: 0 20px 0 0;
_margin: 0 18px 0 0;
}
#application-form-wrapper input.last {
margin: 0;
}
#application-form-wrapper input.portfolio {
width: 273px;
margin: 10px 0 0 120px;
}
#application-form-wrapper input.text:focus,#application-form-wrapper textarea:focus {
background: #dfecf2;
}
#application-form-wrapper select {
margin: 2px 0 0 0;
}
/* End application-form-wrapper
---------------------------------------------- */

/* Begin application-message
---------------------------------------------- */
#application-message-error,#application-message-success {
width: 525px;
margin: 0 0 15px 0;
padding: 8px;
border-width: 1px;
border-style: solid;
font-style: italic;
font-size: .88em;
}
#application-message-error {
background: #f38f8f;
border-color: #f00;
}
#application-message-success {
background: #80f480;
border-color: #54ca54;
}
/* End application-message
---------------------------------------------- */

/* Begin generic
---------------------------------------------- */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
.clear {
clear: both;
}
.error {
border-color: #f00 !important;
}
.disclaimer {
font-style: italic;
font-size: .81em;
}
.hidden {
display: none !important;
}
/* End generic
---------------------------------------------- */