/*
Theme Name: Photography Blogger
Theme URI: http://photographyblogger.net
Description: 
Version: 1.0
Author: Paul Tebbott
Author URI: http://paultebbott.com
Tags: photography, blogger, 
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/*
	COLOURS
	
	black: 		#1a1a1a
	link-grey: 	#656565
	box-grey:	#303030
	
	T R B L
*/

                                                                                                                                                                                                                                                 
/* 
	UTILITY
*/

.clear { clear: both; }
body { background-color: #1a1a1a; font-family: Arial, sans-serif; font-size: 14.5px; line-height: 1.7em; }


/*
	TYPOGRAPHY
*/

p { margin: 0 0 10px 0; }
a { color: #656565; text-decoration:none; }
a:hover { color: #ffffff; }  
h2 { color: #ffffff; font-size: 16px; } 


/*
STRUCTURE
*/

#wrap { width: 990px; margin: 0 auto; margin-top: 35px; margin-bottom: 75px; }
#maincol { width: 640px; float: left; }
#sidecol { width: 320px; float: right; }


/*
HEADER
*/

h1#logo { width: 360px; height: 70px; background: url(images/logo.png) top left no-repeat; text-indent: -9999px; float: left; margin-bottom: 10px; margin-left: 20px; }

/*
	SEARCH
*/

h2#search-title { margin: 0 0 25px 20px; }

form#searchform { float: right; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #ffffff; }
.searchfield	{ background-color: #ffffff; color: #000000; display:block; width:273px; height:15px; font-size: 30px; border: none;  float: left; -moz-border-radius: 5px; -webkit-border-radius: 5px;  font-size: 12px; padding: 5px; }
.searchbutton { background-image: url(images/searchbutton.gif); width: 17px; height: 17px; text-indent: -9999px; border: 0 none; margin: 4px 10px 0 10px; }  
.searchbutton:hover { background-image: url(images/searchhover.gif); width: 17px; height: 17px; text-indent: -9999px; border: 0 none; margin: 4px 10px 0 10px; }  


/*
POSTS
*/

.post { background-color: #ffffff; color: #656565; margin: 0 0 20px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 20px; } 

.comment-link { background-color: #4b4b4b; width: 30px; height: 30px; -moz-border-radius: 5px; -webkit-border-radius: 5px; position: relative; top: -30px; left: 570px; margin: 0 0 -10px 0; } 

.post-thumbnail { float: left; width: 200px; margin: -20px 20px 0 0; }
.post-content { float: left; width: 380px; margin: -20px 0 0 0; color: #656565; }
.post-content a { color: #1a1a1a; font-weight: bold; }
.post-content a:hover, a:active { color: #656565; }

p.post-data { margin: 0 0 10px 0; } 

p.comment-link-text { font-size: 14px; font-weight: bold; text-align: center; padding: 7px 0 0 0;} 
p.comment-link-text a { color: #ffffff; }
p.comment-link-text a:hover { color: #8a8a8a; }

.post a { color: #1a1a1a; font-weight: bold; }
.post a:hover, a:active { color: #656565; }

.post h2 { margin: 0 0 10px 0; width: 330px; color: #1a1a1a; font-size: 18px; line-height: 1.8em}
.post h2 a { color: #1a1a1a; font-size: 26px; }
.post h2 a:hover { color: #656565; }


/*
	SINGLE
*/

#single-post-data { font-size: 11px; margin: 25px 0 0 0; }
#single-post-data a { color: #1a1a1a; font-weight: bold; }
#single-post-data a:hover { color: #656565; }
#single-post-time { color: #1a1a1a; }

h2#single-post-title { color: #1a1a1a; width: 600px; font-size: 28px; margin: 15px 0 10px 0; line-height: 1.3em} 

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

/*
	COMMENTS
*/

.commentlist li { background-color: #303030; padding: 20px; margin: 0 0 25px 0; color: #ffffff; -moz-border-radius: 5px; -webkit-border-radius: 5px;  }
.author { color: #ffffff;  }
.time { font-size: 10px; color: #ffffff; }

h3#comment-response { color: #ffffff; margin: 0 0 15px 20px; }
h3#leave-reply { margin: 15px 0 20px 0; }

#respond { background-color: #ffffff; margin: 35px 0 0 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; } 
#respond-inside { padding: 20px; }

#author { background-color: #eeeeee; color: #656565; height: 15px; margin: 0 15px 0 0; padding: 8px; font-size: 12px; border: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#email { background-color: #eeeeee; color: #656565; height: 15px; margin: 0 15px 0 0; padding: 8px; font-size: 12px; border: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#url { background-color: #eeeeee; color: #656565; height: 15px; margin: 0 15px 0 0; padding: 8px; font-size: 12px; border: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

textarea#comment { width: 580px; height: 100px; }
#comment { background-color: #eeeeee; color: #656565; font-family: Arial, sans-serif; padding: 10px; font-size: 14px; border: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; } 
#submit { color: #2a2a2a; border: 0px solid; width:120px; height:20px; background: #FFFFFF; font-size: 12px; font-weight: bold; font-family: Arial, sans-serif; margin: 15px 0 10px -10px; }
#submit:hover { background-color: #FFFFFF; color: #b8b8b8; font-size: 12px; }

label { color: #656565; }



/*
ARCHIVE
*/

#archive-post-title { font-size:20px; margin: 0 0 15px 0; width: 330px; font-size: 26px; line-height: 1.2em}
span#archive-post-title a { color: #2a2a2a;  }
span#archive-post-title a:hover { color: #b8b8b8;  }

h2.archive-for-title { color: #ffffff; margin: 0 0 20px 20px; font-size: 12px;}




/*
SIDEBAR
*/

h2#archives { width: 71px; height: 15px; background: url(images/archives.png) top left no-repeat; text-indent: -9999px; margin: 35px 0 25px 0; }
h2#categories { width: 87px; height: 15px; background: url(images/categories.png) top left no-repeat; text-indent: -9999px; margin: 35px 0 25px 0; }

/*
	ADS
*/

#ads { height: 260px; background-color: #1a1a1a; margin: 0 0 20px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 0 0 0 0; }
#ads img { margin: 0 10px 10px 0; float: left; }

/*
	ADS2
*/

#ads { height: 260px; background-color: #1a1a1a; margin: 0 0 20px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 0 0 0 0; }
#ads img { margin: 0 10px 10px 0; float: left; }
/*

ADS3
*/

#ads3 { height: 260px; background-color: #fff; margin: 0 0 20px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px 0 0 10px; }
#ads img { margin: 0 10px 10px 0; float: left; }
/*

	SOCIAL
*/
                                           																																					
#social { width: 320px; height: 70px; }

a#rss  { padding: 14px 50px 2px 0; float: right; margin: 0 0 0 -15px; color: #656565; width: 112px; height: 26px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
a:hover#rss  { color: #dadada; background-color: #303030; }
#rss-logo { width: 17px; height: 16px; background-image: url(images/rss.png); float: left; margin: 0 15px 0 13px; }

a#twitter  { padding: 14px 50px 2px 0; float: left; margin: 0 0 0 -15px; color: #656565; width: 112px; height: 26px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
a:hover#twitter  { color: #dadada; background-color: #303030; }
#twitter-logo { width: 14px; height: 15px; background-image: url(images/twitter.png); float: left; margin: 0 15px 0 13px; }

a#facebook  { padding: 13px 50px 2px 0; float: right; margin: 0 0 0 -15px; color: #656565; width: 112px; height: 27px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
a:hover#facebook  { color: #dadada; background-color: #303030; }
#facebook-logo { width: 9px; height: 18px; background-image: url(images/facebook.png); float: left; margin: 0 15px 0 13px; }

a#flickr  { padding: 13px 50px 2px 0; float: left; margin: 0 0 0 -15px; color: #656565; width: 112px; height: 27px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
a:hover#flickr  { color: #dadada; background-color: #303030; }
#flickr-logo { width: 9px; height: 18px; background-image: url(images/flickr.png); float: left; margin: 0 15px 0 13px; }


/*
	POPULAR POSTS
*/

h2#popular-title { width: 121px; height: 15px; background: url(images/popular.png) top left no-repeat; text-indent: -9999px; margin: 50px 0 25px 0; }
ul.popular-posts { marging: 0 0 20px 0; } 
ul.popular-posts li { margin: 0 0 10px 0; }


/*	
	TWITTER
*/

.tweet { width: 295px; background: #303030; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 0 0 0 -15px; }
.inside { padding: 15px; }

.tweettext p { color: #ffffff; } 
#point { height: 15px; width: 15px; background-image: url(images/point.png); margin: 0 0 0 45px; }

a#follow { background-image: url(images/bird.png); background-repeat: no-repeat; padding: 8px 0 15px 47px; }




/*
FOOTER
*/

.nextprevious { margin-left: 20px; }

#footer { margin: 50px 0 50px 0; color: #656565; font-size: 10px; } 

#footer-info { float: left; width: 450px; margin: 0 0 0 20px; font-size: 12px }

#footer-nav { float: right; width: 450px; text-align: right; margin: 0 20px 0 0; }
#footer-nav ul li { display:inline; }

#footer-nav ul li a { font-weight: bold; padding: 0 0 0 10px; font-size: 12px; }

a.footer-link { color: #ffffff; text-decoration:none; }
a:hover.footer-link  { color: #656565; }

/*
CAPTION
*/

.wp-caption {
border: none;
text-align: left;
background-color: #ffffff;
padding-top: 15px;
margin-top: 15px;
margin-bottom: 0px;
-moz-border-radius: 0px;
-khtml-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}
.wp-caption img {
margin: 0;
padding-top: 0px;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 14px;
line-height: 17px;
padding-top: 4px;
margin: 0;
}


/* AUTHOR BOX STYLES */
 
.profile {
	background-color: #ffffff; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	position: relative;
	margin: 0 0 40px 0;
}
 
.profileText {
	color: #656565;  
	font-family: Arial, Helvetica, sans-serif;
	padding: 20px;
}

.profileText a {
	font-weight: bold;
	color: #1a1a1a;
}

.profileText a:hover {
	color: #656565; 
	text-decoration: none;
}

.profileName {
	padding: 20px 20px 0 20px;
	font-size: 1.2em;
	font-weight: bold;
	color: #OOOOOO;
}
 
.profileName a {
	color: #1a1a1a; font-weight: bold; 
}
 
.profileName a:hover {
	color:#656565;
	text-decoration: none;
}