/*
Theme Name: Studio 9
Theme URI: http://studio9.ca
Description: Custom Wordpress theme for Studio 9
Version: 1.0
Author: Odum Idika
Author URI: http://odumidika.com
*/

/* Begin Typography & Colors */
body {
	font-size:62.5%; /* Resets 1em to 10px */
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#666;
	background:#171817;
	margin:0;
	padding:0;
	text-shadow:1px 1px 0 #000;
}

#container {
	margin:0 auto;
	width:960px;
}

#header {
	float:left;
}

#index_banner {
	text-indent:-99999px;
	float:right;
	background:url(images/banners/index_banner.png) no-repeat;
	width:640px;
	height:102px;
	margin:20px 0 0 0;
}

#internal_banner {
	text-indent:-99999px;
	background:url(images/banners/sketchbook_banner.png) no-repeat;
	width:640px;
	height:102px;
	float:right;
	margin:20px 0 0 0;
}

.postdetails {
	margin-left:-1020px;
	width:1000px;
	float:left;
	background:#1c1d1c;
}

.postdetails h2 {
	width:320px;
	float:right;
	text-align:right;
}

.postmetadata {
	clear:right;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	line-height:16px; /* Little fix because of p line height */
	margin-bottom:7px;
}

#sidebar {
	width:300px;
}

#content {
	width:640px;
	float:right;
	margin-top:40px;
}

p {
	font-size:1.4em;
	line-height:1.9em;
}

#logo a {
        display:block;
	text-indent:-99999px;
	background:url(images/logo/logo.png);
	height:61px;
	width:300px;
	margin:20px 0 30px 0;
}

#logo a:hover {
	background-position:-300px;
}

/****************************
********* NAVIGATION ********
****************************/


#nav {
	margin-bottom:30px;
	border:none;
}

#nav li {

}

#nav li a {
	display:block;
	text-indent:-99999px;
	margin-bottom:5px;
}

li#sketchbook a {
	background:url(images/navigation/sketchbook.png) no-repeat;
	height:22px;
	width:123px;
}

li#sketchbook a:hover {
	background-position:-123px;
}

.home li#sketchbook a, .single li#sketchbook a, .archive li#sketchbook a {
	background-position:-246px;
	width:135px;
}

li#portfolio a {
	background:url(images/navigation/portfolio.png) no-repeat;
	height:24px;
	width:86px;
}

li#portfolio a:hover {
	background-position:-86px;
}

.page-id-6 li#portfolio a {
	background-position:-172px;
	width:98px;
}

li#services a {
	background:url(images/navigation/services.png) no-repeat;
	height:22px;
	width:82px;
}

li#services a:hover {
	background-position:-82px;
}

.page-id-8 li#services a {
	background-position:-164px;
	width:94px;
}

li#about a {
	background:url(images/navigation/about.png) no-repeat;
	height:23px;
	width:65px;
}

li#about a:hover {
	background-position:-65px;
}

.page-id-10 li#about a {
	background-position:-130px;
	width:77px;
}

li#contact a {
	background:url(images/navigation/contact.png) no-repeat;
	height:23px;
	width:82px;
}

li#contact a:hover {
	background-position:-82px;
}

.page-id-3 li#contact a {
	background-position:-164px;
	width:93px;
}

h1, h2, h3, h4, h5, h6, ul {
	margin:0;
	padding:0;
	font-weight:100;
}

ul, li {
	list-style:none;
}

#featured {
	margin:0;
	width:960px;
	clear:both;
}

#featured img {
	background:#1c1d1c;
	border:1px solid #333;
	padding:7px;
	float:left;
	margin-right:20px;
}

#featured h2 {
	text-indent:-99999px;
	background:url(images/headers/featured_project.png) no-repeat;
	width:236px;
	height:37px;
	margin:0 0 20px 0;
}

#featured h3 { /* Name of featured project goes here */
	background:url(images/headers/featured_project/givingitaway.png) no-repeat;
	margin:28px 0 0 506px;
	text-indent:-99999px;
	height:26px;
	width:183px;
}

#featured h4 {
	background:url(images/headers/what_i_did.png) no-repeat;
	text-indent:-99999px;
	margin:0 0 15px 506px;
	width:69px;
	height:14px;
}

#featured a {
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

#featured ul li {
	list-style:disc;
	list-style-position:inside;
	line-height:1.9em;
	font-size:1.4em;
}

