/*
Theme Name: Indiana Criminal Lawyers.
Theme URI: http://wordpress.org/extend/themes/twentyeleven
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.
Version: 1.3
License: GNU General Public License
License URI: license.txt
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

h2 {
	font-size: 16px;
	font-weight: bold;
	color: #fffeff;
	font-style:;
	text-align: left;
	padding-bottom:5px;
	padding-top:5px;
}

h3 {
	font-size: 14px;
	font-weight: bold;
	color: #fffeff;
	font-style:italic;
	text-align: left;
	padding-bottom:5px;
	padding-top:5px;
}
h4 {
	font-size: 14px;
	font-weight: bold;
}

h5 {
	font-size: 14px;
	font-weight: bold;
	font-color: #fff;
}

h1 {
	font-size:30px;
	color:#fff;
	
	text-align:left;
	font:normal 30px "Times New Roman", Times, serif;
	text-align:left;
}


/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/* Assistive text */
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}
#access a.assistive-text:active,
#access a.assistive-text:focus {
	background: #eee;
	border-bottom: 1px solid #ddd;
	color: #1982d1;
	clip: auto !important;
	font-size: 12px;
	position: absolute;
	text-decoration: underline;
	top: 0;
	left: 7.6%;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(images/bg.jpg);
	padding:30px 0 0px;
	overflow-x:hidden;
}
*{
	margin:0;
	padding:0;
	outline-width:0;
}
img{
	border:none;
}
ul,li,ol{
	list-style:none;
}
a{
	text-decoration:none;
	color:#0379fe;
}
a:hover{
	text-decoration:underline;
}
/* page structure ================= */
/* ------- wrapper starts --------- */
.wrapper{
	width:958px;
	margin:0 auto;
	text-align:left;
}
.header{
	width:958px;
	background:url(images/top-bg.png);
	/*height:233px;*/
	height:272px;
}
.topArea{
	height:191px;
	overflow:hidden;
	height:231px;
}
.logo {
	color:#fff;
	text-decoration:none;
	font-family:"Times New Roman", Times, serif;
	text-transform:uppercase;
	width:550px;
	float:left;
	margin:33px 0 13px 26px;
	background:url(images/logo-border.gif) no-repeat center bottom;
	padding-bottom:13px;
	margin:37px 0 20px 26px;
	padding-bottom:16px;
	font-size:40px;
	font-weight:bold;
}
.logo strong{
	text-transform:none;
	display:block;
	font-size:30px;
}
.logo:hover{
	text-decoration:none;
}
.headerTitle{
	font-size:20px;
	clear:left;
	color:#fff;
	margin:18px 0 0 25px;
	font-weight:bold;
	float:left;
}
.headerTitle span{
	color:#0379FF;
}
.headerTitle a{
	color:#fff;
}
.justtice{
	float:right;
	border:3px solid #4c4c4c;
	float:right;
	margin:5px 5px 0 0;
}
.justtice img{
	/*width:232px;*/
	height:auto;
	display:block;
	width:auto;
}
.nav{
	height:43px;
	background:url(images/nav-bg.png) repeat-x;
}
.nav li{
	float:left;
	background:url(images/border.gif) no-repeat left 15px;
	padding:0 15px 0 13px;
	position:relative;
}
.nav li:first-child{
	background:none;
}
.nav li a{
	color:#b0b0b0;
	line-height:38px;
}
.nav li a:hover{
	color:#0379ff;
	text-decoration:none;
}
.nav ul ul{
	background:#131313;
	position:absolute;
	left:0;
	top:32px;
	visibility:hidden;
	border:1px solid #373737;
}
.nav ul ul li{
	background:none;
}
.nav ul ul li a{
	 background: url("images/sub-border.gif") repeat-x scroll left bottom transparent;
    clear: both;
    float: none;
    padding:0 10px;
    width: 130px;
    display:block;
}
.nav ul ul li:last-child a{
	background:none;
}
.topPart{
	width:906px;
	width:922px\9;
	min-height:298px;
	border-bottom:none;
	clear:both;
	margin:0px 0 20px;
}
.topPart .subNav{
	margin:20px 0px 0 0;
	float:left;
}
.topInfo{
	float:right;
	width:663px;
	margin:-21px -2px 0 0\9;
	border:1px solid #575757;
	min-height:259px;
	padding:38px 35px 0;
	background:#141414;
}
.topInfo{
    margin:-21px -2px 0 0\0/IE8+9;
}
body.home .topInfo{
    margin:0 15px 0 -15px\0/IE8+9;
}
:root .topInfo { margin:0px 15px 0 -15px\0/IE9; }  
.welcome a{
	text-decoration: inherit;
}
.mainBody{
	background:url(images/bg.png);
	width:908px;
	min-height:300px;
	overflow:hidden;
	padding:25px;
}
.subNav{
	border:1px solid #5b5b5b;
}
.subNav li{
	line-height:23px;
	clear:both;
	border-border:1px solid #5b5b5b;
}
.subNav li a{
	line-height:23px;
	color:#b0afaf;
	padding-left:10px;
	background:#353435 url(images/side-nav.gif) repeat-x;
	display:block;
	width:157px;
}
.subNav li a:hover,.subNav li.current-menu-item a{
	text-decoration:none;
	color:#0379ff;
}
.left{
	width:170px;
	float:left;
}
.blogRight{
	float:right !important;
}
.right{
	float:right;
	width:705px;
}
.contentArea p,.contentArea{
	color:#d4d4d4;
	line-height:18px;
	padding-bottom:18px;
}
.info{
	width:170px;
	float:left;
	height:298px;
	border:1px solid #505050;
	border-width:1px 0 0 1px;
	text-align:center;
	background:#141414 url(images/info-bg.gif) repeat-x left bottom;
}
.blogRight .info{
	border-width:1px;
	padding:10px;
	min-height:278px;
	height:auto;
	width:150px;
}
.blogRight ul{
	text-align:left;
}
.info img{
	border-bottom:1px solid #505050;
	margin-bottom:15px;
}
.info label{
	font-size:13px;
	color:#fff;
	display:block;
	text-align:center;
	line-height:19px;
}
.topPart h2.title,body.home .entry-title{
	font-size:30px;
	padding:30px 0 25px;
	color:#fff;
	text-align:left;
	font:normal 30px "Times New Roman", Times, serif;
	text-align:left;
}
.entry-title a{
	color:#fff;
	text-decoration:none;
}
.topPart p{
	font-size:14px;
	color:#a4a3a3;
	line-height:19px;
}
.topPart .info p{
	padding:0;
}
.topPart p a{
	color:#0379ff;
}
.topPart p a:hover{
	text-decoration:underline;
}
.left{
	float:left;
	clear:left;
}
.footer{
	text-align:center;
	font-size:12px;
	height:71px;
	width:800px;
	margin:0 auto;
}
.footer p{
	padding-top:25px;
	color:#fff;
	text-align:center;
}
.footerInfo{
	width:908px;
	margin:0 auto;
	text-align:center;
}
.footerInfo p,.footerInfo .textwidget{
	text-align:center;
	margin:0 auto;
}
/* contact page */
.location{
	width:201px;
	border:1px solid #313131;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	float:right;
	margin:0px;
	padding:24px 15px 20px 20px;
}
.location h3{
	border-bottom:1px solid #383838;
	font:normal 24px "Times New Roman", Times, serif;
	color:#fff;
	padding-bottom:13px;
	margin-bottom:15px;
}
.location p{
	color:#b4b2b2;
	font-size:12px;
	text-align: left;
}
.phone{
	padding:3px 0 3px 17px;
	color:#b4b2b2;
	font-size:17px;
	font-weight:bold;
	display:block;
	margin-bottom:8px;
	background:url(images/phone.gif) no-repeat;
}
.message{
	padding-left:20px;
	background:url(images/message.jpg) no-repeat left 2px;
	font-size:11px;
	color:#0379fe
}
.message a{
	text-decoration:underline;
}
.location dd{
	padding-bottom:20px;
	margin-bottom:20px;
	overflow:hidden;
	border-bottom:1px solid #383838;
}
.location dd:last-child{
	padding-bottom:0;
	border:none;
}
.page-title,body.page .entry-title,body.page .page-title{	
	font:normal 24px "Times New Roman", Times, serif;
	color:#fff;
	padding-bottom:17px;
	margin-bottom:28px;
	background:url(images/title-border.gif) repeat-x left bottom;
	text-align:left;
}
body.page .entry-title,body.page .page-title{
	margin-right:30px;
}
.contactArea{
	width:391px;
	padding-bottom:200px;
}
.contactArea li{
	padding-bottom:20px;
	overflow:hidden;
}
.contactArea label{
	width:120px;
	float:left;
	font-size:12px;
	color:#a09f9f;
	line-height:22px;
}
.contactArea input[type='text'],.contactArea textarea{
	width:258px;
	padding:3px 5px;
	border:1px solid #4c4c4c;
	background:#2c2c2c;
	color:#fff;
	font-family:Arial;
	font-size:12px;
}
.contactArea p{
	padding-bottom:19px;
}
.submitArea{
	padding-left:120px;
}
.submitArea input,.submitArea a,.submitArea a:hover{
	background:url(images/submit-bg.gif) repeat-x;
	height:24px;
	margin-right:10px;
	cursor:pointer;
	text-decoration:none;
	display:block;
	float:left;
	border:none;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	padding:0 18px;
	padding:0 18px;
	height:25px;
	line-height:25px;
	font-size:12px;
	color:#3c3c3c;
}
.content{
	padding-right:10px;
	color:#a4a3a3;
	font-size:13px;
}
.content h2,.entry-title,.page-title{
	font:normal 18px, "Times New Roman", Times, serif;
	color:#fff;
	font-style: italic;
	padding-bottom:15px;
	text-align:center;
}
.borderArea{
	border-bottom:1px solid #575757;
	padding-bottom:10px;
	margin-bottom:20px;
}
.content .borderArea h2{
	text-align:left;
}
.content p,.content li,.welcome p,.welcome li{
	font-size:13px;
	color:#a4a3a3;
	padding-bottom:23px;
}
.list li {
	font-size:13px;
	color:#c7c7c7;
	font-weight:bold;
	font-style:italic;
	padding-bottom:17px;
}
.entry-meta,.comments-link,.entry-meta{
	display:none;
}

