/* 

Theme Name: A Paw Spa Littleton
Author: PetSalonWebsites.com

Color Chart: 
Light Pink: #ffabe0
Bright Pink: #ef41ba;
Black: #000
Grey for Text: #787878
Footer Text: #a7a7a7;
Purple: #d78ac0
Sky Blue: #079eff
 	
*/

body {
margin: 0;
padding: 0;
text-align: center;
background-color: #0a1116;
background-image: url("images/bgtile.gif");
}

h1 {
text-align: left;
font: bold 130% georgia, serif;
float:left;
padding: 0 0 5px 0;
margin: 0;
color: #535052;
}

h2 {
width: 97%;
clear:both;
text-align: left;
font: bold 120% georgia, serif;
padding: 15px 0 10px 0;
margin: 0;
color: #3f3c3e;
}	

h2.pink {
font: 150% georgia, serif;
color: #fd58ce;
}

h2.purple {
text-align: left;
width: 100%;
font: bold 100% georgia, serif;
float:left;
padding: 0 0 10px 0;
margin: 0;
color: #d78ac0;
}

h3 {
float: left;
clear:both;
text-align: left;
width: 97%;
font: bold 100% georgia, serif;
padding: 0 0 10px 0;
margin: 0;
color: #d78ac0;
}


h4 {
text-align: left;
width: 97%;
background-image: url("images/h1bg.gif");
background-repeat: repeat-x;
background-position: bottom;
font: bold 100% georgia, serif;
float:left;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
color: #d78ac0;
}

h5 {
width: 100%;
background-image: url("images/h5bg.gif");
background-repeat: repeat-x;
background-position: top;
clear:both;
text-align: left;
font: 120% georgia, serif;
padding: 6px 0 0 0;
margin: 10px 0 5px 0;
color: #3f3c3e;
}

a img { border: none; }

a:hover {cursor: pointer;}

#maincontainer {
margin: 0 auto;
}

#masthead {
width: 100%;
background-image: url("images/mtPattern.jpg");
background-repeat: repeat-x;
background-color: #079eff;
height: 450px;
}

#banner {
width: 1019px;
margin: 0 auto;
}

#menuwrapper {
width: 100%;
height: 41px;
background-image: url("images/menu_bg.gif");
margin: 0 0 10px 0;
}

#menu {
width: 1000px;
margin: 0 auto;
padding: 0 0 0 19px;
}

#menu ul {
margin: 0;
padding: 0;
}

#menu li {
padding: 0 30px 0 0;
display: inline-block;
}

#menu a {
color: #111b21;
font: 105% Georgia, serif;

}

#menu a:hover {
text-decoration: underline;
}

#contentwrapper {

}

#content {
width: 1019px;
margin: 0 auto;
}

#content p {
text-align: left;
float: left;
font: 95% "Palatino Linotype", Georgia, serif;
color: #333;
line-height: 20px;
}

#content a {

}

#content a:hover {
text-decoration: underline;
}


/* Index Page */

/* 

Sample xHTML of a Panel

<div class="panel">
	<div class="panel-header">
		<h2 class="blue">Sample Pane</h2>
	</div>
	<div class="panel-content">
	</div>
	<div class="panel-footer">
	</div>
</div> 

*/

/* Largest rounded corner pane */

.widepane{
width: 1018px;
}

.widepane-header {
width: 1018px;
height: 24px;
background-image: url("images/wide_top.gif");
background-repeat: no-repeat;
background-position: top;
}

.widepane-content {
text-align:left;
width: 1018px;
height: auto;
display: inline-block;
padding: 5px 5px 20px 21px;
margin-bottom: -5px;
background-image: url("images/wide_content.gif");
background-repeat: repeat-y;
}

.widepane-content p {
width: 97%;
}

.widepane-footer{
width: 1018px;
height: 24px;
background-image: url("images/wide_bottom.gif");
background-repeat: no-repeat;
}

/* Mid size rounded corner pane */

.midpane{
width: 502px;
}

.midpane-header {
width: 502px;
height: 24px;
background-image: url("images/mid_top.gif");
background-repeat: no-repeat;
background-position: top;
}

.midpane-content {
text-align:left;
width: 470px;
height: auto;
display: inline-block;
background-image: url("images/mid_content.gif");
background-repeat: repeat-y;
padding: 0 25px 0 25px;
}

.midpane-content p {
width: 95%;
padding:0;
margin:0;
}

.midpane-footer{
width: 502px;
height: 24px;
background-image: url("images/mid_bottom.gif");
background-repeat: no-repeat;
margin: 0 0 15px 0;
}	

/* Mid size rounded corner pane */

.contentpane {
float: left;
width: 731px;
margin: 0 10px 0 0;
}

