/*   
Theme Name: DogTech
Description: A Child Theme of thematic
Author:		Two in a Room Studios
Template: thematic
*/

/* Reset browser defaults */
/*@import url('../thematic/library/styles/reset.css');*/
 
/* Apply basic typography styles */
/*@import url('../thematic/library/styles/typography.css');*/
 
/* Apply a basic 3 column layout */
@import url('../thematic/library/layouts/3c-fixed.css');
 
/* Apply the default Thematic style */
/*@import url('../thematic/library/styles/default.css');*/
 
/* Apply basic image styles */
/*@import url('../thematic/library/styles/images.css');*/
 
/* Apply styles for popular plugins */
@import url('../thematic/library/styles/plugins.css');

/* DogTech Form Styles */
@import url('../../../../form-franchise.css');

/* CSS RESET */
/* 20090115 */
/* MD EDIT | 20090115 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline; /* causes IE6 & 7 to ingnore deprecated align right/left on images */
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	/* list-style: none; */
}
blockquote, q {
	quotes: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
strong { 
	font-weight: bold;
	}
em { 
	font-style: italic;
	}

/* END CSS RESET */


/* ORIGINAL DOGTECH STYLES */
body, th, td {
	color: #333;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5;
	margin: 0;
}
body {
	background-image: url(../../../images/dinpattern-stripe.gif);
}
a:link {
	color: #039;
}
a:visited {
	color: #039;
}
a:hover {
	color: #CC0000;
}
a:active {
	color: #CC0000;
}
.aside a  {
	text-decoration: underline;
	color: #333;
	font-size: 12px;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/*.aside a:visited {
	color: #333;
}
.aside a:hover {
	color: #333;
}
.aside a:active {
	color: #333;
}*/
.aside {
	font-size: 15px;
	font-family: Georgia, "Times New Roman", serif, Times;
	color: #F60;
	font-style: italic;
}
.aside p {
	margin:0 0 10px 0;
	padding:0;
}
.posts {
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 22px;
	margin-right:30%;
}
.head {
	font-size: 10px;
	font-family: Verdana, Geneva, Arial;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}
.date {
	font-size: 10px;
	font-family: Verdana, Geneva, Arial;
	color: #666666;
}
.caption {
	font-size: 10px;
	font-family: Verdana, Geneva, Arial;
	color: #666666;
}
.smaller {
	font-size: 11px;
	font-family: Verdana, geneva, sans-serif;
	line-height: 14px;
}

h1 {
	color: #039;
	font-size: 22px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	margin-bottom: .5em;
	clear:both;
}
h2 {
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	margin-top: 1em;
	margin-bottom: .5em;
	clear:both;
}
h2 span.reg {
	font-size:12px;
	vertical-align:text-top;
}
h3, h4, h5, h6 {
	font-size:14px;
	margin-bottom: .25em;
}
p {
	margin-top: 0;
	margin-bottom: 1em;
}
.address {
	color: #fff;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
}
.subhead {
	color: darkred;
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}
.phone {
	font-size: 13px;
	font-weight: bold;
}
ul {
	line-height:18px;
	list-style:disc inside none;
	margin:1em 0;
	padding:0;
}
li {
	margin: 0 0 .5em 0;
}
.blue {
	color: #039;
}
.leftcolumn {
	float: left;
	width: 450px;
}
#franchisesidebar {
	width: 258px;
	border: solid 1px orange;
	padding: 10px;
	margin: 20px;
	background-color: papayawhip;
	font-size: 11px;
	float: right;
}
#franchisesidebar p {
	clear: left;
}
.top {
	margin-top: 0;
	padding-top: 0;
}
.ofclearfix {
	width: 100%;
	overflow:auto;
}
img.left {
	float: left;
	margin: 0 10px 10px 0;
	clear: left;
}
img.right {
	float: right;
	margin: 0 0 10px 10px;
	clear:right;
}
img.left.border, img.right.border {
	border: 1px solid #ccc;
	background-color: #eaebec;
	padding: 5px;
	display: inline;
}
.mfrantbl {
	margin-bottom: 1em;
}
.mfrantbl th {
	vertical-align: top;
}
ul#mainmenu li {
	list-style-type: none;
}
ul#mainmenu {
	margin: 0;
	padding:0;
}
hr {
	background:#DDDDDD none repeat scroll 0 0;
	border:medium none;
	clear:both;
	color:#DDDDDD;
	float:none;
	margin:1.45em 0;
	width:100%;
}
textarea {
	color: #333;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5;
}

