/*
Theme Name: Two Paws Up
Theme URI: http://wordpress.org/
Description: The theme created for Two Paws Up by <a href="http://www.tobinlehman.com/">Tobin Lehman</a>.
Version: 1.0
Author: Tobin Lehman
Author URI: http://www.tobinlehman.com/
Tags: light, two column, text, puppy friendly
*/




/* Begin Structure */
* {
	margin:0px;
	padding:0px;
	outline:none;
}

a {
	color:#ff2800;}

img {
	border: none;}

body {
	background-color: #7dbcd7;
	background-image:url(images/bg_body.jpg);
	background-repeat:repeat-x;
	background-position:top;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #222222;
}

#page {
	margin:0px auto;
	width: 960px;
	border: none;
	}

#header {
	text-align:right;
	background:none;
	padding:30px;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	}

#header span {
	margin-left:13px;
	margin-top:10px;
	font-size:36px;
	float:right;
	margin-bottom:10px;
}

#header em {
	color:#1a5873;
	font-style:normal;}

#maincontent {
	background-color:#FFFFFF;
	background-image:url(images/bg_content.jpg);
	background-position:top;
	background-repeat:repeat-x;
	}

#content {
	background:none;
	float: right;
	z-index:100;
	width: 719px;
	background-image:url(images/bg_subtext.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	min-height:450px;
	}



/* Begin Sidebar */
#sidebar {
	font-size:14px;
	width: 240px;
	background-image:url(images/bg_leftcol.png);
	background-position:right;
	background-repeat:repeat-y;
	}

.logo {
	margin-top:-80px;}

#sidebar p {
	line-height:17px;
	padding-bottom:12px;}

#sidebar img {
	margin-left:20px;
	margin-bottom:30px;}

#nav {
	margin: 10px 0px 110px 10px;
	padding: 0;
	}

#nav li {
	list-style-type: none;
	margin-bottom: 12px;
	padding-left:20px;
	}
	
#nav li a {
	text-decoration:none;
	font-size:16px;
	color:#ff2800;
	}	

#nav li ul {
visibility:hidden;
position:absolute;
margin:15px 00px;}

#nav li.current_page_item ul, #nav li.current_page_parent ul {
visibility:visible;
position:relative;
}


#nav li ul li {
margin-bottom:10px;}

#nav li ul li a {
font-size:14px;
color:#ff5533;}


#nav li.current_page_item a {
color:#666;
	}

#nav li.current_page_item ul li a {
color:#ff2800;
	}		




#storesearch {
	background-image:url(images/bg_storesearch.png);
	background-position:top left;
	background-repeat:no-repeat;
	float:left;
	width:201px;
	height:135px;
	display:block;
	position:absolute;
	margin:-114px 0 10px -60px;
	padding:30px 0px 0px 100px;
}
	
#storesearch h4 {
	padding-top:6px;
	visibility:hidden;
	font-weight:normal;
	font-size:18px;
	margin:0px;
}
#storesearch img {
	float:left;
	margin:0px;
	margin-right:6px;}	

#storesearch input.text {
border:1px solid #434343;
color:#666666;
font-size:16px;
width:130px;
margin-right:8px;
padding:2px;
outline:none;
}
#storesearch input {
float:left;
}

	
/* End Sidebar */


/* Start Bottom */


#bottom {
background-color:#424242;
background-image:url(images/bdr_btmtop.gif);
background-position:top;
background-repeat:repeat-x;
color:#CCCCCC;
z-index:0;
height:215px;}


#bottom p {
width:200px;
margin-left:25px;}

		
#bottom p em {
font-weight:bold;
font-style:normal;
text-align:right;
float:right;
}	
	
#btmleft {
	float:left;
	margin-left:-10px;
	margin-top:0px;
	overflow:hidden;
	width:300px;
	background-image:url(images/bg_social.jpg);
	background-position:0px -22px;
	background-repeat:no-repeat;
	height:250px;

}

#btmleft h3 {
	margin-left:53px;
	color:#424242;}

	
#facebook {
	display:block;
	height:51px;
	width:133px;
	background-image:url(images/btn_facebook.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	margin:0px auto;
	margin-left:80px;
}	
#twitter {
	display:block;
	height:51px;
	width:133px;
	background-image:url(images/btn_twitter.png);
	background-position:top left;
	background-repeat:no-repeat;
	margin:15px auto;
}	

#btmcenter {
	width:480px;
	margin-left:280px;
	border:1px solid #424242;}

#btmcenter i {
	font-size:10px;
	color:#999;}

#btmright {
	float:right;
	height:215px;
	width:290px;
	background-image:url(images/bdr_btmright.gif);
	background-position:right top;
	background-repeat:no-repeat;
}	

#btmright img {
	margin-right:10px;
}

#btmright form {
	margin-right:25px;
	text-align:left;}

#btmright input.text {
	border:1px solid #7dbcd7;
	color:#666666;
	font-size:16px;
	width:155px;
	margin:8px 0px 6px 0px;
	padding:2px;
	outline:none;}
	


/* End Bottom */


#imagearea {
position:absolute;
background-color:#6cb2d0;
}

.breadcrumb {
	font-size:11px;
	padding:30px 0px 20px 0;
	color:#999999;
}

