/*
Theme Name: Shona Films
Theme URI: http://www.shonafilms.com/
Description: Theme developed by <a href="http://www.onesizeup.com/">OneSizeUp</a> for Shona Films.
Version: 1.0
Author: OneSizeUp
Author URI: http://www.onesizeup.com/
Tags: shona films, mark tonderai, hush, two columns, fixed width

	Shona Films 1.0
	http://www.shonafilms.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* 
******************************************************************
							=UNIVERSAL
******************************************************************
*/

* {
	padding:0;
	margin:0;
}

body {
	background-color:#000;
	font-family: arial, verdana, sans-serif;
	font-size:0.8em;
	color:#fff;
}

/* 
******************************************************************
							=LAYOUT
******************************************************************
*/ 

	/* =MAIN CONTAINERS */

#wrapper {
	width:996px;
	margin:auto;
}

#main-bg {
	background-image: url(images/sf-bkgd.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	float:left;
	width:auto;
}

#header {
	padding:0 10px;
	height:149px;
	margin:0;
	clear:both;
	}

#sidebar {
	float:right;
	background-image: url(images/sf-soft-sb-glow.jpg);
	background-position: center;
	background-repeat: no-repeat;
	}

#sidebar,
#global-subscribe {
	width:235px;
	margin:20px 0;
}

#content {
	float:left;
	width:680px;
	line-height: 150%;
	margin-top:30px;
	}

#footer {
	background-color:#333333;
	border-top:1px solid #666;
	clear:both;
	float:left;
	margin-top:30px;
	padding:5px 0;
	width:100%;
	}
	

	/* =SUB CONTAINERS */

#content-pad {
	padding-left:20px;
}

ul#nav {
	margin-bottom:18px;
	padding:10px 0;
	width:auto;
	float:left;
	font-family: tahoma, arial, sans-serif;
	text-transform: lowercase;
}

ul#nav li {
	display:inline;
	margin-left:20px;
	font-size:1.3em;
}

#global-subscribe {
	float:right;
	margin-bottom:10px;
}

#footer-wrap {
	width:996px;
	margin:auto;
}


/* 
******************************************************************
							=TYPOGRAPHY
******************************************************************
*/ 

	/* =HR */

hr {
	margin-bottom:10px;
}

	/* =PARAGRAPHS */


#content p {
	font-family:"cambria",arial,verdana,sans-serif;
	font-size:1em;
	margin-bottom:10px;	
}

#global-subscribe p {
	margin:0;
	padding:0 0 20px 0;
	text-align:center;
}

p.sharethis_button {
	float:right;
	font-size:1.3em;
	padding:5px 5px 3px 5px;
	width:auto;
}

#footer p {
	margin:0 20px;
	font-size:0.9em;
}


	/* =HEADINGS */

h1, h2, h3, h4, h5, h6 {
	font-family: tahoma, arial, sans-serif;
	text-transform: uppercase;
	font-weight:normal;
}

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
	margin-bottom:20px;
	width:500px;
}

#content h2.main-heading {
	font-size:2em;
	font-weight:normal;
	padding-left:7px;
	padding-bottom:2px;
	border-left:5px solid #990000;
	line-height:120%;
}

#content h3 {
	font-size:1.5em;
}

h3#comments,
#respond h3 {
	border-bottom:1px solid #CCCCCC;
	color:#FDFF00;
	margin:20px 0 20px 20px;
	padding-bottom:5px;
	width:auto;
}

#sidebar h1,
#sidebar h2,
#sidebar h3,
#sidebar h4,
#sidebar h5,
#sidebar h6 {
	color:#ccc;
	margin-bottom:10px;
}

#sidebar h2 {
	font-size:1.2em;
	font-weight:normal;
}

	/* =SPANS */



/* 
******************************************************************
							=POST-SPECIFIC
******************************************************************
*/ 

.divider {
    background-image: url(images/divider-dots.jpg);
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom:15px;
    height:50px;
    clear:both;
}

.post .entry {
	margin:10px 0 10px 10px;
}


/* 
******************************************************************
							=IMAGES
******************************************************************
*/ 

img {
	border:none;
}

#logo {
	margin:10px;
}

	/* Keep widths of images in comments sensible */
	#content ol.commentlist li img {
		width:400px;
	}
	
	/* Keep avatar images normal */
	#content ol.commentlist li img.avatar {
		width:auto;
	}

