/*  
Theme Name: MFO
Theme URI: http:/mafilm.org/
Description: A WordPress theme for the Massaschusetts Film Office Site. Note: You will seriously break this site if you change the theme, this theme has custom templates that integrate the WordPress blog into the web site. 
If you have questions, contact David Tames, http:/kino-eye.com/contact/
Version: 1.0
Author: David Tames
Author URI: http:/kino-eye.com/

MFO Theme v1.0
http://mafilm.org/
	
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/


/* Page */

body {
    background: url("./images/bg.jpg"); 
    text-align: center;
	margin: 0;
	padding-left: 20px;
	/* font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; */
	font-family: "Helvetica", Arial, sans-serif;
	font-size: 14px;
}



#container {
	width: 1024px;
	background: url("./images/bg.jpg"); 
	text-align: left;
	/* background-color: #ff0000; */
	/* border-color: #0000000; */
	margin: 0 auto;
}


h1, h2, h3 {
	margin-top: 0;
}

h1 {
    margin-top: 9px;
    margin-left: 9px;
    font-size: 136%;
    font-weight: bold;
}

h2 {
    margin-top: 0;
     margin-left: 9px;
	font-size: 117%;
	font-weight: bold;
}

h3 {
    margin-top: 0;
     margin-left: 9px;
	font-size: 100%;
	font-weight: bold;
}

p, ul, ol {
    margin-left: 9px;
    margin-right: 10px;
	margin-bottom: 1.6em;
	line-height: 140%;
}

p {

}


ul {
}

ol {
}




a {
	
	color: #aa0000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

small {
    font-size: 85%;
}

hr {
	color: #eeeeee;
	height: 1px;
}

img {
	border: none;
	
}

img.logo {

}


img.left {
    /* border: 1px solid #B2B2B2;   */
	float: left;
	margin: 12px 9px 0 10px;
}

img.right {
    /* border: 1px solid #B2B2B2; */
	float: right;
	margin: 12px 0 9px 9px;
}

/* First Image in a Post */

.first-image {
    float: left;
    margin-top: 3px;
    margin-right: 8px;
    margin-bottom: 4px;
}



/* header */

#header {
	width: 830px;
	background: url("./images/title-header-slim2.png");
	height: 45px;
	margin: 0 auto;
	color: #ffffff;
	padding-top: 6px;
}

#header  h1 {
	margin: 0;
	padding-left: 20px;
	font-size: 28px;
	line-height: 30px;
}

/* Logo */

#logo {
	float: left;
	width: 830px;
	height: 40px;
	color: #999999;
	
}

#logo h1 {
	margin: 0;
	padding-left: 20px;
	font-size: 28px;
	line-height: 30px;
}

#logo h2 {
	margin: -10px 12px 10px 0;
	text-transform: uppercase;
	text-align: right;
	font-size: 12px;
	line-height: 10px;
}

#logo a {
	text-decoration: none;
	color: #eeeeee;
}

#logo a:hover {
	color: #ffffff;
}



/* Content */

#dynamic-section {
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

/* on it's way out, changing "welcome" to dynamic-section. */

#welcome {
	margin-left: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
}

#index-content {
	float: left;
	width: 576px;
	background-color: #000000;
	margin-top: 20px;
}




#magazine {   
	float: left;
	width: 830px;
	background: url("./images/bg.jpg");
	
}

#video-content {
    
	float: left;
	width: 830px;
	background-color: #000000;
	margin-top: 20px;
}

#video-player {
	margin-left: 20px;
}

#video-player p {
	margin: 0;
	color: #cccccc;
	text-align: center;
	font-size: 77%;
}

#video-player a  {
	color: #ff9999;
}

#video-player li a:hover {
	text-decoration: underline;
}

#video-player li.active a {
	font-weight: bold;
}


/* CONTENT */

#content {  
	float: left;
	width: 830px;
	margin-top: 10px;
	background-image: url('./images/page-bg-gray-sidebar.png'); background-repeat: repeat-y;
}

