/*   
Theme Name: Relentless
Theme URI: www.relentlessmediaproductions.com
Description: Theme for the RMP website.
Author: Matt Miller
Version: 1.0

*/

/* `Containers
----------------------------------------------------------------------------------------------------*/
body {
	background:#FFF url('images/pagebg.gif') repeat-x top left;
}
#wrapper {
	border-top:5px solid #000;
	margin:0 auto;
	width:960px;
}
.container_16 {
	width: 960px;
}
#header {
	background:url('images/linedouble.gif') repeat-x bottom left;
}

#footer {
	background:url('images/linedouble.gif') repeat-x top left;
	padding:20px 0;
	color:#666666;
}

.main {
	padding-bottom:60px;
	color:#666666;
}
.sideblock {
	margin-bottom:20px;
}
.sideblock ul {
	margin:0 0 30px 0;
	padding:0;
	list-style:none;
}
.sideblock ul li {
	margin:0;
	padding:0;
}
.sideblock ul li a {
	font-style:italic;
}
.sideblock a, .twitter a, .main a, .back a {
	color:#cc0000;
	text-decoration:none;
	font-family:Georgia, "Times New Roman", Times, serif;
}
a:hover {
	text-decoration:underline;
}
/* Navigation
-----------------------------------------------------------*/

.main_nav ul {
	list-style:none;
	margin:0;
	padding:0;
}
.main_nav ul li {
	display:inline;
	float:left;
}
.main_nav li a {
	height:13px;
	display:block;
	text-indent:-999em;
	margin-top:15px !important;
	line-height:1px;
}
.main_nav li#work a {
	width:48px;
	background:url('images/nav/work.gif') no-repeat top left;
	background-position:0 0;
}
.main_nav li#work a:hover {	background-position:0 -13px;
}
.main_nav li#work .active a {	background-position:0 -13px;
}
.main_nav li#about a {
	width:54px;
	background:url('images/nav/about.gif') no-repeat top left;
	background-position:0 0;
}
.main_nav li#about a:hover { background-position:0 -13px;
}
.main_nav li#services a {
	width:66px;
	background:url('images/nav/services.gif') no-repeat top left;
	background-position:0 0;
}
.main_nav li#services a:hover {	background-position:0 -13px;
}
.main_nav li#activity a {
	width:68px;
	background:url('images/nav/activity.gif') no-repeat top left;
	background-position:0 0;
}
.main_nav li#activity a:hover {	background-position:0 -13px;
}
.main_nav li#contact a {
	width:74px;
	background:url('images/nav/contact.gif') no-repeat top left;
	background-position:0 0;
}
.main_nav li#contact a:hover {	background-position:0 -13px;
}
.main_nav li .active a {
	background-position:0 -13px;
}
/* Misc Navigation
-----------------------------------------------------------*/
.breadcrumb {
	padding:0 0 10px 10px;
}
.breadcrumb a {
	color:#000;
	text-decoration:none;
	padding:5px;
	font-weight:bold;
	text-transform:uppercase;
}
.breadcrumb a:hover {
	text-decoration:underline;
}
.breadcrumb a.active {
	background:#cc0000;
	color:#FFFFFF;
}

ul.linklist li {
	padding:5px 0;
	border-bottom:1px solid #cccccc;
}
/* Padding Classes
-----------------------------------------------------------*/
.p10 {
	padding:10px 0;
}

.p20 {
	padding:20px 0;
}
.p20b {
	padding:0 0 20px 0;
}
m20b {
	margin-bottom:20px;
}
.p30 {
	padding:30px 0;
}
.pMain {
	padding:20px 0;
	border-bottom:1px solid #CCCCCC;
}
.servicesp {
	height:125px;
}
/* Global Work Sections
-----------------------------------------------------------*/

