/*BACKGROUND IMAGE************/
body {
background-color: #99cc00;
font:14px Century Gothic, Tahoma,  Arial, Helvetica, sans-serif; /*ENTRY FONTS*/
color:#000000; /*OVERALL TEXT COLOR*/
}
/*LINK STYLES****************/
a {
text-decoration:underline;
color:#0099cc;ƒ
}
a:hover {text-decoration:none; color:#99cc00;}
a.commentsspecial {
text-decoration:none;
font:14px Century Gothic, Tahoma,  Arial, Helvetica, sans-serif; /*ENTRY FONTS*/
color:#472a0c; /*OVERALL TEXT COLOR*/
}
a.commentsspecial:hover {text-decoration:none;}
/*LOGO IMAGE*****************/
#logo { 
height:70px;
width:100%;
background:#fff url('images/logo.jpg') no-repeat left;	
}
/*MENU COLORS****************/
#menu {
background:#fff;
}
#menu li a {
font:11px Century Gothic, Tahoma,  Arial, Helvetica, sans-serif; /*MENU FONT STYLES*/
text-transform: uppercase;
color:#222;	/*MENU FONT COLOR*/
}
#menu li a:hover {
color:#7a7a7a; /*MENU FONT COLOR WHEN HOVERING*/
} 
/*BANNER COLORS*************/
#banner {
height: 325px; /*BANNER HEIGHT in case you want to change it*/
overflow: hidden;
}
#slideshowbanner {background: #ffffff; width: 1000px; height: 250px;}
/*TWITTER / SEARCH / RSS***/
.holder {
background:#e9e6dd;
}
.holder .text strong {
display:block;
font-size:10px;
color:#2c2c2c;
font-weight:normal;
line-height:17px;
position:relative;
margin:-4px 0 0;
}
.holder .text p {
font-size:10px;
color:#2c2c2c;
line-height:17px;
margin:0 0 5px;
}
/*POSTS*******************/
.title {
/*POST IMAGE delete background...'s line if you do not wish to have a logo on the side*/
background:url(http://www.jrcustomization.com/websiteimages/titleimage.jpg) no-repeat;
padding:0 0 0 44px;
margin-top: 50px;
}
/*POST TITLE FONT STYLE**/
.ti, .title h2 {
margin:0;
font-size:20px;
font-family: Century Gothic, Tahoma,  Arial, Helvetica, sans-serif;
font-weight:normal;
line-height:20px;
color:#0099cc;
}
/*DATE AND CATEGORY FONT STYLES*/
.title span a, .title span {
color:#000000;
font-size:12px;
font-weight:normal;
line-height:24px;
}
/*COMMENT BOX**************/
.comment {
/*COMMENT BOX BACKGROUND color*/
background:#cccccc;
}
#commentbackground {background:#0099cc; padding-left:8px}
.text-box p span,
.text-box p a
{
/*COMMENTER's LINK COLOR*/
color:#000000;
}
.text-box p a:hover
{
/*COMMENTER's LINK COLOR*/
color:#ffffff;
}
.comment {
width:970px;
        /* proposed change by JAY  width: 810px*/;
margin:0 15px 58px;
padding:8px 0 4px;
height:148px;
overflow:auto;
margin-left: 15px;
}
#respond {padding-left:10px}
.text-box {padding:0 12px;}
.text-box p {
font: 14px/30px Century Gothic, Tahoma, Verdana, Arial, Helvetica, sans-serif;
color:#000000;
margin:0;
}
/* NEXT / PREVIOUS PAGE ARROWS*/
.arrows {
	list-style:none;
	margin:0;
	padding:0;
	height:1%;
	overflow:hidden;
	background:#ffffff;
}
.arrows li {
	font:10px/25px Verdana, Arial, Helvetica, sans-serif;
	color:#472a0c;
	text-transform:uppercase;
}
.arrows li.prev {
	float:left;
	padding:0 0 0 29px;
}
.arrows li.next {
	float:right;
	padding:0 16px 0 0;
}
.arrows li a {
	color:#472a0c;
	text-decoration:none;
}
.arrows li a:hover {text-decoration:underline;}
/*FOOTER LINKS*/
#footer {
width:1000px;
font:10px/25px Century Gothic, Tahoma,Verdana, Arial, Helvetica, sans-serif;
color:#0099cc;
text-align:center;
/*        height: 50px; */
		margin:0 auto;
}
#footer p {margin:0; font:10px}
#footer a {
text-decoration: none;
color: #0099cc;
font:10px
}
#footer a:hover {
text-decoration: none;
color: #99cc00;
font:10px
}

