/*
Theme Name: PhotoBlog
Theme URI: http://ghettocottage.com
Description: A  theme based on <a href="http://binarybonsai.com/wordpress/kubrick/">Kubrick</a> and licensed under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.
Version: 0.0.1
Author: Adam Robertson
Author URI: http://ghettocottage.com/
Tags: photoblog

	PhotoBlog v0.0.0
	http://ghettocottage.com/

*/

/* CSS Rules Added */

.content li  {
	list-style-type: none;
	list-style-position: outside;
}

 a {
	text-decoration: none;
	color:  #666;

}

.content a:hover  {

   color:#9ecb3c
	
}

.content a:visited  {

}

.content   {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#hnscr  {
	
}

.clear {
	display:none;	
}


/* Header */


#logo {
	background-image: url(imgs/logo.png);
	height: 90px;
	width: 300px;
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 0px;
	display: block;

}


#logo a {
  display:block;
  width:100%;
  height:100%;
  text-decoration:none;
}

#logo a:hover {
  text-decoration:none;

}

#logosm  {
	background-image: url(imgs/logosm.png);
	background-repeat: no-repeat;
	background-position: right top;
	width: 60px;
	float:right;
	height: 40px;
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}





.nav  {
	float:right;
	margin-top: 8px;
	margin-right: 40px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 7px;
	text-transform: lowercase;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #F5F5F5;
}

.nav h3 {
	font-family:Georgia, "Times New Roman", Times, serif;

	font-size: 14px;
	font-weight: 400;
	left: 1px;
	top: 1px;
	vertical-align: super;
	display: inline;
	height: 18px;
	letter-spacing: 1px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}

.nav ul  {
	list-style-type: none;
	vertical-align: top;
	display: block;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	list-style-position: outside;

}

.nav li {
	padding: 0px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1px;
	word-spacing: -1px;	
}

.nav a{
	text-decoration:none;
	color: #666;	
}

.nav a:hover {
	
	color:#9ecb3c
}


/* Gallery */

#middle  {

	

}

#image {
	width: 650px;
	text-align:center;
	float: left;
	}
	

#images {
	width:auto;
	display: block;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	float: right;
	height: 434px;
	}
	
#images img {
	cursor: hand;
	cursor: pointer;	
	}
	
.current, .transparent {
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
	}
	
#oops  {
	
	
}

#noscript  {
	font-size: 12px;
	font-weight: 500;
	color: #FFF;
	position: relative;
	bottom: 30px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	letter-spacing: 1px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

/* Contact Page */

h2 {
	font-family: "Century Gothic", "Trebuchet MS", Arial;
	font-weight: 400;
	text-transform: lowercase;
	color: #E5E5E5;
	font-size: 16px;
	padding: 0px;
	width: 300px;
	position: relative;
	bottom: 11px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
	text-align: right;
	left: 495px;
}

h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #5B5B5B;
	font-size: 15px;
	font-weight: 400;
	text-transform: lowercase;
	color: #585858;
	letter-spacing: .5px;	
}

p  {
	font-size: 12px;
	line-height: 16.5px;
	
	
}


#contact {
	width: 500px;
	float: left;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
}

#contact img{
	
	margin-right:18px;
	
}


#contactform  {
	width:265px;
	float: right;
	margin: 0px;
	padding: 0px;
	top: 22px;
	position: relative;
	right: 15px;
}
.wpcf7-form {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

.wpcf7-form input,  textarea {
	border:1px solid #E8E8E8;
	display: inline;
}

.wpcf7-form textarea  {
	width:275px;

}

.wpcf7-form input[type="submit"]   {
	
	cursor: hand;
	cursor: pointer;
		
}


/* About Page */




.about  img  {
	padding: 0px;
	margin-left: 50px;	
	
}


/* Investments Page */

.investment  img  {
	margin-left: 50px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

/* Kind Words Page */

.kindwords   {

	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DBDBDB;
    padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	overflow:hidden;
    width:100%; /* Force hasLayout in IE */

}


.kindwords  img  {
	margin-left: 150px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}


.kindwords p{
	
   width:auto;

	
}



#kindcomments  {
	width: 510px;
	margin: 0px;
	padding: 0px;
}

.commentlist  {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;	
}

.commentlist li {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;


}




#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	border: 1px solid #DFDFDF;
	}