.work_container ul {
	margin:0;
	padding:0;
	list-style:none;
}
.work_container ul li {
	margin:0;
	padding:10px;
	display:inline;
	float:left;
}
.work_container a img {
	border:1px solid #cccccc;
}
.work_container a:hover img {
	border-color:#000;
	text-decoration:none;
}
/* Bios / Crew Nav
-----------------------------------------------------------*/
.crewnav {
	font-size:9pt;
	color:#999;
	margin-bottom:20px;
}
.crewnav ul {
	margin:0;
	padding:0;
	list-style:none;
}
.crewnav ul li {
	margin:0 0 20px 0;
	padding:0;
}
.crewnav ul li a {
	text-decoration:none;
	display:block;
	color:#cc0000;
	font-size:10pt;
}
.crewnav ul li a img {
	float:left;
	margin-right:10px;
	border:1px solid #ccc;
}
.crewnav ul li a:hover {
	color:#000;
}
.crewnav ul li a:hover img {
	border-color:#000;
}
.crewnav li.active img {
	border:1px solid #000;
}
.crewnav li.active a {
	color:#000;
	font-weight:bold;
}	
#tim {
	background:url('images/profiles/tim.png') no-repeat bottom left;
	height:282px;
}
#matt {
	background:url('images/profiles/matt.png') no-repeat bottom left;
	height:282px;
}
#halee {
	background:url('images/profiles/halee.png') no-repeat bottom left;
	height:282px;
}
#drew {
	background:url('images/profiles/drew.png') no-repeat bottom left;
	height:282px;
}
#paul {
	background:url('images/profiles/paul.png') no-repeat bottom left;
	height:300px;
}
#tabitha {
	background:url('images/profiles/tabitha.png') no-repeat bottom left;
	height:282px;
}
#lauren {
	background:url('images/profiles/lauren.png') no-repeat bottom left;
	height:282px;
}
#boyd {
	background:url('images/profiles/boyd.png') no-repeat bottom left;
	height:282px;
}
#kyle {
	background:url('images/profiles/kyle.png') no-repeat bottom left;
	height:282px;
}
#april {
	background:url('images/profiles/april.png') no-repeat bottom left;
	height:282px;
}
#michael {
	background:url('images/profiles/michael.png') no-repeat bottom left;
	height:282px;
}
#daniel {
	background:url('images/profiles/daniel.png') no-repeat bottom left;
	height:282px;
}
#amanda {
	background:url('images/profiles/amanda.png') no-repeat bottom left;
	height:282px;
}
.twitter {
	margin-left:365px;
	margin-top:150px;
	font-size:9pt;
	color:#000;
}
#paul .twitter {
	margin-top:170px;
}
.tweet {
	display:block;
	padding-bottom:5px;
	font-size:9pt;
	color:#000;
}
.twitter-timestamp {
	display:block;
	font-style:italic;
	color:#999;
	font-size:8pt;
}
/* `Case Studies
----------------------------------------------------------------------------------------------------*/
.back a {
	margin:0 0 0 0;
	padding:0;
}
#portfolio ul, li {
	margin:0;
	padding:0;
}
.case_content {
	padding-bottom:30px;
}
.case_content ul {
list-style:none;
margin:0;
padding:0;
}
ul#slide_control li,
ul#slide_nav li,ul#portfolio{
    list-style:none;
}

/* slide navigation specific */

ul#slide_nav {
	padding:15px 0;
	position: absolute;
	width: 490px;
	list-style:none;
}

ul#slide_nav li {
	background-image: url(images/button.png);
	display: block;
	float: left;
	height: 16px;
	list-style: none;
	padding: 2px;
	margin: 0px;
	width: 16px;
}
ul#slide_nav li:hover {
}
ul#slide_nav li#button_selected {
	background-image: url(images/button_selected.png);
}
ul#slide_nav li#button_selected:hover {
}

/* slide image holder specific */

ul#portfolio {
	margin:0 0 6px -30px;

}
ul#portfolio img{
    width: 520px;
    height: 420px;
}
ul#slide_control li{
    list-style: none;
    display: block;
    float:left;
}
ul#portfolio li img{
	border: 1px solid #ccc;
	padding: 4px;
}

.fade{
	margin-bottom: 2em;
}

.fade p{
	margin-bottom: 2em;
	text-align: center;
	width: 100%;
	background: #fff;
}

#slide_nav li:hover, #pause_button, .prev_button, .next_button, #first_button, #last_button {
cursor: pointer;
z-index: 5000;
}

