@charset "utf-8";
/* CSS Document */

/*
Theme Name: Cinematics Inc. Theme v0.1 beta
Theme URI: http://www.cinematics.com
Description: A WordPress theme created for Cinematics Inc.
Version: 0.1
Author: Jamie Peterson // melonfresh.tv
Author URI: http://www.melonfresh.tv/
Tags: 

	Cinematics Inc. Theme v0.1 beta
	 http://www.cinematics.com

	This theme was designed and built by Jamie Peterson of Melon Fresh Design,
	whose work you can find at http://www.melonfresh.tv/

*/

/*ALL*/
*, html{
	margin:0;
	padding:0;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	outline:none;
	text-align:left;
	list-style:none;
}
html{
	background:#000;
}
hr{
	color:#434343;
	background:#434343;
	height:1px;
	margin-top:1px;
	clear:both;
}
p, li, td{
	font-size:12px;
	color:#666;
	background:none;
	margin-top:12px;
}
h1, h2, h3, h4, h5, h6{
	color:#CCC;
	margin-top:12px;
}
a{
	color:#999;
	outline:hidden;
	text-decoration:none;
}
a:hover{
	color:#F00;
	border-bottom:1px dotted #FFF;
}
#container{
	width:960px;
	margin:0 auto 0 auto;
}
.clear{
	clear:both;
}
blockquote{
	margin:12px 0 12px 0;
	padding:9px;
	background:#0E0E0E;
	border:1px solid #191919;
	line-height:21px;
}
blockquote p{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#999;
	line-height:21px;
}
blockquote p em{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#999;
	font-style:italic;
	line-height:21px;
}
input, textarea{
	background:#CCC;
}
#cinematics_tagline{
	width:960px;
	height:47px;
	background:url(images/cinematics_tagline.jpg);
	text-indent:-9000px;
}
/*HEADER and MAIN NAV*/
#cms_logo{
	width:380px;
	height:100px;
	margin:24px auto 0 auto;
}
#cms_logo a, #cms_logo a:hover{
	background:url(images/cinematics_logo.png) no-repeat;
	text-indent:-9000px;
	width:380px;
	height:100px;
	display:block;
	outline:none;
	text-decoration:none;
	border:none;
}
#mainnav{
	width:600px;
	height:21px;
	margin:6px auto 24px auto;
}
#mainnav li, #mainnav li a{
	width:120px;
	height:21px;
	float:left;
	text-align:center;
	text-indent:-9000px;
}
#mainnav_projects a{
	background:url(images/mainnav_projects.gif) no-repeat;
	border:none;
}
#mainnav_projects a:hover{
	background-position:0 -21px;
}
#mainnav_about a{
	background:url(images/mainnav_about.gif) no-repeat;
	border:none;
}
#mainnav_about a:hover{
	background-position:0 -21px;
}
#mainnav_services a{
	background:url(images/mainnav_services.gif) no-repeat;
	border:none;
}
#mainnav_services a:hover{
	background-position:0 -21px;
}
#mainnav_blog a{
	background:url(images/mainnav_blog.gif) no-repeat;
	border:none;
}
#mainnav_blog a:hover{
	background-position:0 -21px;
}
#mainnav_contact a{
	background:url(images/mainnav_contact.gif) no-repeat;
	border:none;
}
#mainnav_contact a:hover{
	background-position:0 -21px;
}
/*PAGE CONTENT & COLUMNS*/
#content{
	width:960px;
	margin:24px 0 0 0;
}
.column_third_left{
	float:left;
	width:190px;
	margin-right:40px;
}
.column_third_center{
	float:left;
	width:500px;
	margin-right:40px;
}
.column_third_right{
	float:left;
	width:190px;
}
.column_blogsingletext{
	float:left;
	width:730px;
	margin:24px 40px 0 0;
}
.column_blogtext{
	float:left;
	width:730px;
	margin:0 40px 0 0;
}
.column_portfoliosingle_right730{
	float:left;
	width:730px;
	margin:24px 0 0 0;
}
.column_portfolio_right730{
	float:left;
	width:730px;
	margin:0;
}
.lists2column{
	margin-top:12px;
}
.lists2column li{
	float:left;
	width:85px;
	margin-right:10px;
}
.lists1column{
	margin:12px 10px 0 0;
}
/*INDEX*/
#demoreel_link a{
	display:block;
	margin:12px 0 12px 0;
	width:190px;
	height:310px;
	background:url(images/demoreel_link.jpg) no-repeat;
	text-indent:-9000px;
}
/*SECTION HEADERS*/
#heading_demoreel{
	margin-top:24px;
	width:190px;
	height:30px;
	text-indent:-9000px;
	background:url(images/heading_demoreel.gif) no-repeat;
}
#heading_studiophotos{
	margin-top:24px;
	width:190px;
	height:30px;
	text-indent:-9000px;
	background:url(images/heading_studiophotos.gif) no-repeat;
}
#heading_staffphotos{
	margin-top:24px;
	width:190px;
	height:30px;
	text-indent:-9000px;
	background:url(images/heading_staffphotos.gif) no-repeat;
}
#heading_forums{
	margin-top:24px;
	width:190px;
	height:30px;
	text-indent:-9000px;
	background:url(images/heading_forums.gif) no-repeat;
}
#heading_recentposts{
	margin-top:24px;
	width:500px;
	height:30px;
	text-indent:-9000px;
	background:url(images/heading_recentposts.gif) no-repeat;
}
#heading_recentposts730{
	margin-top:24px;
	width:730px;
	height:30px;
	text-indent:-9000px;
	background:url(images/heading_recentposts730.gif) no-repeat;
}
#heading_archives730{
	margin-top:24px;
	width:730px;
	height:30px;
	text-indent:-9000px;
	background:url(images/heading_archives730.gif) no-repeat;
}
#heading_cinematicstweeted{
	margin-top:24px;
	width:190px;
	height:30px;
	text-indent:-9000px;
	background:url(images/heading_cinematicstweeted.gif) no-repeat;
}
#heading_finduson{
	margin-top:24px;
	width:190px;
	height:30px;
	text-indent:-9000px;
	background:url(images/heading_finduson.gif) no-repeat;
}
#heading_friendsof{
	margin-top:24px;
	width:190px;
	height:30px;
	text-indent:-9000px;
	background:url(images/heading_friendsof.gif) no-repeat;
}
#heading_authors{
	margin-top:24px;
	width:190px;
	height:30px;
	text-indent:-9000px;
	background:url(images/heading_authors.gif) no-repeat;
}
#heading_categories{
	margin-top:24px;
	width:190px;
	height:30px;
	text-indent:-9000px;
	background:url(images/heading_categories.gif) no-repeat;
}
#heading_archives{
	margin-top:24px;
	width:190px;
	height:30px;
	text-indent:-9000px;
	background:url(images/heading_archives.gif) no-repeat;
}
#heading_blogroll{
	margin-top:24px;
	width:190px;
	height:30px;
	text-indent:-9000px;
	background:url(images/heading_blogroll.gif) no-repeat;
}
#heading_projectinfo{
	margin-top:24px;
	width:190px;
	height:30px;
	text-indent:-9000px;
	background:url(images/heading_projectinfo.gif) no-repeat;
}
#heading_aboutourportfolio{
	margin-top:24px;
	width:190px;
	height:30px;
	text-indent:-9000px;
	background:url(images/heading_aboutourportfolio.gif) no-repeat;
}
#heading_ourwork{
	margin-top:24px;
	width:730px;
	height:30px;
	text-indent:-9000px;
	background:url(images/heading_ourwork.gif) no-repeat;
}
#heading_jumpto{
	margin-top:24px;
	width:190px;
	height:30px;
	text-indent:-9000px;
	background:url(images/heading_jumpto.gif) no-repeat;
}
#heading_about{
	margin-top:24px;
	width:730px;
	height:30px;
	text-indent:-9000px;
	background:url(images/heading_about.gif) no-repeat;
}
#heading_services{
	margin-top:24px;
	width:730px;
	height:30px;
	text-indent:-9000px;
	background:url(images/heading_services.gif) no-repeat;
}
#heading_philosophy{
	margin-top:24px;
	width:730px;
	height:30px;
	text-indent:-9000px;
	background:url(images/heading_philosophy.gif) no-repeat;
}
#heading_studio{
	margin-top:24px;
	width:730px;
	height:30px;
	text-indent:-9000px;
	background:url(images/heading_studio.gif) no-repeat;
}
#heading_education{
	margin-top:24px;
	width:730px;
	height:30px;
	text-indent:-9000px;
	background:url(images/heading_education.gif) no-repeat;
}
#heading_management{
	margin-top:24px;
	width:730px;
	height:30px;
	text-indent:-9000px;
	background:url(images/heading_management.gif) no-repeat;
}
#heading_team{
	margin-top:24px;
	width:730px;
	height:30px;
	text-indent:-9000px;
	background:url(images/heading_team.gif) no-repeat;
}
#heading_contactinfo{
	margin-top:24px;
	width:190px;
	height:30px;
	text-indent:-9000px;
	background:url(images/heading_contactinfo.gif) no-repeat;
}
/*BLOG POSTS*/
#forumslink a{
	width:190px;
	height:310px;
	background:url(http://www.cinematics.com/cmswp/wp-content/uploads/2010/02/cms_forums01.jpg) no-repeat;
	text-indent:-9000px;
	display:block;
}
.postcontainer{
	margin:12px 0 12px 0;
}
.postimageleft{
	width:120px;
	float:left;
	margin:0 9px 6px 0;
}
.posttextright{
	float:left;
	width:371px;
}
.posttextright_blog{
	float:left;
	width:600px;
}
.postsingletextright{
	float:left;
}
.postimage img{
	width:116px;
	border:2px solid #FFF;
}
.postimage{
	margin-top:0;
}
.blogpostimage{
	width:530px;
	border:3px solid #fff;
	margin:8px 0 12px 24px;
}
.posttitle, .posttitle a, .posttitle a:visited{
	font-size:18px;
	width:371px;
	color:#ababab;
	margin:0 0 6px 0;
}
.posttitle a:hover, .posttitle a:active{
	color:#FFF;
	background:none;
	border-bottom:none;
}
.postsubtitle{
	font-size:18px;
	width:371px;
	color:#ababab;
	margin:24px 0 0 0;
}
.postsub{
	width:371px;
	font-size:9px;
	color:#454545;
	margin:0 0 6px 0;
}
.postbody{
	width:371px;
	margin:0 0 12px 0;
	line-height:16px;
}
.postsinglebody, .postsinglebody p{
	width:601px;
	line-height:18px;
}
.postmore{
	width:371px;
	margin:12px 0 12px 0;
}
.post_hr{
	color:#434343;
	background:#434343;
	height:1px;
	margin:20px 0 20px 0;
	clear:both;
	width:500px;
}
.blogsinglefooter{
	clear:both;
	margin:24px 0 0 130px;
	padding:12px;
	border:1px solid #333;
	width:575px;
}
.comments_area{
	width:500px;
	margin-left:130px;
}
#comment{
	width:500px;
}
.blogsinglefooter p{
}
.blogpostbody{
	width:601px;
	margin:0 0 12px 0;
	line-height:16px;
}
/*FOOTER*/
#footer{
	margin:48px 0 0 0;
	height:64px;
}
#footer p{
	font-size:smaller;
}
/*PORTFOLIO*/
.portfoliosinglebody, .portfoliosinglebody p{
	line-height:18px;
}
.profileinfo{
	border:0;
	margin-top:12px;
}
.info_small{
	font-size:9px;
	width:30px;
	padding:0 10px 12px 0;
	vertical-align:top;
}
.followme{
	font-size:9px;
	padding:0 10px 0 0;
	vertical-align:top;
}
.info_big{
	padding:0 0 12px 0;
	vertical-align:top;
}
#portfoliolist li{
	width:349px;
	float:left;
	margin:12px 16px 12px 0;
}
#portfoliolist li h2{
	color:#FFF;
}
#portfoliolist li p{
	font-size:9px;
	margin-top:0;
}
.portfoliosingle_thumbnails li{
	width:230px;
	float:left;
	margin:10px 13px 0 0;
}
.portfoliosingle_thumbnails li h5{
	color:#FFF;
	font-size:14px;
	margin-top:4px;
}
.portfoliosingle_thumbnails li p{
	font-size:9px;
	margin:0 0 12px 0;
}
#portfoliosingle_thumbnails_end{
	margin-right:0;
	float:right;
}