/* hack for silly event stuff */
#content-special {  
	float: left;
	width: 1024px;
	margin-top: 10px;
	background-image: url('./images/page-bg-gray-sidebar.png'); background-repeat: repeat-y;
}

/* hack for silly event stuff */
#content-wide {  
	float: left;
	width: 830px;
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 0px;
	padding-right: 0px;
	xbackground-color: #FFFFFF;
}

#content-black-sidebar {  
	float: left;
	/* width: 830px; */
	width: 820px; 
	margin-top: 10px;
	background-image: url('./images/page-bg-black-sidebar.png'); background-repeat: repeat-y;
}




#content-main {  
	float: left;
	width: 534px;
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 20px;
	padding-right: 20px;
	xbackground-color: #FFFFFF;
}

#content-main h1.title {
    margin-top: 8px;
	margin-bottom: -4px;
}

#content-main h2.title {
	margin-top: 10px;
	margin-bottom: 2px;
}


#content-sidebar {  
	float: right;
	/* width: 224px; */
	width: 224px; */
	margin-left: 4px;
		/* margin-right: 10px; */
	margin-right: 10px;  
	xbackground-color: #eeeeee;
	xbackground-color: #ffffff;
}

#content-sidebar h1.title {
    margin-top: 10px;
}

#content-sidebar h2.title {
	margin-top: 10px;
	margin-bottom: 2px;
}

.twocols {
    background-color: #ffffff;
	padding-top: 10px;
	border-top: 1px solid #ffffff;
	margin-left: 10px;
}

.twocols .col1 {
    background-color: #ffffff;
	float: left;
	width: 360px;
	padding-bottom: 10px;
}

.twocols .col2 {
    background-color: #ffffff;
	float: right;
	width: 360px;
	padding-left: 4px;
	padding-right: 10px;
	padding-bottom: 10px;
	border-left: 1px solid #EFEFEF;
}

.list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.list li {
	padding: 5px 10px;
	border-top: 1px solid #EFEFEF;
	list-style: none;
}

.list li.first {
	border: none;
	list-style: none;
}

/* Sidebar */

#sidebar {
	float: left;
	width: 150px;
	height: 484px;  /* 32 */
	border: 1px solid #666666;
	margin: 10px 10px 20px 0px;
	background-color: #000000;
}


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

#sidebar li {
	list-style: none;
	margin: 0;
	padding: 0;
}


#sidebar img {
    border: none;
} 


/* Sidebar Menu */

#sidebar-menu {
	width: 150px;
	xmargin: 10px;
	font-size: 13px;
}
	
#sidebar-menu li a {
	height: 32px;
  	height: 24px;
	text-decoration: none;
}	
	
#sidebar-menu li a:link, #sidebar-menu li a:visited {
	color: #FFF;
	display: block;
	background:  url(./images/mfo-menu.gif);
	padding: 8px 0 0 23px;
}

#sidebar-menu li a:hover {
	color: #FFF;
	background:  url(./images/mfo-menu.gif) 0 -32px;
	padding: 8px 0 0 23px;
}

#sidebar-menu li#active a:link, #sidebar-menu li#active a:visited {
	color: #FFF;
	display: block;
	background:  url(./images/mfo-menu-active.gif);
	padding: 8px 0 0 23px;
}

#TESTsidebar-menu li#active {
	color: #FFF;
	height: 32px;
  	height: 24px;
	text-decoration: none;
	background:  url(./images/mfo-menu-active.gif);
	padding: 8px 0 0 23px;
}


/* Sidebar */

#xcontent-sidebar {
	float: left;
	width: 150px;
	height: 420px;
	border: 1px solid #666666;
	margin: 10px 10px 20px 0px;
	background-color: #000000;
}


#xcontent-sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#xcontent-sidebar li {
	list-style: none;
	margin: 0;
	padding: 0;
}


#xcontent-sidebar img {
    border: none;
}



