/*  
Theme Name: BostonTerrier101.com
Theme URI: 
Description: BostonTerrier101.com Theme
Author: BostonTerrier101.com
Author URI: BostonTerrier101.com
Version: 1.0
Tags: three-columns, two-columns, threaded-comments, fixed-width, theme-options, right-sidebar
.
*/

/* Defaults */

* {
  margin: 0;
  padding: 0;
  }

body {
  color: #1A1A1A;
  background: url(images/bg-tile.png) repeat-x top left #fff;
  font: normal 14px Helvetica, Arial, sans-serif;
  line-height: 1.7em;
  }

h2 {
  font: normal 150% Helvetica, Arial, sans-serif;
  letter-spacing:-1px;
  color: #C13A03;
  padding-bottom:4px;
  }

h2 a {
  color: #C13A03;
  }

h2 a:hover {
  color: #EF8093;
  }

h3 {
  color: #803931;
  font: normal 150% Georgia, Times, serif;
  }

h3, h4, h5, h6, p {
  margin: 0;
  padding: 10px 0;
  }

h4, h5, h6 {
  font-family: Verdana;
  }

/* Links*/
a {
  color: #1c6ba2;
  text-decoration: underline;
  }

a:hover {
  text-decoration: none;
  color: #EF8093;
  }

strong a {
  color: #1A1A1A;
  text-decoration: none;
  }

h1 {
  font: normal 225% Georgia, Times, serif;
  letter-spacing:-1px;
  color: #21467A;
  padding:8px 0px;
  text-decoration: none;
  }

h1 a {
  letter-spacing:-1px;
  color: #21467A;
  text-decoration: none;
  }

h1 a:hover {
  color: #EF8093;
  }

#content ul {
  padding:0 0 0 20px;
  }

#outer-wrapper {
  position:relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
  background: url() repeat-x top left;
  }

#content-bg {
  position:relative;
  margin-left: auto;
  margin-right: auto;
  width:951px;
  background: url() repeat-x top left;
  }

#header {
  position:relative;
  margin-left: auto;
  margin-right: auto;
  height:160px;
  width:951px;
  background: url(images/header.png) no-repeat top left;
  }

#home {
  float: left;
  position:relative;
  top:80px;
  left: 300px;
  line-height: normal;
  color:#fff;
  }

#hometitle {
  color:#fff;
  display:block;
  font: normal 150% Georgia, Times, serif;
  letter-spacing:-1px;
  line-height: -1.4em;
  padding: 0px;
  width:350px;
  }

#hometitle a {
  color:#fff;
  }

#hometitle a:hover {
  color:#fff;
  text-decoration:underline;
  }

#feed {
  float: right;
  text-align: center;
  display:block;
  height:59px;
  padding-top:10px;
  margin-right:34px;
  }

#bookmark {
  float: right;
  text-align: center;
  display:block;
  height:27px;
  padding-top:58px;
  margin-right:34px;
  }

#contentwrap {
  width:951px;
  background: url(images/content-tile.png) repeat-y top left;
  position:relative;
  margin-left: auto;
  margin-right: auto;
  }

#maincontent {
  float: left;
  width: 720px;
  }

#content {
  float: right;
  width: 520px;
  padding: 0px 0px 10px 0px;
  }

.googleads {
  border-bottom:1px solid #bbb;
  padding-bottom:8px;
  }

#home-cats li{
  float:left;
  list-style-type: none;
  padding: 0 10px 0 0;
  }

#home-cats {
  border-bottom: 1px solid #bbb;
  padding: 10px 0;
  }

/* SIDEBARS */

#sidebar_left {
  float: left;
  list-style-type: none;
  width: 158px;
  padding-left:10px;
  }

#sidebar_right {
  float: right;
  list-style-type: none;
  width: 215px;
  overflow:hidden;
  }

.sidebaritem, .categories {
  border-bottom:1px solid #bbb;
  padding-bottom:8px;
  padding-top:8px;
  }

#sidebar_right .sidebaritem {margin-right:30px;}