.mobile-only, .mobile-posts {
	display: none;
}

/* ------- // RESPONSIVE \\ --------- */


/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-width : 320px)
and (max-width : 699px) {

body {
	padding-top: 0 !important;
	-webkit-hyphens: none;
}

.wrapper, .header, .topArea {
	max-width: 100%;
}

.justtice, nav {
	display: none;
}

a.logo {
	display: block;
	width: 100%;
	margin-left: 0;
	font-size: 25px;
	text-align: center;
	margin-top: 20px;
	background: none !important;
}

a.logo strong {
	font-size: 20px;
}

h2.headerTitle {
	text-align: center;
	width: 98%;
	margin: -30px 0 0 2%;
	font-size: 15px;
	line-height: 26px;
}

img#RM3Lines {
	width: 53px !important;
	height: 15px !important;
}

h2.headerTitle span, h2.headerTitle a {
	color: #0379FF;
}

.header {
	height: 180px;
	background: #000 url(images/nav-bg.png) repeat-x bottom;
}

.mainBody, .mainBody .topPart {
	max-width: 100%;
	box-sizing: border-box;
}

.mainBody .info {
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 30px;
	border-bottom: 1px solid #505050;
	background: #000;
	height: 214px;
	border-right: 1px solid #505050;
	position:relative;
}

