/*   
Theme Name: Z3olyte Feature Site
Theme URI: 
Description: Use the Thematic Feature Site Theme to power your WordPress web site.
Author: Ian Stewart
Author URI: http://themeshaper.com/
Template: thematic
Version: 1.0.1
Tags: Thematic
.
Thematic Site is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('2c-r-fixed-988px.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

/* Apply comment styles */
@import url('../thematic/library/styles/default.css');

/* Apply blog title styles */
@import url('../thematic/library/styles/default.css');

/* Apply wrapper style */
@import url('..thematic/library/styles/classic,css');

/* =Global Elements
-------------------------------------------------------------- */

#buttons {
    padding:.75em 0;
} 
a.button {
    border:1px solid #ccc;
    -webkit-border-radius: .7em;
    -moz-border-radius: .7em;
    border-radius: .7em;
    color:#666;
    font-size:13px;
    margin:0 10px 0 0;
    padding:.75em 1.25em;    
    text-decoration:none;
}
a.button:hover,
a.button:active {
    color: #FF4B33;
}

/*** THEMATIC SKIN ***/
#access {
    border-bottom:1px solid #ccc;
    height:31px;
    font-size:13px;
    overflow:visible;
    z-index:100;
    padding-bottom: 5px;
}
.sf-menu {
    border-right:0px solid #ccc;
	float:left;
       background:url(http://z3olyte.com/wp-content/bg-nav.png) no-repeat center top;
 }
.sf-menu a {
       border-left:0px solid #ccc;
	border-top:0px solid #ccc;
	border-bottom:0px solid #ccc;
	padding:9px 13px 8px;
       text-decoration:none;
       line-height: 14px;
       background:url(http://z3olyte.com/wp-content/bg-nav.png) no-repeat center top;
}
.sf-menu .current_page_item a,
.sf-menu .current_page_ancestor a,
.sf-menu .current_page_parent a {
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#666;
}
.sf-menu li {
    background:url(http://z3olyte.com/wp-content/bg-nav.png) no-repeat center top;
    text-shadow: 0px 1px 0px #fff;
    line-height: 14px;
}
.sf-menu li li {
    background:url(http://z3olyte.com/wp-content/bg-nav.png) no-repeat center top;
    text-shadow: 0px 1px 0px #fff;
    line-height: 14px;
}
.sf-menu li li li {
	background:		#9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    background:     #fafafa;
	outline:		0;
    border-bottom-color:#ccc;
}
.sf-menu ul {
    border-left:0px solid #ccc;
    border-right:0px solid #ccc;
    border-bottom:0px solid #ccc;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	top:32px; /* overriding essential styles */
       border:1px solid #ccc;
}
.sf-menu ul ul {
    margin-top:0;
 }
.sf-menu ul a {
    background:#fafafa;
}
.sf-menu ul a:hover {
    color: #FF4B33;
}


/* =Header
-------------------------------------------------------------- */

#header {
    z-index:2;
    background:url(http://z3olyte.com/wp-content/bg-top.jpg) no-repeat bottom center;
}
#branding {
    position:relative;
}
#blog-title {
    width:652px;
    margin-top:-60px;
}
#blog-title a {
display:block;
text-indent:-9000px;
height: 60px;
width: 448px; 
margin-top: 35px;
background:url(http://z3olyte.com/wp-content/themes/z3olytefeaturesite/images/The_Game_of_Life_header_logo2.png) no-repeat top center;
}
#blog-description {
    position:absolute;
    text-shadow: 0px 1px 0px #f9f9f9;
}
#branding #searchform {
    position:absolute;
    top:87px;
    right:0;
}
#branding #searchform label {
    display:none;
}
#branding #searchform input {
    font-size:13px;
    line-height:18px;
}
#branding #searchform input#s {
    width:316px;
}
#branding #searchform input#searchsubmit {
    display:none;
}

/* =Menu
-------------------------------------------------------------- */

#nav {
    float:right;
}


/* =Content
-------------------------------------------------------------- */

.search .page-title {
    display:none;
}


/* =Leader and Front Page Styles
-------------------------------------------------------------- */