#content #fromthesketchbook {
	text-indent:-99999px;
	background:url(images/headers/from_the_sketchbook.png) no-repeat;
	height:37px;
	width:459px;
	margin:0 0 0 -320px;
}

/****************************
********** STYLING **********
****************************/

a {
	color:#f60045; /* Bright pink theme colour */
	text-decoration:none;
}

a:hover {
	background-color:#f60045;
	color:#fff;
}

a:focus { 
    outline:none; 
}

.home small {
	font-size:1.2em;
}

.home #content h2 {
	margin:5px 10px 5px 0;
	height:100px;
}

#content h2 a { /* Sketch title */
	font-size:16px;
	font-style:italic;
	text-decoration:none;
}

#mission {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	width:640px;
	margin:20px 0 40px 0;
	line-height:1.4em;
	color:#999;
	clear:right;
	float:right;
}

/****************************
*********** PAGE ************
****************************/

#wide_content {
	width:960px;
	clear:left;
}

#wide_content img {
	border:5px solid #292a29;
	float:right;
	margin-left:10px;
}

/****************************
********* SIDEBAR ***********
****************************/

#sidebar .widget_categories h2 {
	text-indent:-99999px;
	background:url(images/headers/sidebar/topics.png) no-repeat;
	height:25px;
	width:66px;
	clear:left;
}

#sidebar .widget_recent_entries h2 {
	text-indent:-99999px;
	background:url(images/headers/sidebar/recent_sketches.png) no-repeat;
	height:21px;
	width:162px;
}

#sidebar .widget_archive h2 {
	text-indent:-99999px;
	background:url(images/headers/sidebar/archives.png) no-repeat;
	height:20px;
	width:84px;
}

#sidebar ul ul li {
	font-size:1.4em;
	margin:0 0 5px 0;	
}

#sidebar ul li h2 {
	margin:20px 0 10px 0;
}

#sidebar .widget_archive { /* Colour of brackets for number of posts */
	color:#333;
}

/****************************
********** SINGLE ***********
****************************/

.post h2, .search h2 {
	color:#c5c5c5;
	font-size:2.2em;
}

.archive .pagetitle {
	font-size:2.2em;
	color:#666;
	margin-bottom:40px;
}

.archive .pagetitle strong {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	font-style:italic;
	text-transform:uppercase;
	text-shadow:2px 2px #000;
	color:#c5c5c5;
}

.archive .post h3, .search h3 {
	font-size:1.9em;
}

.archive .hentry p, .search p {
	margin:0 0 20px 0;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:1.4em;
	font-style:italic;
	color:#666;
}

.entry img, .vcard img {
	background:#1c1d1c;
	border:1px solid #333;
	padding:7px;
}

/****************************
*********** FORMS ***********
****************************/

#author, #email, #url, #comment {
	background:#1c1d1c;
	border:1px solid #333;
	padding:10px;
	width:300px;
	color:#c5c5c5;
	text-shadow:1px 1px 0 #000;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

#comment {
	width:500px;
}

#author:hover, #email:hover, #url:hover, #comment:hover {
	background:#0d0e0d;
	border:1px solid #000;
	color:#666;
}

#respond small {
	font-size:1.1em;
}

/****************************
********* COMMENTS **********
****************************/

/***** DATE AND # OF COMMENTS FROM INDEX *****/

.numberofcomments {
	margin-right:10px;
	font-size:12px;
	font-weight:bold;
}

.postdate {
	font-size:12px;
	font-style:italic;
	color:#444;
	margin-right:11px;
}

/***** STYLING FOR INTERNAL PAGES *****/

.commentalign {
	margin-left:-1060px;
	width:1000px;
	float:left;
	background:#1c1d1c;
	font-size:1.5em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	display:block;
	margin-bottom:20px;
}

.commentlist .odd .commentalign {
	background:none;
}

.commentalign em { /* Controls size of "moderation comment" */
	font-size:0.7em;
	margin-right:10px;
	margin-bottom:7px;
	float:right;
	clear:right;
	color:#444;
}

.wp-smiley { /* Removes border around smily faces */
	border:none;
	background:none;
}

.comment-author img {
	float:right;
	margin:10px 10px 10px 0;
}

.comment-author .fn { /* Author name */
	float:right;
	clear:right;
	margin-right:10px;
	font-size:1.1em;
}

