/*
Theme Name: Tri City Signs
Version: 1.0
Author: <a href="http://www.dbstudio.net/">Dave Brenner Studio</a>
Author URI: http://www.dbstudio.net/
*/

/*** GENERAL TAGS ***/

* { margin:0; padding:0;}
body { background:url(images/tail-top.jpg) left top repeat-x #171718; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:.875em; color:#c0bcc2;}

input, textarea { font-family:Arial, Helvetica, sans-serif; font-size:1em;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper, block { width:100%; overflow:hidden;}
.container { width:100%;}
.breadcrumb {margin:10px 0 0 20px;}
.breadcrumb a{color:#fff;}

p { margin-bottom:11px;}
strong {color:#fff;}

.small {font-size:80%;margin:5px 0;}

/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

.form { height:26px;}
.form input {width:273px; height:18px; background:#1b1714; border:1px solid #555038;}
textarea { width:403px; height:128px; background:#1b1714; overflow:auto; border:1px solid #555038;}

#search-form { border-top:1px solid #4e4d50; border-bottom:1px solid #4e4d50; padding:21px 0 20px 0;  }
#search-form label { display:block; height:52px;}
#search-form strong { display:block; color:#c9c9c9; font-size:1.1em; margin-bottom:8px;}
#search-form input.text { width:150px; padding:3px 5px 5px 5px; border:0; margin-right:3px; color:#e1e1e1; background:none;}
#search-form input.submit { background:url(images/search.gif) no-repeat left top; width:47px; height:21px; text-align:center; font-size:.91em; text-transform:uppercase; border:0;}

/*==================list====================*/
ul { list-style:none;}

#top-nav { overflow:hidden;}
#top-nav li { display:inline;}
#top-nav li a { color:#e4cece; font-size:.91em; text-transform:uppercase; border-left:1px solid #c45d5d; padding:0 12px 0 12px; text-decoration:none;}
#top-nav li a.first { border:0;}
#top-nav li a:hover { text-decoration:underline;}

#site-nav { width:100%; overflow:hidden; background:url(images/divider1.gif) no-repeat right top;}
#site-nav li { display:inline;}
#site-nav li a { display:block; float:left; background:url(images/divider.gif) no-repeat left top; font-size:1.27em; text-transform:uppercase; font-weight:bold; color:#363438; text-decoration:none; line-height:50px; margin-right:45px;xxwidth:146px; text-indent:16px; position:relative;}
#site-nav li a:hover { text-decoration:underline;}

#page-nav { margin-bottom:10px;}
#page-nav li { display:inline;}
#page-nav li a { display:block; background:url(images/page-nav.gif) no-repeat left top; width:210px; height:30px; line-height:29px; margin-bottom:1px; text-indent:34px; color:#d2d1d4; text-decoration:none; text-transform:uppercase;}
#page-nav li a:hover { color:#ef1600;}

.boxnav { margin-bottom:10px;}
.boxnav li { display:inline;font-size:13px;}
.boxnav li a { display:block; background:url(images/page-nav.gif) no-repeat left top; height:30px; line-height:29px; margin-bottom:1px; text-indent:34px; color:#d2d1d4; text-decoration:none;}
.boxnav li a:hover { color:#ef1600;}

.ordernav { margin-bottom:10px;}
.ordernav li { display:inline;font-size:13px;}
.ordernav li a { display:block; background:url(images/order-nav.png) no-repeat left top; height:30px; line-height:29px; margin-bottom:10px; text-indent:34px; color:#d2d1d4; text-decoration:none;}
.ordernav li a:hover { color:#ef1600;}


.info-list li { width:100%; overflow:hidden; color:#3a3a3d; font-size:.91em; text-transform:uppercase; line-height:1.2em;}
.info-list li strong { float:left; width:84px; font-family:tahoma;}
.info-list p { width:90%; overflow:hidden; color:#3a3a3d; font-size:.91em; text-transform:uppercase; line-height:1.2em;}

.list1 { margin-bottom:-10px;}
.list1 li { background:url(images/marker.gif) no-repeat left 4px; padding:0 0 13px 10px;}
.list1 li a { color:#878388;}
.list1 li strong a { color:#cfccd0;}

.list2 { font-size:.91em; margin-bottom:13px;}
.list2 li { width:100%; overflow:hidden; background:#1e1c1f; line-height:14px; vertical-align:top;}
.list2 li span { float:right; border-left:1px solid #2c2a2e; padding:6px 20px 7px 8px; text-transform:uppercase; color:#8a888c;}
.list2 li a { color:#8a888c; text-decoration:none; padding:6px 0 7px 0; display:block; float:left; width:70%;}
.list2 li a:hover { color:#fff;}
.list2 li a b { display:block; padding:0 0 0 10px; font-weight:normal;}
.list2 li.alt { width:100%; overflow:hidden; background:none; line-height:14px;}
.list2 li.alt span {border-left:1px solid #424043; color:#bbb8bf;}
.list2 li.alt a { color:#bbb8bf;}
.list2 li.alt a:hover { color:#fff;}

.list3 li { padding-bottom:17px;}

/*==================other====================*/
.img-indent { margin:0 20px 0 0; float:left;}
.img-box { width:100%; overflow:hidden; padding-bottom:20px;}
.img-box img { float:left; margin:0 20px 0 0;}

.p2 { margin-bottom:11px;}
.p3 { margin-bottom:6px !important;}

.info-img { width:100%; overflow:hidden; padding-bottom:18px}
.info-img img { float:left; margin-right:10px;  }
.info-img strong { display:inline-block; width:130px;padding:10px 0 0 0; font-size:1.1em; color:#cb3939; font-size:1.1em; text-transform:uppercase;}

/*==================txt, links, lines, titles====================*/
a {color:#ef1600;}
a:hover{text-decoration:none;}

h1 { display:block; xxbackground:url(images/main-title.jpg) no-repeat left top; width:330px; height:57px; position:absolute; top:29px; left:37px; text-indent:-10000px;}
h2 { font-size:1.27em; color:#fff; text-transform:uppercase; line-height:1.14em; margin-bottom:17px;}
h3 { font-size:1.1em; text-transform:uppercase; color:#980A16; margin-top:20px;margin-bottom:4px;}
h4 { font-size:.91em; color:#CBC6CC; text-transform:uppercase;margin-top:20px;}
h5 { font-size:.91em; color:#CBC6CC; text-transform:uppercase;margin:0 0 10px;}
.insidebox h5 a{color:#fff;text-decoration:none;}
.insidebox h5 a:hover{color:#FF3E2F;text-decoration:underline;}

.txt1 { font-size:.91em;}

.link1 { display:block; float:left; background:url(images/link1-bgd.gif) left top repeat-x; color:#fff; text-decoration:none;}
.link1 em { display:block; background:url(images/link1-left.gif) no-repeat left top;}
.link1 b { display:block; background:url(images/link1-right.gif) no-repeat right top; padding:2px 15px 2px 15px; font-weight:normal; font-style:normal;}
.link1:hover { text-decoration:underline;}

.link2 { color:#9e9ca2;}

.button { float:right;}
.button span { display:block; background:url(images/button-left.gif) no-repeat left top; padding-left:3px;}
.button span span { background:url(images/button-right.gif) no-repeat right top; padding-right:4px; padding-left:0;}
.button span span a { display:block; background:url(images/button-bg.gif) left top repeat-x; padding:1px 3px 3px 3px; color:#312f32; text-decoration:none; text-transform:uppercase; font-size:.85em;}
.button span span a:hover {color:#fff;}

/**table styles **/
table {
	border-collapse: collapse;
	margin: 5px 5px 20px;
	font-size: 12px;
	line-height:120%;
}

.posttable table {
	border-collapse: collapse;
	margin: 5px;
	font-size: 12px;
	line-height:120%;
}

.posttable thead {
	background: #363438;
}

.posttable th {
	color: #fff;
	font-weight: bold;
	padding: 2px 11px;
	text-align: left;
	border-right: 1px solid #000;
	line-height: 1.2;
}

.posttable td {
	padding: 6px 11px;
	border-bottom: 1px solid #323034;
	xxborder-right: 1px solid #DFEAA6;
	vertical-align: top;
}

.posttable td * {
	padding: 6px 11px;
}

.posttable tr.alt td {
	background: #ecf6fc;
}

.posttable tr.over td, .posttable tr:hover td {
	background: #212123;
	xxborder-right: 1px solid #fff;
}

/*==================boxes====================*/
.top-nav-box { background:url(images/top-nav-bg.gif) left top repeat-x; float:right;}
.top-nav-box .left { background:url(images/top-nav-left.gif) no-repeat left top; }
.top-nav-box .right { background:url(images/top-nav-right.gif) no-repeat right top;}
.top-nav-box .inner { padding:7px 16px 10px 16px;}

.main-box { xxbackground:url(images/main-box.jpg) no-repeat left top; width:656px; height:321px; position:relative;}

.info-box { background:url(images/info-box.gif) no-repeat left top; width:225px; height:146px; position:absolute; }
.info-box .inner { padding:13px 0 0 20px;}
.info-box#item1 {right:11px; top:13px;}
.info-box#item2 {right:11px; top:162px;}

.title-box { margin-bottom:17px;}
.title-box .left { background:url(images/title-left.png) no-repeat left top; padding-left:5px;}
.title-box .right { background:url(images/titl-right.png) no-repeat right top; padding-right:6px;}
.title-box h3 { background:url(images/title-bg.png) left top repeat-x; height:32px; line-height:30px; padding-left:5px;}

.insidebox {display:inline;float:left;width:280px;margin:20px 20px 20px 0;}
.box .left-top-corner { background:transparent url(images/left-top-corner.png) no-repeat left top; padding-left:5px;}
.box .right-top-corner { background:transparent url(images/right-top-corner.png) no-repeat right top; padding-right:6px;}
.box .border-top { background:transparent url(images/border-top.png) left top repeat-x; height:5px; overflow:hidden; font-size:0; line-height:0;} 
.box .border-left { background:transparent url(images/border-left.png) left top repeat-y; padding-left:2px;}
.box .border-right { background:transparent url(images/border-right.png) right top repeat-y; padding-right:1px;}
.box .ver-line-left { background:transparent url(images/ver-line.gif) no-repeat left top;}
.box .ver-line-right { background:transparent url(images/ver-line.gif) no-repeat right top;} 
.box .bg { background:url(images/box-bg.gif) left top repeat-x #272629; width:100%;}
.box .border-left-1 { background:url(images/border-left-1.gif) left top repeat-y;}
.box .border-right-1 { background:url(images/border-right-1.gif) right top repeat-y;}
.box .left-bot-corner { background:url(images/left-bot-corner.png) no-repeat left top; padding-left:6px;}
.box .right-bot-corner { background:url(images/right-bot-corner.png) no-repeat right top; padding-right:6px;}
.box .border-bot { background:url(images/border-bot.png) left top repeat-x; height:6px; overflow:hidden; font-size:0; line-height:0;}
.box .inner { padding:12px 12px 4px 12px;}
.box .inner1 { padding:12px 12px 2px 12px;}

.box1 { border:1px solid #4b494e;}
.box1 .bg { background:#3f3d42; width:100%; }
.box1 .inner { padding:16px 8px 9px 9px;}

.box2 { border:1px solid #363438;}
.box2 .bg { background:#2c2a2e; width:100%; }
.box2 .inner { padding:16px 8px 9px 9px;}

.box3 { background:#3c3a3f; width:100%; margin-bottom:1px;}
.box3 .border-top {background:url(images/border-top1.gif) repeat-x top;}
.box3 .border-bot {background:url(images/border-bot1.gif) repeat-x bottom;}
.box3 .border-left {background:url(images/border-left1.gif) repeat-y left;}
.box3 .border-right {background:url(images/border-right1.gif) repeat-y right;}
.box3 .left-top-corner {background:url(images/left-top-corner1.gif) no-repeat left top;}
.box3 .right-top-corner {background:url(images/right-top-corner1.gif) no-repeat right top;}
.box3 .left-bot-corner {background:url(images/left-bot-corner1.gif) no-repeat left bottom;}
.box3 .right-bot-corner {background:url(images/right-bot-corner1.gif) no-repeat right bottom; }
.box3 .inner { padding:10px;}
.box3 .img-indent { margin-right:10px;}
.box3 strong { color:#f1f1f1;}


/*header*/
#header .row-1 { height:84px; padding-right:13px;}
#header .row-1 .fleft { padding:0;}
#header .row-2 { height:59px; padding:0 10px 0 12px;}
#header .row-3 { padding:0; xxheight:331px; background:#141415 url(images/header-tail.gif) left top repeat-x;}

/*content*/
#content { background:url(images/content-bg.gif) left top repeat-x #1e1d1f; width:100%;}
.content-box { width:656px; height:321px; position:relative;}
#content .inside { padding:12px 10px 10px 11px;}
#content .indent { padding:0 0 16px 11px;}
#content .row-1 { padding-bottom:7px;}
#content .row-2 { padding-left:2px;}

/*footer*/
#footer { text-transform:uppercase; color:#686769; text-align:center;}
#footer .inner {margin:0 11px; padding:17px 0 0 0;}
#footer a { color:#686769; text-decoration:none;}
#footer a:hover { text-decoration:underline;}

/*==========================================*/

#main {width:900px; margin:0 auto;}

#header {height:474px; background:url(images/header-bg.jpg) no-repeat left top;}
#header .col-1 {display:inline; width:210px; margin:0 10px 0 12px;}
#header .col-2 { width:656px;}
#header, #content { font-size:0.69em;}

.col-1, .col-2, .col-3 { float:left;}

/*======= index.html =======*/
#page1 #content .col-1 {width:212px; margin-right:7px;}
#page1 #content .col-2 { width:660px;}
#page1 #content .col-2 .row-1 .col-1 { width:220px; margin-right:0px;}
#page1 #content .col-2 .row-1 .col-2 { width:220px;}
#page1 #content .col-2 .row-1 .col-3 { width:220px;}
#page1 #content .col-2 .row-2 .col-1 { width:323px; margin-right:10px;}
#page1 #content .col-2 .row-2 .col-2 { width:323px;}

/*======= index-1.html =======*/
#page2 #content .col-1 {width:212px; margin-right:7px;}
#page2 #content .col-2 { width:660px;}
#page2 #content .col-2 .col-1 { width:439px; margin-right:2px;}
#page2 #content .col-2 .col-2 { width:217px;}


/*=========================*/



#footer {height:70px; border-top:1px solid #4f4f50; background:#1e1d1f; font-size:10px;}


/*** Article ***/

.article { margin-bottom: 50px;padding:20px;font-size:12px;}
.article h2 { font-size: 28px; font-family:Arial, Helvetica, sans-serif; font-weight: bold; line-height: 18px; }
.article h2 a { color: #AD1814;text-decoration: none; }
.article h2 a:hover { color: #C6C1C7; }

.postcontent { line-height: 18px; }
.postcontent a {text-decoration: underline; color:#AD1814; }

.postmeta { text-transform: uppercase; font-family:Arial, Helvetica, sans-serif; color: #C1B1A7; border-top: solid 1px #F0E5DE; display: block; margin-top: 8px; padding: 5px 0px 2px 0px; }
.date { padding-left: 15px; background: url(images/date.jpg) no-repeat center left; }
.mcategories { padding-left: 18px; width: 395px; background: url(images/categories.jpg) no-repeat center left; padding-top: 1px; float: left; }
.mcomments { background: url(images/comments.jpg) no-repeat center left; float: right;  padding-left: 20px; padding-top: 1px;}

/*** Sidebar ***/
.item { width: 300px; margin-left: 10px; }
.advertising {  background: #dbceb6; padding: 15px 0 15px 0; border-left: solid 5px #C4B497; }

.advertising a img { border: solid 5px #ffffff; float: left; }
.advertising img { margin-left: 10px; }
.advertising .item { width: 330px; margin: 0px; margin-left: 10px; }.sidebar .item { margin: 15px 0px 25px 20px; }
.item h3, .item h2 .comments h2 { color: #CBC6CC; font-size: 22px; font-family: 'Arial','Trebuchet MS','Helvetica',sans-serif; padding-bottom: 2px; border-bottom: solid 1px #DBCEB7; }
.item ul { list-style: none; padding: 0; margin: 0px; border-top: solid 1px #FFFBF6; background: #F7F0E5; }
.item ul li { width: 280px; padding: 6px 10px 6px 10px; border-bottom: dashed 1px #E6DDCE; line-height: 15px; color: #C8BCA7; font-size: 11px; }
.item ul li a { font-size: 13px; }

.latest ul li a { background: url(images/article.jpg) no-repeat top left; padding-left: 15px; }
.half ul li { width: 140px; float: left; padding: 5px; }
.half ul { float: left; }


/*** Comments h2 ***/

.comments h2 { margin-bottom: 15px; }
.comment { display: block; padding: 10px; }
.alt { background: #29292B; }
.comment-meta { color: #A39B8C; border-bottom: solid 1px #E6DDCE; padding-bottom: 4px; }
.comment-meta span { font-size: 14px; font-weight: bold; }

.commentform { background: #29292B;display: block; padding: 10px; margin-top: 10px;}
.commentform span { font-size: 16px; display: block; color: #8B8477; margin-bottom: 4px; }
.commentform input, .commentform textarea { width: 350px; background: #ffffff; border: #ffffff; padding: 4px; margin-bottom: 10px; }
.commentform input.subscribe_button{ width: 153px; height: 33px; background: url(images/submit-off.png); display: block; text-indent: -9999px; }
.commentform input.subscribe_button:hover { background: url(images/submit-on.png); }

/*** Footer ***/

.footer p { font-size: 11px; color: #B8BCC2; line-height: 16px; margin: 10px 0px 35px 0px;}
.footer p span { color: #ffffff; display: block; }



.footer1, .footer2 {
text-align: center;
font-size: 11px;
}
.footer1 a, .footer2 a{
background: none;
color: #fff;
}
.footer1 {
margin: 0 auto;
width: 500px;
padding: 8px 0;
border-bottom: 1px #626262 solid;
}
.footer1 a{
margin: 0 10px;
}

.footer2 {
padding: 8px 0;
}


a.footer_rss {
background: url(images/icons/rss.gif) left center no-repeat;
padding-left: 17px;
}
a.footer_rss_comm {
background: url(images/icons/comm.gif) left center no-repeat;
padding-left: 15px;
}
a.footer_wp {
background: url(images/icons/w.gif) left center no-repeat;
padding-left: 15px;
}
a.footer_login {
background: url(images/icons/user.gif) left center no-repeat;
padding-left: 16px;
}


.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}
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;
}