#leader {
    border-bottom:1px solid #ccc;
    padding:-63px 0 -60px 0;
    background-image:url('http://z3olyte.com/wp-content/uploads/2010/07/background.jpg');
    background-repeat:no-repeat;
    background-position:center;
}
#leader-container {
    overflow:hidden;
    position:relative;
    width:1112px;
    margin-left: auto;
    margin-right: auto;
    border:0px;
}
#leader .entry-title {
    font-size:37px;
    font-weight:normal;
    font-family:Verdana;
    line-height:45px;
    margin-top:18px;
    margin-left:90px;
    padding:0 0 22px 0;
    color:#e8d994;
    text-shadow: 0px 0px 3px #e8d994;
}
#leader .entry-title span {
    font-family:Georgia,serif;
    font-weight:normal;
    font-style:italic;
    
}
.single #leader .entry-title {
    width:652px;
}
#leader .entry-meta {
    position:absolute;
    top:32px;
    left:790px;
}

.page-template-front-page-php #feature {
    float:left;
}
.page-template-front-page-php #feature img {
    float:left;

margin:-10px 10 0 -10px;
}
.page-template-front-page-php #feature-info {
    float:right;
    margin:0 0 0 19px;
    width:484px;
}
.page-template-front-page-php #feature-info h2 {
    font-family:Arial,sans-serif;
    font-size:40px;
    font-weight:bold;
    line-height:45px;
    margin-top:-8px;
    padding:0 0 14px 0;
}
.page-template-front-page-php #container ,
.page-template-front-page-php #content  {
    margin:0;
    padding:0;
    width:1500px;
}
.page-template-front-page-php #container {
    margin-top:-21px;
}
.page-template-front-page-php #sub-feature {
    font-size:13px;
    line-height:18px;
    position:relative;
    overflow:hidden;
}
.page-template-front-page-php #sub-feature p {
    margin:0 0 18px 0;
}
.page-template-front-page-php #sub-feature h3 {
    font-family:Georgia,serif;
    font-weight:normal;
    font-size:17px;
    font-style:italic;
    padding:0 0 7px 0;
    text-transform:none;
}
.page-template-front-page-php #sub-feature h3 img {
    position:absolute;
    top:3px;
    right:0;
}
.page-template-front-page-php .block {
    float:left;
    width:484px;
}
#front-block-1 {
    margin-right:20px;
}
.page-template-front-page-php .block .avatar {
    float:left;
    margin:.25em 10px 0 0;
}
.page-template-front-page-php .block ul {
    border-top:0px solid #ccc;
    list-style:none;
    margin:0;
}
.page-template-front-page-php .block ul li {
    display:inline;
}
.page-template-front-page-php .block ul li a {
    border-bottom:0px solid #ccc;
    color:#666;
    display:block;
    padding:6px 0;
    text-decoration:none;
}
.page-template-front-page-php .block ul li a:hover,
.page-template-front-page-php .block ul li a:active {
    background:#fafafa;
    color: #FF4B33;
}
.page .entry-content,
.single .entry-content {
    padding-top:0;
}

/* =Comments
-------------------------------------------------------------- */

