/*

Theme Name: CLF Theme

Description: Made for CompensationLawFirms.com.au.

Version: 1.0

Author: Family Media LLC

*/





* {

margin: 0;

padding: 0;

box-sizing: border-box;

-moz-box-sizing: border-box;

-webkit-box-sizing: border-box;

}



body {

color: #2C2C2C;

background: #F0F0F0;

text-align: center;

font-family: Arial, sans-serif;

}



a {

color: #00619E;

text-decoration: none;

}



.clear {

clear: both;

}



.wrap {

width: 950px;

margin: 0 auto;

text-align: left;

}



#subhead {

padding: 10px 0px 20px 0px;

}



.subhead__logo {

float: left;

width: 520px;

}



.subhead__logo img {

margin-top: 7px;

}



.subhead__search {

float: left;

width: 430px;

padding-top: 28px;

}



.subhead__field {

float: left;

text-align: left;

}



.subhead__field label {

display: block;

font-weight: bold;

font-size: 14px;

padding-bottom: 6px;

}



.subhead__field label span {

color: #666;

margin-left: 5px;

font-size: 12px;

font-weight: normal;

font-style: italic;

}



.subhead__field input[type="text"] {

color: #555;

height: 35px;

width: 290px;

margin-right: 20px;

padding: 5px 10px;

font-size: 18px;

border-radius: 3px;

border: 1px solid #DDD;

display: inline-block;

box-shadow: 0 1px 0 0 rgba(0,0,0,0.04) inset;

}



.subhead__field input[type="submit"] {

color: #FFF;

height: 35px;

width: 120px;

padding: 5px 15px;

cursor: pointer;

font-size: 18px;

background: #f1c40f;

margin-top: 22px;

border-radius: 3px;

border: 1px solid #DDD;

display: inline-block;

box-shadow: 0 1px 0 0 rgba(0,0,0,0.04) inset;

text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);

}



.subhead__field input[type="submit"]:hover {

background: #f1c40f;

}



#main {}



#main .wrap {

background: #FFF;

}



.main__content {

float: right;

width: 690px;

padding: 20px 30px 20px 15px;

}



.main__full {

padding: 20px 25px;

}



.main__content h1, .main__full h1 {

font-size: 28px;

}



.main__content h1 span, .main__full h1 span {

font-size: 18px;

text-transform: uppercase;

font-weight: normal;

margin-left: 3px;

color: #333;

}



.main__content h1 a:hover {

text-decoration: none;

}



.main__content h2 {

font-size: 28px;

}



.main__content a:hover {

text-decoration: underline;

}



.meta {

color: #333;

display: block;

font-size: 14px;

padding-top: 5px;

line-height: 24px;

margin-bottom: 20px;

}



.meta span {

margin-right: 20px;

}



.screenshot img {

width: 643px;

border: 1px solid #EEE;

}



#featured-title {

display: block;

color: #2c3e50;

font-size: 16px;

padding-bottom: 15px;

text-transform: uppercase;

}



#featured-title a {

float: right;

color: #09AB92;

font-weight: normal;

font-size: 14px;

line-height: 19px;

text-transform: initial;

}



.featured {

padding: 15px 20px;

margin: 0px 0px 20px 0px;

border-left: 1px solid #ddd;

border-right: 1px solid #eee;

border-top: 1px solid #DDD;

border-bottom: 1px solid #e6e6e6;

background: #F8F8F8;

}



.sticky {

margin-top: 0px;

background: #FFFFCC;

border-right: 1px solid #DDD;

margin-bottom: 25px !important;

border-left: 2px solid #09AB92;

}



.featured h2 {

padding-bottom: 10px;

}



.featured-link {

display: block;

font-weight: bold;

color: #00619E;

font-size: 24px;

}



.featured-link a {

display: block;

}



.featured p {

font-size: 12px;

line-height: 20px;

padding: 5px 0px;

}



.featured strong {

margin-right: 5px;

}



.featured img {

float: left;

margin-top: 5px;

margin-right: 20px;

border: 1px solid #DDD;

}



.sticky img {

margin-top: 3px !important;

}



.page {

padding: 20px;

margin: 20px 0px;

border-left: 1px solid #ddd;

border-right: 1px solid #eee;

border-top: 1px solid #DDD;

border-bottom: 1px solid #e6e6e6;

}



#reviews {

padding: 20px;

margin: 0px 0px 20px 0px;

border-left: 1px solid #ddd;