#commentform textarea {
	width: 502px;
	padding:2px;	
	}

#commentform #submit {
	float: right;
	background-color: #EFEFEF;
	border: 1px solid #EBEBEB;
	padding: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	cursor: hand;
	cursor: pointer;
	}
	
.alt {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	}

/* Blog Page */


#blogblock {
	background-color: #F4F4F4;
	margin: 0px;
	text-align:center;
	background-image: url(/imgs/blog_bg.png);
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #585858;
	padding: 0px;
	height: 100%;
	clear: both;
	background-repeat: repeat;
	}

#blogpage {
	width: 800px;
	text-align: left;
	padding-top: 10px;
	text-align: left;
	background-color: #FFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	border-right-width: 1.5px;
	border-left-width: 1.5px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-left-color: #CCC;
	clear: both;
	overflow: hidden;
	padding-right: 10px;
	padding-left: 10px;
	}	

#blogheader {
	margin: 0;
	padding: 0;
	height: 60px;
	}

#blogheader.single {			/* So the header is in line with the next on single page view */
	width: 510px;
	margin: 0 auto;
	}
	
#bloglogo {
	background-image: url(imgs/bloglogo.png);
	height: 60px;
	width: 300px;
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	display: block;
}



#bloglogo a

{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	z-index: 2;
}

#bloglogo a:hover 

{

text-decoration: none;

}

#bloglogosm  {
	background-image: url(imgs/bloglogosm.png);
	background-repeat: no-repeat;
	background-position: right top;
	width: 60px;
	float:right;
	height: 40px;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	
}

#bloglogosm a

{

display: block;
width: 100%;
height: 100%;
text-decoration: none;

}

#bloglogosm a:hover 

{

text-decoration: none;

}

#blogpage h2 {
	bottom: 27px;
	z-index: 1;
}

#blog  a {
	color: #9ecb3c;		
}

#blog h3  {
	font-size: 20px;
	text-align: center;	
	
	
}

#blogtop  {
	width: 830px;
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;	
}

#blogcontent {
	width: auto;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-left: 0px;
	
	clear: both;
	overflow: hidden;
	position: relative;
}

#blogallery {
	float: left;	
	
	
}

#blogallery img{
	float: left;
	list-style-position: outside;
	margin: 2px;
	padding: 0px;
		
}


#blog  {
		
}

#blog  li{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #F4F4F4;
	list-style-type: none;
	clear: both;
	overflow: hidden;
	position: relative;
	margin: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	color: #666;
}

#blog a:hover {
	color: #9ecb3c;	
	
	
}




/* Single Blog */


.widecolumn  {

 color: #585858; 
	
}


.entry  {
	
	overflow:hidden;
    width:100%; /* Force hasLayout in IE */
	
	
}


#post p {
	font-size: 14px;    
	
	
}


#post img {
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 10px;
	padding-left: 4px;	


}


#post h4 {
	font-family: "Century Gothic", "Trebuchet MS", Arial;
	font-weight: 400;
	text-transform: lowercase;
	color: #9ecb3c;	
	font-size: 17px;
}


/* SideBar */



#sidebar  {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #F4F4F4;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 20px;
	
}

#sidebar h4  {
	font-family: "Century Gothic", "Trebuchet MS", Arial;
	font-weight: 400;
	text-transform: lowercase;
	color: #e5e5e5;
	font-size: 14px;	
}



#sidebar li  {
	list-style-type: none;
	font-weight: 500;
	list-style-position: outside;
	color: #E5E5E5;
	float: left;
	margin: 0px;
	padding: 5px;
	display: inline;
	position: relative;
	bottom: 20px;
}



#sidebar a {
	font-size: 12px;
   
	
}

#sidebar a:hover {
	color: #9ecb3c;
	
}




	
/* Footer */
	
#footer {
	padding: 0;
	clear: both;
	color: #555;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #F5F5F5;
	}

#footer p {
	margin: 0;
	padding: 20px 0 25px;
	text-align: center;	
	}
#footer a {
	color: #5389BF;
	}
	
#cr  {
	float:right;
	margin: 0px;
	padding-top:8px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 7px;
	font-size: 11px;
	color:#9ecb3c;
	font-weight: 400;
	font-family: Arial, Helvetica, sans-serif;	
}