#comments {
    padding:22px 0 0 0;
}
#comments,
#comments input,
#comments textarea {
    font-size:12px;
    line-height:15px;
}
#comments code {
    font-size:12px;
    line-height:18px;
}
#comments h3 {
    font-family:Verdana;
    font-size:20px;
    font-weight:bold;
    line-height:30px;
    padding:0 0 18px 0;
}
#comments-list {
    padding:0 0 40px 0;
}
#comments-list ol,
#comments-list ul {
    list-style:none;
    margin-left:25px;
}
#comments-list ol {
    border:0px solid #ccc;
    border-top:1px dotted #ccc;
    margin:0 0 18px 0;
}
#comments-list li {
    background:#fafafa;
    border-bottom:0px solid #ccc;
    padding:18px;1.5em 0 1.5em;
    position:relative;
}
#comments-list li.alt {
    background:#fff;
}
#comments-list li.bypostauthor {
    background:#f2f2f2;
}
#comments-list ul li {
    border:0px solid #ccc;
    margin:0 0 18px 0;
}
#comments-list li .avatar {
    position:absolute;
    top:22px;
    left:1.5em;
    width:50px;
    height:50px;
    border: 1px solid #ffffff;
}
#comments-list .comment-author {
    font-size: 15px;
    font-weight:bold;
    padding:23px 0 0 70px;
}
#comments-list .comment-meta {
    color:#c1c1c1;
    font-size:11px;
    padding:0 0 11px 70px;
}
#comments-list .comment-meta a {
    color:#c1c1c1;
    font-style:italic;
    text-decoration:none;
}
#comments-list .comment-meta a:active,
#comments-list .comment-meta a:hover {
    color: #FF4B33;
}
.comment-reply-link {
    font-size:11px;
    padding:0 0 0px 0;
    text-align:right;
    margin-top: -30px;
    margin-bottom: 20px;
}
.comment-reply-link a {
    color:#666;
    font-style:italic;
    text-decoration:none;
}
.comment-reply-link a:active,
.comment-reply-link a:hover {
    color: #FF4B33;
}
.comment-navigation {
    font-weight:bold;
    padding:0 0 18px 0;
    margin-right:0.5em;
}
.comment-navigation a {
    border:1px solid #ccc;
    color:#666;
    font-weight:normal;
    padding:0.5em 0.75em;
    text-decoration:none;
}
.comment-navigation a:active,
.comment-navigation a:hover {
    color: #FF4B33;
}
.comment-navigation a,
.comment-navigation span {
    margin-right:0.5em;
}
#trackbacks-list .comment-content {
    position:absolute;
    left:-9000px;
}
#respond {
    background:#fff;
    margin-bottom:22px;
    overflow:hidden;
    padding:18px 0 0 0;
    position:relative;
}
#comments-list #respond {
    border-bottom:1px solid #ccc;
    margin:0 0 18px 0;
    padding:18px 1.5em;
}
#comments-list ul #respond {
    border:1px solid #ccc;
    margin:0;
}
#cancel-comment-reply {
    font-size:11px;
    position:absolute;
    top:18px;
    right:1.5em;
}
#cancel-comment-reply a {
    color:#666;
}
#respond .required {
    color:#FF4B33;
    font-weight:bold;
}
.form-section label {
    font-size:11px;
    font-weight: bold;
}
.form-section input {
    margin:0 0 6px 0;
    width:40%; 
    height:15px;
    background:url('http://z3olyte.com/wp-content/bg-content2.jpg');
    border: 1px solid #dbdbdb;
    line-height: 30px;
    padding-top: 16px;
}
.form-section textarea {
    width:99%;
    height:130px;
    background:url('http://z3olyte.com/wp-content/bg-content3.jpg');
    border: 1px solid #dbdbdb;
}
#form-allowed-tags p {
    color:#666;
    font-size:11px;
    margin:0;    
}
#form-allowed-tags span {
    font-style:italic;
}
#form-allowed-tags code {
    font-size:11px;
    line-height:normal;
}
.form-submit {
    padding:18px 0 0 0;
    text-align:right;
}
.subscribe-to-comments {
    color:#666;
    float:left;
    font-size:11px;
    margin:0;
    padding:18px 0 0 0;
}
.solo-subscribe-to-comments {
    color:#666;
    font-size:11px;
    padding:18px 0 0 0;
}
.comment_license {
    color:#666;
    clear:both;
    font-size:11px;
    margin:0;
    padding:18px 0 0 0;
}
/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { 
       font: 25px Arial;
	font-weight:bold;
	clear:both;
       color:#313131;
}
body, input, textarea {
    color:#242424;    
    font: 12px Verdana, sans-serif;
    line-height:18px;
}

/*Headings Blog Titles
---------------------------------------------------------------------- */
.entry-title {
    font-size:25px;
    font-family: Verdana, sans-serif;
    letter-spacing: -0.04em;
    text-shadow: 0px 1px 0px #c7c7c7;
    line-height:130%;
    padding:8px 0 3px 0;
    font-weight:bold;
    color:#242424;
}
.entry-title a {
    text-decoration:none;
    color:#242424;
}
.entry-meta {
    font-size:11px;
    color:#787878;
}
.entry-meta a {
    color:#787878;
    font-style:italic;
}