#footertext {
	text-align: center;
}
table.text th, table.text td {
	font-size: 11px;	
}
table.text th p, table.text td p {
	margin-bottom: 0;	
}

/* LAYOUT OVERRIDES */

body {
	min-width:1000px;
}
#header {
	position:relative;
}
#branding {
	margin:0 auto;
	width:1000px;
	padding: 0;
}
.menu {
	margin:0 auto;
	width:980px;
}
#main {
	margin:0 auto;
	overflow:hidden;
	position:relative;
	width:1000px;
	padding:0 0 20px;
}
#container {
	float:left;
	margin:0;
	width:1000px;
}
#content {
	margin:0 220px;
	overflow:hidden;
	padding: 0;
}
#primary {
	border:medium none;
	float:left;
	margin:0 0 0 -1000px;
	padding:10px;
	width:180px;
}
* html #primary {
	left:20px;
	position:relative;
}
#secondary {
	float:left;
	margin:0 0 0 -200px;
	width:158px;
	padding: 10px;
}
#footer {
	margin-top: 0;
	clear:both;
}
#subsidiary {
	margin:0 auto;
	overflow:hidden;
	width:1000px;
}
#subsidiary .aside {
	float:left;
	margin:0 10px;
	width:300px;
}
#subsidiary #third {
	margin:0 0 0 10px;
}
#siteinfo {
	clear:both;
	margin:0 auto;
	width:1000px;
	border-top:3px solid orange;

}
img.thumbnail {
	float: left;
	margin: 0 10px 10px 0;
}

/* HEADER */
#blog-title a {
	/*
	background:url(../../../images/DogTech-Header.jpg) no-repeat top center;
	display:block;
	text-indent:-9000px;
	width: 1000px;
	height: 178px;
	*/
	display: none;
}
#access {
	display: none;
}
/* COLOUR */
#main {
	background: white url(../../../images/fake-col.gif) repeat-y top left;
}
#siteinfo {
	background-color: white;	
}
#primary {
	/*background-color: #3366CC;*/
	color: #FFCC00;
	padding-top: 15px;
}
#primary a {
	color: #FFCC00;
}

#content {
	/*background-color: #FCC;*/
	
}
#secondary {
	background-color:papayawhip;
	border:1px solid orange;
	margin-top: 20px;
	margin-bottom: 20px;
}
/* DISPLAY */

h1.entry-title, h1.page-title {
		margin-top: 10px;
}

/* nav */
#pages-2 h3.widgettitle {
	display: none;
}
#pages-2 ul {
	list-style-type: none;
	padding: 0;
	margin: 0 0 20px 0;
}
#pages-2 ul li {
	text-align: right;
}
#pages-2 .page_item a {
	font-family:Georgia, "Times New Roman", serif, Times;
	font-size:15px;
	font-style:italic;
	color:#FFCC00;
	text-decoration:none;
}
#pages-2 .current_page_item a {
	color: white;
}
#pages-2 a:hover {
	color: white;
}
.aside ul li {
	list-style-type: none;
}
#pages-2 .aside ul ul li {
	line-height: 20px;
	padding: 0;
}
ul.xoxo {
	margin:0 0 10px 0;
	padding:0;	
}
ul.xoxo ul {
	margin:0 0 10px 0;
	padding:0;	
}
ul.xoxo ul ul {
	margin:10px 0 10px 10px;
	padding:0;	
}
.edit-link {
	display: block;
	clear: both;
}
#siteinfo {
	font-size: 10px;
	padding:10px 5px 5px;
	width: 990px;
}
/* PAGE TWEAKS */
/* home */
.slug-home h1.entry-title {
	display: none;	
}
#blog-description {
	margin: 0;
}

