/*
* Responsive CSS v1.1.2
* Copyright 2012, MarLytics. Developed by Mark Fasel.
* www.LawLytics.com
* Last Updated: 10/05/2012
*/


/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {

	#page_container, #blog_container {background: none!important;}
	div.insertion {width: auto!important; height: auto!important;}
	input[type="submit"] {background: #9d9d9d!important;}
	input[type="submit"]:hover {background: #6e6e6e!important;}
	
	.commentEntry {width: 588px;}
	.children_container .commentEntry {width: 563px;}
	.children_container .children_container .commentEntry {width: 538px;}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.full_width #page_content {width: 748px;}
	/* Structure
	-----------------------------------------*/
	body {padding-top: 0!important; background: none!important!important;}
	#wrapper {background: #fff!important; width: auto!important; border-radius: 0!important; -moz-border-radius: 0!important; -webkit-border-radius: 0!important;}
	#page_container, #blog_container {background: none!important;}
	div.insertion {width: auto!important; height: auto!important;}
	#logo a {text-align: center;}
	header hgroup {text-align: center; width: auto!important; max-width: none!important;}
	
	/* Navigation / Header
	-----------------------------------------*/
	.prevnext {display: none;}
	#main_navigation {display: none;}
	header hgroup {float: none; margin-bottom: 15px; text-align: center;}
	header hgroup h1 {text-align: center;}
	#main_navigation_container {float: none!important;}
	header nav ul {text-align: center; float: none!important;}
	header nav ul li {float: none; display: inline; text-align: center;}
	.phone {float: none!important; text-align: center;}
	.phone p {float: none; margin-left: 0;}
	header #main_navigation_container {margin-left: 0;}
	
	.jumpMenu {display: block; width: 100%; overflow: hidden;}
	.jumpMenu select {width: 90%; margin: 0 auto; display: block; margin-top: 10px;}
	.widget.subnav {background: #f5f5f5;}
	#blog_sidebar, #page_sidebar {width: 236px!important;}
	
	.flex-direction-nav {display: none!important;}
	#top {display: none!important;}
	
	/* Billboard
	-----------------------------------------*/
	.billboard_box {padding: 25px 0;}
	.billboard_content_holder {width: auto!important; position: relative; left: 0; bottom: 0; float: none; padding-bottom: 50px!important; max-width: none!important; min-width: 0!important;}
	.billboard_content h2, .billboard_content_full h2 {font-size: 24px!important; line-height: 24px!important;}
	
	/* Home
	-----------------------------------------*/
	#home_content, #page_content, #blog_content {}
	#home_content .news {width: 100%!important;}
	#home_content .newsList li {width: 100%!important; margin-left: 0!important;}
	.sidebar {background: none!important; padding: 0!important; margin-top: 25px!important; margin-left: 0!important;}
	#home_sidebar input[type="text"], .sidebar input[type="text"] {width: 90%;}
	
	.attorneys_index li, .offices.listview li {width: 236px;}
	
	/* Shoutout
	-----------------------------------------*/
	#shoutout h2 {text-align: center;}
	
	/* Comments
	-----------------------------------------*/
	.leaveComment .single_line_text {width: 100%!important;}
	.leaveComment .buttons input {
		width: auto!important;
	}
	.float_entry {width: 62%;}
	
	.commentEntry {width: 460px;}
	.children_container .commentEntry {width: auto;}
	.children_container .children_container .commentEntry {width: auto;}
	.commentText {float: left; margin-left: 2%; width: 84%;}
	
	/* Spaces
	-----------------------------------------*/
	#spaces {border-radius: 0!important; -moz-border-radius: 0!important; -webkit-border-radius: 0!important; padding-bottom: 5px;}
	.space {margin-bottom: 25px!important;}
	
	/* Footer
	-----------------------------------------*/
	footer nav {float: none!important;}
	footer nav ul {display: block; text-align: left; margin-bottom: 25px; border-top: 1px solid #b6b6b6; padding-top: 10px;}
	footer nav ul li {display: block; margin-left: 0; font-family: Arial, sans-serif; font-size: 12px; border-left: none; padding-left: 0; border-bottom: 1px solid #b6b6b6; margin-bottom: 10px; padding-bottom: 10px; text-align: center;}
	footer nav ul li:first-child {border-bottom: 1px solid #b6b6b6; padding-bottom: 10px; margin-bottom: 10px;}

	.copyright {float: none!important; text-align: center;}
	.social_footer {float: none!important; text-align: center;}
	.bottom_links {float: none!important;}
	.bottom_links ul {text-align: center;}
	
	.insertion.video.float_left {float: none!important; margin-right: 0!important;}
	.insertion.video.float_right {float: none!important; margin-left: 0!important; margin-right: 0!important;}
	.insertion.video {width: 100%!important;}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	.full_width #page_content {width: 300px;}
	
	/* Structure
	-----------------------------------------*/
	body {padding-top: 0!important; background: none!important!important;}
	#wrapper {background: #fff!important; width: auto!important; border-radius: 0!important; -moz-border-radius: 0!important; -webkit-border-radius: 0!important;}
	div.insertion {width: auto!important; height: auto!important;}
	header hgroup {text-align: center; width: auto!important; max-width: none!important;}
	header #main_navigation_container {margin-left: 0;}
	
	/* Navigation / Header
	-----------------------------------------*/
	#main_navigation, .prevnext {display: none;}
	.phone {float: none!important; text-align: center; margin: 15px 0;}
	.phone p {float: none; margin-left: 0;}
	
	header hgroup {text-align: center; float: none;}
	#main_navigation_container {float: none!important; clear: left;}
	.jumpMenu {display: block; width: 100%; overflow: hidden;}
	.jumpMenu select {width: 90%; margin: 0 auto; display: block; margin-top: 10px;}
	#top {display: none!important;}
	
	/* Billboard
	-----------------------------------------*/
	.billboard_box {padding: 25px 0;}
	.billboard_content_holder {width: auto!important; position: relative; left: 0; bottom: 0; float: none; padding-bottom: 50px!important; max-width: none!important; min-width: 0!important;}
	.billboard_content h2, .billboard_content_full h2 {font-size: 24px!important; line-height: 24px!important;}
	.flex-direction-nav {display: none!important;}
	
	/* Home
	-----------------------------------------*/
	.sidebar {background: none!important; padding: 0!important; width: 100%!important; margin-top: 25px!important;}
	#home_sidebar input[type="text"] {width: 90%;}
	
	/* Shoutout
	-----------------------------------------*/
	#shoutout h2 {text-align: center;}
	
	.single_line_text input, .multi_line_text textarea, .blog_search input, select {width: 395px!important;}
	.children_container input[type="text"], .children_container textarea {width: 395px!important;}
	.commentEntry {width: 388px!important;}
	.children_container .commentEntry {width: auto!important;}
	.leaveComment .single_line_text {width: 100%!important;}
	.commentText {float: left; margin-left: 2%; width: 84%;}
	
	/* Spaces
	-----------------------------------------*/
	#spaces {border-radius: 0!important; -moz-border-radius: 0!important; -webkit-border-radius: 0!important; padding-bottom: 5px;}
	.space {margin-bottom: 25px!important;}
	
	/* Footer
	-----------------------------------------*/
	footer nav {display: block!important; float: none!important;}
	footer nav ul {display: block!important; text-align: left; margin-bottom: 25px; border-top: 1px solid #b6b6b6; padding-top: 10px;}
	footer nav ul li {display: block; margin-left: 0; font-family: Arial, sans-serif; font-size: 12px; border-left: none; padding-left: 0; border-bottom: 1px solid #b6b6b6; margin-bottom: 10px; padding-bottom: 10px; text-align: center;}
	footer nav ul li:first-child {border-bottom: 1px solid #b6b6b6; padding-bottom: 10px; margin-bottom: 10px;}

	.insertion.video.float_left {float: none!important; margin-right: 0!important;}
	.insertion.video.float_right {float: none!important; margin-left: 0!important; margin-right: 0!important;}
	.insertion.video {width: 100%!important;}

	.copyright {float: none!important; text-align: center;}
	.social_footer {float: none!important; text-align: center;}
	.bottom_links {float: none!important;}
	.bottom_links ul {text-align: center;}
	
	.float_entry {width: 58%!important;}
	
	.captionContainer {width: 100%!important;}
	.insertion.image.float_left {float: none; margin-left: 0!important; margin-right: 0!important; width: auto!important; height: auto!important; margin-bottom: 15px!important; margin-top: 15px!important;}
	.insertion.image.float_right {float: none; margin-left: 0!important; margin-right: 0!important; width: auto!important; height: auto!important; margin-bottom: 15px!important; margin-top: 15px!important;}
	.space .space {margin-bottom: 0!important;}
	
}
@media only screen and (min-width: 650px) and (max-width: 767px) {
	.float_entry {width: 70%!important;}
}
@media only screen and (min-width: 480px) and (max-width: 649px) {
	.float_entry {width: 60%!important;}
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.full_width #page_content {width: 420px;}
	/* Structure
	-----------------------------------------*/
	body {padding-top: 0!important; background: none!important!important;}
	#wrapper {background: #fff!important; width: auto!important; border-radius: 0!important; -moz-border-radius: 0!important; -webkit-border-radius: 0!important;}
	div.insertion {width: auto!important; height: auto!important;}
	
	/* Navigation / Header
	-----------------------------------------*/
	#main_navigation, .prevnext {display: none;}
	.jumpMenu {display: block; width: 100%; overflow: hidden;}
	.jumpMenu select {width: 90%; margin: 0 auto; display: block; margin-top: 10px;}
	
	/* Billboard
	-----------------------------------------*/
	#billboard_container {display: block;}
	.billboard_content.omega.columns.six {position: static!important; width: auto!important; padding: 25px!important;}
	.billboard_content h2, .billboard_content_full h2 {font-size: 18px!important;}
	.flex-control-paging li a {width: 100%;}
	.billboard_box {padding: 25px 0;}
	
	/* Home
	-----------------------------------------*/
	.sidebar {background: none!important; padding: 0!important; width: 100%!important; margin-top: 25px!important;}
	#home_sidebar input[type="text"] {width: 90%;}
	
	/* Shoutout
	-----------------------------------------*/
	#shoutout {width: 100%!important;}
	#shoutout h2 {text-align: center;}
	
	.leaveComment .single_line_text {width: 100%!important;}
	
	/* Spaces
	-----------------------------------------*/
	#spaces {border-radius: 0!important; -moz-border-radius: 0!important; -webkit-border-radius: 0!important; padding-bottom: 5px;}
	.space {margin-bottom: 25px!important;}
	
	/* Footer
	-----------------------------------------*/
	.footerNavigation nav {float: none!important; display: block;}
	.footerNavigation nav ul {display: block;}
	.footerNavigation nav ul li {display: block; margin-left: 0; font-family: Arial, sans-serif; font-size: 12px; border-left: none; padding-left: 0; margin-top: 10px; border-top: 1px solid #5e5e5e!important;  padding-top: 10px; text-align: center;}
	.footerNavigation nav ul li:first-child {border: none!important; padding-top: 0; margin-top: 0;}
	
	.float_entry {width: 55%!important;}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

	.container, footer.container {width: auto; padding-left: 30px!important; padding-right: 30px!important;}
	.container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column {width: auto;}
		
	/* Structure
	-----------------------------------------*/
	body {padding-top: 0!important; background: none!important!important;}
	#wrapper {background: #fff!important; width: auto!important; border-radius: 0!important; -moz-border-radius: 0!important; -webkit-border-radius: 0!important;}
	#page_container, #blog_container {background: none!important;}
	div.insertion {width: auto!important; height: auto!important;}
	
	/* Navigation / Header
	-----------------------------------------*/
	header hgroup {float: none; margin-bottom: 10px;}
	header hgroup h1 {text-align: center;}
	#main_navigation, .prevnext {display: none;}
	#main_navigation_container {float: none!important;}
	.jumpMenu {display: block; width: 100%; overflow: hidden;}
	.jumpMenu select {width: 90%; margin: 0 auto; display: block; margin-top: 10px;}
	
	/* Billboard
	-----------------------------------------*/
	#billboard_container {display: block;}
	.billboard_content.omega.columns.six {position: static!important; width: auto!important; padding: 25px!important;}
	.billboard_content h2, .billboard_content_full h2 {font-size: 18px!important;}
	.flex-control-paging li a {width: 100%;}
	.billboard_box {padding: 25px 0;}
	
	/* Home
	-----------------------------------------*/
	.sidebar {background: none!important; padding: 0!important; width: 100%!important; margin-top: 25px!important;}
	#home_sidebar input[type="text"] {width: 90%;}
	
	/* Shoutout
	-----------------------------------------*/
	#shoutout {width: 100%!important;}
	#shoutout h2, #page_title h1 {text-align: left;}

	.single_line_text input, .multi_line_text textarea, .blog_search input, select {width: 275px!important;}
	.children_container input[type="text"], .children_container textarea {width: 275px!important;}
	.commentEntry {width: 268px!important;}
	.children_container .commentEntry {width: auto!important;}
	.commentText {float: left; margin-left: 2%; width: 82%;}
	
	/* Spaces
	-----------------------------------------*/
	#spaces {border-radius: 0!important; -moz-border-radius: 0!important; -webkit-border-radius: 0!important; padding-bottom: 5px;}
	.space {margin-bottom: 25px!important;}
	.space .space {margin-bottom: 0!important;}
	
	/* Footer
	-----------------------------------------*/
	.footerNavigation nav {float: none!important; display: block;}
	.footerNavigation nav ul {display: block;}
	.footerNavigation nav ul li {display: block; margin-left: 0; font-family: Arial, sans-serif; font-size: 12px; border-left: none; padding-left: 0; margin-top: 10px; border-top: 1px solid #5e5e5e!important;  padding-top: 10px; text-align: center;}
	.footerNavigation nav ul li:first-child {border: none!important; padding-top: 0; margin-top: 0;}
	.copyright {float: none!important; text-align: center;}
	.bottom_links {float: none; text-align: center;}
	.bottom_links li {display: inline; float: none; text-align: center;}

	.aboutAuthor, .attorney_profile {width: 90%!important;}
	
	.insertion.float_right.image {float: none!important; margin-left: 0!important; margin-top: 15px; margin-bottom: 10px;}
	.insertion.float_left.image {float: none!important; margin-right: 0!important; margin-top: 15px; margin-bottom: 10px;}
	
	.cover {width: 30%;}
	.float_entry {width: 58%!important;}
	
	.wysiwyg_container  div.insertion.widget.float_left {float: none; margin-left: 0!important; margin-right: 0!important; width: auto!important; height: auto!important; margin-bottom: 15px!important; margin-top: 15px!important;}
	.wysiwyg_container  div.insertion.widget.float_right {float: none; margin-left: 0!important; margin-right: 0!important; width: auto!important; height: auto!important; margin-bottom: 15px!important; margin-top: 15px!important;}
}