#feature {
  float: right;
  display:block;
  width:190px;
  height:190px;
  background: #fff;
  border: 1px solid #4B4F62;
  border-radius: 6px;
  margin-bottom:10px;
  margin-right:14px;
  -moz-border-radius: 6px;
  -khtml-border-radius: 6px;  
  -webkit-border-radius: 6px;
  text-align:center;
}

#feature img {
  margin:2px auto 1px auto;
}

#gallery {
  float: right;
  display:block;
  width:204px;
  height:291px;
  margin-bottom:10px;
  margin-right:4px;
}

#gallery div {
  display:block;
  float:left;
  width:90px;
  height:90px;
  margin:0px 10px 7px 0px;
  border: 1px solid #4B4F62;
  background: #D4CEC0;
  -moz-border-radius: 6px;
  -khtml-border-radius: 6px;  
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

#gallery div img {
  display:block;
  margin:3px auto 2px auto;
  position:relative;
}

.galViewAll {margin-left:70px;}

#gallerypost {
  width: 485px;
  margin: 0px 0px 10px 0px;
  padding: 10px 10px 10px 10px;
}

.gallerypost_thumb {
  margin-right: 8px;
}

.gallerypost_excerpt {
  float:right;
  width:350px;
}

.gallerypost_excerpt_larger {
  float:right;
  width:375px;
}

#tag_cloud a {
  display: inline;
  }

#sidebars ul.children li {border-bottom:none;}
#sidebars ul.children {margin-bottom:0;}

#sidebar_left ul, #sidebar_right ul {
  list-style-type: none;
  }

#footer-wrapper {
  width:951px;
  height:15px;
  position:relative;
  margin-left: auto;
  margin-right: auto;
  background: url(images/footer.png) no-repeat top left;
}

#header-buttons {
  float:right;
}

#search .inputbox {
  background: #fff;
  border: 1px solid #604E25;
  margin-right: 3px;
  color: #907969;
  -moz-border-radius: 6px;
  -khtml-border-radius: 6px;  
  -webkit-border-radius: 6px;
  border-radius: 6px;
  text-align: left;
}

#search .inputbox:hover {
  border: 1px solid #fff;
}

#search .button {
  border: 1px solid #604E25;
  background: #fff;
  color: #333;
  text-shadow: none !important;
  -moz-border-radius: 6px;
  -khtml-border-radius: 6px;  
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

#search .button:hover {
  border: 1px solid #fff;
}

#footer-menu {
  text-align: left;
  float:right;
  width: 50%;
  overflow: hidden;
}

#recent-posts {
  text-align: left;
  float:left;
  width: 50%;
  overflow: hidden;
}

#recent-posts h3 {
  padding-left: 10px;
}

#copy {
  width:950px;
  position:relative;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.line {
  padding: 10px 4px;
  width:100%;
  height: 2px;
  background: url(images/line.png) repeat-x center left;
}

.separator {
  padding: 10px 4px;
  width: 145px;
  height: 10px;
  background: url(images/separator.png) no-repeat center left;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.clear { 
  clear: both;
}

.clearall, .cleared {
  clear: both;
  line-height: 1px;
  margin: 0;
  padding: 0;
}

.centered {
  margin-left:auto;
  margin-right:auto;
  display:block;
  text-align: center;
}

.pricing {
  color:#C83737;
  font-size:120%;
  margin-left:auto;
  margin-right:auto;
  display:block;
  text-align: center;
}

hr {
  color: #333;
  border: 1px solid #121212;
  }

pre {
  height: auto; 
  overflow-x:scroll;
  }

fieldset {
  margin: 0;
  padding: 0; 
  border: 0;
  }

dd {
  padding-left: 15px;
  }

.topContent {

}
.topContent p {
  padding:10px 0px;
  text-align:justify;
}
a img {
  border: none;  
  }

blockquote {
  }

.imgblock {
display:block;
height:100px;
width:500px;
}

a #screen {
  background: url(images/more/screen_n.gif) no-repeat center left;
display:block;
height:100px;
width:500px;
}

a:hover #screen {
  background: url(images/more/screen_h.gif) no-repeat center left;
display:block;
height:100px;
width:500px;
}