/*NAVIGATION for single posts*/
.navigation {
width: 970px;
padding-left: 15px;
}
.alignleft {float: left;}
.alignright {float: right;}
.clear {clear: both;}
/*Edit only if you dare*/
body {
margin:0;		
}
img {border-style:none;}
input,
textarea,
select{
font:100% arial,sans-serif;
vertical-align:middle;
}
form,fieldset{
margin:0;
padding:0;
border-style:none;
}
#outerwrapper {	
margin:0 auto;
width: 1020px;
background:url(http://www.jrcustomization.com/websiteimages/bg_shadow.png) repeat-y;
}
/*main container*/
#main {
margin:0 auto;
width: 1000px;
padding:0px 0 0px;
}
/*header*/
#menu {
list-style:none;
margin:0;
padding:0 0 0px 15px;	
height:1%;
}
#menu:after {
content:" ";
display:block;
clear:both;
}
#menu li {
padding:8px 30px 0px 30px;
float:left;
}
#menu li a {
height:25px;
float:left;
text-align:center;
text-decoration:none;
}
#menu li.hover a,
#menu li:hover a,
#menu li.hover,
#menu li:hover {
position: relative;
}
#menu li.hover ul,
#menu li:hover ul {
display: block;
}
#menu ul {
padding:14px 0 6px;
margin:0;
list-style:none;
width:147px;
display: none;
position: absolute;
left: 0;
top: 100%;
background:#e9e6dd;
}
#menu ul li {
padding:0 10px 0 17px;
width:120px;
}
#menu ul li a {
text-align:left;
width:100%;
background:none;
color:#7a7a7a;
line-height:18px;
height:auto;
display:block;
}
#menu ul li a:hover {color:#000;}
.holder {
padding:20px 15px 20px;
width:970px;
overflow:hidden;
}
.holder ul {
list-style:none;
margin:0;
padding:0;
height:1%;
overflow:hidden;
}
.holder ul li {float:left;}
.holder .text {
width:420px;
padding:0 64px 0 17px;
}
.holder ul li.search {
padding:0 67px 0 95px;
width:187px;
}
.holder ul li.search label {
color:#2b2b2b;
font-size:10px;
line-height:10px;
display:block;
text-transform:uppercase;
padding:0 0 9px;
}
.holder ul li.search span {
background:url(images/search.gif) no-repeat;
display:block;
width:171px;
height:33px;
padding:6px 8px 0;
}
.holder ul li.search span input {
background:none;
border:0;
width:171px;
}
.holder ul li.rss {padding: 11px 0 0 49px;}
.holder ul li.rss a {
display:block;
width:43px;
height:44px;
overflow:hidden;
text-indent:-9999px;
background:url(images/rss.png) no-repeat;
}
/*content*/
#content {
width:1000px;
background:#fff;
padding: 1px 0 0;
}
.post {
padding:0 15px;
padding-top: 5px;
overflow:hidden;
}
.post p {
line-height: 25px;
margin:0 0 0 15px;
         font-size: 14px;
}
/* Add image splitter between posts */
.postend {
background: url(http://www.jrcustomization.com/websiteimages/postborder.png) no-repeat;
height:  35px;
width: 970px;
margin-left: 15px;
}
.image {
display:block;
margin:0 0 19px;
}
.image img, img {
display:block;
margin:0 auto;
}
.content-box {
width:970px;
padding:0 15px 10px;
overflow:hidden;
}
.coment {
list-style:none;
margin:0;
padding:0;
float:left;
overflow:hidden;
height:1%;
position:relative;
}
.coment li {
/*background:url(images/comments-divider.gif);*/
padding:0 19px 0 21px;
position:relative;
float:left;
font:14px/25px Century Gothic, Verdana, Arial, Helvetica, sans-serif;
margin:0 19px 0 -21px;
color: #000000;
font-weight: bold;
}
.coment li a {
color:#82817d;
text-decoration:none;
outline:none;
}
.coment li a:hover {text-decoration:underline}
.commentcount {background:url(http://jrcustomization.com/websiteimages/commentcount.gif) no-repeat;
height:100px; width:100px;}
.links {
list-style:none;
margin:0;
padding:0 2px 0 0;
float:left;
}
.links li {
float:left;
padding:0 6px 0 0;
}
* html .links li {
float:left;
width: 15px;
padding:0 6px 0 0;
}
* +html .links li {
float:left;
width: 15px;
padding:0 6px 0 0;
}
/*new-comment*/
.new-comment {
width:640px;
padding:0px 0 0 257px;
}
.form {
width:436px;
padding:0px 35px 30px 28px;
background:#fff;------	
}
.form label {
display:block;
color:#472a0;
font:14px/16px Century Gothic, Verdana, Arial, Helvetica, sans-serif;
}
.form-box {
width:100%;
overflow:hidden;
}
.left-box {
float:left;
width:232px;
padding:2px 0 0;
}
.right-box {
float:right;
width:200px;
}
.right-box textarea {
width:178px !important;
height:109px !important;
padding:10px !important;
overflow:auto !important;
border:1px solid #ccc !important;
}
.form .line {
padding:0 0 17px !important;
}
.form .line input {
width:186px !important;
border:1px solid #ccc !important;
padding:1px 6px !important;
}
.form  .cancel {
display:block;
width:38px;
height:12px;
overflow:hidden;
background:url(images/cansel.gif) no-repeat;
text-indent:-9999px;
}
.form .bottom {
height:1%;
overflow:hidden;
padding:8px 0 0 144px;
}
.form .bottom input {
float:left;
margin:0 19px 0 0;
padding:2px 0 0;
}
.log_admin{
padding-left: 234px;
}
.title a {
text-decoration: none;
}
.comment_form input, .comment_form textarea, .input {
border:1px solid #ccc !important;
}
.comment_form{
padding-left: 257px;
width: 432px;
}
.comment_form .submit{
border: none !important;
}
.inner {
padding: 20px;
}
.coment{
text-transform: uppercase;
}


/*CUSTOM CSS*********************/
/*CUSTOM CSS - Header ***********/
#header img {display:none;}
#menu {display:none;}
.holder {display:none;}
#logo {display:none;}

#tagline1 {display: block; }
#tagline2 {display: none;}
#guestblogger {display: none;}

#topbanner {background:url(http://www.jrcustomization.com/websiteimages/jrcustomizationbanner.png) no-repeat; width:1000px; height: 50px;}
#slideshowbanner {height: 300px; background: #ffffff;}
#tagline2 {background:url(http://www.jrcustomization.com/websiteimages/tagline.jpg) no-repeat; width: 1000px; height: 50px; background-position: top center; display:block;}

#customNavContainer  { text-align: center; background: #0099cc;  display:none;} 
#customNav 
	{ font-family: Century Gothic, Tahoma,  Arial, Helvetica, sans-serif !important; font-size: 24px; color: #99cc00 !important; list-style-type: none; padding: 0; margin: 0; 
	padding-top: 3px; background-color: #0099cc; height: 50px;} 
#customNav li 
	{ display: inline; padding-top 3px; padding-bottom: 3px; padding-right: 5px; padding-left: 5px; width: 110px; }
#customNav a, #customNav a:active, #customNav a:visited, #custom a:link 
	{ font-family: Century Gothic, Tahoma,  Arial, Helvetica, sans-serif !important; font-size: 24px; color: #ffffff !important; text-decoration: underline !important; padding-left: 0px; padding-right: 0px;} 
#customNav a:hover 
	{ font-family: 'Century Gothic', Tahoma, sans-serif !important; font-size: 24px; color: #000000 !important; text-decoration: underline !important; padding-left: 0px; padding-right: 0px;}
#customNavL 
	{ width: 650px; text-align:left; float: left; margin-top: 0px; margin-left: 0px; margin-bottom: 0px; margin-right: 0px; background-color: #99cc00; border: 0px solid #00ff00; }
#customNavR 
	{ background-color: #0099cc;  text-align: right; padding-right: 100px;}
#customNavR a, #customNavR a:active, #customNavR a:visited, #customR a:link 
	{ font-family: Century Gothic, Tahoma,  Arial, Helvetica, sans-serif !important; font-size: 20px; color: #0099cc !important; text-decoration: none !important; padding-left: 3px; padding-right: 3px;} 
#customNavR a:hover 
	{ font-family: 'Century Gothic', Tahoma, sans-serif !important; font-size: 20px; color: #ffffff !important; text-decoration: none !important; padding-left: 3px; padding-right: 3px;}
/*CUSTOM CSS - Footer Divisions *********/
#footer {width: 1000px; margin-bottom: 10px;}
#sitefooter {display: block; width: 1000px; height: 150px;}
.sitefooterfb {background:url(http://www.jrcustomization.com/websiteimages/fbicon20.jpg) no-repeat; width:50px; height;25px; text-decoration: none !important; margin-top: 10px; margin-bottom: 20px;}
.sitefooterfb a, .sitefooterfb a:link, .sitefooterfb a:visited, .sitefooterfb a:hover, .sitefooterfb a:active {text-decoration: none;}
.sitefootertw {background:url(http://www.jrcustomization.com/websiteimages/twicon20.png) no-repeat; width:50px; height;25px; text-decoration: none !important; margin-top: 10px; margin-bottom: 20px;}
.sitefootertw a, .sitefootertw a:link, .sitefootertw a:visited, .sitefootertw a:hover, .sitefootertw a:active {text-decoration: none;}
.sitefooterin {background:url(http://www.jrcustomization.com/websiteimages/inicon20.png) no-repeat; width:50px; height;25px; text-decoration: none !important; margin-top: 10px; margin-bottom: 20px;}
.sitefooterin a, .sitefooterin a:link, .sitefooterin a:visited, .sitefooterin a:hover, .sitefooterin a:active {text-decoration: none;}
.sitefooterrss {background:url(http://www.jrcustomization.com/websiteimages/rsicon20.png) no-repeat; width:50px; height;25px; text-decoration: none !important; margin-top: 10px; margin-bottom: 20px;}
.sitefooterrss a, .sitefooterrss a:link, .sitefooterrss a:visited, .sitefooterrss a:hover, .sitefooterrss a:active {text-decoration: none;}
.footerimg {
display: block;
margin: 0px;
}
.sitefootersm {background:url(http://www.jrcustomization.com/websiteimages/smicon20.png) no-repeat; width:50px; height;25px; text-decoration: none !important; margin-top: 10px; margin-bottom: 20px;}
.sitefootersm a, .sitefootersm a:link, .sitefootersm a:visited, .sitefootersm a:hover, .sitefootersm a:active {text-decoration: none;}
.footerimg {
display: block;
margin: 0px;
}

.postmetadata {
	font-size: 12px;
	padding: 0px;
	padding-left: 10px; padding-right: 10px;
font-family: Century Gothic, Tahoma, Arial, Helvetica, sans-serif;
}
.postmetadata a {
	color:#0099cc;
	text-decoration:none;
	outline:none;
}
.postmetadata a:hover {text-decoration:none; color: #99cc00; }
.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
	
.center {text-align: center;}
.center2 {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/* =================== ADDED FOR ARCHIVE LISTINGS (Rob Smith - rob@quirky-bird.com) */
.archiveList {
	width:950px;
	list-style:none;
	margin:0 25px 0 25px;
	padding:0;
	float:left;
	overflow:hidden;
	position:relative;
	height: 40px;
	padding: 3px 0 3px 0;
	background-color: #cccccc;
}
.archiveList li {
	color: #472a0c; 
	width: 73px;
	text-align:center;
	position:relative;
	float:left;
	font:12px Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	height: 30px;
	padding: 4px;
}
.archiveList a, .archiveList a:visited  {
	color:#00cc99;
	text-decoration:none;
}
.archiveList li a:hover {color: #99cc00; text-decoration:underline}
.archiveYear { border-right:solid 1px; color: #472a0c; }
img.alignright {float:right; margin:0 0 1em 1em;}
img.alignleft {float:left; margin:0 1em 1em 0;}
img.aligncenter {display: block !important; margin-left: auto !important; margin-right: auto !important; margin-top: auto !important; margin-bottom: auto !important;}
a img.alignright {float:right; margin:0 0 1em 1em;}
a img.alignleft {float:left; margin:0 1em 1em 0;}
a img.aligncenter {display: block !important; margin-left: auto !important; margin-right: auto !important; margin-top: auto !important; margin-bottom: auto !important;}


#postspacer {margin-bottom: 15px;}
/*********************/
/* Placement of Menu */
/*********************/
#dropmainmenu {
position: absolute;
left: 0px;
z-index:999;
width: 100%;  
                          
}
/*********************/
/* Menu Styles       */
/*********************/
/*****************************************************************/
/* mainemenystyle=Style of the menu item */
/* Keep Link, Visited, Active same style                         */
/* Hover style is when the end-user mouses over the menu item    */
/* Font-Family: Font of the menu listed in priority              */
/* Font-Size: Font size of the menu                              */
/* Color: Font color                                             */
/* Float: Aligns the Text                                        */
/* Width: Sets the width for the menu items equally              */
/* Text-Decoration: turns off the underline                      */
/* List-Stye-Type: turns off the bullet points for the sub menus */
/* Padding-top: space above the sub-menu item                    */
/* Padding-bottom: space below the sub-menu item                 */
/*****************************************************************/
.dropmainmenucolor  {background:#0099cc;}
.dropmainmenustyle  {
height:28px;
font-family:  'Century Gothic', Tahoma, Verdana, Arial, sans-serif; 
font-size:16px; font-weight:normal; 
color:#ffffff; 
float:left; 
width:125px; 
text-decoration:none;
border-top-style: solid;
border-right-style: solid;  
border-bottom-style: solid;
border-left-style: solid; 
border-top-color: #000000;
border-right-color:  #000000; 
border-bottom-color: #000000;
border-left-color: #000000;
border-top-width: 0px; 
border-right-width: 0px; 
border-bottom-width: 0px; 
border-left-width: 0px;
padding-top: 0.0em; 
padding-right: 0.0em; 
padding-bottom: 0.0em; 
padding-left: 0.0em;}
a.dropmainmenustyle        	{font-family:  'Century Gothic', Tahoma, Verdana, Arial, sans-serif; font-size:16px; font-weight:normal; color:#ffffff; float:left; width:125px; text-decoration:none;}
a.dropmainmenustyle:link    	{font-family:  'Century Gothic', Tahoma, Verdana, Arial, sans-serif; font-size:16px; font-weight:normal; color:#ffffff;}
a.dropmainmenustyle:visited 	{font-family:  'Century Gothic', Tahoma, Verdana, Arial, sans-serif; font-size:16px; font-weight:normal; color:#ffffff;}
a.dropmainmenustyle:active  	{font-family:  'Century Gothic', Tahoma, Verdana, Arial, sans-serif; font-size:16px; font-weight:normal; color:#ffffff;}
a.dropmainmenustyle:hover   	{font-family:  'Century Gothic', Tahoma, Verdana, Arial, sans-serif; font-size:16px; font-weight:normal; background:#99cc00; color:#000000; text-decoration:none;}
tr.dropsubmenustyle {margin: auto auto auto auto;}
td.dropsubmenustyle 	       
{
background: #0099cc;  
font-family:  'Century Gothic', Tahoma, Verdana, Arial, sans-serif; 
font-size:16px; 
font-weight:normal; 
color:#ffffff;
float:left;  
width:200px; 
text-decoration:none; 
list-style-type:none;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none; 
border-top-color: #000000;
border-right-color:  #000000; 
border-bottom-color:  #000000;
border-left-color:  #000000;
border-top-width: 0px; 
border-right-width: 0px; 
border-bottom-width: 0px; 
border-left-width: 0px
padding-top: 0.0em; 
padding-right: 0.1em; 
padding-bottom: 0.0em; 
padding-left: 0.3em;
margin-top: 0px; 
margin-right:0px; 
margin-bottom:0px;
margin-left:0px;}
a.dropsubmenustyle 	      {text-decoration:none; list-style-type:none; float: left; width:200px; font-size:16px; color:#ffffff; font-family:  'Century Gothic', Tahoma, Verdana, Arial, sans-serif; }
a.dropsubmenustyle:link       {text-decoration:none; list-style-type:none; color: #ffffff; font-family:  'Century Gothic', Tahoma, Verdana, Arial, sans-serif; }
a.dropsubmenustyle:visited    {text-decoration:none; list-style-type:none; color: #ffffff; font-family:  'Century Gothic', Tahoma, Verdana, Arial, sans-serif; }
a.dropsubmenustyle:active     {text-decoration:none; list-style-type:none;color:  #ffffff; font-family:  'Century Gothic', Tahoma, Verdana, Arial, sans-serif; }
a.dropsubmenustyle:hover      {font-weight:normal; background:#99cc00; color:#000000; font-family:  'Century Gothic', Tahoma, Verdana, Arial, sans-serif; }
tr.dropsubmenustyle:hover     {font-weight:normal; background:#99cc00; color:#000000; font-family:  'Century Gothic', Tahoma, Verdana, Arial, sans-serif; }
td.dropsubmenustyle:hover     {font-weight:normal; background:#99cc00; color:#000000; font-family:   'Century Gothic', Tahoma, Verdana, Arial, sans-serif; }
img.aligncenter {display: block !important; margin-left: auto !important; margin-right: auto !important; margin-top: auto !important; margin-bottom: auto !important;}


.ContentMainHeaderBan 
{  font-family:      'Century Gothic', Tahoma, sans-serif ;
  font-size: 18px;
  font-weight: normal;
  color: #99cc00;}


.ContentMainHeaderBan a {  font-family:     'Century Gothic', Tahoma, sans-serif ;
  font-size: 18px;
  font-weight: normal;
  text-decoration: none;
  color: #0099cc;}
.ContentMainHeaderBan a:link
{  font-family:     'Century Gothic', Tahoma, sans-serif ;
  font-size: 18px;
  font-weight: normal;
  text-decoration: none;
  color: #0099cc;}
.ContentMainHeaderBan a:visited
{  font-family:      'Century Gothic', Tahoma, sans-serif ;
  font-size: 18px;
  font-weight: normal;
  text-decoration: none;
  color: #0099cc;}
.ContentMainHeaderBan a:hover
{  font-family:      'Century Gothic', Tahoma, sans-serif ;
  font-size: 18px;
  font-weight: normal;
  text-decoration: none;
  color: #99cc00;}
.ContentMainHeaderBan a:active
{  font-family:      'Century Gothic', Tahoma, sans-serif ;
  font-size: 18px;
  font-weight: normal;
  text-decoration: none;
  color: #0099cc;}