#player {
	float:left;
	padding-top: 7px;
	padding-right: 3px;
	padding-bottom: 7px;
	padding-left: 0px;
	font-size: 10px;
	color:#9ecb3c;
	font-weight: 400;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}



.playStop  {
	font-size: 11px;
	padding-top: 8px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.play {
	
	color:#9ecb3c;
	
}

#login a {
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 7px;
	font-size: 11px;
	color: #CCC;
	font-weight: 400;
	font-family: Arial, Helvetica, sans-serif;
}


#login a:hover {
	color: #9ecb3c;	
	
	
}


/* 404 Page */

#whoa  {
	background-image: url(/imgs/oops1.jpg);
	margin: 0px;
	padding: 0px;
	height: 400px;
	background-repeat: no-repeat;
	background-position: left center;
	
}

#whoa  p {
	font-family: "Century Gothic", "Trebuchet MS", Arial;
	font-size: 14px;
	font-weight: 500;
	color: #666;
	float: right;
	text-transform: lowercase;
}



/* Begin Typography & Colors */
body {
	font-family:Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;	
	background: white;
	text-align: center;
	}

#block {
	background-color: white;
	margin: auto;
	text-align:center;	
	}

#page {
	width: 800px;
	border:none;	
	text-align: left;	
	margin: 0px auto 20px;
	padding-top: 10px;	
	text-align: left;
	}	

#header {	
	margin: 0;
	padding: 0;	
	}

#header.single {			/* So the header is in line with the next on single page view */
	width: 510px;
	margin: 0 auto;
	}

#content {
	
	}

.widecolumn .entry p {

	}

.narrowcolumn .entry, .widecolumn .entry {

	}

.widecolumn {

	}

.narrowcolumn .postmetadata {

	}




small {

	}



#header .description {	

	}
	




.entry p a:visited {

	}
	
.entry p a:visited:hover {

	}

.commentlist li, #commentform input, #commentform textarea {
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: 400;
	font-style: normal;
	font-size: 12px;
	}

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

#commentform p {

	}

.commentmetadata {
	font-size: 11px;
	color: #555;
	text-transform: lowercase;
	}


small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {

	}

code {

	}

acronym, abbr, span.caps
{

	}






	
/* End Typography & Colors */



/* Begin Structure */

.narrowcolumn {
	

	}
	


.widecolumn {
	
	}

.post {
	
	}

.post hr {
	
	}

.widecolumn .post {
	
	}

.narrowcolumn .postmetadata {
		}

.widecolumn .postmetadata {
	
	}

.widecolumn .smallattachment {
	
}

.widecolumn .attachment {
	
}

.postmetadata {
	
}


/* End Structure */






/* Begin Images */
p img {


	}
#content p img {
		
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	display: inline;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
	padding: 4px;
	}

img.alignleft {
	padding: 4px;
	display: inline;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 0px;
	}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
	
.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
	
.alignleft a {
	float: left;
	font-size: 14px;
	text-transform: lowercase;
	color: #646464;
	}
	
	
.alignleft a:hover {

	 color:#9ecb3c
	}
	
	
	
	
	
.alignright a {
	float: left;
	font-size: 14px;
	text-transform: lowercase;
	color: #646464;

	}
	
	
.alignright a:hover {

	 color:#9ecb3c
	}
	
	

/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {

	}

html>body .entry li {

	}

.entry ul li:before, #sidebar ul ul li:before {

	}

.entry ol {

	}

.entry ol li {

	}

.postmetadata ul, .postmetadata li {

	}




/* End Entry Lists */



/* Begin Form Elements */
#searchform {

	}

#sidebar #searchform #s {

	}

#sidebar #searchsubmit {

	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	
	}

select {

	}


/* End Form Elements */



/* Begin Comments*/
.alt {
	
	}

.commentlist {
	
	}

.commentlist li {
	
	}

.commentlist p {
	
	}

#commentform p {
	
	}

.nocomments {
	
	}

.commentmetadata {
	
	}
/* End Comments */











/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	
	}

acronym, abbr {

	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;

	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}
	
.hidden {
	display: none;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	
	}
#content p img.wp-smiley {
	
	}
/* End Various Tags & Classes*/







/* "I have called this principle, by which each slight variation, if useful, is preserved, by the term of Natural Selection." */