/*
Theme Name: Cleaveland
Theme URI: http://www.cc-lawoffice.com
Description: Cleaveland & Cleaveland website design
Author: the Integrated Webworks team
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
Text Domain: twentyten
*/


html, body, form, fieldset {
        margin: 0;
        padding: 0;
		font:Arial, Helvetica, sans-serif;
}
a{
	outline:none;
	text-decoration:none;
}

a img{
	border:none;
}
/* Neutralize styling: 
   Elements with a vertical margin: */
p, h1 {
        margin: 0;
        padding-bottom: 10px;
}
   

h2, h3, h4, h5, h6, pre,
blockquote, ul, ol, dl, address {
        margin: 0;
        padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
dd, blockquote { margin-left: 1em; }

/* Miscellaneous conveniences: */
form label { cursor: pointer; }

fieldset { border: none; }

input, select, textarea {
        font-size: 100%;
		font-family: inherit;
}

table { border-collapse: collapse; }

th, td { padding: 0; }



@font-face {
    font-family: 'ArvoRegular';
    src: url('http://www.cc-lawoffice.com/fonts/Arvo-Regular-webfont.eot');
    src: url('http://www.cc-lawoffice.com/fonts/Arvo-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.cc-lawoffice.com/fonts/Arvo-Regular-webfont.woff') format('woff'),
         url('http://www.cc-lawoffice.com/fonts/Arvo-Regular-webfont.ttf') format('truetype'),
         url('http://www.cc-lawoffice.com/fonts/Arvo-Regular-webfont.svg#ArvoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ArvoItalic';
    src: url('http://www.cc-lawoffice.com/fonts/Arvo-Italic-webfont.eot');
    src: url('http://www.cc-lawoffice.com/fonts/Arvo-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.cc-lawoffice.com/fonts/Arvo-Italic-webfont.woff') format('woff'),
         url('http://www.cc-lawoffice.com/fonts/Arvo-Italic-webfont.ttf') format('truetype'),
         url('http://www.cc-lawoffice.com/fonts/Arvo-Italic-webfont.svg#ArvoItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ArvoBold';
    src: url('http://www.cc-lawoffice.com/fonts/Arvo-Bold-webfont.eot');
    src: url('http://www.cc-lawoffice.com/fonts/Arvo-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.cc-lawoffice.com/fonts/Arvo-Bold-webfont.woff') format('woff'),
         url('http://www.cc-lawoffice.com/fonts/Arvo-Bold-webfont.ttf') format('truetype'),
         url('http://www.cc-lawoffice.com/fonts/Arvo-Bold-webfont.svg#ArvoBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ArvoBoldItalic';
    src: url('http://www.cc-lawoffice.com/fonts/Arvo-BoldItalic-webfont.eot');
    src: url('http://www.cc-lawoffice.com/fonts/Arvo-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.cc-lawoffice.com/fonts/Arvo-BoldItalic-webfont.woff') format('woff'),
         url('http://www.cc-lawoffice.com/fonts/Arvo-BoldItalic-webfont.ttf') format('truetype'),
         url('http://www.cc-lawoffice.com/fonts/Arvo-BoldItalic-webfont.svg#ArvoBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	line-height:19px;
	background:#000d18;
}

.clear{
	clear:both;
}

h1{
	font-size:34px;
	line-height:34px;
	color:#3b1113;
	margin-bottom:5px;
	clear:both;
}
h1.entry-title{font-size:28px; margin-top:20px;}

h2{
	margin-top:10px;
	margin-bottom:5px;
}

input[type=text], textarea{
	background:#f7f1ec;
	border: none;
}

input[type=submit]{
	background:url(http://www.cc-lawoffice.com/images/btn.jpg) repeat-x 0 0;
	font-family: 'ArvoBold';
	color:#2c4255;
	border:none;
	font-size:16px;
	text-transform:uppercase;
	width: 325px;
	height: 39px;
	cursor:pointer;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow:  2px 2px 2px 0px rgba(0, 0, 0, .3);
    box-shadow:  2px 2px 2px 0px rgba(0, 0, 0, .3);
}

#container{
}

div.wrap{
	clear: both;
	margin:0 auto;
	width:987px;
	position: relative;
}

#header{
	background:#090f15 url(http://www.cc-lawoffice.com/images/header.jpg) no-repeat bottom center;
	max-height:580px;
	background-size:cover;
}

#top{
	background:#f7f1ec url(http://www.cc-lawoffice.com/images/headertop.jpg) repeat-x bottom center;
	height:150px;
}

#top #social{
	list-style:none;
	float: right;
	margin-right:10px;
	margin-top:15px;
}

#social li{
	float: left;
}

#top #social a{
	text-indent:-9999px;
	width: 25px;
	height:20px;
	display:block;
	margin-top:16px;background-size:auto 20px;
}