a #canvas {
  background: url(images/more/canvas_n.png) no-repeat center left;
display:block;
height:100px;
width:500px;
}

a:hover #canvas {
  background: url(images/more/canvas_h.png) no-repeat center left;
display:block;
height:100px;
width:500px;
}

a #clip {
  background: url(images/more/clip_n.gif) no-repeat center left;
display:block;
height:100px;
width:500px;
}

a:hover #clip {
  background: url(images/more/clip_h.gif) no-repeat center left;
display:block;
height:100px;
width:500px;
}

code {
  color: #3366cc;
  font-style: italic;
  }

strong {
  font-size: 110%;
  }

ul.accessibility {
  position: absolute;
  top: -100%;
}

.topContent ul {
  font-size:90%;
  padding-left:15px;
}

.topContent li {
  padding-left:15px;
  padding-bottom:8px;
}

#header #topright {
  text-align: right;
  float: right;
  width: 600px;
  margin: 5px 0 0 0;
}

#header #topright ul {
  list-style: none;
  padding: 0;
  margin: 0;
  }

#header #topright li {
  display: inline;
  }

#header #topright li a {
  color: #fff;
  font-size: 9pt;
  padding: 0 0 0 25px;
  text-transform: lowercase;
  }

#header #topright li a:hover {
  color: #000;
  text-decoration: none;
  }

/* ----------- Gallery style -------------*/

.gallery-item {
  float: left;
  margin-top: 10px;
  text-align: center;
  width: 33%;
}
.gallery-caption {
  margin-left: 0;
}

/* Menu */

#catnav {
  margin: 20px 0 0 0;
  padding: 0;
  clear: both;
  height: 44px;
  width: 960px;
  }

#nav {
  list-style: none;
  margin: 0;
  padding: 0;
  }
  
#nav ul {
  margin: 0;
  padding: 0;
  }

#nav li {
  float: left;
  margin: 0;
  padding: 0;
  }

#nav a {
  display: block;
  line-height: 44px;
  margin: 0;
  padding: 0 20px 0 15px;
  font-size: 10pt;
  letter-spacing: -1px;
  }

#nav li a:hover {
  color: #6598b8;
  text-decoration: none;
  display: block;
  }

#nav li ul {
  list-style: none;
  position: absolute;
  width: 150px;
  left: -999em;
  }

#nav li:hover ul, #nav li.sfhover ul {
  left: auto;
  }
  
#nav li li {
  float: left;
  margin: 0;
  padding: 0;
  width: 150px;
  }
  
#nav li li a {
  width: 150px;
  height: 24px;
  line-height: 24px;
  border-top: 1px solid #131f27;
  background: #040404;
  margin: 0;
  padding: 5px 20px 5px 15px;
  }
  
#nav li li a:hover {
  border-top: 1px solid #131f27;
  padding: 5px 20px 5px 15px;
  }

#nav li:hover, #nav li.sfhover { /* prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing) */
  position: static;
  }

#toprss {
  float: right;
  margin: 10px 15px 0 0;
  display: inline;
  width: 65px;
  line-height: 41px;
  }

.copyright {
  text-align: center;
  }

/* Top Content */



#nextprevious {
  margin: 10px 0 5px 0;
  }
#nextprevious a {
  text-transform: lowercase;
  }
#nextprevious a:hover {
  }


/* Comments */

#commentWrapper {
  margin-bottom: 10px;
  margin-top: 15px;
  width: 530px; /* fixes bug in IE7 where putting focus on the text makes it disappear behind the background. yeah, weird. they call it a dimensional bug. */
  padding: 0px 15px 10px 15px;
  }
#commentWrapper h3 {font-size: 12pt;font-weight: bold;margin: 15px 0;padding: 0;}

#commentWrapper p a {}

#commentWrapper p a:hover {}

#commentWrapper p {
  padding:0;
  margin: 7px 0;
  }
ul.commentlist, ul.trackback  {
  list-style-type: none;
  margin: 10px 0;
  font-size: 9pt;
  }
.commentlist li, .trackback li {
  margin: 10px 0 15px 0;
  padding: 10px;
  list-style-type: none;
  }