border-right: 1px solid #eee;

border-top: 1px solid #DDD;

border-bottom: 1px solid #e6e6e6;

}



#profile {

padding: 20px;

margin: 20px 0px;

border-left: 1px solid #ddd;

border-right: 1px solid #eee;

border-top: 1px solid #DDD;

border-bottom: 1px solid #e6e6e6;

}



#profile h2, #profile h3, .page h2, .page h3 {

padding-bottom: 10px;

}



#profile h3, .page h3 {

font-size: 24px;

}



#profile p, .page p {

font-size: 14px;

line-height: 22px;

padding-bottom: 15px;

}



#profile ul, .page ul {

margin-left: 25px;

padding-bottom: 12px;

}



#profile li, .page li {

font-size: 14px;

line-height: 22px;

padding-bottom: 3px;

}



.profile {

background: #09AB92;

color: #FFF !important;

padding: 2px 5px;

font-size: 10px !important;

border-radius: 3px;

display: inline-block;

vertical-align: middle;

}



#category-description {

padding: 20px;

margin: 0px 0px 20px 0px;

border-left: 1px solid #ddd;

border-right: 1px solid #eee;

border-top: 1px solid #DDD;

border-bottom: 1px solid #e6e6e6;

}



#category-description p {

font-size: 14px;

padding: 10px 0px;

line-height: 24px;

}



#category-description ul {

padding: 10px 0px;

}



#category-description li {

margin-left: 25px;

font-size: 14px;

line-height: 24px;

}



#category-description h2 {

font-size: 26px;

}



#category-description h3 {

padding-top: 15px;

}



.main__sidebar {

float:left;

width: 260px;

padding-bottom: 25px;

}



.sidebox {

padding: 25px 15px 10px 25px;

}



.sidebox img {

width: 222px;

border: 1px solid #EEE;

}



.sidebox strong {

display: block;

font-size: 16px;

color: #2c3e50;

padding-bottom: 10px;

text-transform: uppercase;

border-bottom: 1px dotted #09AB92;

}



.sidebox ul {

list-style: none;

}



.sidebox li {

color: #555;

font-size: 14px;

line-height: 36px;

border-bottom: 1px solid #DDD;

}



.sidebox li a {

display: block;

padding-left: 10px;

background: #F8F8F8;

border-left: 1px dotted #EEE;

border-right: 1px dotted #EEE;

}



.sidebox li span {

color: #555;

float: right;

margin-right: 10px;

}



.sidebox li a:hover {

background: #F4F4F4;

}



#menu .wrap {

padding: 10px 0px;

background: #2c3e50;

}



#menu li {

display: inline-block;

text-align: center;

font-size: 16px;

line-height: 28px;

padding-left: 25px;

font-weight: bold;

letter-spacing: 1px;

text-transform:uppercase;

}



#menu li a {

color: #FFF;

}



#menu li a:hover {

border-bottom: 2px solid #09AB92;

}



#footer-menu .wrap {

padding: 10px 0px;

background: #2c3e50;

}



#footer-menu li {

display: inline-block;

text-align: center;

font-size: 12px;

line-height: 28px;

padding-left: 23px;

text-transform:uppercase;

}



#footer-menu li a {

color: #FFF;

}



#footer-menu li a:hover {

border-bottom: 1px solid #09AB92;

}





#footer .wrap {

padding: 20px 0px;

}



#footer span {

font-size: 14px;

margin-right: 15px;

}



.attachment-large {

border: 1px solid #EEE;

}



#leader .wrap {

text-align: center;

padding: 20px 0px;

border-top: 1px dotted #DDD;

border-bottom: 1px dotted #DDD;

}



#include {

width: 336px;

float: left;

margin-top: 16px;

margin-right: 20px;

}



#include-2 {

width: 336px;

float: left;

margin-top: 6px;

margin-right: 20px;

}



#related {

}



.related {

width: 200px;

margin-right: 20px;

margin-bottom: 20px;

float: left;

}



.related img {

border: 1px solid #EEE;

}

#footer a  {
float: right;
margin-left: 10px;
}

.related span {

display: block;

min-height: 72px;

line-height: 20px;

font-size: 14px;

font-weight: bold;

padding: 15px;

border-left: 1px solid #ddd;

border-right: 1px solid #eee;

border-top: 1px solid #DDD;

border-bottom: 1px solid #e6e6e6;

background: #F8F8F8;

}



#related span a {

display:block;

}