/*  
Theme Name: Prcoess Film
Theme URI: http://www.processfilms.com
Description: A theme built Matt Pain of Process Films by Tyler Maynard.
Version: .1
Author: Tyler Maynard
Author URI: http://www.tymayn.com
*/

/*************** BODY MARKUP ***********/

* { margin:0; padding:0;}
body { font-size: 9pt; font-family: Arial,sans-serif; color: #fff; line-height: 140%; background:#000000; background-image:url(images/tile_bg.jpg); background-position:center; background-repeat:repeat-y; }
#wrapper { margin: 0px auto; padding: 0px; width: 960px; background-image:url(images/bg.jpg); background-repeat:no-repeat; }
#top { margin: 0px auto; padding: 0 0 0 0; width:951px; height: 280px; }

/**************** Header *********************/
#header {margin:0;padding:0; width:951px;}
#header h1 {text-indent:-10000px;margin:0;padding:0;}
#header h1 a {display:block;background:url(images/header.jpg) no-repeat left;height:280px;}
/**************** Navigation *********************/
#navbar { margin: 0px auto; padding:10px 0px 40px 0px; width:951px; height: 31px; }
#menu {margin: 0px; padding: 0px 0px 0px 5px; float: left; width: 900px; height:31px;line-height:31px;}
ul.menu{float:left;list-style:none;font-size:12px;font-weight:normal;margin:0 0 0 33px;padding:0; font-family:Arial, Helvetica, sans-serif;}
ul.menu li{float:left !important;list-style-type:none;margin:0px 40px 0px 0px;padding:0px 10px 0px 0px; background-image: url(images/process_bullet.png); background-position:center right; background-repeat:no-repeat;}
ul.menu li a,ul.menu li a:link,ul.menu li a:visited{ padding-right:10px;border-bottom:0;border-left:0;color:#ffffff;float:left;display:block;text-decoration:none;padding:0 5px; }
ul.menu li a:hover,ul.menu li a:active{text-decoration:none; color:#CCCCCC;}
ul.menu li.home a{border-left:2px solid #fff;text-decoration:none;}
ul.menu li ul{float:left;margin:0;padding:0;}
/************** Content ***********************/
#main { margin: 0px auto; padding: 0px 0px 0px 0px; width:951px;}
#featured_bar {margin:0px; padding:5px 0px 5px 0px; border-top:1px solid #fff; border-bottom:1px solid #fff}
#content { margin: 0px; padding: 0px; float:left;}
#news_holder {float:left; padding:22px 0px 0px 0px; margin:0px 0px 0px 0px; width:640px; }
#news_large {margin:0px; padding: 0px 0px 0px 0px; width:640px;}
#news_post {float:left; margin:0px; padding:0px 8px 0px 0px; width:312px;}
h3.news_post{margin:2px 0px 4px 0px; padding:0px; color:#FFFFFF; border-bottom:1px solid #fff; text-transform:uppercase; font-size:10px;}
a.news_title a:active, a:visited, a:link{color:#fff; text-decoration:none;}
a.news_title:hover {color:#666666; text-decoration:none;}
h3.title{ padding:4px 0px 0px 1px; color:#fff; background-color:#0e5844; width:120px; line-height: 12px; height:15px; font-size:12px; text-transform:none;} 
#new_post_content p{font-size:12px;margin:0px; padding:0px 0px 8px 0px;color:#FFFFFF; height:60px; font-family:Arial, Helvetica, sans-serif; line-height:14px; width:312px; border-bottom:1px solid #fff; overflow:hidden;}
a.comment_link:link {color:#0e5844; text-decoration:none; font-size:10px;}
a.comment_link:active {color:#0e5844; text-decoration:none; font-size:10px;}
a.comment_link:visited {color:#0e5844; text-decoration:none; font-size:10px;}
a.comment_link:hover {color:#999999; text-decoration:none; font-size:10px;}
#news_small {margin:0px 0px 0px 0px; padding:22px 0px 0px 0px;float:left; width:640px;}
#small_news_post {float:left; width:312px; padding:0px 8px 22px 0px;}
#small_news_content{border-bottom:1px solid #fff; height:83px; margin:0px; padding:0px; overflow:hidden;}
a.small_image_news {margin:0px; padding:0px;}
.small_news {margin:0px; padding:0px;}
.small_news p{float:right; width:161px; height:71px; margin:0px; padding:0px 0px 0px 0px; line-height:12px; overflow:hidden;}
#small_news_content img{padding:0px 0px 0px 0px; float:left;}
img.large_thumb{margin:0px; padding:0x}

/************ Single Post Content Styling *************/
#title_holder {margin:0px; padding:0px; border-bottom:1px solid #fff; width:100%; height:80px;}
#post_content_left_holder { margin: 0px; padding:22px 0px 0px 0px; float:left; width:713px; float:left;}
#date_holder {float:left; margin:10px 0px 0px 0px; width:100px; height:106px; background-image:url(images/date_bg.jpg); background-repeat:no-repeat; background-position:top left; }
#post_content {float:left; width:604px; margin:10px 0px 0px 5px;}
#post_content img{max-width:604px; border:none;}
#post_content p{ width:100%; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:14px; margin:0px; padding:0px 0px 15px 0px; font-weight:100;}
#post_content a{color:#0e5844;}
h1.post_title {margin:0px; padding:16px 0px 0px 6px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:40px; line-height:40px; width:100%;display:block;}
#date_info {font-size:10px; margin:0px 0px 0px 9px; }
#date_info a{color:#0e5844 ;}
#date_day { font-size:40px; line-height:50px; width:50px; height:50px; float:left ;margin:18px 0px 0px 0px; padding:10px 0px 0px 0px; font-weight:bold;}
#date_suffix { font-size:10px; width:33px; height:15px;float:left; margin:20px 0px 0px -1px; padding:35px 9px 0px 0px;}
#date_month { float:left; width:90px; margin:auto; margin:6px 0px 0px -4px; font-size:10px;}
#post_tags {font-size:9px; padding:30px 0px 20px 0px;}
#post_tags a{color:#0e5844;}
#comment_holder {padding:10px 0px 0px 110px;float:left; width:600px; border-top:1px solid #fff;}
#comment_holder a{color:#0e5844;}
 


/************** Right SideBar *****************/
#right_sidebar {float:right;margin:0px 0px 0px 0px; padding:22px 0px 0px 0px; width:310px;}
#sidebar_content {margin:0px 0px 0px 0px; padding:0px; height:558px; border-bottom:1px solid #fff; overflow:hidden; }
h3.title_sidebar{ padding:4px 0px 0px 1px; color:#fff; background-color:#0e5844; width:150px; line-height: 12px; height:15px; font-size:12px; text-transform:none;}
h3.right_sidebar {margin:2px 0px 4px 0px; color:#FFFFFF; border-bottom:1px solid #fff; text-transform:uppercase; font-size:10px;}
right_sidebar, p{margin:0px; padding:4px 0px 8px 0px;color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; display:block;  line-height:12px; width:312px; font-size:10px;}

/************** Right Sidebard Post styling *****************/
#right_sidebar_post {float:right;margin:0px 0px 0px 0px; padding:22px 0px 0px 0px; width:228px;}
h3.title_sidebar_post{ padding:4px 0px 0px 1px; color:#fff; background-color:#0e5844; width:228px; line-height: 12px; height:15px; font-size:12px; text-transform:none;}
#sidebar_post_content { margin:0px; padding:0px; width:228px; min-height:600px; }
#search_holder {margin:0px; padding:15px 0px 0px 0px; width:100%; height:64px;}
#searchform {margin:0px; margin:0px;}
#widgets {background-image:url(images/spons_bg.png); min-height:600px;}
#search_text{}
#search_sub{}
#sup { width:180px; background-image:url(images/search_bg.jpg); border:1px solid #4f4f4f; float:left; line-height:15px;}
#right { width:40px; float:right;}
.sidebar_style h2{font-family:Arial, Helvetica, sans-serif; margin:0px 0px 10px 15px; font-size:12px; font-weight:bold; text-transform:uppercase;}
.sidebar_style ul {list-style-image:url(images/process_list_bullet.png); margin:10px 0px 15px 30px; font-weight:bolder;}
.sidebar_style ul li {color:#0e5844; font-size:10px; font-weight:bolder; margin-bottom:8px;}
.sidebar_style ul li a{color:#0e5844; font-size:10px; font-weight:bolder;}

/*************** Who are we ******************/
#about_holder {}
#about_text {  }
#about_images { width:290px; float:right; padding:0px 0px 0px 10px;}
.ourpeople img{ padding:0px 6px 0px 0px;}
#about_content {float:left; width:700px; margin:10px 0px 0px 5px; }
#about_content p{ width:100%; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:14px; margin:0px; padding:0px 0px 15px 0px; font-weight:100;}
#about_content a{color:#0e5844;}
#webphotos img{ padding:0px 5px 0px 0px ; max-width:335px;  padding:0px 8px 0px 0px;}

/*************** Projects Styling ******************/

.project_holder {  width:700px; height:165px; border-bottom:1px solid white;}
.project_link_content { float:right; width:455px;}
h2.projects_titles { font-size:25px; padding:0px 0px 12px 0px;}
a.project_link {width:125px; height:25px; display:block; text-align:center; float:right; background-image:url(images/submit.jpg); padding-top:5px; margin:15px 0px 0px 0px;  } 
p.project_info {height:58px; overflow:hidden; margin:0px; padding:0px; }


/*************** Foooter Styling ******************/
h4.sponsed {padding:5px 0px 8px 4px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#sponsors {margin:0px; border-top: 1px solid #fff; border-bottom:1px solid #fff; background-image:url(images/spons_bg.png);}
#sponsor_images img{padding: 5px;}
#foot_links {margin:25px 0px 0px 0px; height:200px;}
h5{color:#0e5844; font-size:11px; text-transform:uppercase; font-weight:bolder; margin:0px; padding:0px 0px 10px 0px;}
#foot_links ul{ padding:0px; margin:0px; list-style:none;} 
#foot_links li{ padding:0px; margin:0px; list-style:none; font-size:10px; float:left; width:150px;}
#nav_links {margin:0px; padding:0px; width:200px; float:left;}
#friends {margin:0px; padding:0px; width:380px; float:left; height:145px;}
#social_media {float:right; width:100px; height:20px; margin:0px; padding:103px 0px 0px 5px;}
#bottom_logo {float:right; width:175px; height:145px; margin:0px; padding-left:5px;}

/*********** COMMENT STYLING ****************/

#email 

p.post_comments {float:right;}

.commentlist .quote {	background:url(http://www.tymayn.com/images/bg_quote.gif) no-repeat top right;	min-height:50px;	}

.commentlist li { 	padding: 5px 18px 22px 18px;	margin-top:15px;	margin-left:50px;	width:420px;	background:#454545 url(http://www.tymayn.com/images/bg_commentlist.gif) bottom no-repeat;	color:#e4edee;	}
.commentlist cite {	display:block;	margin-left:50px;	font-style:normal;	}
.commentlist cite a:link, .commentlist cite a:visited {	color:#666666;		text-decoration:none;	}

.commentlist cite a:hover, .commentlist cite a:active {	color:#CCCCCC;	text-decoration:none;	}
#author {background-color:#000000; color:#FFFFFF; border:1px solid #666666; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:12px; background-image:none;}
#url {background-color:#000000; color:#FFFFFF; border:1px solid #666666; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:12px; background-image:none;}
#email {background-color:#000000; color:#FFFFFF; border:1px solid #666666; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:12px; background-image:none;} 
textarea { background-color:#000000; color:#FFFFFF; border:1px solid #666666; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:14px;}
#submit {margin:0px 0px 20px 0px; padding:0px 0px 0px 0px;}
input {background-color:#000000; color:#FFFFFF; width:128px; height:29px; border:none; background-image:url(images/submit.jpg); margin:0px; padding:0px;}

img.avatar {float:right; border:2px solid #0f0f0f; margin-bottom:0px;}

/**************** Archive Styling ****************/
.archive_entry { padding:0px 0px 0px 0px; margin:5px 0px 0px 0px; width:380px; float:right; }
.archive_entry a{color:#0e5844;}
.archive_entry h3 { font-size:20px; line-height:20px;}
.archive_style {width:700px; height:135px; margin:0px 0px 10px 0px; border-bottom:1px solid white; }
.pic_holder { float:left; margin:10px 5px 0px 5px;}
.pic_holder img{ max-width:209px;  }
.entry p{width:100%;}
p.postmetadata{width:380px;}
#wherenow img{ border:none; display:none;}
.mobile img{max-width:311px;}