/* 
******************************************************************
							=LISTS
******************************************************************
*/ 

	/* UNORDERED */
	
#content ul,
#content ol {
	margin:15px 30px;
	color:#ccc;
}

#sidebar ul,
#sidebar ul li#tag_cloud {
	margin-bottom:15px;
}

#sidebar ul li,
#sidebar ul li ul {
	list-style-type: none;
}

#sidebar ul li ul {
	margin-left:10px;
}

	/* ORDERED */

	/* Comments */

#content ol.commentlist {
	margin:15px 0 15px 20px;
}

#content ol.commentlist li {
	padding-left:50px;
	list-style-type: none;
	margin-bottom:20px;
}

#content ol.commentlist li.odd {
	background-image: url(images/sf-comment-bubble-odd.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#content ol.commentlist li.even {
	background-image: url(images/sf-comment-bubble-even.gif);
	background-position: top left;
	background-repeat: no-repeat;
}


/* 
******************************************************************
							=FORMS
******************************************************************
*/ 

form input {
	border:1px solid #ccc;
}

form textarea {
	border:1px solid #ccc;
}

	/* Contact form */

.formcontainer {
	margin-top:20px;
}

.information,
.success {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	text-transform: uppercase;
	font-size:1.1em;
	text-align:center;
	padding:5px 0;
	background-color:#666666;
}

form.contact-form {
	margin:0 20px;
	color:#999;
}

form.contact-form legend {
	text-transform: uppercase;
	font-weight:bold;
	color:#fff;
	font-family:"cambria",arial,verdana,sans-serif;
}

form.contact-form fieldset {
	padding:10px;
	margin:0 0 10px 0;
	border:1px solid #666;

}

form.contact-form input,
form.contact-form textarea {
	width:230px;
	font-family:arial,verdana,sans-serif;
	font-size:0.95em;
}

form.contact-form input.button {
	width:70px;
	margin:5px 0 0;
}

	/* Search form */

form#searchform {
	float:right;
	margin:10px 15px 10px 0;
	text-align:right;
	width:auto;
}

form#searchform #searchsubmit {
	background-image: url(images/sf-btn-fade.jpg);
	background-position: top center;
	background-repeat: repeat-x;
	border:none;
	padding:2px 10px;
	margin:0;
	color:#fff;
}

form#searchform #searchsubmit:hover {
	color:#ccc;
	cursor:pointer;
}

input#s {
	padding:2px;
}

	/* Comments form */

form#commentform {
	font-size:0.9em;
	margin:20px;
}

form#commentform input {
	
}

form#commentform textarea {
	width:500px;
	font-family:arial, verdana, sans-serif;
	font-size:0.9em;
	padding:4px;
}

	/* Campaign monitor form */

form#cm-form {
	color:#000;
	background-image: url(images/signup-bg.gif);
	background-position: top right;
	background-repeat: no-repeat;
	background-color:#fff;
	height:250px;
}

form#cm-form #signupelements {
	padding:30px;
}

form#cm-form label {
	font-weight:bold;
}

form#cm-form input {
	margin:10px 0;
	padding:3px;
}

form#cm-form input#submit {
	background-color: #ccc;
}


/* 
******************************************************************
							=TABLES
******************************************************************
*/ 

table {
	
}

table th {

}

table tr {

}

table td {

}

/* 
******************************************************************
							=LINKS
******************************************************************
*/ 

a {	color:#990000; text-decoration: none; font-family:arial,verdana,sans-serif; }
a:hover,
ul#nav li.current-cat a,
ul#nav li.current_page_item a,
ul#nav li a:hover { color:#fff; text-decoration: underline; }

ul#nav a {
	color:#ccc;
	text-decoration: none;
}

#global-subscribe a {
	color:#000;
}

p.sharethis_button a {
	color:#FDFF00;
}

.more-link {
	border-top:1px solid #666666;
	clear:both;
	color:#FDFF00;
	float:right;
	font-size:0.8em;
	margin-top:10px;
	text-align:right;
	text-transform:uppercase;
}


/* 
******************************************************************
						=GENERAL CLASSES
******************************************************************
*/ 

.left {
	float:left;
	width:auto;
}

.right {
	float:right;
	width:auto;
}

#content .post-date,
#content .post-permalink, 
#content .postmetadata {
	font-size:0.9em;
	color:#999;
	clear:both;
}

.hidden {
	text-indent:-9999px;
	position:absolute;
	left:-9999px;
}