/*   
Theme Name: CCAL by BTH
Theme URI: http://chestercountyaccidentlawyer.com/
Description: A theme designed specifically for the Peter Karp, for the site ChesterCountyAccidentLawyer.com.
Author: Spencer Drager @ Blue Tree Host
Author URI: http://www.bluetreehost.com/
Version: 1.0
.
This theme is designed around a pages-only WordPress site, is not meant for a blog-type webpage.
.
*/

@charset "utf-8";
html{
	padding: 0px;
	margin: 0px;
}
body{
	padding: 0px;
	margin: 0px;
	background-color: #770000;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-image: url(images/tile.gif);
}
object{
	padding-left: 30px;
}
h1,h2,h3,h4,h5,h6,p{
	margin: 0px;
	padding: 7px 15px 7px 15px;
}
h1,h2,h3,h4,h5,h6{
	font-family: Arial, Helvetica, sans-serif;
}
a img{
border: none;
text-decoration: none;
}
div#body{
	padding: 0px;
	margin: 0px;
	background-image: url(images/background.jpg);
	background-repeat: repeat-x;

}
div#holder{
	padding: 0px;
	width: 900px;
	margin: auto;
}
.noborder{
  border: none !important;
}

.pic-left-border1{
 border:4px #ccc solid;
 margin-right: 20px;
 float: left;
}
.pic-border1{
 border:4px #ccc solid;
 margin-right: 20px;
}
address{
  padding: 2px 10px 2px 40px;
  font-size: 14px;
}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}

/* ===================================================== */
/*                header                                 */
/* ===================================================== */
#header {
	height: 300px;

}
#header div{
	background-image: url(images/ccal-title3.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 300px;
	width: 900px;
	margin: auto;

}
#header h1 {
	margin: 0;
	padding: 20px 0px 20px 0px;
	color: #CCCCCC;
}
/* ===================================================== */
/*                menu                                   */
/* ===================================================== */
div#menuholder{
	background-color: #333333;
	background-image: url(images/menu-background.jpg);
	background-repeat: repeat-x;
}
#menu{
	background-image: url(images/menu-curl-left.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	margin: 0px;
}
#menu div{
	background-image: url(images/menu-curl-right.png);
	background-repeat: no-repeat;
	background-position: 855px center;
	padding: 5px;
	margin: 0px;

}

#menu div ul{
	text-align: center;
	padding: 0px;
	margin: 5px;
}
#menu div ul li{
	list-style-type: none;
	display:inline;
	
	
}
#menu div ul li a{

	text-decoration: none;
	color: #fff;
	padding: 5px 10px 5px 10px;
	margin: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-variant: normal;
	font-weight: normal;
	display: inline;
}
#menu div ul li a:hover{
	color: #ffcc00;
	display: inline;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fc0;
	
}

#menu div ul li.current_page_item a{

	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
}
/* left menu */
#leftbox{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
}

#left{
	width: 260px;
	overflow:hidden;
}
#left h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin: 0px;
	text-align: center;
	padding: 10px 0px 10px 0px;
	background-color: #999999;
	color: #EEEEEE;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	border-top-style: solid;
	border-top-width: 3px;
	border-top-color: #777777;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	border-bottom-color: #777777;
}
#left ul{
	padding: 0px;
	margin: 0px;
	text-indent: 15px;
	background-image: url(images/left-gradient.jpg);
	background-repeat: repeat-y;

}
#left ul li{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	font-size: 14px;
}
#left ul li a{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding: 5px;
	display: block;
	text-decoration: none;
	color: #666666;
	font-variant: normal;
	font-family: Arial, Helvetica, sans-serif;
}
#left ul li a:hover{
	text-decoration: none;
	color: #333333;
	background-image: url(images/left-gradient-hover.jpg);
	background-repeat: repeat-y;
}

#left ul li.current_page_item a{
	background-image: url(images/left-menu-item-background-current.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
#left h5{
	text-align: left;
	margin: 0px;
	padding: 0px;
}
#left .required{
	color: #990000;
}
.sidebar_widget{
text-indent: 10px !important;
font-weight:bold;
font-size:16px;
color:#000;
padding:10px 10px 10px 10px;
line-height:22px;

}
#contact{
	padding: 20px 15px 20px 15px;
	background-color: #dddddd;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	text-align: center;
}
#contact p{
	font-size: 13px !important;
	line-height: 17px !important;
	padding-top: 0px;
	padding-left: 2px;
	padding-right: 2px;
	text-indent: 0px !important;
}
#contact form{
	text-align: center;
	background-color: #dddddd;
}
.input{
	margin: 1px;
	padding: 0px;
	font-size: 11px;

	width: 226px;
	background-color: #ffffff;
	border: solid 1px #ccccff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	
}
.inputtitle{
	width: 60px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666699;
	text-align: left;
	padding: 5px;
	padding-left: 10px;
	margin: 0px;
}
.inputtitle2{

	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666699;
	text-align: left;
	padding: 5px;
	padding-left: 10px;
	margin: 0px;
}
.inputbox{
	text-align: left;
	padding: 0px;
	margin: 0px;
}
.input2{
	text-align: left;
	background: none;
	border:none;
	padding: 5px;
	margin: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 155px;
	background-color: #ffffdd;
	
}
.input3{
	padding: 5px;
	margin: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 100px;
	width: 213px;
	background-color: #ffffdd;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	overflow: auto;	
}
.input2:focus, .input3:focus{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.input:hover{
	border: solid 1px #333333;
}

/* ===================================================== */
/*                body                                   */
/* ===================================================== */
#body{
	margin: 0px;
	padding: 0px;
}

