/*
Theme Name: solo.
Theme URI: http://www.joelhawksley.com/solo/
Description: A simple, clean theme.
Version: 2010-06-24
Author: Joel Hawksley
Author URI: http://www.joelhawksley.com/
Tags: simple, two-column, one-column, minimalist, photo
*/

/* Simple Resets */

body, html {
	height: 100%;
	}

body {
	background-color: #000000;
	color: #FFF;
	font-size: 62.5%;
	margin: 0;
	padding: 0;
    text-align: left;
	}

/* Options - Fonts */

.sans {
	font-family: Helvetica,Verdana,Arial,Utkal,sans-serif;
	}

.serif {
	font-family: georgia,"times new roman",times,serif;
	}

/* Floats */

.left {
	float: left;
	}
	
.right {
	float: right;
	}
	
.clear {
	clear: both;
	}

/* Links */


a:link, a:visited {
	font-weight: bold;
	text-decoration: none;
	}

a:hover, a:active { 
	text-decoration: none;
	}

a img { 
	margin: 0;
	padding: 0;
	text-decoration: none; 	
	}

	a:hover img { 
		margin: 0; 
		padding: 0;
		text-decoration: none; 
		}

h3 a:link {
	text-decoration: none;
	}

h3 a:visited {
	text-decoration: none;
	}

h3 a:hover, a:active {
	}

/* Typography */

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	margin: 10px 0 0 0;
	padding: 0;
	}

h1 {
	font-size: 36px;
	}

h2 {
	font-size: 28px;
	margin: 0 0 10px 0;
	padding: 0 0 3px 0; 
	}

.post-title h2 {
	font-weight: bold;
	margin-bottom: 5px;
	}

h3 {
	font-size: 24px;
	margin: 5px 0;
	padding: 0 0 3px 0;
	}

h4 {
	font-size: 20px;
	}

h5 {
	font-size: 16px;
	}

h6 { 
	font-size: 13px;
	}
	
	#comments h6 {
		font-weight: bold;
		}

ol {
	line-height: 1.8em;
	}

blockquote {
	padding: 5px 5px; 
	}

code {
	font-family: Consolas, Verdana, Arial, "Courier New"; 	
	}

em {
	font-style: italic;
	}

strong {
	font-weight: bold;
	}
	
fieldset {
	font-size: 1.4em;
	line-height: 1.5em;
	}

p {
	font-size: 1.4em;
	line-height: 1.5em;
	margin: 0 0 1em;
	padding: 0;
	}

/* Structure */

#header {
	margin: 0 auto;
	position: relative;
	width: 905px;
	}
	
	#header a {
		border: none;
		font-weight: normal;
		text-decoration: none;
		}
		
		#header a:hover {
			border: none;
			}
	
	#header-left {
		width: 300px;
		}
		
		#header-left a img {
			border: none;
			}
		
	#header-right {
		bottom: 0px;
		right: 0px;
		position: absolute;
		text-align: right;
		}
		
		#header-phone {
			margin-right: 0px;
			}
		
		#header-email {
			margin-right: 0px;
			}
		
		#header-nav {
			margin-top: 5px;
			font-size: 1.2em;
			}

#wrapper {
	background-color: #3a3a3a;
	margin: 0 auto;
	padding: 20px;
	width: 900px;
	}

#content-page {
	margin: 0 auto;
	}

#content-index {
	float: left;
	width: 600px;
	}

#content-single {
	float: left;
	width: 600px;
	}
	
#content-page-sidebar {
	float: left;
	}

#content .commentbox {
	font-size: 11px;
	margin-bottom: 10px;
	padding: 2px 5px 2px 5px;
	text-transform: uppercase;
	width: 520px;
	}

#comments {
	padding: 0px;
	width: 600px;
	}

#comments .comment {
	padding: 10px;
	}
	
#comments .comment cite {
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	}
	
/* Footer */

#footer	{
	clear: both;
	font-size: 11px;
	margin: 0 auto;
	padding: 10px 0;
    text-align: center;
	}

	#footer p {
		font-size: 10px;
		margin: 0;
		}

	#footer a {
		text-decoration: none;
		border: none;
		}
		
	#footer-nav {
		font-size: 1.2em;
		}

	#footer ul {
		margin: 5px 0 1em 0;
		padding: 0;
		}
	
		#header-nav ul li, #footer ul li {
			display: inline;
			}
			
			#footer ul li a {
				text-decoration: none;
				}
	
					
	#footer #credit {
		font-size: 1em;
		}		

