/*
THEME NAME: CinePost
THEME URI: http://www.cinepost.se
DESCRIPTION: This is the theme for CinePost
VERSION: 1.0
AUTHOR: Jonathan Walter
AUTHOR URI:
TAGS: 
*/

/*

--------- TOC ----------

1. @GENERAL
2. @MENU
3. @POSTS
4. @MISC
5. @CONTACT FORM
6. @SIDEBAR
7. @FOOTER

------------------------

*/

@import "reset.css";

/*########### @GENERAL #############*/

body {
	background: #FFF url('images/bg.jpg') repeat-x;
	font: 62.5%/1.5 Helvetica, Arial, 'Sans-serif';
	}
	
p {
	margin-bottom: 1.5em;
	}
	
a, a:hover {
	color: black;
	}

#blog-title {
	text-indent: -10000em;
	height: 241px;
	width: 193px;
	position: absolute;
	background: url('images/logo.jpg') no-repeat;
	}
	
#blog-title a {
	display: block;
	position: absolute;
	height: 241px;
	width: 193px;
	background: url('images/logo.jpg') no-repeat;
	}
	
h2 {
	margin-bottom: 20px;
	}
	
#wrapper {
	margin-left: 233px;
	width: 720px;
	font-size: 1.4em;
	position: absolute;
	}
	
#index_about {
	background-color: #CFCFCF;
	border: 1px solid #C4C4C4;
	padding: 10px 20px;
	margin-bottom: 30px;
	-moz-border-radius:  5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: justify;
	}

#index_about h3 {
	margin-bottom: 20px;
	}
	
#index_about img {
	float: right;
	margin-top: 5px;
	margin-left: 15px;
	margin-bottom: 50px;
	}

/*########### @MENU #############*/

ul#menu {
	margin-left: 159px;
	margin-bottom: 45px;
	}
	
#menu_about, #menu_services, #menu_voices, #menu_find_us, #menu_contact, #menu_prices {
	text-indent: -100000em;
	overflow: hidden;
	float: left;
	}
	
#menu_about a, #menu_services a, #menu_voices a, #menu_find_us a, #menu_contact a, #menu_prices a {
	display: block;
	height: 30px;
	}
	
#menu_about a, #menu_services a, #menu_voices a, #menu_find_us a, #menu_contact a {
	margin-right: 30px;
	}
	
#menu_about a {
	width: 67px;
	background: transparent url('images/menu_about.jpg');
	}
	
#menu_services a {
	width: 79px;
	background: transparent url('images/menu_services.jpg');
	}

#menu_voices a {
	width: 62px;
	background: transparent url('images/menu_voices.jpg');
	}
	
#menu_find_us a {
	width: 65px;
	background: transparent url('images/menu_find_us.jpg');
	}
	
#menu_contact a {
	width: 72px;
	background: transparent url('images/menu_contact.jpg');
	}
	
#menu_prices a {
	width: 65px;
	background: transparent url('images/menu_prices.jpg');
	}
	

/*########### @POSTS #############*/
	
	
blockquote {
	padding: 0 40px;
	font-style: italic;
	background: transparent url('images/quote.gif') 0 -10px no-repeat;
	}
	
h2.front-page {
	font-size: 1em;
	}
	
.front_page_work {
	margin-bottom: 40px;
	border: 1px solid transparent;
	}
	
.front_page_work p {
	margin-bottom: 0;
	}

.front_page_work img {
	border: 1px solid black;
	}
	
.post-text {
	float: left;
	width: 500px;
	}
	
.small_post_image {
	float: left;
	margin-right: 20px;
	}
	
.credits {
	font-size: 12px;
	float: right;
	width: 190px;
	padding: 10px;	
	background-color: #4E4E4E;
	color: white;
	-moz-border-radius:  5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}

.credits a, .credits a:visited {
	color: white;
	}
	
.staff {
	float: left;
	width: 30%;
	margin-right: 3%;
	margin-bottom: 15px;
	}
	
.lname {
	font-weight: bold;
	}
	

	
table.pricelist {
	width: 100%;
	margin-bottom: 20px;
	}
	
table.pricelist th {
	text-align: left;
	}
	
table.pricelist td {
	border-bottom: 1px dotted #ccc;
	}
	
table.pricelist td.price {
	width: 40%;
	text-align: right;
	}
	
	
/*########### @MISC #############*/

.clear {
	clear: both;
	}
	
.left {
	float: left;
	margin-right: 220px;
	}
	
.gmap {
	border: 5px solid #bfbfbf;
	}

small {
	font-size: 10px;
	}
	
#google_map {
	float: left;
	margin-bottom: 2em;
	}
	
#sl_travel_guide {
	float: right;
	}
	
#fade_images {
	overflow: hidden;
	height: 298px;
	width: 725px;
	border: 1px solid black;
	margin-bottom: 20px;
	}
	
#fade_images img {
	top: 0;
	left: 0;
	height: 298px;
	width: 725px;
	}
	
/*########### @CONTACT FORM #############*/

legend {
	font-weight: bold;
	}
	
.form-label {
	width: 240px;
	margin-bottom: 15px;
	display: block;
	float: left;
	-moz-border-radius-topleft:  5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border: 1px solid #999;
	background: #ddd url('images/gradient_form_bg.jpg') repeat-x;
	padding: 3px 0 3px 15px;
	border-right: none;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	}

.form-input, .form-textarea {
	float: left;
	width: 350px;
	-moz-border-radius-topright:  10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border: 1px solid #999;
	}
	
.error {
	background-color: #E69797;
	}
	
.form-textarea {
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	}
	
.form-input input[type=text], .form-textarea textarea {
	margin: 0 10px;
	border: none;
	width:  330px;
	}

textarea {
	margin-top: 3px;
	}

/*########### @SIDEBAR #############*/
	
#sidebar {
	position: absolute;
	top: 280px;
	left: 40px;
	width: 165px;
	font-size: 1.2em;
	}

ul#sidebar_contact_info li {
	margin-left: 24px;
	}
	
ul#sidebar_contact_info li img {
	margin-left: -25px;
	float: left;
	}
	
.sidebar_li_address, .sidebar_li_phone, .sidebar_li_fax {
	margin-bottom: 15px;
	}
	
/*########### @FOOTER #############*/
	
#footer {
	text-align: center;
	margin-top: 50px;
	}