.contentpane-header {
width: 100%;
height: 23px;
background-image: url("images/content_top.gif");
background-repeat: no-repeat;
background-position: top;
}

.contentpane-content {
width: 680px;
min-height: 100px;
height: auto;
display: inline-block;
background-image: url("images/content_content.gif");
background-repeat: repeat-y;
padding: 0 20px 0 31px;
}

.contentpane-content p {
float: left;
text-align:left;
width: 97%;
padding: 3px 0 8px 0;	
margin: 0;
}

.contentpane-content ul {
text-align:left;
width: 90%;
padding: 10px 0 10px 30px;
margin: 5px 0 5px 0;
color: #787878;
font: 95% "Palatino Linotype", Georgia, serif;
}

.contentpane-content ul li {
list-style:url("images/paw_bullet.jpg");
padding: 0 0 3px 0;
}

.contentpane-content ol  {
	text-align:left;
float: left;
width: 90%;
padding: 10px 0 10px 30px;
margin: 0;
color: #787878;
font: 95% "Palatino Linotype", Georgia, serif;
}

.contentpane-content ol li {
list-style:url("images/flower_bullet.jpg");
padding: 0 0 3px 0;
}

.contentpane-footer {
width: 100%;
height: 23px;
background-image: url("images/content_bottom.gif");
background-repeat: no-repeat;
margin: -5px 0 15px 0;
}

#topcontent {
margin: 0 auto 15px auto;
}

#annoucement {
margin: 0 auto 15px auto;
}

#annoucement p {
float: left;
width: 90%;
}

#annoucement .col {
margin: 0 30px 0 0;
width:450px;
float: left;
}

.col p {
float: left;
padding: 0 0 15px 0;
margin: 0;
}


#bottomcontent {
clear:both;
margin: 15px auto 15px auto;
}

#nuvetimg {
float: left;
}

#nuvetcontent {
width: 60%;
float:right;
padding: 0 30px 0 0;
}

.frontpagepost {
margin: 0 45px 0 0;
width: 292px;
float: left;
}

.frontpagepost p {
padding: 0;
margin: 0;
}

.frontpagepost img {
width: 292px;
margin: 0 0 10px 0;
}

.copy img  {
width: 337px;
float: left;
margin: 0 20px 15px 0;
border: 1px solid pink;
}

.copy p {
padding: 0;
margin: 0;
float: left;
}

#leftcol {
float: left;
width: 502px;
margin: 15px 15px 0 0;
}

#leftcol ul {
width: 90%;
padding: 0 0 0 30px;
margin: 0;
color: #787878;
font: 95% "Palatino Linotype", Georgia, serif;
}

#leftcol ul li {
background-position: left;
list-style:url("images/paw_bullet.jpg");
padding: 0 0 3px 5px;
}


#rightcol {
float: left;
width: 502px;
margin: 15px 0 15px 0;
}

#rightcol ol  {
float: left;
width: 90%;
padding: 0 0 0 30px;
margin: 0;
color: #787878;
font: 95% "Palatino Linotype", Georgia, serif;
}

#rightcol ol li {
list-style:url("images/flower_bullet.jpg");
padding: 0 0 3px 0;
}

#rightcol .smallcontent {
float: left;
width: 210px;
}

/* Sidebar Styles */
#sidebar {
float: right;
width: 268px;
}

#sidebar a {
color: #ef41ba;
text-decoration: none;
}

#sidebar a:hover {
color: #079eff;
text-decoration: none;
}

#sidebar img {
margin: 0 0 0 3px;
text-align: center;
}

.sidepane {
float: left;
width: 268px;
}

.sidepane-header {
width: 268px;
height: 23px;
background-image: url("images/sidepanel_top.gif");
background-repeat: no-repeat;
background-position: top;
}

.sidepane-content {
text-align:left;
width: 268px;
height: auto;
display: inline-block;
background-image: url("images/sidepanel_content.gif");
background-repeat: repeat-y;
padding: 0 0 0 20px;
}

.sidepane-content p {
width: 85%;
padding: 0 2px 0 2px;
margin-top: 2px;
}

.sidepane-content ul {
display: block;
margin: 0 0 10px 0;
padding: 0 0 0 20px;
list-style: circle;
color: #079eff;
font: 90% Georgia, serif;
}

.sidepane-footer{
width: 268px;
height: 23px;
background-image: url("images/sidepanel_bottom.gif");
background-repeat: no-repeat;
margin: 0 0 15px 0;
}					

.homepng {
float: right;
margin: 20px 0 0 0;
}

#footerwrapper {
clear: both;
background-color: #111b21;
width: 100%;
padding: 20px 0 20px 0;
}

#footer {
width: 1019px;
height: 310px;
margin: 0 auto;

}