.topPart .info img {
	float: left;
	border: none !important
}

.topPart .info p {
	position: absolute;
	right: 10px;
	top: 100px;
	padding-top: none !important;
	padding-left: 5px;
}

.mainBody .topInfo {
	float: none !important;
	box-sizing: border-box;
	max-width: 100%;
}

.mainBody .topInfo h1.title {
	clear: both;
}

.mainBody .topInfo h1 {
	font-size: 25px;
	text-align: center;
}

iframe {
	max-width: 100%;
	height: auto;
}

.footer {
	max-width: 100%;
	box-sizing: border-box;
}

.footerInfo {
	max-width: 100%;
	box-sizing: border-box;
}

.topPart .left {
	float: none !important;
	width: 100%;
	box-sizing: border-box;
}

body.page-id-18 .topPart .left {
	display: none;
}

body.page-id-18 .topPart .location {
	float: none !important;
	width: 250px;
	margin: 0 auto;
	box-sizing: border-box;
	margin-bottom: 20px;
}

.contactArea {
	max-width: 100%;
	box-sizing: border-box;
}

.mainBody h2 {
	text-align: center !important;
	line-height: 20px;
}

.mainBody h3 {
	line-height: 20px;
}

a.copyscape {
	display: none;
}

h2.headerTitle {
	display: none;
}

h2.headerTitle.mobile-only {
	display: block;
	
}

h2.headerTitle.mobile-only span {
	padding: 0 5px;
}

address.mobile-only {
	display: block !important;
	color: #fff;
	font-weight: bold;
	font-style: normal;
	line-height: 29px;
	font-size: 24px;
	width: 100%;
	position: absolute;
	z-index: 300;
	right: 15px;
	letter-spacing: 2px;
	bottom: 10px;
	text-align: right;
}

address.mobile-only span {
	display: block;
}

address.mobile-only a {
	color: #fff;
}

#click-menu.admin-bar-showing {
	margin-top: 40px !important;
}

a#go-to-top {
	display: block;
	color: #fff !important;
	font-weight: bold;
	font-size: 16px;
	margin: 10px 0;
}

.mobile-posts {
	display: block;
}

} /* ---- End Main Mobile ----- */

@media only screen
and (min-width : 320px)
and (max-width : 330px) {


h2.headerTitle.mobile-only i {
	display: inline;
	padding: 0 5px 0 5px;
}
	
}

@media only screen
and (min-width : 700px)
and (max-width : 2330px) {

h2.headerTitle a {
	color: #0379FF !important;
	cursor: none;
	
}

h2.headerTitle span {
	color: #fff;
}

}