#slide_nav li span, #pause_button span, .prev_button span, .next_button span, #first_button span, #last_button span, #hover_next_button span, #hover_prev_button span, #water_mark span {
margin-left: -10000px;
}
#slide_nav li, #pause_button, .prev_button, .next_button, #first_button, #last_button, #water_mark {
background-repeat: no-repeat;
overflow: hidden;
top: 0px;
}
/*
-----------------------------------------------------------*/
.floatright {
	float:right;
	margin-right:0;
}

#logo a {display:block;width:220px;height:43px;background:url('images/logo.gif');background-position: 0 0;text-indent:-999em;
}

#logo a:hover {background-position:0 -43px;
}

.footernav ul {
	float:right;
}
.footernav ul li {
	display:inline;
	margin:0;
	padding:0 10px;
	float:left;
}
.footernav ul li a {
	color:#666666;
	text-transform:uppercase;
	text-decoration:none;
}
.footernav ul li a:hover {
color:#cc0000;
}

#home_blurb {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#cd2027;
	font-size:25px;
	font-style:italic;
}
#home_blurb span {
	color:#000;
}
/* `Titles
----------------------------------------------------------------------------------------------------*/
.title_small {
	padding-bottom:10px;
	text-indent:-999em;
}
#page_title {
	padding-bottom:20px;
	background:url('images/title-bottom.gif') no-repeat bottom left;
}
#page_title_small {
	padding-bottom:15px;
	background:url('images/title-bottom.gif') no-repeat bottom left;
}
#twitter {
	background:url('images/titles/twitter.gif') no-repeat top left;
}
#archives {
	background:url('images/titles/archives.gif') no-repeat top left;
}
#categories {
	background:url('images/titles/categories.gif') no-repeat top left;
}
#crew {
	background:url('images/titles/crew.gif') no-repeat top left;
}
/* `Blog
#####################################################################################################*/
.the_date {
	font-weight:bold;
	color:#999;
	margin-bottom:-5px;
	text-transform:uppercase;
}
.the_title h3 {
	color:#cc0000;
	text-transform:uppercase;
}
.the_title h3 a {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#000;
}
.the_title h3 a:hover {
	color:#666666;
	text-decoration:none;
}
blockquote {
	margin-left:10px;
	padding:0 0 0 30px;
	background:url('images/blockquote.gif') top left no-repeat;
}
.wp-pagenavi {
	float:right;
}
.wp-pagenavi a {
	padding:2px 4px;
	text-decoration:none;
	margin:0 1px;
	background:#FFFFFF;
	border:1px solid #999;
	color:#999;
}
.wp-pagenavi a:hover {
	background:#000;
	border:1px solid #000;
	color:#FFF;
}
/*a.page {
	background:#FFFFFF;
	border:1px solid #999;
	color:#999;
}
a.page:hover {
	background:#999;
	border:1px solid #FFFFFF;
	color:#FFF;
}
*/
span.pages {
	margin-right:10px;
}
.current {
	padding:2px 4px;
	color:#FFF;
	background:#000;
}
/* `Post Meta
----------------------------------------------------------------------------------------------------*/
.post-meta {
	color:#000;
	padding:10px;
	margin:10px 0;
	font-size:12px;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
.post-meta span {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}
.post-meta ul {
	margin:0;
	padding:0;
	list-style:none;
}
.post-meta ul li {
	margin:0;
	padding:0 0 0 25px;
}
.post-meta ul li.author {
	background:url('images/icons/author.gif') no-repeat top left;
}
.post-meta ul li.category {
	background:url('images/icons/category.gif') no-repeat top left;
}
.post-meta ul li.comment {
	background:url('images/icons/comments.gif') no-repeat top left;
}
/* `Comments
----------------------------------------------------------------------------------------------------*/
.comments {
	float:right;
}
ul#commentlist {
	list-style:none;
	padding-bottom:20px;
}
ul#commentlist li {
	margin:0;
	padding:20px 0;
	font-size:12px;
}
ul#commentlist li.alt {
	background:#f5f5f5;
}
ul#commentlist li .avatar {
	width:60px;
	float:left;
}
ul#commentlist li .singlecomment {
	float:left;
	color:#666666;
	padding-bottom:20px;
	background:url('images/title-bottom.gif') no-repeat bottom left;
}
.commenttext {
	display:block;
}
/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
	font: 14px/1.6 "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