/* franchise - remove sidebar extend content */
.slug-franchise-opportunity h1.entry-title {
	display: none;	
}
.slug-franchise-opportunity #secondary {
	display: none;	
}
.slug-franchise-opportunity #content {
	margin:0 0 0 220px;
	padding-top: 10px;
}
.slug-franchise-opportunity .textwidget {
	margin-right: 20px;
}

/* testimonials */
table#testimonialstbl a {
	font-weight: bold;
	color: #FFCC00;
}

/* 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 */

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

#comments {
    padding:22px 0 0 0;
}
#comments,
#comments input,
#comments textarea {
    font-size:13px;
    line-height:18px;
}
#comments code {
    font-size:12px;
    line-height:18px;
}
#comments h3 {
    font-family:Arial,sans-serif;
    font-size:15px;
    font-weight:bold;
    line-height:22px;
    padding:0 0 18px 0;
}
#comments-list {
    padding:0 0 18px 0;
}
#comments-list ol,
#comments-list ul {
    list-style:none;
    margin:0;
}
#comments-list ol {
    border:1px solid #ccc;
    border-bottom:none;
    margin:0 0 18px 0;
}
#comments-list li {
    background:#fafafa;
    border-bottom:1px solid #ccc;
    padding:18px 1.5em 0 1.5em;
    position:relative;
}
#comments-list li.alt {
    background:#fff;
}
#comments-list li.bypostauthor {
    background:#FFFFCC;
}
#comments-list ul li {
    border:1px solid #ccc;
    margin:0 0 18px 0;
}
#comments-list li .avatar {
    position:absolute;
    top:22px;
    left:1.5em;
    width:36px;
    height:36px;
}
#comments-list .comment-author {
    font-weight:bold;
    padding:9px 0 0 46px;
}
#comments-list .comment-meta {
    color:#666;
    font-size:11px;
    padding:0 0 9px 46px;
}
#comments-list .comment-meta a {
    color:#666;
    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 18px 0;
    text-align:right;
}
.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;
}
.form-section input {
    margin:0 0 18px 0;
    width:98%;
}
.form-section textarea {
    width:99%;
}
#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;
}

#nav-above {
	display: none;	
}

/* Entry META */
.entry-meta, .entry-utility {
    color:#666;
    font-size:10px;
	margin-bottom: 10px;
}
.entry-meta a, .entry-utility  a {
    color:#666;
}

/* If comments closed hide entry-meta and entry-utility */
div.comments-closed .entry-meta, div.comments-closed .entry-utility {
    display: none;
}

.widgetcontainer {
	margin-bottom: 20px;	
}

/* Folding Categories */

li.selectedparent a {
	font-weight: bold;	
}

li.nochildren a {
	font-weight: normal;	
}

li.nochildren a.focalLinkSelected {
	font-weight: bold;	
}

/* NEXT GEN gallery */
.slideshow {
	margin-top: 10px;
	margin-bottom: 10px;	
}

/* No thumbnail on Video POSTS */
.s-category-doggie-videos .thumbnail {
	display: none;	
}

/* PRIMARY ASIDE */
#primary ul.xoxo ul {
	margin:0 ;
	padding:0;
	width:170px;
}

#primary a {
	display: block;
	background-color: #2e7cd3;
	padding: 5px;
	text-decoration: none;
	font-weight: bold;
}

#primary a:hover {
	background-color: #458ad8;
}

#primary.aside ul li {
	width:175px;
}

#primary.aside ul li.menu-item {
	width:175px;
	margin-bottom: 2px;
}

#primary.aside ul li.widgetcontainer {
	border:1px solid #2e7cd3;
	padding:2px 2px 0 2px;
}

#primary.aside h3 {
	background-color:#FFCC00;
	border-bottom:1px solid #2E7CD3;
	color:#DC1D0A;
	margin-bottom:2px;
	padding: 4px 4px 4px 8px;
}

#primary .widgetcontainer {
	margin-bottom: 10px;
}