/*Feedburner Counter
-------------------------------------------------------------------- */

#feedcount {
  display: inline-block;
  text-align: center;
  padding: 2px 4px 1px 1px;
  font: bold 11px/14px Arial, sans-serif;
  overflow: hidden;
  color: #FFF;
  background: #FC8205;
  border: 1px solid #F25805;
  *width: 85px; /* only for IE6 and IE7 */
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: inset 0 0 2px #FFF, 1px 1px 1px rgba(0,0,0,0.15);
  -webkit-box-shadow: inset 0 0 2px #FFF, 1px 1px 1px rgba(0,0,0,0.15);
  box-shadow: inset 0 0 2px #FFF, 1px 1px 1px rgba(0,0,0,0.15);
}
#readers {
  float: right;
  padding: 1px 0 0;
}
#counter {
  float: left;
  padding: 1px 3px 0;
  margin: 0 5px 0 0;
  font-size: 13px;
  position: relative;
  top: -1px;
  color: #333;
  background: #FDC077;
  border: 1px solid #F25805;
  border-right-color: #FEE0BC;
  border-bottom-color: #FEE0BC;
}
table {
    border:0px solid #ccc;
    border-width:1px 1px 0 1px;
    font-size:13px;
    line-height:18px;
    margin:0 0 22px 0;
    text-align:left;
}

/* =Footer
-------------------------------------------------------------- */

#footer {
    border-top:1px solid #ccc;
    margin-top:22px;
    text-shadow: 1px 1px 1px #0b0b0b;
}
#siteinfo {
    color:#666;
    font-size:11px;
    line-height:18px;
    padding:22px 0 44px 0;
    text-shadow: 1px 1px 1px #0b0b0b;
}
#siteinfo a {
    color:#666;
    text-shadow: 1px 1px 1px #0b0b0b;
}
#siteinfo a:active,
#siteinfo a:hover {
    color: #FF4B33;
}

/*Table
---------------------------------------------------------*/
table {
    border:0px solid #fff;
    font-size:13px;
    line-height:18px;
    margin:0 0 22px 0;
    text-align:left;
}
caption {
    text-align:left;
}
tr {
    border-bottom:0px solid #ccc;
}
th, td {
    padding: .7em 1.25em;
}
hr {
    background-color:#ccc;
    border:0;
    color:#ccc;
    height:0px;
    margin-bottom:22px;
}

/*Content Headings
---------------------------------------------------------*/
.headstyle {
color: #242424; 
font-size: 21pt; 
font-family: Verdana, sans-serif; 
letter-spacing: -0.08em; 
text-shadow: 0px 1px 0px #c7c7c7;
}

.headstyle2 {
color: #242424; 
font-size: 17pt; 
font-family: Verdana, sans-serif; 
letter-spacing: -0.08em; 
text-shadow: 0px 1px 0px #c7c7c7;
line-height: 1.0;
text-decoration: none;
}

/*Entry Utility
---------------------------------------------------------------*/
.entry-utility {
    color:#cbcbcb;
    font-size:10px;
    line-height:16px;
    margin:0 0 44px 0;
}
.entry-utility a {
    color:#cbcbcb;
    font-style:italic;
    text-decoration:none;
}
.entry-utility a:active {
    color: #cccccc;
}
.entry-utility a:hover {
    color: #FF4B33;
}

/* =Navigation
-------------------------------------------------------------- */

.navigation {
    color:#666;
    font-size:13px;
    line-height:18px;
    margin:0px 0 22px 0;
    overflow:hidden;
}
.navigation a {
    color:#666;
    font-style:italic;
    text-decoration:none;

}
.navigation a:active,
.navigation a:hover {
    color: #FF4B33;
}
.navigation .meta-nav {
    font-style:normal;
}
.nav-previous {
	float: left;
	width:50%;
}
.nav-next {
	float: right;
	width:50%;
	text-align:right;
}
#nav-above,#nav-below {
	width: 100%;
}
#nav-above {
    display:none;
}
.paged #nav-above {
    display:block;
    padding:0 0 44px 0;
}

/* =Links
-------------------------------------------------------------- */
a:link {
    text-decoration: none;
}
a:active,
a:hover {
    color: #FF4B33;
}