/* 
	Theme Name: Regeneration Theme
	Description: Custom Wordpress theme for Shane HIbbs Art.
	Author: Classic Creations Design
	Author URI: http://www.classiccreationsdesign.com
		
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
*/

body {
	background: #ffffff; /** site background **/
	width: 900px;
	color: #333333;
	font-size: 13px;
	font-family: Verdana;
	margin: 0px auto 0px;
	padding: 0px;
	}
	
small {
    font-size: 0.88em;
	margin: 5px 0px 5px 8px;
	padding: 0px;
	}

hr {
      border: 0;
      width: 100%;
      color: #c0c0c0;
      background-color: #666666;
      height: 1px;
      margin-top: 10px;
      margin-bottom: 10px;
      }
	
/************************************************
*	Hyperlinks									*
************************************************/

a {
	color: #008080; /** general link color **/
	text-decoration: underline;
	}
	
a:hover {
	color: #333333; /** general link hover color **/
	text-decoration: underline;
	}
	
a:visited {
	color: #333333; /** general link visited color **/
	text-decoration: underline;
	}
	
/************************************************
*	Header  									*
************************************************/

#header {
    float: left;
	background: url(images/header.jpg) top center no-repeat;
	width: 900px;
	height: 107px;
	margin: 0px auto 0px;
	padding: 0px;
	color: #6d979c;
    list-style-type: none;
	text-align: left;
	}
	
#header img {
    border: none;
    display: inline;
	}
	
#brand {
    float: left;
	width: 320px;
	padding: 10px 0px 0px 0px;
	margin: 0px;
	}
	
#info {
    float: right;
	width: 550px;
	text-align: right;
	margin: 0px;
	padding: 0px;
	}
	
.nav {
    color: #6d979c;
	font-size: 11px;
	line-height: 30px;
	}
	
a.nav, a.nav:visited {
    color: #6d979c;
	text-decoration: none;
	}
	
a.nav:hover {
    color: #6d979c;
    text-decoration: underline;
	}
	
.phone {
    color: #6e6f71;
	font-size: 18px;
	line-height: 35px;
	}
	
.description {
    color: #555555;
	font-size: 12px;
	padding-top: 16px;
	}
	
/************************************************
*	Content 					     		    * 
************************************************/

#wrap {
    float: left;
	background: url(images/wrap.jpg) bottom center no-repeat;
	width: 900px;
	margin: 0px auto 0px;
	padding: 0px;
	}

#content {
    float: left;
	background: url(images/pgbg.png);
	border: 1px solid #c0c0c0;
	width: 840px;
	margin: 0px auto 0px;
	padding: 15px 15px 15px 15px;
	margin-bottom: 35px;
	margin-left: 10px;
	}

#content p {
	margin: 0px;
	padding: 0px 5px 10px 5px;
	text-align: justify;
     }
	 
#content p img {
	padding: 5px 10px 5px 10px;
	border: none;
	} 
	 
.table {
    padding: 0px;
	margin: 0px auto 0px;
	}
	
#content ul{
	list-style-type: square;
	margin: 0px 0px 0px 30px;
	padding: 0px 0px 15px 0px;
	}
	
#content ul li{
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	}
	
#content ol{
	margin: 0px 0px 0px 30px;
	padding: 10px 0px 15px 0px;
	}
	
#content ol li{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
	}
	
blockquote{
	margin: 0px 0px 0px 25px;
	padding: 0px 25px 0px 10px;
	}
	
#content blockquote p{
	margin: 0px 0px 20px 0px;
	padding: 0px;
	}
	
#content ul li {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	}
	
#content img.wp-smiley {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}

#content img.wp-wink {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}
	
#crumbs {
    font-size: 11px;
	font-weight: bold;
	color: #333333;
	text-align: right;
	padding: 0px 10px 15px 0px;
	}
	
#crumbs a {
    font-size: 11px;
	color: #888888;
	}

.alignright {
    float: right;
	margin: 5px 10px 5px 10px;
	border: none;
	} 
          
.alignleft {
    float: left;
	margin: 5px 10px 5px 10px;
	border: none;
	}
	
#caption.alignright {
      text-align: right;
      font-size: 0.80em;
      font-weight: bold;
      margin: -10px 10px 25px 0px;
      padding: 0px;
      }
	  
#caption.alignleft {
      text-align: left;
      font-size: 0.80em;
      font-weight: bold;
      margin: -10px 0px 25px 10px;
      padding: 0px;
      }

/************************************************
*	Home Page 					     		    * 
************************************************/ 	
	
#hometext {
    margin: 10px 0px 10px 0px;
	text-align: justify;
	}
	
