/*  
Theme Name: FilmLegals New Theme
Description: Based on Corperate by Ori Pearl
Author: Christopher Guest
Author URI: http://www.christopherguest.ca/
Tags: business, corporate, xhtml, css, simple, clean, clear, white, grey, orange, fixed width, intro, banner, widget-ready, widgets, right sidebar, two columns, valid XHTML, valid CSS, blueprint, blueprintcss
*/

body
{
	background: #CAAD7C url('images/bodybg_new.png') repeat-x 0 0;
	font-size: 11px;
	color: #525252;
}

.container {
        position:relative;
        float:none;
	z-index:1;
}

h2, a
{
	color: #60420E;
}

pre, code {white-space: normal;}


#top
{

	text-align: left;
	height: 24px;
}

#top .menu
{
	float:right;
        padding-top: 7px;
        padding-left:10px;
        padding-right:50px;

}
/*
#top .menu li {
	display: inline;
	list-style-type: none;
	padding-right: 20px;
}

#top .menu a
{
	text-decoration: none;
	color: #000000;
}

#top .menu a:hover
{
	color: #ffffff;
}
*/


#contenttop
{
	background: transparent url('images/contentbg_header2.png') no-repeat 0 0;
	height: 176px;
}

#contentwrapper
{
	background: transparent url('images/contentbg.png') repeat-y 0 0;

}

#topswirl {
	float:left;
        clear:none;
        position:absolute;
        top:0px;
        right:0px;
        z-index:0;
}

#topswirl img {
	float:left;
        clear:none;
        position:absolute;
        top:0px;
        right:0px;
        z-index:0;
}



#header
{
	height:0px;
	background: #000000 url('images/contentbg_headerx.png') no-repeat 0 0;

}

#header #title
{
	
}

#header #title .logo
{
	float: left;
        margin-top:-17px;
}

#header #title #blogtitle
{
	margin-left: 68px;
}

#header #title h1
{
	font-size: 24px;
	font-weight: bold;
	color: #ffffff;
	margin-bottom: 5px;
}

#header #title h2
{
	float:right;
        font-size: 14px;
	color: #525252;
}

#contenttop #searchbar
{
	margin-top: 135px;
        float:right;
        right:-10px;
}

/* #introcontainer
{
	margin-top: 40px;
} */

#intro-
{
	height: 200px;
	background: url('images/introbg.jpg') no-repeat 0 0;
	margin-left: 7px;
}


#intro #introtext
{
	float: left;
	height: 20px;
	margin: 20px auto auto 20px;
	overflow: hidden;
}


#intro #introtext h1
{
	font-size: 18px;
	color: #00599d;
	margin-bottom: 16px;
}

#intro #introtext p
{
	font-size: 16px;
}

#intro #introicon
{
	float: right;
	margin: 35px 50px;
}


#home
{
       position:relative;
       float:left;
}


.home_about
{
        position:relative;
	float:left;
        width:40%;
        background: #ffffff;
	border: solid 1px #ffffff;
	margin: 40px 5px 20px 30px;	
	padding-top: 15px;	
        padding-bottom: 15px;	
        padding-left: 15px;	
        padding-right: 15px;	
	_padding: 7px;
	font-family: Chicago, Charcoal, sans-serif;
	font-size: 12px;
}
.home_page
{
        position:relative;
	float:left;
        width:40%;
	background: #ffffff;
	border: solid 1px #ffffff;
	margin: 40px 5px 20px 30px;	
	padding-top: 15px;	
        padding-bottom: 15px;	
        padding-left: 15px;	
        padding-right: 15px;	
	_padding: 7px;
	font-family: Chicago, Charcoal, sans-serif;
	font-size: 12px;
}

#homepostlists {
       position:relative;
       float:left;
       width:46%;
       padding-bottom:15px;
}


#homepostlists h2 {
	font-size: 16px;
        padding-left:30px;
}

#homepostlists h3 {
	font-size: 14px;
}

#homepostlists h3 a {
	text-decoration: none;
}


.post
{
	background: #ffffff;
	border: solid 1px #ffffff;
	margin: 40px 5px 20px 5px;	
	padding-top: 15px;	
        padding-bottom: 15px;	
        padding-left: 15px;	
        padding-right: 15px;	
	_padding: 7px;
}

.post .commentcount
{
	width: 27px;
	line-height: 12px;
	float: left;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
}


.postheader
{
	line-height: 12px;
	float: left;
	text-align: left;
        width:100%;
	padding-left: 10px;
}


.post .postheader .commentcount
{
	width: 27px;
	line-height: 12px;
	float: left;
	text-align: center;
	padding: 10px;
}