/* Single Post */

#post_content {
   	float: left;
	text-align: left;
	}

#post_content .commentbox {
	font-size: 11px;
	margin-bottom: 10px;
	padding: 2px 5px 2px 5px;
	}



/* Navigation */

.solo-nav {
	}
	
	.solo-nav li {
		padding: 0 0 0 8px;
		}

/* Header */

#header h1 {
	font-weight: bold;
	margin-bottom: 10px;
	}
	
	#header h1 a:link,
	#header h1 a:visited {
		/* color: #333333; */
		}
	
	#header h1 a:hover,
	#header h1 a:active {
		/* color: #000000; */
		background-color: transparent;
		}
	
	#header h1 span {
		/* color:#5b5c5c; */
		}


h1.blog-title {
	display: inline;
	}

h1.blog-title a {	
	font-size: 36px;
	border-bottom: none;
	}

h1.blog-title a:hover {
	text-decoration: none;
	background: transparent;
	}

.tagline {	
	font-weight: normal;
	font-size: 18px;
	text-align: right;
	margin-left: 3px;
	padding: 0;
	display: inline;
	}

/* Content */

.entry {
	border-bottom: 1px solid #666;
	margin: 0 0 2em;
	}
	
.post-meta {
	margin: 0 0 .7em;
	}

.date {	
	font-size: 10px;
	padding: 0;
	color: #ccc;
	}

h3.post-title {
	font-size: 2.4em;
	font-weight: normal;
	margin: 0;
	padding: 0;
	}

h3.post-title a {
	border-bottom: none;
	font-size: 24px;
	}

h3.post-title a:hover {
	text-decoration: none;
	}

/* Sidebar */

#sidebar {
	float: right;
	text-align: left;
	min-width: 150px !important;
	width: 250px;
	font-size: 11px;
	line-height: 1.5em;
	}

#sidebar h2 {
	font-size: 18px;
	margin: 0;
	}
	
#sidebar a {
	font-weight: normal;
	}
	
.widgettitle {
	font-size: 18px;
	color:#5b5c5c;
	}

#sidebar ul	{
	line-height: 1.6em;
	list-style-type: none;
	margin: 0 0 1em;
	padding: 0;
	}

#sidebar ul li {
	padding: 0 0 0 5px;
	}
	
#sidebar ul li:hover {
	}

#sidebar ul li .title {
	display: block;
	font-weight: bold;
	}

#sidebar ul li .date {
	display: block;
	font-size: smaller;
	}

#sidebar ul li .content {
	display: block;
	}

#sidebar ul li a {	
	display: block;
	}

/* Comments */

.commentlist {
	padding: 0;
	}

.commentlist li {
	list-style: none;
	margin: 0 0 1em 0;
	padding: 0;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	margin: 0;
	padding: 0;
	text-align: center;
	}

.commentmetadata {
	display: block;
	margin: 0;
	}
	
.commentlist li, #commentform input, #commentform textarea {
	}

.commentlist li {
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	}

.commentmetadata {
	font-weight: normal;
	}
	
/* Images */

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

.alignleft {
	float: left;
	}

.alignright {
	float: right;
	}

.wp-caption {
	text-align: left;
	margin: 0 0 .2em 0;
	}

.wp-caption img {
	margin: 0;
	padding: 0;
	}

.wp-caption p.wp-caption-text {
	font-family: arial,helvetica,sans-serif;
	font-size: 10px;
	margin: 3px 2px;
	}


/* Search Page */

#content-search {
	float: left;
	width: 600px;
	}

/* Forms */

input {
	}
	
#searchform {
	margin: 0 0 1em;
	}

#searchform input {
	height: 14px;
	padding: 3px;
	}

input#searchsubmit {
	}

textarea {
	}

	
/* Built-in support for Multi-Level Navigation Plugin */
    
#suckerfishnav {
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    padding:0;
    margin:0;
    }
#suckerfishnav a {
    display:block;
    text-decoration:none;
    margin: 5px 0 5px 10px;
    }
#suckerfishnav li {
    float:left;
    padding:0;
    }
#suckerfishnav ul {
    position:absolute;
    left: -999em;
    height: auto;
    margin: 0;
    padding-bottom: 3px;
    border: 0;
    }
#suckerfishnav li li {
	display: block;
	float: none;
	text-align: left;
    position: relative;
    z-index: 10;
    }
#suckerfishnav li li a {
    margin: 0 10px 4px 10px;
    }