.divideline {
border-bottom:1px solid #d3d7d0;
margin:15px 25px;
}

.line, hr {
color:#FFFFFF;
border:none;
border-bottom:1px solid #d3d7d0;
margin:15px 0px;
clear:both;
}

.post {
	margin:0 10px 0 30px;
	text-align: left;
	font-size:13px;
	line-height:18px;
	}

.post p {
	margin: 0 30px 10px 0;
	line-height:20px;
}

.post hr {
	display: block;
	}




#footer {
	padding-top: 0px;
	text-align:right;
	color:#FFFFFF;
	background:none;
	margin-top: 0px;
	width: 960px;
	}

#footer ul, #footer span {
	list-style-type:none;
	margin-right:10px;
	}
	
#footer ul li {
	display:inline;
	font-size:12px;
	padding-left:10px;
	}
	
#footer ul li a{
	color:#FFF;
	text-decoration:none;
	}
	
#shopnow {
background-image:url(images/btn_shopnow.jpg);
background-repeat:no-repeat;
background-position:top left;
width:166px;
height:74px;
display:block;
overflow:hidden;
text-indent:-1000px;
float:right;
margin-top:-20px;
margin-right:40px;}	
	
/* End Structure */



/*	Begin Headers */
h1 {
	padding-top: 00px;
	font-size:48px;
	line-height:50px;
	font-weight:normal;
	width:550px;
	word-spacing:0px;
	letter-spacing:.2px;
	margin: 0;
	}

h2 {
	margin: 00px 0 20px 0;
	font-weight:normal;
	font-size:45px;
	line-height:44px;
	color:#666666;
	}

h2.pagetitle {
	margin-top: 30px;
	text-align: center;
}

#sidebar h2 {
	margin: 5px 0 0;
	padding: 0;
	}

h3 {
	padding-left: 25px;
	letter-spacing:-.2px;
	font-size:21px;
	line-height:30px;
	font-weight:normal;
	margin: 15px 0px 10px 0px;
	color:#7dbcd7;
	}
	
.post h3 {padding-left:0px;}	

h3 a {
	margin: 15px 0px 0px 0px;
	font-size:26px;
	text-decoration:none;
	}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
	
#bottom p b {
	display:inline;
	font-weight:normal;
	font-size:21px;
	}
	
h5 {
	padding: 0;
	font-size:15px;
	font-weight:normal;
	margin: 10px 0px;
	}
	
/* End Headers */


/* forms plugin */

#wpcf7 {
text-align:left;
margin-bottom:15px;
}



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	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;
	}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin:15px 25px;
	padding:0px;
	list-style: none;
	}

html>body .entry li {
	margin: 6px 0 0px 10px;
	list-style-type:disc;
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata  {
	font-size:11px;}

.postmetadata ul, .postmetadata li {
	display: inline;
	color:#999;
	font-size:11px;
	list-style-type: none;
	list-style-image: none;
	}

.postmetadata small {
	color:#999;}
	
.entry table td {

}

.entry table td img {
margin-left:-2px;
padding:0px;
}

.entry table td p {
padding:4px;
}


/* End Entry Lists */





/* Begin Form Elements */
#searchform {

	padding: 5px 3px;
	text-align: left;
	}

#sidebar #searchform #s {
	width: 145px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:left;
	background-color:#f8f9f9;
	padding-left:20px;
	padding-top:20px;
	}
.entry form select {
width:290px;}

.entry form input.short {
width:100px;}	

.wpcf7-list-item {
display:block;}
.wpcf7-list-item span {
padding:6px;}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 25px;
	}
#commentform textarea {
	width: 500px;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 25px auto;
	float: left;
	}
/* End Form Elements */



/* Begin Comments*/


.commentlist {
	padding: 0;
	margin-left:15px;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */

/* slider */

#slider ul, #slider li{ 
	margin:0;
	padding:0;
	list-style:none;
	}	
#slider, #slider li{ 
	height:445px;
	width:719px;
	overflow:hidden;
	}	
#slider{ 
	margin-left: px;
	}	
#prevBtn, #nextBtn{ 
	display:block;
	width:42px;
	height:80px;
	position:absolute;
	left:0px;
	top:0px;
	}	
#nextBtn{ 
	left:519px;
	}
#prevBtn a, #nextBtn a {
display:block;
	width:200px;
	height:400px;
}	
															
#prevBtn a:hover{  
	display:block;
	width:200px;
	height:400px;
	background:url(images/btn_prev.png) no-repeat 0 0;
	background-position:center left;	
	}	
#nextBtn a:hover{
	display:block;
	width:200px;
	height:400px; 
	background:url(images/btn_next.png) no-repeat 0 0;
	background-position:center right;		
	}			

.wp-caption-text {
font-size:11px;
font-weight:bold;
color:#666666;
font-style:italic;
font-family:Georgia, "Times New Roman", Times, serif;}

/* Form */


form.wpcf7-form {
	width:330px;
	background-color: #eff2cc;
	padding:20px;
	margin-right:20px;
	}

form.wpcf7-form textarea {
	width:260px;
	font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:3px;
}

form.wpcf7-form select {
	width:270px;
	padding:3px;
}

form.wpcf7-form input {
	width:250px;
	padding:3px;
}

form.wpcf7-form input.submit {
	width:100px;
	padding:3px;
}


