/*
Theme Name: The Supera Theme
Theme URI: http://superadesign.com/
Description: The default theme for me.
Version: 1.0
Author: max supera
Author URI:http://superadesign.com/
Tags: awesome, mine, you cant have it, two columns, widgets

*/




/* BODY ATTRIBUTES */

body {margin:0; padding:0; font-size:12px; color:black; font-family:Arial, Helvetica, sans-serif; text-align:center;}

h1 {font-size:18px; font-weight:100; color:#333;}

a {text-decoration:none; font-weight:bold; color:#c09332;}


/* STRUCTUE ATTRIBUTES */

#centerBody {margin:0 auto; width:927px;}

#wrapper {width:927px; float:left; text-align:left;}

#header {width:927px; float:left; height:60px; padding:33px 0 70px 0;}

#contentHolder {width:927px; float:left; padding-bottom:24px;}

#footer {width:927px; float:left; height:418px;}

	.myBorder {width:927px; float:left; height:10px; background:#d1d1d1;}
	
#foot1 {width:927px; float:left; height:172px; padding:24px 0 24px 0; background:url(images/home-bio.jpg) center no-repeat;}

#foot2 {width:927px; float:left; height:59px; padding:24px 0 24px 0;}

#copyright {width:927px; float:left; height:46px; text-align:right; padding-top:10px; font-size:10px; font-weight:bold; color:#666;}	




/* HEADER ATTRIBUTES */

#menu {width:270px; height:91px; float:left;}

#logo {width:301px; height:71px; float:right; background:url(images/logo.jpg) top right no-repeat;}




/* FOOT 2 ATTRIBUTES */

#otherthings {width:315px; height:59px; float:left; background:url(images/other-things.jpg) top left no-repeat;}

#redsparrow {width:228px; height:59px; float:left; background:url(images/redsparrow-logo.jpg) top left no-repeat; padding-right:80px;}

#dontbelong {width:299px; height:59px; float:left; background:url(images/dontbelong-logo.jpg) top left no-repeat;}




/* HOME PAGE ATTRIBUTES */

.homeContent {background:#000;}

.homeContent {text-decoration:none;}

.homeContent a {text-decoration:none;}

.homeContent a:hover {text-decoration:none;}

.homeThumbs {width:299px; height:170px; float:left; margin-right:8px; margin-bottom:8px; background-repeat:no-repeat; border:1px solid #666; background:#fff; text-decoration:none;}

.homeThumbs p {display:none;}

.homeThumbs:hover p {display:block; padding:0 12px 12px 12px; text-decoration:none;}

.homeThumbs a {text-decoration:none;}

.homeThumbs a:hover {text-decoration:none;}

.thumbTitle a{font-size:18px; font-weight:bolder; color:#c09332; text-decoration:none;}

.thumbDetail a{font-size:11px; font-weight:lighter; color:black; text-decoration:none;}

.thumbTitle {font-size:18px; font-weight:bolder; color:#c09332; text-decoration:none;}

.thumbDetail {font-size:11px; font-weight:lighter; color:black; text-decoration:none;}






/* SINGLE POST ATTRIBUTES */

.slideshow {border:1px solid #666;}

.myGallery {border:1px solid #666;}

.browse {width:927px; float:left; margin-top:15px;}

.browseby {font-size:18px; font-weight:bold; color:#333;}


.browseList {width:927px; float:left; margin:6px 0 24px 0;}



.clientList a {line-height:16px; font-size:12px; color:#666; font-weight:normal;}

.clientList a:hover {color:#c09332;}

.browseClient {width:378px; float:left;}

.browseArea {float:left;}







#slidingDiv {
    display: none;
	height:300px;
	background-color: #fff;
}







/* PAGE ATTRIBUTES */

.pageContent {text-decoration:none;}

.pageContent a {text-decoration:none;}

.pageContent a:hover {text-decoration:none;}

.pageSpace {width:100%; height:34px;}










/* ADDITIONAL CSS */

#commentHolder {width:780px; text-align:center; float:left; padding-top:50px;}

#commentShell {width:780px; float:left;}

.comments-template {text-align:left; float:left;}

#commentHolder img {display:none;}



/* Comments */

h3#comments{float:left;margin: 10px 0 0 0;padding: 20px 10px;background: #fff;color:#666666;}
h3#comments span.comments-subscribe {float:right;font-size:.7em;margin-left: 3px;padding: 0 0 0 19px;background: url("images/rss.png") no-repeat 0 50%;color:#cccccc;}
h3#respond{margin: 10px 0 0 0;padding: 20px 10px 0 10px;background: #fff;}
ol.commentlist{float:left; list-style-type: none;padding:0;margin: 0;}
ol.commentlist li strong{padding-left:1em;}
ol.commentlist li {border-bottom: 5px solid #eee; padding:26px 10px 15px 10px;}

ol.commentlist li .comment-entry{margin: -135px 0 0;border-bottom: 5px solid #eee;line-height: 2em;}
ol.commentlist li .avatar{border:1px solid #000;padding:0 0 0 0;margin:15px 1em 1em 0;}
#commentform{float:left; width:550px; margin: 10px 0 5px 0; padding: 5px 0 5px 0;background: #fff;}

.fn a{color:black; font-size:16px; font-weight:normal; font-style:normal; text-align:left;}

#respond {float:left;}

#comment {float:left;width:650px;}

.commentmetadata a{text-decoration:none; cursor:default; font-size:10px; font-weight:normal;}

cite {font-weight:bold; font-size:14px; padding-top:26px;}

.commentlist {margin-top:26px; width:650px; background-color:#d2d2d2;}

p.comment-page-numbers {margin-bottom:5px;}





/* FOR TEXT WRAP */

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

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}