#social a.fb{
	background:url(http://www.cc-lawoffice.com/images/social.png) no-repeat 0 0;
	margin-right: 10px;
}

#social a.tw{
	background:url(http://www.cc-lawoffice.com/images/social.png) no-repeat -30px 0;
}

#logo{
	float: left;
	position:absolute;
	top:8px;
	z-index:9999;
}

#nav{
	margin-top:60px;
}

#nav{
	list-style:none;
}

#nav li{
	float: left;
	color:#f7f1ec;
	position:relative;
	background:url(http://www.cc-lawoffice.com/images/nav.jpg) no-repeat right 12px;
}

#nav li.contact{
	background:none;
}

#nav a{
	display:block;
	font-family: 'ArvoBold';
	color:#f7f1ec;
	float: left;
	margin-top:2px;
	padding: 9px 20px;
	font-size:12px;
	text-transform:uppercase;
}

#nav li:hover > a{
	background:url(http://www.cc-lawoffice.com/images/nav-hover.jpg) repeat-x 0 0;
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
}

#nav li:hover > a{
	padding: 9px 19px;
}

/* dropdown */
#nav li:hover > ul {
	display: block;
	clear:both;
}

/* level 2 list */
#nav li ul {
	display: none;
	top: 2px;
	float: left;
	margin: 0;
	padding: 0;
	left: 0;
	top:38px;
	width: 200px;
	position:absolute;
	font-family:Georgia, "Times New Roman", Times, serif;
	list-style:none;
	z-index: 10000;
	background: #123055;
}
#nav ul li {
	clear:both;
	margin: 0;
	height: 30px;
	width:100%;
	margin-top: 0px;
	padding: 5px 10px;
	background: #152a41;
	border-bottom:1px solid #162737;
}

#nav ul li:hover{
	background:#0c161f;
}

#nav ul a {
	font-size: 12px;
	text-align: left;
	font-family:Georgia, "Times New Roman", Times, serif;
	z-index: 10000;
	padding:0;
	background:none;
}

#nav li:hover > ul a{
	background:none;
	border:none;
	padding:8px;
}

/* level 3+ list */
#nav ul ul {
	left: 220px;
	top: 0;
	position:absolute;
	width: 180px;
	float: left;
	border-left:1px solid #162737;
}

/* rounded corners of first and last link */
#nav ul li:first-child > a {
}
#nav ul li:last-child > a {
}

/* clearfix */
#nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}


#content{
	background:#f7f1ec url(http://www.cc-lawoffice.com/images/content.jpg) repeat-y top center;
	clear:both;
}

#content .split{
	background: url(http://www.cc-lawoffice.com/images/split.jpg) repeat-y top center;
}

#content .full{
	padding: 15px;
	padding-top: 30px;
	width: 924px;
}

#content form{
	float: left;
	margin-bottom:50px;
	margin-right:60px;
}

#content label{
	margin:15px 0 2px;
	display:block;
}

#content input[type=text]{
	border:1px solid #3b1113;
	padding: 7px 3px;
}

#content textarea{
	height: 90px;
	border:1px solid #3b1113;
	margin-bottom:30px;
	padding: 7px 3px;
}

#content iframe{
	margin: 10px 0 20px;
}

div.callout{
	float: left;
	margin-top:-40px;
}

#right input, #right input[type=text]{
	width: 219px;
	border:1px solid #3b1113;
	padding: 7px 3px;
	margin-bottom:10px;
}

#left{
	width: 613px;
	float:left;
	margin-top: 15px;
	padding: 0 15px;
}

#left > div{
	margin-bottom:20px;
}

#left a{
	color:#440101;
}

.consult{
	background:url(http://www.cc-lawoffice.com/images/consult.jpg) repeat-y top right;
	margin-right: -14px;
	padding-top:25px;
	padding-left:15px;
}

.consult h3{
	background:url(http://www.cc-lawoffice.com/images/freeconsult.png) no-repeat 0 0;
	text-indent:-9999px;
	width: 511px;
	height: 37px;
	display:block;
	margin-bottom:15px;
}

.consult h4{
	font-size:30px;
	font-family: 'ArvoBold';
	color:#a6a4a3;
	margin-bottom:25px;
	width: 500px;
}

.consult h4 span{
	float: right;
}

#right{
	width: 281px;
	float:left;
	padding-left: 30px;
	padding-bottom:10px;
}

#right h3{
	margin-top: 15px;
}

#right h3 a{
	color:#3b1113;
}

#right ul{
	list-style:none;
	margin-bottom: 5px;
}

