/*  
Theme Name: MTI
Theme URI: http://parentsofteen.info/
Description: MTI
Version: 1.0
Author: Dustin Pfeifer
Author URI: http://dustinpfeifer.com/
*/

/* Begin Layout */

body {
	margin:0;
	padding:0;
	text-align:center;
	background-image:url(images/bgrnd2.jpg); 
	background-repeat:repeat-x; 
	background-color:#faed8e;	
	font: 12px Arial, Helvetica, sans-serif;
	color:#333;
	line-height:17px;
}
	
#main {
	width:712px;
	background-image:url(images/bgrnd_content2.jpg); 
	background-repeat:repeat-y;
	margin:0 auto;
	padding:0;
}

#header, #menu, #content, #sub-section, #footer, #disclaimer {
	overflow:hidden;
	text-align:left;
}

/* safari and opera need this */

#header,#menu {
	width:100%;
}

#header {
	background-image: url(images/bgrnd_menu2.jpg); 
	background-repeat: no-repeat;
	height:184px;
}

#feature {
	height:259px;
	background-image: url(images/main_img.jpg); 
	background-repeat: no-repeat;
	text-align:left;
	color:#fff;
}

#feature p {
	margin-right:300px;
}

#content {
	float:left;
	width:412px;
}

#sub-section {
	background-image: url(images/bgrnd_subsection2.jpg); 
	background-repeat: no-repeat;
	float:right;
	width:294px;
	margin-top:20px;
}

.categories { 
	width:200px; 
	padding:0 10px;
}

.column-in {
	padding:30px 30px;
}

#footer {
	padding:30px 0;
	margin:0 30px;
	border-top:1px solid #bbbdcc;
}

#recent {
	float:left;
	width:45%;
}

#archives {
	float:right;
	width:45%;
}

#disclaimer {
	padding:10px 0;
	margin:0 30px;
	border-top:1px solid #bbbdcc;
	font-size:11px;
	color:#999;
}

#disclaimerleft {
	width:49%;
	float:left;
	text-align:left;
}

#disclaimerright {
	width:49%;
	float:right;
	text-align:right;
}

.post {
	margin:0 0 40px;
}


/* ----- Menu ----- */

#nav { 
	list-style:none; 
	padding:130px 0 0 0;
	margin:0 0 0 30px; 
	font-family:arial, verdana, sans-serif;
	font-size:12px;
	font-weight:bold; 
}

#nav li { 
	display:block;
	float:left;  
}

#nav a { 
	color:#999; 
	text-decoration:none;
	background-image:url(images/dotline_vert.jpg); 
	background-repeat:repeat-y; 
	padding:2px 15px;  
}

#nav a:hover { 
	color:#555;
	background-color:#ccc; 
}

#nav a.none {
	background-image:none;
}

/* ----- list ----- */

.linklist {
    margin:10px 0;
    padding:0;
}

.linklist li {
    padding:0;
    list-style-type:none;
    border-bottom:1px solid #e4e4e4;
}

.linklist a {
    color: #4c5286;   
    text-decoration: none;
    display:block;
    padding:6px 5px 4px 5px;
}

.linklist a:hover {
    background-color: #aaadbf;
    color: #4c5286;
}


/* ----- Comment List ----- */

.commentlist {
    margin:10px 0;
    padding:0;
} 

.commentlist li {
	margin:10px 0;
	padding:5px 10px;
	list-style-type:none;
	background:#dedfe7;
	border:1px solid #bbbdcc;
	border-width:1px 0;
}

.commentlist p {
	margin:5px 0;
}

.commentauthor {
	color:#54586c;
	font-weight:bold;
}

.commentmetadata {
	color:#777;
}
    

/* ----- Typography ----- */

span {
	width:140px;
	float:right;
	padding:10px;
	font-size:105%;
	font-weight:bold; 
	margin:0 0 12px 15px;
	border-left:1px solid #bbbdcc;
	margin:0 0 12px 15px;
}

a {
	color:#4c5286;
}

h1, h2, h3, h5 {
	font-weight:normal;
	letter-spacing: -1px;
	margin:0;
	padding:0;
}

h1 a, h2 a {
	text-decoration:none;
}

h1, h1 a {
	font-size:24px;
	color:#4c5286;
	line-height:24px;
}

h2, h2 a {
	color:#fff;
	font-size:30px;
}

h3 {
	color:#54586c;
	font-size:14px;
	margin:10px 0;
}

h4 {
	text-transform:uppercase;
	letter-spacing: -1px;
	color:#999;
	margin:0;
	font-size:14px;
}

h5 {
	color:#54586c;
	font-size:12px;
	margin:5px 0;
}

h6 {
	color:#999;
	margin:0 0 20px;
	font-size:12px;
	font-weight:normal;
}

.postmetadata {
	border:1px solid #bbbdcc;
	border-width:1px 0;
	padding:5px 0;
}

/* ----- Hacks ----- */

/* ClearFix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
.clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */