/* - - - - - - - - - - - - - - - - - - - - -

Title : Cairn Law
Author : Eric Wolf
URL : http://www.activecanvas.com

Description : HTML5 main CSS3 style sheet for the Cairn Law website

Created : 5/26/2007
Version : 2013.09.06

- - - - - - - - - - - - - - - - - - - - - */

/* ----- DOCUMENT ----- */

*{
	margin:0;
	padding:0;
}
article,aside,figure,footer,header,hgroup,nav,section{display:block}
    html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;cursor:default}

blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;color:inherit;text-decoration:inherit}

html{
	font-size: 1.25em; /* 1.25 x 16px = 20px */
}
body{
	margin: 0;
	color: #64696b;
	font-family:"Century Gothic", Helvetica, Arial, sans-serif;
	font-size:60%; /* adjusts base font to 12px */
	background:#b2c1c4;
}
html>body {
    font-size: 12px; /* overrides the above in all browsers except IE */
}


/* ----- STRUCTURE ----- */
div#fullpage {
	margin: 0 auto;
	background-color:#fff;
	text-align:left;
}
#fullpage, header[role="banner"], nav[role="navigation"], #primaryContent, footer[role="contentinfo"] {
	width: 960px;
}
aside, header, nav[role="navigation"], #primaryContent, footer[role="contentinfo"], #mainContent, #secondaryContent {
	clear:left;
	float:left;
}

aside#contact {
	clear:both;
	float:left;
	margin:15px 0 0 20px;
	text-transform:lowercase;
	font-variant:small-caps;
	font-weight:bold;
	color:#64696b;
}
div#logo {
	clear:right;
	float:right;
	margin:15px 30px 0 0;
}

nav[role="navigation"] {
	background:#a2a382;
	color:#fff;
}

div#primaryContent { border-top:10px solid #b2c1c4; }
div#mainContent { padding-bottom:20px; }
div#sidebar {
	clear:none;
	float:left;
	margin:0 18px 0 12px;
	width:300px;
	font-size:.9em;
}

div#secondaryContent, div#signup {
	padding:10px 0;
	width:300px;
}

footer[role="contentinfo"] {
	margin:0;
	border-top:8px solid #b2c1c4;
	border-bottom:6px solid #b2c1c4;
	padding:0;
	background:#b2c1c4;
}
footer small {
	margin:1.5em 20px;
	padding:0;
	font-size:.8em;
	background:#b2c1c4;
	color:#fff;
}


/* ----- CLASSES ----- */

.hide {/* display:none; */ }
.show {/* display:block; */}

div.column { /* for pop-ups */
	margin:0;
	padding:15px 0;
	background:#d1e3e6;
}


/* ----- HEADINGS ----- */

h1, h2, h3, h4, h5, h6 { 
	font-weight:bolder;
	padding:0 20px;
}

h1{
margin: .67em 0 .3em 0;
font-size:2em;
}
div#logo h1 {
	margin:0 0 -.2em 0;
	padding:0;
	text-transform:uppercase;
	font-family:"Californian FB", "Times New Roman", Times, serif;
	font-size:3em;
	color:#a2a382;
}

h2{
margin: .75em 0 .25em 0;
font-size: 1.3em;
}
div#logo h2 {
	margin:0;
	border-top:1px solid #a2a382;
	padding:0;
	text-transform:lowercase;
	text-align:center;
	letter-spacing:1px;
	font-variant:small-caps;
	font-size:1.1em;
	color:#64696b;
}

h3{
margin: .83em 0 .3em 0;
font-size: 1.2em;
}


h4 {
margin: .7em 0 .3em 0;
font-size: 1.2em;
}
div#sidebar h4 {
	margin:0;
	text-transform:uppercase;
	font-size:1em;
}


h5{
margin: 1.5em 0;
font-size: .83em;
}
h6{
margin: 1.67em 0;
font-size: .75em;
}


/* ----- PARAGRAPHS ----- */

p, blockquote, fieldset, form, dl, dir, menu {
	margin: .7em 0 .3em 0;
	padding:0 20px;
	font-size:1.2em;
}
div#sidebar p {
	padding:0 10px 0 15px;
}

/* ----- QUOTES ----- */

blockquote {
	margin-left: 40px; 
	margin-right: 40px;
	font-style:normal;
}
blockquote cite { font-style:normal; }


/* ----- CODE ----- */

pre, tt, code, kbd, samp { font-family: monospace; }
pre { white-space: pre; }


/* ----- LISTS ----- */

ol, ul { 
	margin-left: 40px;
	padding:0 20px;
	font-size:1.2em;
}

li{ margin:.2em 0 .2em 0; }
ol li { list-style-type:decimal; }
ul li { list-style-type:disc; }
ul ul li {
	list-style-type:circle;
	font-size:1em;
}

ol ul, ul ol, ul ul, ol ol {
	margin-top: 0; 
	margin-bottom: 0;
	font-size:1em;
}

nav[role="navigation"] ul {
	float:left;
	width:920px;
	padding:10px 0;
}
nav[role="navigation"] ul li {
	display:inline;
	margin:0;
	padding:0;
	list-style:none;
	text-transform:uppercase;
	font-size:1em;
}
nav[role="navigation"] ul li.self, nav[role="navigation"] ul li a:hover {
	padding:10px 50px 10px 0;
	color:#9c8156;
}
nav[role="navigation"] ul li.self { color:#d8da9f; }


/* ----- IMAGES ----- */

a img { border:none; }

#secondaryContent img { margin:20px 0 0 10px; }


/* ----- TEXT FORMATTING ----- */

b, strong	{ font-weight: bolder; }
em, i		{ font-style:italic; }


/* ----- LINKS ----- */

a {
color:#9c8156;
text-decoration:none;
}
nav[role="navigation"] ul li a {
	padding:10px 50px 10px 0;
	color:#fff;
}

a:visited { color:#75664e; }

a:hover { text-decoration:underline; }
nav[role="navigation"] ul li a:hover { text-decoration:none; }

a:active, a:focus {
	border:none;
	text-decoration:none;
}


/* ----- TABLES ----- */

table{
display: table;
border-spacing: 2px;
}
caption{
display: table-caption;
text-align: center;
}
thead, tbody, tfoot { vertical-align:middle; }

th{
font-weight: bolder; 
text-align: center;
vertical-align: inherit;
}
td { vertical-align: inherit; }


/* ----- FORMS ----- */

button, textarea, input, select { display: inline-block; }


/* ----- PRINTING ----- */

@media print {
h1	{ page-break-before: avoid; }
h1, h2, h3, h4, h5, h6 { page-break-after: avoid; }
ul, ol, dl	{ page-break-before: avoid; }
#navigation	{ display:none; }
}