/*  
Theme Name: Road to Justice
Theme URI: http://www.roadtojustice.ca
Description: Road to Justice Wordpress theme, Design by Irene van der Top
Version: 1.0
Author: Jonas Vorwerk, Design by Irene van der Top
Author URI: http://www.jonasvorwerk.com

oranje: FFA01A
blauw: 1388A8
donkergrijs: 9A9A9A
lichtgrijs: D3D3D3;
*/

@font-face { font-family: franklin;	src: url('frabk.ttf'); }

BODY { color: #000;	background-color:#fff; font-family: franklin, Verdana, Helvetica, Arial, sans-serif; font-size:13px; text-align:center; margin: 0; padding: 0; line-height: 16px;}

A {	color:#FFA01A; outline:0 none; text-decoration: none; }
A:HOVER { color: #9A9A9A; text-decoration: underline; }
A IMG {	border: 0px; }

H1 { font-size: 22px; color: #1388A8; margin: 0px 0px 16px 0px; padding: 0; font-weight: bold; } 
H2 { font-size: 15px; } 

#splash { margin: 0 auto;  width: 980px; padding: 40px 0px 40px 0px; }
#header { width: 980px; margin: 0 auto; background-color: #fff; text-align: left; margin-top: 20px; display: block; }
#logo { margin-bottom: 20px; }

div#searchform { float: right; margin-top: 0px; color: #D3D3D3; font-size: 13px; margin-top: -40px;}
#s { width: 140px; border: 1px solid #D3D3D3; padding: 2px; color: #000; font-family: franklin, Verdana, Helvetica, Arial, sans-serif; }
#searchsubmit { width: 20px; height: 22px; border: 0; text-indent: -9999px; }

#container { width: 980px; margin: 0 auto; text-align: left; background-color: #FFA01A; padding: 5px; display: table; padding-bottom: 70px;}

#timeline { width: 980px; background-color: #1388A8; height: 300px; display: block; margin-bottom: 5px; overflow: hidden; position: relative; }
#timelineobj { position: relative; width: 2470px; height:300px; display: block; left:0px; }
#timelineobj:hover { cursor:move }
.pagename-laws #timelineobj, .parent-pageid-23 #timelineobj { left:-349px; }
.pagename-court-cases #timelineobj, .parent-pageid-33 #timelineobj { left:-627px; }
.pagename-first-lawyers #timelineobj, .parent-pageid-42 #timelineobj { left:-1294px; }
.pagename-redress-campaign #timelineobj, .parent-pageid-40 #timelineobj { left:-1531px; }

#scrollnav { position: absolute; z-index: 30; margin-top: 125px; }
#scrollnavleft {  position: absolute; z-index: 30; margin-top: 125px; background-image: url(images/scrollnav-left.png); width: 20px; height: 38px; }
#scrollnavleft:hover { background-position: bottom left; cursor: pointer;}
#scrollnavright {  position: absolute; z-index: 30; margin-top: 125px; margin-left: 960px; background-image: url(images/scrollnav-right.png); width: 20px; height: 38px; }
#scrollnavright:hover { background-position: bottom left; cursor: pointer;}

#content { background-color: #fff; width: 561px; float: left; display: table-cell; padding: 40px 45px 45px 45px; margin: 0; min-height: 400px;}
#content .post a, .column .post a { color: #000; text-decoration: underline; }
#content .post a:hover, .column .post a:hover { color: #FFA01A; text-decoration: underline;}

.sidebar { width:284px; float: right; display: table-cell; background-color: #fff; background-repeat: no-repeat; margin-bottom: 5px; padding: 40px 20px 20px 20px; }
.sidebar p { margin: 0; padding: 0; }
.sidebar a { color: #1388A8; }
.sidebar .post { margin-bottom: 20px; display: block; }

.column { vertical-align: top; width: 323px; min-height: 300px; background-color: #fff; float:left; display: ; padding: 20px 0px 0px 0px; border-right: 5px solid #FFA01A; background-repeat: no-repeat;}
.column:last-child { border-right: none; }
.column .video p { margin: 0; padding: 0; } 
.column a:hover { color: #000; text-decoration: none; }
.titlename { color: #1388A8; font-weight: bold; float: left; margin-right: 5px; width: 185px;}

.video .attachment-post-thumbnail { width: 88px; height: 64px; float: left; margin: 3px; }
.post .attachment-post-thumbnail { float: left; margin-right: 10px; }
.column .post { padding: 20px; margin: 0; display: block; width: 295px; clear: both;}
.column.video .post { padding: 20px 20px 0px 20px;}
.column a { color: #000; }

/* SAFARI */
/* @media screen and (-webkit-min-device-pixel-ratio:0) { .column { width: 33%; } } */

#menu-main { display: inline; list-style: none; text-decoration: none; margin: 0; padding: 0; float: right; height: 24px; }
#menu-main li{ display: inline; height: 24px; float: left; margin-left: 20px;}
#menu-main a { padding: 0; margin: 0; display: block; text-indent: -9999px; height: 24px; }

.menu-item a:hover, #menu-main .current-menu-item a, #menu-main .current-page-ancestor a{ background-position: bottom left;}

#submenu { list-style: none; margin: 0px 0px 20px 0px; padding: 0; font-size: 13px; }
#submenu li{ display: inline; padding-right: 10px;}
#submenu a { padding: 0; margin: 0; margin-bottom: 10px; color: #9A9A9A; text-decoration: underline;}
#submenu a:hover { color: #FFA01A; }
#submenu .current_page_item a { color: #FFA01A; }

.showall  { float: right; color: #000; }
a.showall { color: #000; }

#footer{ font-family: Verdana, Arial, sans-serif; width: 800px; margin: 0 auto; font-size: 11px; color: #9A9A9A; text-align: center; background-color: #fff;}
#footer ul { list-style-type: none;	list-style-image: none;	margin: 0; padding: 10px; }
#footer ul li{ display:inline; margin: 0px 10px 0px 10px; padding: 0;}
#footer a {	color: #9A9A9A; text-decoration: none; }
#footer a:hover{ color: #FFA01A; }
#footer .current-menu-item a { color: #FFA01A;}

#wp-admin-bar-comments, #wp-admin-bar-appearance { display: none; }

.aligncenter,div.aligncenter { display:block; margin-left:auto; margin-right:auto; }
.alignleft { float:left; border:0; margin-right:5px; }
.alignright { float:right; margin-left: 5px;}

/* qTip */
.qtip .qtip-content{ overflow: hidden; }
.qtip .qtip-content .qtip-title, .qtip-cream .qtip-content .qtip-title{ background-color: #F0DE7D; }
.qtip-light .qtip-content .qtip-title{ background-color: #f1f1f1; }
.qtip-dark .qtip-content .qtip-title{ background-color: #404040; }
.qtip-red .qtip-content .qtip-title{ background-color: #F28279; }
.qtip-green .qtip-content .qtip-title{ background-color: #B9DB8C; }

/* qtrans_language_chooser */
.qtrans_language_chooser { float: right; margin-top: 0px;}
.qtrans_language_chooser a { color: #D3D3D3; text-decoration: none; }
.qtrans_language_chooser a:hover { color: #000; }
.qtrans_language_chooser li { display: inline;margin-left: 5px;}
.qtrans_language_chooser .active a { color: #000 }
.qtrans_language_chooser .active a:hover { color: #000 }

/* Wordpress.com stats smiley remover */
img#wpstats{display:none}

.wp-caption {
	color: #9A9A9A;
	font-family: franklin, Verdana, Helvetica, Arial, sans-serif; 
	font-size:13px; 
	font-style: italic;
}
.wp-caption img {
	border: 0 none;
	margin: 0;
	padding: 0;
}
.wp-caption p.wp-caption-text {
	margin: 0;
	padding: 4px 0px 4px 0px;
}