/*=======================================================================
	CORE LAYOUT Element Definitions
========================================================================*/

body {
background-image:url(http://www.mineslaw.com/themes/site_themes/background/background.jpg);
background-repeat:repeat-x;
font-family: Verdana, Helvetica, Arial, "Lucida Grande", "Lucida Sans Unicode",sans-serif;
font-size:87%;
color:#333;
margin: 0px;
background-color:##fff;
}

#site-wrap {
background-image:url(http://www.mineslaw.com/themes/site_themes/background/middlebody.jpg);
background-repeat:repeat-y;
/* this is to "give layout" to the element and fix some peek-a-boo bug in  IE (v6 sp2) */
width:100%;
/* the above declaration creates an horizontal scroll bar in IE, this is to get rid of it */
margin:0px
}

#header {
background-image:url(http://www.mineslaw.com/themes/site_themes/background/navigation07.jpg);
background-repeat:no-repeat;
text-align:center;
height:229px;
width:100%;
}

#header_image {
text-align:center;
padding:0px 0px px 10px;

}

#footer {
background-image:url(http://www.mineslaw.com/themes/site_themes/background/footer.jpg);
background-repeat:no-repeat;
text-align:center;
height:235px;
width:100%;
}

.divider {
height:1;
clear: both;
}
.spacer {margin: 0;padding: 0;height:0;clear: both;}


 ul
{
list-style-type: none;
padding: 0;
margin: 0;
}