#homebtm {
    margin: 5px 5px 0px 0px;
	padding: 5px 8px 0px 0px;
	background: #ffffff;
	text-align: justify;
	}
	
#homebtm ul li {
    list-style-type: none;
	padding: 0px;
	margin: 0px;
	}
	
#featured {
    float: left;
	width: 100%;
    margin: 0px auto 0px;
	padding: 0px 0px 0px 5px;
	}
	
#highlight {
    float: left;
	background: url(images/highlight.png) top center no-repeat;
	width: 277px;
	height: 451px;
	padding: 0px;
	margin: 0px 2px 10px 2px;
	}
	
#highlight img {
    border: none;
	padding: 0px;
	margin: 0px;
	}
	
#highlight2 {
    float: right;
	background: url(images/highlight.png) top center no-repeat;
	width: 277px;
	height: 451px;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	}
	
#highlight2 img {
    border: none;
	padding: 0px;
	margin: 0px;
	}
	
.hdr {
    color: #6d979c;
	font-size: 24px;
	margin: 13px 0px 15px 0px;
	padding: 0px;
	text-transform: uppercase;
        text-align: center;
	}

#highlight ul {
        list-style-type: none;
	padding: 0px 5px 10px 0px;
	margin:  0px;
	}
	
#highlight ul li {
    list-style-type: none;
    font-size: 11px;
	padding: 0px;
	margin:  5px 5px 5px 8px;
	}

#highlight2 ul {
        list-style-type: none;
	padding: 0px 5px 10px 0px;
	margin:  0px;
	}
	
#highlight2 ul li {
    list-style-type: none;
    font-size: 11px;
	padding: 0px;
	margin: 5px 5px 5px 8px;
	}
	
/************************************************
*	Headers 					     		    * 
************************************************/ 
	
h1 {
	color: #6d979c;
	font-size: 24px;
	font-weight: bold;
	padding: 10px 0px 10px 5px;
	margin: 0px 0px 10px 0px;
	}
	
h1 a, h1 a:visited  {
	color: #6d979c;
	text-decoration: none;
	}

h1 a:hover {
	color: #666666;
	text-decoration: none;
	}
	
h2 {
    color: #6d979c;
	font-size: 20px;
	font-weight: bold;
	padding: 5px 0px 10px 5px;
	margin: 0px;
	}
	
h2 a, h2 a:visited  {
	color: #6d979c;
	text-decoration: none;
	}

h2 a:hover {
	color: #555554;
	text-decoration: none;
	}
	
h3 {
	color: #555555;
	font-size: 17px;
	font-weight: bold;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
	border-bottom: 1px dotted #c0c0c0;
	}
	
h3 a, h3 a:visited  {
	color: #555555;
	text-decoration: none;
	}
	
h3 a:hover  {
	color: #6d979c;
	text-decoration: none;
	}
	
h4 {
    color: #6d979c;
	font-size: 28px;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	text-transform: uppercase;
	}
	
	
/************************************************
*	Blog        								*
************************************************/

#wrapper {
    float: left;
	background: url(images/blogbg.jpg) top center no-repeat;
	width: 900px;
	margin: 0px auto 0px;
	padding: 0px;
	}

#blogtitle {
	color: #555555;
	font-size: 25px;
	font-weight: normal;
	padding:12px 0px 12px 5px;
	margin: 0px 0px 20px 0px;
	border-top: 1px dotted #333333;
	border-bottom: 1px dotted #333333;
	}
	
#blognav {
    float: right;
	background: #ffffff;
	width: 175px;
	padding: 10px;
	margin: 0px 0px 5px 10px;
	border: 1px solid #c0c0c0;
	color: #333333;
	}
	
#blognav h2 {
    color: #333333;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 5px 0px;
	text-transform: uppercase;
	border-bottom: 1px dotted #333333;
	}
	
#blognav ul {
    list-style-type: none;
    margin: 0px;
	padding: 0px;
	}
	
#blognav ul li {
    list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
	
#blognav ul li a, #blognav ul li a:visited {
    padding: 3px 0px 3px 3px;
	background: #eaeaea;
	margin: 2px 0px 2px 0px;
    color: #333333;
	text-decoration: none;
	display: block;
	}
	
#blognav ul li a:hover {
    color: #ffffff;
	background: #888888;
	text-decoration: none;
	}  
	
.post {
	background: #f4f4f4;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 15px 0px;
	}
	
.postinfo {
	width: 750px;
	background: #ffffff;
	font-size: 11px;
	color: #333333;
	margin: 10px 0px 50px 0px;
	padding: 10px 5px 10px 5px;
	border-top: 1px solid #008080;
	}
	