#body2{
	margin: 0px;
	padding: 0px;
	height: 100%;
	background-color: #ffffff;


}
#body p{
	margin-left: 10px;
	text-indent: 10px;
	font-size: 13px;
	line-height: 21px;
}
#body p.noindent{
	text-indent: 0px;
}
.navigation{
        padding: 0px 15px;
}
.navigation a{
       color: #633;
       font-size: 14px;
}
.navigation a:hover{
       color: #933;
       text-decoration: underline;
}
#main{
	margin: 0px;
	padding: 0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #444444;
	width: 898px;
}
#right img{
	margin: 10px;
	
	padding: 1px;
	display: inline;
}
.nomargin{
	margin: 0px !important;
}
.nopadding{
	padding: 0px !important;
}
#right img.border{
	border: solid 1px #000000;
}
.left{
	float: left;
}
.badge{
  text-decoration: none !important;
}
.meta{
  padding-left: 30px;
  font-size: 10px;
  font-weight: bold;
  margin-bottom: 15px;
}
.metaslider{
  font-size: 12px;

}
.right{
	float: right;
}
.feedback{
        margin: 5px 10px;
        padding: 25px 5px 0px 40px;
	background-image: url(images/wall-post.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#right a{
        color: #600;
}
#right a:hover{
        color: #900;
}
#right {

	background-image: url(images/page.jpg);
	background-repeat: no-repeat;	
	width: 637px;
	min-height: 400px;
}
#right h1{
	margin-top: 0px;
	margin-left: 20px;
	padding-left: 0px;
	padding-top: 26px;
	text-align: left;
	text-indent: 40px;
	color: #990000;
	font-size: 24px;
text-transform:capitalize !important;
	font-variant: small-caps;
        font-family: Georgia, "Times New Roman", Times, serif;
}
#right h2{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cccccc;
	font-size: 18px;
        padding-top: 20px;
        margin-top: 20px;
        text-transform:capitalize !important;
	font-variant: small-caps; font-family: Georgia, "Times New Roman", Times, serif;
}
#right h2 a{
        text-decoration: none;
        color: #600;
}
#right h2 a:hover{
      text-decoration: underline;
      color: #400;
}
#right h3{

}
#right h4{
	margin-left: 30px;
}

#right ul {
	margin-left: 30px;
}
#right ul li{
	list-style-type: square;	
}
blockquote{
	background-image: url(images/quotes.png);
	background-repeat: no-repeat;
	min-height: 50px;
	padding-left: 58px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-right-width: 6px;
	padding-right: 5px;
	border-right-style: solid;
	border-right-color: #CCCCCC;	
	
}
/* ===================================================== */
/*                footer                                 */
/* ===================================================== */
#footer {
	background-color: #444444;
	padding: 0px 1px 1px 1px;
	width: 898px;
	margin: auto;
	text-align: center;
	background-image: url(images/footer-background.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
#footer div ul{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	margin-top: 15px;
}
#footer div ul li{
	display: inline;
	margin-left: 5px; 
	margin-right: 5px;
}
#footer p{
	
	color: #cccccc;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#footer div{
	width: 898px;
	padding-top: 20px;
	padding-bottom: 10px;
	font-size: 11px;
	background-color: #ffffff;
	color: #333333;
}
#footer div p{
	color: #666666;
	line-height: inherit;
}
#footer div a{
	color: #993333;
}
#footer div a:hover{
	color: #000000;
}

#footer a{
	color: #ffcccc;
}
#footer a:hover{
	color: #ffffff;
}
/* ===================================================== */
/*                slider                                 */
/* ===================================================== */

#slider{	
	background-color: #eee;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #aaa;
	padding-top: 5px;
	padding-bottom: 5px;
}
#slider ul, #slider ul li{
	margin:0px;
	padding:0px;
	list-style:none;
 	overflow:hidden; 

}

#slider li{ 
	/* 
	define width and height of list item (slide)
	entire slider area will adjust according to the parameters provided here
	*/ 
	width:637px;
	height:24px;
	font-size: 18px;
	


}
#slider a{
	padding: 10px;
	text-decoration: underline !important;
	color: #b00;
	font-variant: small-caps
}
#slider a:hover{
	color: #f66;
}
	ol#controls{
		margin:10px 0;
		padding:0 0 0 10px;
		height:25px;	
font-size: 12px;
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:25px;
		line-height:25px;
		text-indent: 0px;
		}
	ol#controls li a{
		float:left;
		height:23px;
		line-height:22px;
		border:1px solid #bbb;
		background:#eee;
		color:#555;
		padding:0 8px;
		text-decoration:none;
	}
	ol#controls li a:hover{
		background:#ddd;
		color: #333;
	}
	ol#controls li.current a{
		background:#666;
		color:#fff;
}