li
{
background-image: url(http://www.mineslaw.com/assets/arrow_right1.jpg);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: 1.2em;
}


/*=======================================================================
	LINK Element Definitions
========================================================================*/

a:link { color: #0000cc; font-family: verdana, arial, helvetica, sans-serif;  background-color: transparent; text-decoration: none; }
a:visited { color: #0000cc; font-family: verdana, arial, helvetica, sans-serif;  background-color: transparent; text-decoration: none; }
a:active { color: #0000cc; font-family: verdana, arial, helvetica, sans-serif;  background-color: transparent; text-decoration: none; }
a:hover { color:#903222; font-family: verdana, arial, helvetica, sans-serif;  background-color: transparent; text-decoration:underline; }

.tableBorder {
background: #ffffff;
}

/*=======================================================================
	HEADING Element Definitions
========================================================================*/

h1 {margin:0px;
padding:0px 0px 0px 0px;
border-color:#2f4f4f;
border-style:dotted;
border-width:0px 0px 0px 0px;
background:#dddddd;
font-size:1.5em;
line-height:1.6em;
font-weight:650;
color:#222222;
}

h2 {margin:0px;
padding:0px 0px 0px 0px;
border-color:#2f4f4f;
border-style:dotted;
border-width:0px 0px 0px 0px;
background:#dddddd;
font-size:1.5em;
line-height:1.6em;
font-weight:650;
color:#222222;
}

h3 {margin:0px;
font-size: 1.3em;
font-weight:900;
color:#000066;
padding:2px 2px 1px 5px;
text-align:left;
font-variant: small-caps;
border-color:#2f4f4f;
border-style:dotted;
border-width:1px 0px 1px 0px;
}


h4 {margin:0;
padding:0px 0px 0px 0px;
border-color:#2f4f4f;
border-style:none;
border-width:0px 0px 0px 0px;
background:#aaa;
font-size:1.0em;
line-height:1.4em;
font-weight:650;
color:#333;
}

h5 {margin:0;
padding:0;
color:#222222;
font-size:11px;
font-weight:650;
line-height:24px;
background:transparent;
}

h6 {margin:0px;
padding:0px 0px 0px 0px;
font-size:1.5em;
line-height:1.6em;
font-weight:650;
color:#222222;
}
/*=======================================================================
	NAVIGATIONzone Element Definitions
========================================================================*/

#nav_area {
margin:0;
padding:0px 0px 0px 20px;
font-family: "Lucida Grande", "Lucida Sans Unicode",Arial, Verdana,  Helvetica, sans-serif;
color:#ddd;
font-weight:strong; 
font-variant:small-caps;
text-align:left;

width:100%;

}

.nav_link {
font-size: 1.0em;
line-height: 1.2em;
padding: 0px 0px 0px 0px;
font-family: "Lucida Grande", "Lucida Sans Unicode",Arial, Verdana,  Helvetica, sans-serif;
color:#ffffff; 
background-color: transparent;
font-weight:strong; 
font-variant:small-caps;
}

.nav_link,
A.nav_link:link { color: #ffffff; text-decoration: none; } 
A.nav_link:visited { color: #ffffff; text-decoration: none;} 
A.nav_link:active { color: #ffffff; text-decoration: none;} 
A.nav_link:hover { color: #FF0000; background-color:transparent;}

.nav_small {
font: .9em arial, verdana, helvetica, sans-serif;
background: transparent;
color: #fff;
text-align: right;
margin: 0;
padding-top: 8px;
padding-bottom: 10px;
}

A.nav_small:link { color: #ffffcc; text-decoration: none; } 
A.nav_small:visited { color: #cccc99; text-decoration: none;} 
A.nav_small:active { color: #ffffcc; text-decoration: none;} 
A.nav_small:hover { color: #ff9933; background-color:transparent;}


/*=======================================================================
	MAIN Column Element Definitions
========================================================================*/


#main-column {
float:left;
width:520px;
/* IE doubles the margins on floats, this takes care of the problem */
display:inline;
margin-left:15px;
margin-right:5px;
overflow:clip;
background:#fff;
}


.main-container-date {
font-size: 0.7em;
font-weight:300;
color:#666;
background-color:#fff;
text-align:right;
}

.main-container-title {
text-align:left;
margin:0px;
padding:0px 0px 3px 0px;
border-color:#2f4f4f;
border-style:dotted;
border-width:1px 1px 0px 1px;
background:#dddddd;
font-size: 1.1em;
font-weight: 950;
color:#222222;
}


.main-container-box {
position:absolute;
margin:0px 0px 0px 50px;
}

.main-container-body-box {
position:absolute;
margin:50px 0px 0px 50px;
padding:4px 2px 2px 2px;
width:460px;
color:#fff;
font-size:0.1em;
}

.main-container-body-box-title {
position:absolute;
margin:0px 10px 0px 54px;
padding:0px 2px 0px 2px;
text-align:center;
font-size: 1.9em;
width:460px;
color:#fff;
font-size:0.1em;
background:#fff;
}



.main-container  {
text-align:left;
font-size: 0.7em;
line-height:1.7em;
color:#999999;
margin:0;
}

.main-container p {
margin:0;
color:#999999;
font-size:.7em;
line-height:1.7em;
background:transparent;
text-align:left;
padding:0px 0px 0px 0px;
}

.main-container-body {
padding:4px 2px 2px 2px;
border-color:#2f4f4f;
border-style:dotted;
border-width:1px 1px 1px 1px;
}



.entry-spacer {
padding: 6px 0px 0px 0px;
}

.entry-date-coloured {
color:#903222;
font-size:10px;
font-weight:300;
line-height:12px;
}


.quote {margin:4;
padding:0px 0px 0px 30px;
color:#999999;
font-size:11px;
font-weight:300;
line-height:18px;
}

.blockquote {
font-family: verdana, sans-serif;
font-size: .7em;
line-height: 1.6em;
padding:0px 10px 0px 10px;
border-left: 3px double	#B22222;
color:navy;
text-align:left;
}

.posted {
font: .7em arial, verdana, helvetica, sans-serif;
background: transparent;
color: #000;
text-align: right;
margin: 0;
padding-top: 8px;
padding-bottom: 10px;
}

.paginate {
 font-family:Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:12px;
 font-weight:normal;
 letter-spacing:.1em;
 padding:10px 6px 10px 4px;
 margin:	0;
 background-color:transparent;
}

.pagecount {
 font-family:Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:10px;
 color:#000;
 font-weight:normal;
 background-color: transparent;
}

/*=======================================================================
	ARCHIVE Section Element Definitions
========================================================================*/

.archive-year {margin:0px;
padding:0px 0px 0px 0px;
font-size: 1.1em;
font-weight:700;
color:#222222;
}

.archive-month {
padding:0px 0px 0px 9px;
font-size: 1.0em;
font-weight:650;
color:#222222;
}

.archive-entry {
padding:0px 0px 0px 18px;
font-size: 0.9em;
font-weight:450;
color:#222222;
}


/*=======================================================================
	SIDE Column Element Definitions
========================================================================*/

#side-column {
margin-left:3px;
margin-right:20px;
/* this is to keep the content of #sidebar to the right of #main even if the content of "main is shorter */
padding-left:100%;
/* this is to "bring back" the #sidebar that has been moved out of the viewport because of the padding value */
margin-left:-328px;
font-size:10px;
}

#side-column p {
/* this is to make sure IE (v6 sp2) *displays* this element (same problem as #header, but using a different fix) */
position:relative
}

.side-title {
font-size: 1.3em;
font-weight:900;
color:#000066;
padding:2px 2px 1px 5px;
text-align:left;
font-variant: small-caps;
border-color:#2f4f4f;
border-style:dotted;
border-width:1px 0px 1px 0px;
}

.side-list {
text-align:left;
font-variant: small-caps;
margin:0;
padding:0px 0px 0px 3px;
font-size: 1.2em;
line-height: 1.7em;
border-top: 0px dashed	#aaaaaa;
}

.side-list,
a.side-list:link { color: #0000cc; font-family: verdana, arial, helvetica, sans-serif;  font-variant: small-caps; background-color: transparent; text-decoration: none; }
a.side-list:visited { color: #0000cc; font-family: verdana, arial, helvetica, sans-serif;   font-variant: small-caps; background-color: transparent; text-decoration: none; }
a.side-list:active { color: #0000cc; font-family: verdana, arial, helvetica, sans-serif;   font-variant: small-caps; background-color: transparent; text-decoration: none; }
a.side-list:hover { color:#903222; font-family: verdana, arial, helvetica, sans-serif;   font-variant: small-caps; background-color: transparent; text-decoration:none; }



.side-container {
margin:0;
padding:0px 0px 0px 3px;
font-size: 1.1em;
line-height: 1.4em;
border-top: 0px dashed	#aaaaaa;

}


.side-container-full {
margin:0;
padding:2px 2px 2px 2px;
font-size: 0.9em;
line-height: 1.7em;
border:0px dashed #dddddd;
}

div.side-column a:link    { color: #39394a; font-family:verdana,arial,helvetica,sans-serif; padding:0; font-weight: normal; text-decoration: none; background-color: transparent;}
div.side-column a:visited { color: #39394a; font-family:verdana,arial,helvetica,sans-serif;  padding:0; font-weight: normal; text-decoration: none; background-color: transparent;}
div.side-column a:active  { color: #39394a;font-family:verdana,arial,helvetica,sans-serif;  padding:0; font-weight: normal; text-decoration: none; background-color: transparent;}
div.side-column a:hover   { color: #0000cc; font-family:verdana,arial,helvetica,sans-serif; background:transparent; padding:0; font-weight: 500; text-decoration:underline; }




/*=======================================================================
	Footer Element Definitions
========================================================================*/

.footer_text {
font-size:9px;
color:#333;
padding:45px 0px 0px 0px;
}

#design {

}

#design a:link    { font-size:9px; font-family:verdana,arial,helvetica,sans-serif;font-weight: normal; color:#ddd; text-decoration: none; }
#design a:visited {font-size:9px; font-family:verdana,arial,helvetica,sans-serif; font-weight: normal; color:#ddd; text-decoration: none; }
#design a:active  {  font-size:9px; font-family:verdana,arial,helvetica,sans-serif; font-weight: normal; color:#ddd; text-decoration: none; }
#design a:hover   { font-size:9px; font-family:verdana,arial,helvetica,sans-serif; font-weight: 200; color:#333; text-decoration:underline; }


/*=======================================================================
	FORM & INPUT Element Definitions
========================================================================*/

input {
 font : normal 11px/12px arial,verdana,trebuchet,sans-serif;
 border : 1px solid #909daa;
 color:#39394a;
 background-color : #F9FBFA;
 margin-top: 2px;
 margin-bottom: 2px;
}

input.large {
 width: 200px;
}

input:focus {
 background-color : #F9FBFA;
}

input.button {
 color : #39394a;
 background-color : #F9FBFA;
 font:10px/12px verdana,arial,sans-serif;
}

textarea {
 border: 1px solid #909daa;
 margin-bottom: 10px;
 color: #666666;
 background-color: #F9FBFA;
 font: 11px/16px verdana,arial,rebuchet,sans-serif;
 }

textarea:focus {
 background-color : #F9FBFA;
 }