#right li a{
	color:#393939;
}

#content a:hover{
	color:#123055;
}

#footer{
	background:#000d18 url(http://www.cc-lawoffice.com/images/footer.jpg) no-repeat top center;
	background-size:cover;
}

#footer .left{
	width: 633px;
	float:left;
}

.left h3.help{
	width: 493px;
	height:56px;
	text-indent:-9999px;
	background:url(http://www.cc-lawoffice.com/images/help.png) no-repeat  0 0;
	margin:10px 0;
	display:block;
}

#footer .location{
	float: left;
	width: 301px;
	height: 166px;
	margin-left: 10px;
	margin-bottom:50px;
}

#footer .location h4{
	font-family: 'ArvoBold';
	color:#FFF !important;
	font-size:14px;
}

#footer .location p, #footer .location p a{
	color:#f7f1ec;
}

p.copy{
	float: left;
	margin-right: 60px;
	margin-left:10px;
	color:#FFF;
	font-size:12px;
}

p.copy a{
	color:#FFF;
}

#footer .showDesktop{
	display: none;
}

#footer form.contact{
	float: left;
	width: 321px;
	margin-bottom: 40px;
}

#footer label{
	color:#FFF;
	margin:10px 0 2px;
	display:block;
}

#footer input[type=text]{
	width: 319px;
	padding: 7px 3px;
}

#footer textarea{
	width: 319px;
	height: 60px;
	margin-bottom:30px;
	padding: 7px 3px;
}

#footer a:hover, #footer .location p a:hover{
	color:#123055;
}

.entry-meta, .entry-utility, #content .entry-utility a, #content .entry-meta a{
	font-size:12px;
	color:#b3acae !important;
	margin-bottom:10px;
}
div.entry-utility{margin-bottom:60px;}

.wp-caption{
	background:#6a0505;
	margin-bottom:10px;
	padding:10px 0 10px 10px;
	color:#f8f7e2;
	font-size:12px;
}

.wp-caption p{
	margin:0;
	padding:0;
}

#content #commentform, #content #commentform input[type=text], #commentform textarea{
	width: 500px;
}

#commentform label{
	float: left;
}

#comments{
	margin-left:20px;
	background:#e3e1d0;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding:15px 25px 30px;
	margin: 10px 0;
	width: 520px;
}
/* =Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */

pre {
	-webkit-text-size-adjust: 140%;
}
code {
	-webkit-text-size-adjust: 160%;
}
#access,
.entry-meta,
.entry-utility,
.navigation,
.widget-area {
	-webkit-text-size-adjust: 120%;
}
#site-description {
	-webkit-text-size-adjust: none;
}


/* =Print Style
-------------------------------------------------------------- */

@media print {
	body {
		background: none !important;
	}
	#wrapper {
		clear: both !important;
		display: block !important;
		float: none !important;
		position: relative !important;
	}
	#header {
		border-bottom: 2pt solid #000;
		padding-bottom: 18pt;
	}
	#colophon {
		border-top: 2pt solid #000;
	}
	#site-title,
	#site-description {
		float: none;
		line-height: 1.4em;
		margin: 0;
		padding: 0;
	}
	#site-title {
		font-size: 13pt;
	}
	.entry-content {
		font-size: 14pt;
		line-height: 1.6em;
	}
	.entry-title {
		font-size: 21pt;
	}
	#access,
	#branding img,
	#respond,
	.comment-edit-link,
	.edit-link,
	.navigation,
	.page-link,
	.widget-area {
		display: none !important;
	}
	#container,
	#header,
	#footer {
		margin: 0;
		width: 100%;
	}
	#content,
	.one-column #content {
		margin: 24pt 0 0;
		width: 100%;
	}
	.wp-caption p {
		font-size: 11pt;
	}
	#site-info,
	#site-generator {
		float: none;
		width: auto;
	}
	#colophon {
		width: auto;
	}
	img#wpstats {
		display: none;
	}
	#site-generator a {
		margin: 0;
		padding: 0;
	}
	#entry-author-info {
		border: 1px solid #e7e7e7;
	}
	#main {
		display: inline;
	}
	.home .sticky {
		border: none;
	}
}

/* Responsive images */
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

/* Make sure videos and embeds fit their containers */
embed,
iframe,
object,
video {
	max-width: 100%;
}
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important; /* Override the Twitter embed fixed width */
}