.post .postheader .commentcount a
{
	text-decoration: none;
	color: #4884bc;
}

.post .postcontent .commentcount a
{
	text-decoration: none;
	color: #4884bc;
}


.post .postheader .posttitle
{
	
	line-height: 20px;
}



.post .postheader .posttitle h2
{
	font-family: Chicago, Charcoal, sans-serif;
        text-align:right;
	font-size: 20px;
	padding: 0;
	margin: 0;
	background:  url('images/line.jpg') no-repeat;
        background-position: right;

}

.posttitle h3
{
	font-family: Chicago, Charcoal, sans-serif;
	font-size: 12px;
	padding: 0;
	margin: 0;
}



.post .postheader h2 a
{
	text-decoration: none;
}

.post .postheader .posttitle .postmeta
{
	font-family: Chicago, Charcoal, sans-serif;
	font-size: 11px;
}

.titlemeta
{
	font-family: Chicago, Charcoal, sans-serif;
	font-size: 9px;
        padding-bottom:5px;
}



.post_list {
	position:relative;
        float:left;
        width:100%;
        margin-left:30px;
        padding-bottom:10px;
}



.post .postcontent
{
        clear:left;
	margin-top: 20px;
	line-height: 17px;
        padding-top:20px;
	font-family: Chicago, Charcoal, sans-serif;
	font-size: 12px;
}


.postcontent_summery
{
        float:left;
	margin-top: 20px;
	line-height: 17px;
}


.post .postcontent p
{
	margin-bottom: 15px;
}

.post .posttags,
{
        float:left;
	color: #959595;
	clear:both;
	margin-top: 20px;
	text-align: left;
        width:100%;
}
.post .posttags a
{
	color: #959595;
	clear:both;
	margin-top: 20px;
	text-align: left;
}

#subpage-list h3 {
	font-family: Chicago, Charcoal, sans-serif;
	font-size: 14px;
        font-weight:bold;
	padding: 0;
	margin-bottom: 5px;
}

#subpage-list h3 a {
	text-decoration: none;
}

#subpage-list h3 a:hover {
	text-decoration: underline;
}


#subpage-list p {
        font-family: Chicago, Charcoal, sans-serif;
	font-size: 12px;
}


#highlightbox {
        position:relative;
        float:left;
        padding-left:0px;
        padding-right:0px;
        padding-top:0px;
        padding-bottom:0px;
        width:600px;
}

#highlightbox_top {
        position:relative; 
        float:left;
	background: transparent url('images/featureboxwrap_top.png') no-repeat 0 0;
	height: 34px;
        width:600px;
}

#highlightbox_mid{
        position:relative;
        float:left;
	background: transparent url('images/featureboxwrap_mid.png') repeat-y 0 0;
        width:600px;
}

#highlightbox_mid p {
        padding-left:30px;
        padding-right:30px;
        margin-top:5px;
        margin-bottom:0px;
}
#highlightbox_mid h3 {
        padding-left:30px;
        padding-right:30px;
        margin-top:5px;
        margin-bottom:0px;
}

.feature_titlemeta {
        padding-left:30px;
        padding-right:30px;
        margin-top:0px;
        margin-bottom:5px;
}



#highlightbox_bottom {
        position:relative;
        float:left;
	background: transparent url('images/featureboxwrap_bottom.png') no-repeat 0 0;
	height: 34px;
        width:600px;
}

#highlightbox h2 {
        padding-left:30px;
        padding-right:0px;
}


.commentbox
{
	background: #fff;
	border: solid 1px #eeeeee;
	margin: 10px 5px 20px 5px;
	padding: 15px;
	_padding: 7px;
}

.commentmeta .avatar
{
	float: left;
	padding-right: 6px;
	_padding-right: 3px;
}

.commenttext
{
	clear: both;
	margin-top: 10px;
}

.commentform input
{
	padding: 0;
	margin: 0;
	line-height: 0;
}

#commentform .text {
	width: 300px;
    margin: 0 0 15px 0;
}

#commentform textarea
{
    width:450px;
    height:150px;
    margin:0;
    padding:5px;
}

.navlinks
{
	posistion:relative;
        clear:left;
       margin: 0px 5px 40px 5px;	
}

.navlinks a
{
	text-decoration: none;
}

.navlinks img
{
	margin-right: 5px;
}

#sidebar #wrapbox
{
        position:relative;
	background: #ffffff;
	border-right: solid 1px #E4D9B8;	
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
        margin-top:40px;
        margin-bottom:20px;
        margin-left:5px;
        margin-right:0px;
	_margin: 40px 0px 20px 0px;
        float: left;
        left:40px;
        width:150px;
}