/* Posts */

#blog-posts {
	margin-bottom: 20px;
}

#blog-posts ul {
	line-height: normal;
}

#blog-posts li {
	padding: 10px;
}

#blog-posts h3 {
	margin: 0;
	font-size: 100%;
}

#blog-posts p {
	margin: 0;
	line-height: normal;
}

#blog-posts a {
}

/* Sticky Posts */

#sticky-posts {
	margin-bottom: 20px;
}

#sticky-posts ul {
	line-height: normal;
}

#sticky-posts li {
	padding: 10px;
}

#sticky-posts h3 {
	margin: 0;
	font-size: 100%;
}


#sticky-posts p {
	margin: 0;
	line-height: normal;
}

#sticky-posts a {
}

/* Footer */

#footer {
	clear: both;
	color: #eeeeee;
	float: left;
	width: 700px;
	height: 40px;
	margin-left: 30px;
	border-left: 30px;
	padding: 16px 0px 16px 0px;
	/* border-top: 1px solid #CCCCCC; */
}

#footer p {
	margin: 0;
	color: #cccccc;
	text-align: center;
	font-size: 77%;
}

#footer a  {
	color: #ff9999;
}

#footer li a:hover {
	text-decoration: underline;
}

#footer li.active a {
	font-weight: bold;
}



/***** WordPress Specific Styles ********/

.navigation {
	display: block;
	text-align: right;
	margin-top: 10px;
	margin-bottom: 10px;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	height: 120px;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}
	
.postmetadata {
	clear: left;
	background: #eeeeee;
}

#searchform {
	margin: 10px auto;
	padding: 5px 3px; 
	text-align: center;
	}

/* Production Guide Specialties */

.subcategory-entry {
	font-size: 100%;
	line-height: 25px;
	font-weight: normal;
}

/* added by djt */

.alignleft {
	text-align: left;
}

.alignright {
	text-align: right;
}

blockquote {
	color: #666666;
	margin-top: -1px;
	 font-size: 100%;
	 line-height: 120%;
}

.headline {
   font-weight: bold;
	margin-top: 4px;
	margin-left: 6px;
	 font-size: 120%;

}

.details {
      margin-top: 2px;
	 font-size: 95%;
	 margin-left: 6px;
	  line-height: 120%;
	  margin-bottom: 3px;

}

.excerpt {
	margin-left: 74px;
	 font-size: 90%;
	 color: #666666;
	  line-height: 120%;

}


/* I prefer to use <div class="clear"></div> and thus define the following */

div.clear {
	clear: both;
}

/* replaces <div style="float: left; margin-right: 10px; margin-bottom: 10px">      </div>  */

div.float-right {
	float: right; 
	margin-left: 10px; 
	margin-bottom: 2px
	margin-top: 2px; 
}

div.float-left {
	float: left; 
	margin-right: 10px; 
	margin-bottom: 2px
	margin-top: 2px; 
}

/* tab menu bar sliding doors technique from a list apart */

 #tab-menu {
      float:left;
      width: 556px;
      background:#DAE0D2 url("./images/tab-menu-bg.gif") repeat-x bottom;
      font-size:93%;
      line-height:normal;
}

 #tab-menu ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
}

 #tab-menu li {
      float:left;
      background:url("./images/tab-menu-left.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
}

 #tab-menu a {
      display:block;
      background:url("./images/tab-menu-right.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
       color:#AA0000;
}

 #tab-menu a:hover {
       color:#AA0000;
       text-decoration:underline;
}

 #tab-menu #current {
      background-image:url("./images/tab-menu-left_on.gif");
}

 #tab-menu #current a {
      background-image:url("./images/tab-menu-right_on.gif");
       color:#000000;
      padding-bottom:5px;
}


.join-mailing-list a {
	color: #eecc00;
	text-decoration: none;
}

.join-mailing-list a:hover {
	color: #eecc00;
	text-decoration: underline;
}