#footer p {
color: #a7a7a7;
font: 95% Georgia, serif;
text-align: left;
line-height: 20px;
padding: 0 15px 0 0;
margin: 0 0 10px 0;
}

#footer a {
float: left;
font: 105% georgia, serif;
color: #ef41ba;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
}

/* newsletter signup */
#footer form {

}

#footer input{
float: left;
width: 180px;
background-color: #8c8b8a;
padding: 5px;
margin: 3px 8px 0 0;
display: inline-block;
border: none;
color:#3b2847;
}

#pswlink {
width: 600px;
text-align: center;
margin: 0 auto;
padding: 0 0 0 400px;
}

#pswlink a {
text-align: center;
margin: 0 auto;
font: bold 70% arial, serif;
color: #079eff;
}

.gobutton {
display: block;
padding: 10px 0 0 0;
}

/* The three footer content wrappers */

.footerpane-one{
float: left;
width: 317px;
height: 171px;
padding: 10px 0 0 20px;
margin: 0 3px 0 0;
float: left;
background-image: url("images/footer_panel.gif");
background-repeat: no-repeat;
}

.footerpane-two{
float: left;
width: 317px;
height: 171px;
padding: 10px 0 0 20px;
margin: 0 3px 0 0;
float: left;
background-image: url("images/footer_panel.gif");
background-repeat: no-repeat;
}

.footerpane-three{
float: left;
width: 317px;
height: 171px;
padding: 10px 0 0 20px;
margin: 0 0 0 0;
float: left;
background-image: url("images/footer_panel.gif");
background-repeat: no-repeat;
}

#footermenu {
clear:both;
}

#footermenu ul {
width: 100%;
display: inline-block;
text-align: center;
margin: 0 auto 10px auto;
padding: 30px 0 0 0;
}

#footermenu li {
text-align:center;
display: inline;
margin: auto;
}

#footermenu li a {
display: block;
padding: 0  10px 0 10px;
font: 75% georgia, serif;
}

#footermenu li a:hover {
color: #fff;
}

img.bottomicon {
clear: both;
text-align:center;
margin: 0 auto;
}

/* end footer styles */

/* Styles related to the blog only */

.navigation {
width: 600px;
clear:both;
}

.date {
float: left;
clear:both;
text-align: left;
font: 80% georgia, serif;
padding: 2px 0 5px 0;
margin: 0;
color: #d78ac0;
}

blockquote {
color: #333;
line-height: 22px;
}

#content .wp-caption-text {
font: 70% georgia, serif;
padding: 0;
margin: 0;
color: #7a7a7a;
}

img.auto-resize {
width: 280px;	
}

a.morelink {
color: #ef41ba;
display: block;
text-decoration	:none;
}

/* Links for archives page */

#archives a {
color: #ef41ba;
display: block;
}

#archives ul {
width: 90%;
padding: 10px 0 10px 30px;
margin: 0;
color: #787878;
font: 95% "Palatino Linotype", Georgia, serif;
}

#archives ul li {
list-style: none;
padding: 0 0 3px 0;
}

#archives ol  {
float: left;
width: 90%;
padding: 10px 0 10px 30px;
margin: 0;
color: #787878;
font: 95% "Palatino Linotype", Georgia, serif;
}

#archives ol li {
padding: 0 0 3px 0;
}


/* Wordpress Links */

a.alignleft {
color:#333;
text-decoration:underline;
}

a.alignleft:hover {
color: #a7a7a7;
text-decoration:underline;
}

a.wpGallery {
text-decoration: none;
color: #ef41ba;
}

a.wpGallery:hover {
text-decoration: underline;
}

a.alignright {
color: #fff;
text-decoration:none;
font: bold 100% georgia, serif;
}

/* Wordpress Images */
.alignright {
float: right;
padding: 8px 0 8px 8px;
}

.alignleft {
float: left;
padding: 8px 12px 8px 0;
}

.thumbnail {
float: left;
width: 150px;
height: auto;
padding: 0;
}

/* Wordpress fixes */

#linkcat-2  {
list-style: none;
list-style-type: none;
}

/* Testimonail Email */

#sendtestimonial {
float: left;
text-align: left;
width: 90%;
padding: 5px;
color: #079eff;
font: 80% georgia, serif;
}

/* Contact Form */

#contactform {
float: left;
clear: both;
text-align:left;
width: 425px;
background-color: #eee;
font: 80% georgia, serif;
padding: 10px 0 10px 5px;
border: 1px solid #ddd;
}

#contactform form {
float: left;
}

#contactform input {
clear:both;
padding: 2px;
}

.left {
width: 90%;
float: left;
padding: 2px;
}

#contactform textarea {
width: 200px;
padding: 2px;
}