/*
Theme Name: Photography
Theme URL: http://www.fazedesigns.com
Version: 1.0
Description: Chris Benny Imaging Portfolio and Blog.
Author: Ehren Fergusson
Author URI: http://www.fazedesigns.com
*/

/* CSS CODED BY FAZEDESIGNS */

/* BODY STYLE */

body {background:#fff;margin: 0px;}
body,td,th {font-family: Verdana, Geneva, sans-serif; line-height:20px; font-size:12px;}

/* RESET CSS FOR ALL BROWSERS */

div, li, ul, img, td, tr, table, a, span {padding:0px; margin:0px; border:none; list-style:none;}
h1, h2, h3, h4, h5, h6 {font-size:12px; color:#333;}
a, a:active, a:hover, a:visited {text-decoration:none; color:#666; outline:none;}

/* MAIN DIVS AND STYLES */

	/* HEADER */

	#wrapper {width:930px; margin:0 auto;}
	.headgap {width:930px; background:url(images/header.gif) no-repeat top; height:80px;}
	.head {padding:30px 0;}
	.logo {padding:0 0 0 30px; width:313px; position:relative;}
	.logo img.active { position:absolute; top:0; left:0; z-index:10;}
	.logo img.hover { position:absolute; top:0; left:0;}
	
	/* MENU */

	ul.main-nav {width:350px; margin:0 auto;}
		ul.main-nav li {float:left; margin:15px; text-transform:uppercase; font-size:14px; position:relative; display:block;}
		ul.main-nav li a {color:#666; padding:5px;}
		ul.main-nav li a:hover {color:#000;}
	ul.sub-links { display:none; width:437px; padding:12px 5px 0 5px; background: url(images/menu.png) top no-repeat; height:56px; float:left; position:absolute; top:-10px; left:-80px;}
		ul.sub-links li {float:left; position:relative; margin:0px; padding:14px 7px;}
		ul.sub-links li a {color:#333; text-transform:uppercase; font-size:12px;}
		ul.sub-links li a:hover {color:#000;}

	/* DIFFEENT PAGES OR TEMPLATES */

	.intro { border-top:1px #ccc solid; border-bottom:1px #ccc solid; padding:10px 0; margin:0 auto; width:870px; height:590px;}
		#slide {position:relative; margin:0 auto; width:870px; height:580px;}
		#slide img {position:absolute;top:0;left:0;z-index:8;opacity:0.0;}
		#slide img.active {z-index:10;opacity:1.0;}
		#slide img.last-active {z-index:9;}
	.contact { border-top:1px #ccc solid; border-bottom:1px #ccc solid; padding:10px 0; margin:0 auto; width:870px; font-size:12px; color:#666;}
		.contact a:hover {color:#333;}
	.portfolio { border-top:1px #ccc solid; border-bottom:1px #ccc solid; padding:10px 0; margin:0 auto; width:930px; font-size:12px; color:#666; height:580px;}
	.featureimg {margin:0 auto;}

/* BLOG CONTENT */

.blog {border-top:1px #ccc solid; border-bottom:1px #ccc solid; padding:10px 0; margin:0 auto; width:950px;}
.content { width:690px; margin-right:20px;}
	.single {font-size:12px; color:#999; line-height:20px; background:url(images/post-bg.gif) top left no-repeat; padding:20px 0 0 20px;}
		.single h2 { color:#666; font-weight:normal; font-size:16px; border-bottom:1px #ccc solid; padding:0 0 20px 0;}
		.single a:hover {color:#333;}
		.single .text {}
		.single .date {background:url(images/blog-date.png) no-repeat; width:34px; height:53px; float:left; position:relative; top:0px; left:-40px; color:#fff; padding:7px 0 0 29px; font-size:20px;}
	
	.posts { font-size:12px; color:#999; line-height:20px; background:url(images/post-bg.gif) top left no-repeat; padding:20px 0 0 20px; min-height:300px;}
		.posts h2 { color:#666; font-weight:normal; font-size:16px; border-bottom:1px #ccc solid; padding:0 0 20px 0;}
		.posts h2 a:hover {color:#333;}
		.posts .thumb {float:left; margin:0 20px 10px 0; background:url(images/blog-thumb.gif) top no-repeat; width:230px; height:230px;}
		.posts .thumb .img { margin:12px 0 0 14px; border:1px solid #333; padding:0;}
		.posts .thumb span {border:none; float:left; position: relative; top:-218px; left:-1px; margin:0; padding:0;}
		.posts .text {}
		.posts .date {background:url(images/blog-date.png) no-repeat; width:34px; height:53px; float:left; position:relative; top:0px; left:-40px; color:#fff; padding:7px 0 0 29px; font-size:20px;}
		.posts .readmore {font-weight:bold;}
	
	.portthumb {float:left; margin:0 8px 0 8px; width:170px; height:580px; position:relative; display:block;}
	.portthumb img.active { position:absolute; top:0; left:0; z-index:10;}
	.portthumb img.hover { position:absolute; top:0; left:0;}
	span.hovers {display:none; float:left; top:0; left:-170px; position:relative;}
	
	.error {color:#666;}
	.error h2 {background:url(images/404.gif) no-repeat top left; font-size:18px; font-weight:normal; padding:15px 10px 30px 50px;}
	.error ul { margin:0 0 0 50px;}
	.error ul li {list-style:decimal;}

/* SIDEBAR */

.sidebar { width:240px; margin:0;}
	.sidebar li {list-style:none;}
	.sidebar li h2 {width:240px; border-bottom:1px #ccc solid; font-size:14px; text-align:left; color:#666; font-weight:normal;}
	.sidebar h2 {width:240px; border-bottom:1px #ccc solid; font-size:14px; text-align:left; color:#666; font-weight:normal;}
	.sidebar li ul {}
	.sidebar li ul li {padding:5px 0 5px 15px; text-align:left; list-style:none; list-style-position:inside; font-size:12px;}
	.sidebar li ul li a { color:#999; text-decoration:none;}
	.sidebar li ul li a:hover { color:#666; text-decoration:none;}
	.sidebar .textwidget {color:#999; line-height:20px; padding:20px; font-size:12px;}
	
.s-preview { margin: 0px 0px 10px 13px; padding: 0; list-style: none; background:none;}
	.s-preview li { padding:0; float: left; position: relative; display: block; margin-right: 3px; margin-bottom: 7px; border: 4px solid #dcdcdd; width:43px; height:43px;}
	.s-preview a { }
	.s-preview li em { background: url(images/hover-img.png) no-repeat; position: absolute; width: 236px; height: 155px; padding-top: 10px; padding-left: 10px; top: -180px; left: -95px; font-style: normal; z-index: 1000; display: none; color: #fff; font-size: 10px;}
	.s-preview li em h4 {background: url(images/clear.png) repeat; color:#fff; position: absolute; width:188px; border-top:1px #000 solid; bottom:19px; left:10px; font-size:12px; text-align:center; float:left; padding:3px 10px; font-weight:normal;}
	
.share { height:42px;}
	.share li { float:left; width:101px; height:35px; background:url(images/share.jpg); margin:0 0 0 12px;}
	.share .facebook { background-position:-101px 0px}
		.facebook-hov { display:none; width:101px; height:35px; background:url(images/share.jpg) -101px -35px;}
	.share .rss {  background-position:0px 0px}
		.rss-hov { display:none; width:101px; height:35px; background:url(images/share.jpg) 0px -35px;}
	
/* COMMENTS */

.mycomments {margin:20px 10px; color:#999;}
	.mycomments h3 {font-size:14px; font-weight:normal; color:#666; padding:10px 0;}
	.commentlist {margin:0 auto; padding:0 10px;}
	.commentlist li { padding:20px 0; border-bottom:1px #ccc solid;}
	.commentlist li .comment-author {}
	.commentlist li .avatar {}
	.commentlist li cite {}
	.commentlist li span {}
	.commentlist li .commentmetadata {}
	.commentlist li p {line-height:20px; text-align:left;}
	.commentlist li .reply {}
	.postcomment {padding:10px 20px; font-size:14px;}
#commentform {color:#999; font-size:12px;}
	#commentform a {color:#666;}
input { width:250px; border:1px #999 solid; background:#fff url(images/input.gif) repeat-x top; padding:3px; color:#666;}
label { color:#999; font-size:12px;}
textarea { width:654px; border:1px #999 solid; background:#fff url(images/input.gif) repeat-x top; padding:3px; color:#666;}

/* FOOTER */

.footer {width:930px; background:url(images/footer.gif) no-repeat top; height:80px;}
.credits {display:none;}

/* slider implemented 25/10/2010 */
#imageslide1, #imageslide2, #imageslide3, #imageslide4, #imageslide5, #imageslide6, #imageslide7, #imageslide8, #imageslide9 { margin-left:auto; margin-right:auto; width:600px;}
#imageslide1 + div.balinks, #imageslide2 + div.balinks, #imageslide3 + div.balinks, #imageslide4 + div.balinks, #imageslide5 + div.balinks, #imageslide6 + div.balinks, #imageslide7 + div.balinks, #imageslide8 + div.balinks, #imageslide9 + div.balinks {margin: 0 auto;}