.commentlist li.alt {
  background: #ddd;
  border: none;
  margin-top:10px;
  }
.commentlist li.cleared {
  background: transparent;
  border: none;
  }
.commentlist a.gravatar {
  margin: 0 15px 10px 0;
  width: 60px;
  }
.commentlist .commentbody {
  margin: 0;
  padding: 0;
  }
.commentmeta {float:left;width:30%;}

.commentlist .commentbody p a {
  text-decoration: underline;
  }
.commentlist cite {
  font-size: 10pt;
  font-style: normal;
  }
.commentlist small.commentmetadata a {
  color: #666;
  }

.commentlist p {}

#respond {
  clear: both;
  margin-top: 15px;
  }

textarea#comment {width:450px;padding:5px;}

#commentWrapper #submit {margin: 0;}

.comment {border-bottom:1px solid #ccc;}

textarea {background:#fff;border:1px solid #ccc;color:#111;font-size:14px;padding:5px;}
textarea:hover,textarea:focus {background:#FFFBCC;}

.submitbutton, #commentform input {background:#fff;border:1px solid #ccc;color:#111;font-size:14px;padding:5px;}
.submitbutton:hover,.submitbutton:focus,#commentform input:hover,#commentform input:focus {background:#FFFBCC;}

/* Table */

.table_header {
  background: #CFA99B;
}

.table_header2 {
  background: #F6ECDA;
}

.td_alt {
  background: #F6ECDA;
}

/* Misc */

.highlight {
  color: #222;
  font-weight: bold;
  }

.cleared {
  margin: 0;
  padding: 0;
  clear: both;
  }

.alignleft {
  float: left;
  margin: 5px 10px 5px 0;
  }
.alignright {
  float: right;
  margin: 5px 0 5px 10px;
  }
.aligncenter,
div.aligncenter {
  margin: 10px auto;
  text-align: center;
  display: block;
  }

img.alignleft {
  float: left;
  margin: 5px 10px 5px 0;
  }
img.alignright {
  float: right;
  margin: 5px 0 5px 10px;
  }
img.aligncenter {
  margin: 10px auto;
  text-align: center;
  display: block;
  }

.wp-caption {
  border: 1px solid #fff;
  text-align: center;
  background-color: #fff;

  padding-top: 4px;

  /* optional rounded corners for browsers that support it */

  -moz-border-radius: 3px;

  -khtml-border-radius: 3px;

  -webkit-border-radius: 3px;
  border-radius: 3px;
  }

.wp-caption img {
  margin: 0;
  padding: 0;
  border: none;
  }

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  padding: 0 4px 5px;
  margin: 0;
  color: #111;
  text-align:center;
  }

.attachment {
  text-align:center;
}

/* WP Polls */

.wp-polls-ul {
	padding: 0px;
	margin: 0px 0px 10px 5px;
}

/* Clear things*/
ul.page-numbers, ul.page-numbers li, ul.page-numbers li a, ul.page-numbers li a:hover ul.page-numbers li span {
	padding: 0;
	margin: 0;
	text-decoration: none;
	font: normal 12px Arial;
	border: none;
}

ul.page-numbers {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: left;
	padding: 5px 0 5px 0;
}
	ul.page-numbers li {
		display: inline;
	}
		ul.page-numbers li a {
			text-decoration: none;
			border: none;
			padding-bottom: 10px;
		}
	ul.page-numbers span.dots {
		color: #666;
	}
	
	ul.page-numbers li a, .page-numbers span.current, .page-numbers span.dots {
		font: normal 12px Arial;
		padding: 5px;
	}
	
/* SETTINGS - ALIGN CENTER  - Default = align-left */
ul.align-right { text-align: right; }
ul.align-center { text-align: center; }

span.page-info.left {
	padding: 0 10px 0 0;
}

span.page-info.right {
	padding: 0 0 0 10px;
}

ul.shape-round li a, ul.shape-round span.current {
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
/* SETTINGS - ACTIVE BACKGROUND */
ul.current-page-yellow span.current { background: #ffff00; color: #666; }
ul.current-page-purple span.current { background: #ac58ff; color: #fff; }
ul.current-page-dark span.current { background: #666; color: #eee; }
ul.current-page-bright span.current { background: #e6e6e6; color: #666; border: 1px solid #ddd; }
ul.current-page-red span.current { background: #ba0000; color: #fff; }
ul.current-page-green span.current { background: #69ba00; color: #fff; }
ul.current-page-cyan span.current { background: #18C6FF; color: #fff; }
ul.current-page-pink span.current { background: #ff80ff; color: #fff; }
ul.current-page-orange span.current { background: #ff9a00; color: #fff; }

/* SETTINGS - page BACKGROUND */
ul.page-yellow li a { background: #ffff00; color: #666; }	
ul.page-purple li a { background: #ac58ff; color: #fff; }
ul.page-dark li a { background: #666; color: #fff; }
ul.page-bright li a { background: #e6e6e6; border: 1px solid #ddd; color: #666; }
ul.page-red li a { background: #ba0000; color: #fff; }
ul.page-green li a { background: #69ba00; color: #fff; }
ul.page-cyan li a { background: #18C6FF; color: #fff; }
ul.page-pink li a { background: #ff80ff; color: #fff; }
ul.page-orange li a { background: #ff9a00; color: #fff; }
	

/* SETTINGS - page BACKGROUND */
ul.current-page-yellow.fill-gradient span.current, ul.page-yellow.fill-gradient li a { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffe4), to(#ffff07)); }
ul.current-page-purple.fill-gradient span.current, ul.page-purple.fill-gradient li a { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bf77ff), to(#913cff)); }
ul.current-page-dark.fill-gradient span.current, ul.page-dark.fill-gradient li a { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#848484), to(#494949)); }
ul.current-page-bright.fill-gradient span.current, ul.page-bright.fill-gradient li a { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6f6f6), to(#dfdfdf)); }
ul.current-page-red.fill-gradient span.current, ul.page-red.fill-gradient li a { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#da0000), to(#8b0000)); }
ul.current-page-green.fill-gradient span.current, ul.page-green.fill-gradient li a { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#87ca00), to(#4ba200)); }
ul.current-page-cyan.fill-gradient span.current, ul.page-cyan.fill-gradient li a { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#30d4ff), to(#0db1ff)); }
ul.current-page-pink.fill-gradient span.current, ul.page-pink.fill-gradient li a { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffb5ff), to(#ff44ff)); }
ul.current-page-orange.fill-gradient span.current, ul.page-orange.fill-gradient li a { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffb000), to(#ff7d00)); }

ul.page-yellow li a:hover { background: #fff; color: #666; text-decoration: none;}
ul.page-purple li a:hover { background: #8000ff; text-decoration: none; }
ul.page-dark li a:hover { background: #444; text-decoration: none; }
ul.page-bright li a:hover { background: #efefef; border: 1px solid #ccc; color: #666; text-decoration: none; }
ul.page-red li a:hover { background: #9a0000; text-decoration: none; }
ul.page-green li a:hover { background: #4e8b00; text-decoration: none; }
ul.page-cyan li a:hover { background: #14a9d9; text-decoration: none; }
ul.page-pink li a:hover { background: #ff40ff; text-decoration: none; }
ul.page-orange li a:hover { background: #da8400; text-decoration: none; }

/* behind | default = dark */	
ul.behind-brighter span.dots, ul.behind-brighter span.page-info { color: #ddd; }
ul.behind-bright span.dots , ul.behind-bright span.page-info {	color: #aaa; }
ul.behind-grey span.dots, ul.behind-grey span.page-info { color: #808080; }
ul.behind-dark span.dots, ul.behind-dark span.page-info { color: #666; }
ul.behind-darker span.dots, ul.behind-darker span.page-info { color: #333; }

/* IE6 fix */
ul.page-purple li a:hover, ul.page-dark li a:hover, ul.page-red li a:hover , ul.page-green li a:hover, ul.page-cyan li a:hover, ul.page-pink li a:hover, ul.page-orange li a:hover {
	color: #fff; text-decoration: none;
}