@import url("src/reset.css");
@import url("src/grid.css");
@import url("src/typography.css");
@import url("src/forms.css");

/* Import from BLUEPRINT CSS FRAMEWORK */



/* Skapelstro.se Style Settings Version 0.1 */


/* Colors */

.container, input[type=submit] {background-color: #ffffff;}
#page_header, #page_footer, #menu_box a:hover, input[type=submit]:hover, th.list {color: #ffffff;}

input[type=text]:focus, input[type=password]:focus {background-color: #cccccc;}

body {background-color: #999999;}
input[type=text], input[type=password] {border-color: #999999;}

#page_footer {background-color: #000000;}
#page_content, #menu_box a {color: #000000;}
a, input[type=text]:focus, input[type=password]:focus {border-color: #000000;}

a {color: #0000ff;}

a:hover {background-color: #7777ff;}

#page_header, #menu_box a:hover, input[type=submit]:hover, th.list {background-color: #8b0000;}


/* Typography */

h1, h2, h3 {font-family: georgia, times new roman,serif;}
#page_content p, li {font-size: 1.2em;}
.hebrew {direction: rtl;}


/* Images */

img {border: solid 1px;}
img.float_right {float: right; margin: 0 0 0.5em 0.5em;}


/* Page header */

#site_name {text-align: left; margin-left: 10px; padding-top: 0.5em; padding-bottom: 0.2em;}
#site_name span {font-family: georgia, times new roman,serif; font-size: 4em; font-weight: bold; font-style: italic; letter-spacing: -0.05em;}

#top_row {font-size: 1.2em; padding-bottom: 0.2em;}
#date  span {padding-left: 10px;}
#site_motto {text-align: right;}
#site_motto span {padding-right: 10px;}


/* Page content */

#page_content {padding: 1em 0;}


/* Page footer */

#page_footer {padding: 2em 0 2em 0; text-align: right;}
#footer_text {font-family: courier new, monospace; font-size: 1.2em; font-weight: bold; letter-spacing: 0.4em; margin-right: 10px;}


/* Sidpanel */

.side_box, .teaser_menu {font-family: calibri, arial, san-serif; padding: 10px;}
.side_box h2, .teaser_menu h3 {margin-bottom: 0.2em;}

#menu_box a {display: block; text-decoration: none; font-size: 1.5em; border-bottom: solid 1px; padding-left: 0.1em;}
#menu_box .first_link {border-top: solid 1px;}


/* Forms */

fieldset {margin-right: 1em;}
legend {font-family: calibri, arial, san-serif; font-size: 1.8em;}
input[type=text], input[type=password], select {padding: 0.2em; border: solid 1px;}
input[type=submit] {border: solid 1px; padding: 4px; text-decoration: none; font-size: 1.2em;}
input[type=submit]:hover {cursor: pointer;}
table.form td.label {vertical-align: middle; width: 140px; padding: 0 10px;}
label {font-family: verdana, arial, san-serif; font-size: 1.2em; font-weight: normal;}
.form_error {color: #8b0000; font-size: 1.2em; padding: 0; margin: 0;}
.form_success {color: #008b00; font-size: 1.2em; padding: 0; margin: 0;}


/* Movie box

#movie_box {margin-top: 10px;}
#movie_box .movies {border: solid 6px; padding: 0 12px 4px 12px; text-align: center;}
.movies a {font-size: 1.2em; text-decoration: none;}
.display_none {display: none;}


/* Image gallery

#image_gallery {text-align: center;}
#image_gallery li {margin-bottom: 20px;}
#image_gallery a {text-decoration: none; font-size: 1.5em;}
.border_box {border: solid 6px #ffffff;}
.img_box {text-align: center;}
.img_container {padding: 6px;}


/* Table lists

.list {margin-right: 1em;}
.list table {margin-bottom: 10px;}
.list td {border-bottom: solid 1px; padding: 0.6em;}
.list th {text-align: left; padding: 0.6em; border-bottom: solid 1px; border-top: solid 1px;}
.page_links a, .page_links strong {text-decoration: none; padding: 4px 7px; color: #ffffff; border: solid 1px #ffffff;}
.page_links strong {font-weight: normal;}
.clickable_row:hover {cursor: pointer;}


/* Colors

, a:hover {background-color: #ee7700;}
h1, h2, h3, legend {color: #ee7700;}

.container, .movies, input[type=submit] {background-color: #000000;}

.movie_container, .img_container {background-color: #ffffff;}
, #menu_box a, input[type=submit] {color: #ffffff;}

/* #menu_box a:hover, .page_links strong, .page_links a:hover, .clickable_row:hover {background-color: #ee7700;}
, #login_box input[type=text]:focus, #login_box input[type=password]:focus, select:focus {border-color: #ee7700;}

, #login_box input[type=text], #login_box input[type=password], #movie_box .movies {border-color: #ffffff;}



/* Jeff Way CSS */

/*
body {
	background: #b6b6b6;
	margin: 0;
	padding: 0;
	font-family: arial;
}

#login_form {
	width: 300px;
	background: #f0f0f0 url(../img/login_bg.jpg) repeat-x 0 0;
	border: 1px solid white;
	margin: 250px auto 0;
	padding: 1em;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

h1,h2,h3,h4,h5 {
	margin-top: 0;
	font-family: arial black, arial;
	text-align: center;
}

input[type=text], input[type=password] {
	display: block;
	margin: 0 0 1em 0;
	width: 280px;
	border: 5px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	padding: 1em;
}
*/