.commentmetadata {
	clear:right;
	margin-right:10px;
	text-align:right;
	font-size:0.8em;
	margin-bottom:7px;
}

.commentlist p {
	margin-top:0;

}

.comment_area {
	width:640px;
	margin:0 0 20px 0;
	float:right;
}

.commentlist li {
	clear:both;
}

.reply {
	clear:both;
	margin-top:40px;
}

#comments, #respond h3 {
	font-size:2.2em;
	color:#c5c5c5;
	margin-bottom:20px;
}

#comments {
	margin-top:60px;
}

#respond h3 {
        clear:left;
        padding-top:20px;
}

#submit {
	padding:10px 15px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

blockquote {
	border-left:2px solid #f60045;
	padding-left:20px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#c5c5c5;
}

/****************************
********** FOOTER ***********
****************************/

#footer {
	background:#0d0e0d;
	border-top:1px solid #000;
	clear:both;
}

#footer_inside {
	margin:20px auto 0 auto;
	width:960px;
}

#footer ul {
	font-size:1.5em;
	margin-top:10px;
}

#blogroll {
	width:230px;
	float:left;
}

#blogroll ul {
	margin-top:5px;
	margin-bottom:40px;
}

#blogroll ul li {
	margin-bottom:2px;
}

#blogroll h3 {
	background:url(images/headers/footer/blogroll.png) no-repeat;
	text-indent:-99999px;
	width:210px;
	height:19px;
}

#searchsite {
	width:310px;
	float:right;
}

#searchsite h3 {
	background:url(images/headers/footer/search.png) no-repeat;
	text-indent:-99999px;
	width:114px;
	height:15px;
	margin-bottom:20px;
}

#s {
	background:#1c1d1c;
	border:1px solid #333;
	padding:10px;
	color:#c5c5c5;
	font-size:12px;
	width:308px;
}

#searchsubmit {
	padding:8px 15px;
	font-family:Georgia, "Times New Roman", Times, serif;
	float:right;
	clear:right;
	margin:10px -20px 0 0;
}

/*********** SEARCH PAGE SEARCH BAR **********/
#content #s {
	float:left;
	margin-top:20px;
	width:618px;
}

#content #searchsubmit {
	clear:left;
	float:left;
}

#subscribe {
	float:right;
	width:310px;
}

#subscribe h3 {
	background:url(images/headers/footer/subscribe.png) no-repeat;
	text-indent:-99999px;
	height:16px;
	width:133px;
	margin-top:20px;
}

#subscribe li {
	line-height:16px;
	margin-bottom:10px;
	font-size:14px;
}

#subscribe #rss {
	background:url(images/icons/rss.png) no-repeat left;
	padding-left:20px;	
}

#subscribe #rss_email {
	background:url(images/icons/email.png) no-repeat left;
	padding-left:20px;
}

#subscribe #rss_twitter {
	background:url(images/icons/twitter.png) no-repeat left;
	padding-left:20px;
}

#twitter {
	float:left;
	width:360px;
}

#twitter h3 {
	background:url(images/headers/footer/twitter.png) no-repeat;
	text-indent:-99999px;
	height:15px;
	width:93px;
}

.aktt_tweets li {
	margin:10px 0;
	font-size:14px;
	padding-bottom:10px;
	border-bottom:1px solid #1c1d1c;
}

.aktt_tweet_reply {
	font-style:italic;
}

#copyright {
	width:960px;
	clear:both;
	border-top:1px solid #1c1d1c;
	padding:10px 0;
	margin-bottom:0;
}

strong {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#999;
}

/****************************
***** INDIVIDUAL PAGES ******
****************************/

/*********** ABOUT **********/

.page-id-10 img {
	float:right;
}

/********** PORTFOLIO **********/

.page-id-6 img {
	background:#1c1d1c;
	border:1px solid #333;
	padding:4px;
}

.page-id-6 .leftcolumn {
	float:left;
	width:320px;
}

.page-id-6 p {
	width:310px;
	line-height:1.4em;
}

.page-id-6 h2 {
	margin-bottom:14px;
}

.page-id-6 .rightcolumn {
	float:right;
	width:320px;
}

/***** TWEETMEME *****/

.tweetmeme_button {
        float:left;
        margin:5px -20px 0 0;
}

.leftimg {
        float:left;
        margin-right:15px;
}

.rightimg {
        float:right:
        margin-left:15px;
}