#suckerfishnav li ul ul {
    margin:-23px 0 0 100px;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#FFFFFF;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#000000;
    padding-bottom: 6px;
    z-index: 7;
    }
    
/* Default Styles */

body {
		background-color: #1a1a1a;
		color: #CCCCCC;
		font-size: 11px;
		}
		
	h2 {
		color: #f45304;
		}
		
	p {
		font-size: 12px;
		}
		
	a:link, a:visited {
		color: #FFFFFF;
		}
	
	a:hover, a:active {
		color: #f45304;
		}
	
	
	/* Header */
		
	#header {
		background-color: none;
		color: #7b8680;
		font-size: 12px;
		}
	
		#header a:hover {
			color: #CCCCCC;
			}
	
	/* Wrapper */
	
	#wrapper {
		background-color: #262626;
		border: #414141;
		margin-top: 0px;
		}
	
	
	/* Sidebar */
	
	#sidebar h2 {
		color: #f45304;
		}
		
	/*#sidebar ul li {
		border-bottom: 1px dotted #CCCCCC;
		}*/
		
	#sidebar ul li:hover {
		/*background-color: #1a1a1a;*/
		}
		
	/* Footer */
 
	#footer {
		color: #555555;
		}
		
		#footer a {
			color: #CCCCCC;
			font-weight: normal;
			}
			
		#footer a:hover {
			color: #1a1a1a;
			}
		
	/* Links */
 
	a:link, a:visited {
		color: #FFFFFF;
		text-decoration: none;
		}
	
	a:hover, a:active { 
		color: #f45304;
		text-decoration: none;
		}
		
	
		
	/* Images */
	
	img {
		border: 1px solid #333333;	
		}
	
	a img { 
		border: 1px solid #333333;	
		}
 
		a:hover img { 
			border: 1px solid #333333; 
			}
	
	/* Posts */
	
	.post-title a {
		color: #f45304;
		}
		
		.post-title a:hover {
			color: #CCCCCC;
			}
			
	.date {
		color: #CCCCCC;
		}
	
	.entry {
		border-bottom: 1px solid #CCCCCC;
		}
	
	.commentlist li {
		border-bottom: 1px solid #CCCCCC;
		}
		
	.wp-caption p.wp-caption-text {
		color: #7b8680;
		}
		
	.wp-caption img {
		border: 1px solid #333333;
		}
	
	/* Navigation */
	
	#suckerfishnav a, #header ul li a, #footer ul li a {
		color: #FFFFFF;
		font-size: 14px;
		}
		
	#suckerfishnav li:hover a, #suckerfishnav li.sfhover a, #header ul li a:hover, #footer ul li a:hover {
		color: #f45304;
		}
	
	
	#suckerfishnav li li a {
		color: #FFFFFF;
		}
		
	#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
		color: #FFFFFF;
		}
    
    #suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
		color: #f45304;
		}
		
	
	
	/* Highlight current page item */
	
	#header .current_page_item a, #header .current_page_parent a, #suckerfishnav .current_page_item a, #suckerfishnav .current_page_parent a, #footer .current_page_parent a, #footer .current_page_item a {
		color: #f45304;
		}
	
	/* Dropdown link highlighting */
	#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a, #footer ul li a:hover {
		color: #f45304;
		}
	
	/* Dropdown font size */
	
	#suckerfishnav li li a {
		font-size: 12px; 
		}
	
	
	/* Dropdown ul background */
	#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
		left: auto;
		background-color: #1a1a1a;
		}
	
	/* Solo Gallery Caption */
	
	#myInfoContainer p {
		font-family: Helvetica,Verdana,Arial,Utkal,sans-serif;
		color: #7b8680;
		font-size: 11px;
		}
	
	.myGallery, #myGallerySet, #flickrGallery {
		background-color: #000000;
		border: 1px solid #000000;
		}
		
	/* Images */
	
	img {
		border: 1px solid #333333;
		}
		
	/* Forms */
	
	input, textarea {
		background-color: #292828;
		border: 1px solid #666666;
		color: #918E85;
		}
		
	input:focus, textarea:focus {
		background-color: #292828;
		border: 1px solid #FFFFFF;
		}	
		
	
	/* Advanced Controls */
	
	#wrapper {
		padding: 20px 20px 20px 20px;
		width: 900px;
		}
		
	#header {
		margin: 0 auto;
		width: 900px;
		}
		
	#sidebar, #searchform input {
		width: 165px;
		}
		
	#content-index, #content-single, #content-page-sidebar {
		width: 700px;
		}