.author {
    font-size: 11px;
	padding: 0px 0px 20px 5px;
	}

#post-date {
    float: left;
	width: 52px;
	margin: 0px 15px 10px 10px;
	padding: 1px;
    text-align: center;
	}
	
.month {
    background: url(images/month-bg.png) top center no-repeat;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	padding: 3px 0px 5px 0px;
	}
	
.day {
    background: url(images/date-bg.png) top center no-repeat;
	color: #666666;
	font-size: 12px;
	font-weight: normal;
	padding: 8px 0px 12px 0px;
	}

.testimonials {
        padding: 15px 15px 5px 0px;
        background: #ffffff;
        border-top: 1px dotted #999999;
        margin-left: 5px;
        }
	
/************************************************
*	Footer      								*
************************************************/

#footer {
    float: left;
	background: url(images/footer.jpg) top center no-repeat;
    font-size: 11px;
	width: 900px;
	color: #6d979c;
	margin: 0px auto 0px;
	padding: 20px 0px 20px 0px;
	text-align: center;
	list-style-type: none;
	}
	
#footer ul {
    margin: 0px;
	padding: 0px;
	display: inline;
	list-style-type: none;
	}
	
#footer li {
    margin: 0px;
	padding: 0px;
	display: inline;
	list-style-type: none;
	}
	
#footer ul li a {
	color: #6d979c;
	text-decoration: none;
	}
	
#footer ul li a:hover, #footer ul li a:visited {
	color: #6d979c;
	text-decoration: underline;
	}
	
#footer a {
	color: #6d979c;
	text-decoration: none;
	}
	
#footer a:hover, #footer a:visited {
	color: #6d979c;
	text-decoration: underline;
	}
	
#copy {
    margin:0px auto;
	width: 900px;
	padding: 5px 0px 0px 0px;
	color: #6d979c;
	text-align: center;
	font-size: 10px;
	}
	
#copy a, #copy a:visited {
	color: #6d979c;
	text-decoration: none;
	}
	
#copy a:hover {
	color: #6d979c;
	text-decoration: underline;
	}

/************************************************
*	Search Form									*
************************************************/
	
#searchform {
    float: left;
    width: 300px;
	padding: 10px 0px 10px 0px;
	margin: 0px auto 0px; 
	}

#searchbox {
	background: #ffffff !important;
	width: 225px;
	color: #555555;
	font-size: 11px;
	font-family: Verdana;
	font-weight: normal;
	margin: 0px 3px 0px 8px;
	padding: 3px 0px 2px 5px;
	border: 1px solid #777777;
	display: inline;
	}

.button {
	padding: 1px 2px 2px 2px;
	background:#6d979c;
	color:#ffffff;
	border:none;
	font-size:0.9em;
    font-weight:bold;
	}

.button:hover {
	background:#666666;
	color:#55555;
	text-decoration:none;
	}

/************************************************
*	Comments									*
************************************************/
	
#commentblock {
	width: 750px;
	background: #ffffff;
	color: #333333;
	float: left;
	padding: 5px 20px 5px 20px;
	margin: 10px 0px 10px 0px;
	border: 1px solid #C0C0C0;
	}
	
ol#commentlist {
	padding: 5px 0px 5px 0px;
	margin: 0px;
	list-style-type: none;
	}
	
.commentdate {
	font-size: 12px;
	padding-left: 0px;
	}
	
#commentlist li p{
	margin-bottom: 8px;
	line-height: 20px;
	padding: 0px 15px 0px 0px;
	}

.commentname {
	color: #333333;
	margin: 0px;
	padding: 5px 5px 5px 0px;
	}

.commentinfo{
	clear: both;
	}

.commenttext {
	clear: both;
	margin: 5px 0px 20px 0px;
	padding: 5px 10px 5px 10px;
	width: 700px;
	}

.commenttext-admin {
	clear: both;
	margin: 5px 0px 20px 0px;
	padding: 5px 10px 5px 10px;
	width: 700px;
	}

#commentsformheader{
	padding-left: 0px;
	}

#commentsform{
	text-align: left;
	margin: 0px;
	padding: 0px;
	}

#commentsform form{
	text-align: left;
	margin: 0px;
	}

#commentsform p{
	margin: 0px;
	}

#commentsform form textarea{
	width: 99%;
	}
	
p.comments_link  img{
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
	
/************************************************
*	Floats  									*
************************************************/


.clearfloat:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
	}
	
.clearfloat {
	display:inline-block
	}

.clearfloat {
	display:block
	}