/* Images */
.alignleft {
	float: left;
	margin-right:20px;
}
.alignright {
	float: right;
	margin-left:20px;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
	/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border-radius: 3px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.wp-caption {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
	padding: 4px;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-style: italic;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #757575;
}
img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.entry-content dl.gallery-item {
	margin: 0;
}
.gallery-item a,
.gallery-caption {
	width: 90%;
}
.gallery-item a {
	display: block;
}
.gallery-caption a {
	display: inline;
}
.gallery-columns-1 .gallery-item a {
	max-width: 100%;
	width: auto;
}
.gallery .gallery-icon img {
	height: auto;
	max-width: 90%;
	padding: 5%;
}
.gallery-columns-1 .gallery-icon img {
	padding: 3%;
}

@media only screen and (min-width:987px){
	#nav {height: 40px;}
	.mobilenav, li.close{display:none;}
}

@media only screen and (max-width:986px){
	#container {min-width: 100%;}
	#header{background: #162737;}
	#logo{position:relative;float:none; top:10px; margin:0 auto; text-align:center;}
	.navigation{width: 230px;margin-top: 0;float: none;background: #6e212b;position: fixed; top:0; right: -350px; height:100%;overflow: hidden;transition: right 1s; -webkit-transition:right 1s; -moz-transition: right 1s; z-index: 99999; overflow-y: scroll; color:#FFF;}
	.navigation.open{right:0;}
	#nav a.mobilenav, #nav li.close{display:block;}
	li.close{display:block; margin-bottom:30px;}
	.hamburger{width:100%; height:20px; background:#3b1113 url(http://www.cc-lawoffice.com/images/menu.png) no-repeat center center; margin: 0; float:right; display:block;   background-size: auto 16px;}
	div.wrap{width: auto;margin:0; height: 100%;}
	#social{display:none;}
	#top{background:#f7f1ec;	height:150px;}
	
	#nav{height:auto; margin:0;}
	#nav li{float:none; background:none; }
	#nav a{float:none;}
	#nav li:hover > a{border:none;}
	#nav li ul{display:block; position:relative; top:auto; left:auto;width:auto; background:none; border:none; float:none; margin:0 0 0 20px;}
	#nav ul li{background:none; border:none; height:auto; padding: 2px;}
	
	#nav li:hover a {padding: 9px 19px;}
	#nav li:hover > ul a {padding: 0;}
	#nav ul li:hover {background: none;}
	
	#nav li > ul > li > ul {display: none;}
	
	#slider{width:  98%;margin:0 auto 40px;height: 100%; border:none;}
	#slides {width:100%;height:auto;}
	.slides_container {width:100%;display:none;}
	#slider img{width:100% !important;}
	#slides .slide {width:100%;height:auto;}
	div.callout{width:33.3%;}
	div.callout img{width:100%;}
	#content .full{width: auto;}
	#content .split{background:none;}
	#left{float:none; width:auto; clear:both; padding-top:20px;}
	#right{display:none;}
	
	input[type=submit]{width: 100%;}
	#content form{width: 33%;}
	#content input[type=text],#content textarea{width:96%;}
	#content iframe{width:80% !important;}
	#footer .left{width: 66.6%;}
	/*.left h3.help{width: auto; background-size:100%;}*/
	.left h3.help{display: none;}
	#footer .location{width: 100%;height: auto; margin: 20px 0; float:none; text-align: center; font-size: 13px;}	
	#footer form.contact{width: 28.3%;margin-right:5%;margin-top: 10px;}
	#footer input[type=text]{width: 98%;}
	#footer textarea{width: 96%;}
	#footer .location h4{margin-bottom: 5px;}
	#footer .location h4 a{color: inherit;}
	#footer p.copy {margin-top: 0 !important; margin: 10px; padding: 0px;}
	.consult h4{font-size:25px;}
	.consult h4 a{color: inherit;}
	#content .wrap.profiles {padding: 15px 0;  height: auto;}
	
	#nav-above, #nav-below{display:none !important;}
	
	#footer .showDesktop{
		  display: block;
  margin: 0 auto  !important;
  float: none  !important;
  text-align: center  !important;
  width: 120px  !important;
	}
}


@media only screen and (max-width:600px){	
	#content form{width: 99%;}
	#content iframe{width:100% !important;}
}

@media only screen and (max-width:525px){
	#header{ background:#162737;}
	#top{height:150px;}
	#logo img{width: 90%;}	
	.consult{padding-left:0; margin-right:0;}
	.consult h3{background-size:100%; width:auto;}
	.consult h4{width:auto;}
	
	#footer .left{width: 100%;}
	#footer .location{width: 45%;height: auto;}	
	#footer form.contact{display:none;}
}

@media only screen and (max-width:420px){
	div.callout{width:75%; float:none; margin:0 auto 20px; }
	div.callout:nth-child(1){ margin-top:-40px;}
	.consult h4{font-size:24px;}
}

@media only screen and (max-width:320px){
	.consult h4{font-size:18px;}
	p.copy{display:none;}
}