#sidebar .sidebarbox
{
	line-height: 20px;
	margin-bottom: 40px;
        width:100%;
}

#sidebar .sidebarbox h3
{
	font-size: 18px;
	color: #602F0E;
	margin-bottom: 10px;
}

#sidebar .sidebarbox a
{
       color:#5C0E17;
       text-decoration: none;
}

#sidebar .sidebarbox a:hover
{
       color:#093D34;
       text-decoration: none;
}

#sidebar .sidebarbox a:hover:before
{
       margin-left:-13px;
       content:url(images/bullet-arrow.png); 
}

#sidebar .sidebarbox a:active:before
{
       content: ">"; 
       text-decoration:underline;
}




#sidebar .sidebarbox ul
{
	font-size: 12px;
        list-style-type: none;
	text-indent: -1.5em;
}

#sidebar .sidebarbox li
{
	text-indent: -1.5em;
        width:100%;
}
#sidebar .sidebarbox ul li
{
	text-indent: -1.5em;
        width:100%;
}



#sidebar .sidebarbox .pages ul
{
	font-size: 12px;
        list-style-type: none;
	text-indent: -1.5em;
}


#subfooter
{
        color:#093D34;
	height: 160px;
	background: url('images/contentbg_footer2.png') no-repeat 0 0;
}

#subfooter a {
	color:#ffffff;
}
#subfooter a:hover {
	color:#5C0E17;
}


#subfooter_content {
	position:relative;
        float: right;
        width:78%;
        padding-top:30px;
        clear:none;
}

#subfooter_content ul {
	padding:0px;
        margin:0px;
        font-size:14px;
}

#subfooter_content li {
	padding:0px;
        margin:0px;
	display: inline;
}



#subfooter img {
	position:relative;
        float: left;
	margin-top:-50px;
        padding-left:10px;
        padding-right:10px;}


#footer
{
	height: 52px;
	background: url('images/bottombg.png') no-repeat 0 0;
}



.searchform #searchbox
{
	clear: right;
	background: #d58d65;
	border: solid 1px #000000;
	width: 120px;
        top:10px;
	height: 14px;
	font-size: 11px;
}

.searchform #searchbutton
{
	height: 18px;
	width: 22px;
	margin-left: 1px;
	border: none;
	cursor: pointer;
	background: url('images/searchbutton.png') no-repeat 0 0;
}

/*** Wordpress ***/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
   margin: 0 10px 10px 0;
}

.alignright {
   float: right;
   margin: 0 0 10px 10px;
}

.wp-caption {
   background: #fafafa;
   border: solid 1px #eeeeee;
   text-align: center;
   padding-top: 4px;
}

.wp-caption img {
   float: none;
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0px;
   margin: 0px;
}

/* drop down menu */

.menu {position:relative; z-index:100;border-right:0px solid #000;border-top:0px solid #E4D9B8; font-family: Chicago, Charcoal, sans-serif; align:center;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:746px; w\idth:745px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}


.menu ul li ul li {position: relative;float:left; display: inline;}


/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;display: inline; position:relative;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:16px;text-decoration:none; color:#60420E; height:30px; border:0px solid #000; border-width:1px 0 1px 1px; background:#ffffff; padding-left:10px; padding-right:10px; line-height:29px; font-weight:bold; border-color:#d0a47d;border-top:0px solid #E4D9B8;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#ddad82;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#ddad82;}
.menu ul ul :hover > a.drop {background:#ddad82;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#ddad82;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#ddad82;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; border-top:1px solid #d0a47d;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:169px; top:-1px; height:100px; width:80px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-169px;height:100px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#ddad82; font-size:12px; color:#60420E; width:150px; height:auto; line-height:1em; padding:5px 10px; border-width:0 1px 1px 1px;border-color:#d0a47d;}


/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#ffffff;}
.menu a:hover, .menu ul ul a:hover:before{margin-left:0px;content:url(images/bullet-arrow-x.png); }

.menu :hover > a, .menu ul ul :hover > a {color:#ffffff; background:#ddad82;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}



/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.

   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */


.menu ul ul .current_page_item a {
  color: #60420E;
  background: white;
  border-left: 1px solid black;
}

.menu .current_page_item a {
  color: #60420E;
  font-weight: bold;
  background: white;
}

.menu ul .current_page_item ul a {
  color: #5C0E17;}

/* ================================================================ 
   screne.css modifications
=================================================================== */

.prepend-1 {
	padding-left: 20px;
}

.postcontent li {
	padding-bottom:10px;
}