a:focus {
	outline:none;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}
.alignleft {
	float:left;
	padding:0 10px 10px 0;
}
.alignright {
	float:right;
	padding:10px 0 10px 10px;
}
.wp-caption{background-color:#efefef;border:1px solid #cccccc;margin-bottom:15px;margin-top:15px;padding:3px;text-align:center;max-width:580px!important}
    /* optional rounded corners for browsers that support it
    This code is disabled by default because it is not valid CSS but you are free to enable it if you wish.
    .wp-caption{-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}  */
.wp-caption img{border:none;margin:0;padding:0;width:100%!important;height:auto!important}
.wp-caption-text{color:#000000;font-size:0.85em;margin:0;padding:4px 0}
/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
	font-size: 25px;
}

h1.title {
margin:0;
padding:20px 0;
font-size: 45px;
}
h1.work-title {
margin:0;
padding:20px 0;
font-size: 35px;
}

h3.title {
margin:0;
padding:20px 0;
font-size: 25px;
}
h3.title a {
	color:#CCCCCC;
	margin-top:5px;
	text-decoration:none;
	float:right;
}
h1.title a {
	color:#666666;
	text-decoration:none;
}

h2.title {
	font-size: 23px;
	color:#000;
	text-transform:uppercase;
	margin-bottom:10px;
}

h2 {
	font-size: 23px;
}

h3 {
	font-size: 21px;
}
h3.case {
	font-size: 21px;
	color:#cc0000;
	margin:10px 0;
	padding:0;
}

h4 {
	font-size: 19px;
}

h5 {
	font-size: 17px;
}

h6 {
	font-size: 10pt;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
	list-style: decimal;
}

ul {
	list-style: square;
}

li {
	margin-left: 30px;
}
img.alignleft {float:left;margin:0 10px 10px 0;}
img.alignright {float:left;margin:0 0 10px 10px;}
p,
dl,
hr,
h1,
h3,
h4,
h5,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 20px;
}
#tooltip {
	position: absolute;
	z-index: 3000;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	background-color: #FFF;
	color:#000;
	padding: 5px;
}
#tooltip h3 { margin: 0;font-size:13px;}
#tooltip div { margin: 0;font-size:12px;}

/* `Contact Form
----------------------------------------------------------------------------------------------------*/
.contact {
	font-size:9pt;
	color:#000;
}
.map {
	padding-right:20px;
	background:url('images/geotag_16.gif') no-repeat top right;
}
.form {
	padding:30px;
	width: 580px;
	width:520px !important;
	float:right;
	background:#F5F5F5;
}
.form br {
	margin:0;
	padding:0;
}
form {
	width:90%;
}

input {
	font: 16px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	margin:10px 0;
	padding:5px;
	width:100%;
	clear:both;
	margin-bottom:10px;
}
label {
	color:#000;
	font-size:10pt;
	display:block;
	margin-bottom:-20px;
}
label span {
	color:#ccc;
	font-size:9pt;
}
input.submit {
	width:100px;
	height:30px;
	display:block;
	float:right;
	clear:both;
}
textarea {
	font: 16px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	margin:10px 0;
	padding:5px;
	width:100%;
	height:250px;
}
.wpcf7-not-valid-tip-no-ajax {
	display:block;
	clear:both;
	color:#cc0000;
}
.wpcf7-validation-errors {
	margin-top:40px;
	padding:5px;
	background:#FFF;
	color:#cc0000;
	border:1px solid #CCCCCC;
}

.wpcf7-mail-sent-ok {
	color:#009900;
}
.wpcf7-form p {
	margin:0;
	padding:0;
}
.wpcf7-form-control-wrap {
	margin:0;
	padding:0;
	display:inline;
}
.aligncenter {margin:0 auto;margin:0 0 20px 0;}