/*
STYLESHEET FOR RYANMUIR.COM
BY MEAD DIXON
HTTP://WWW.MEADDIXON.COM/
12/2008
*/

/*General*/

img
{
	border: none;
}

html
{
	height: 100%;
}

object
{
	z-index:1;
}

/*Layout*/

body 
{
	background-color: #1a1a1a;
	margin: 0;
	padding: 0;
	height: 100%;
}

#nonFooter
{
position: relative;
min-height: 100%;
}

* html #nonFooter
{
height: 100%;
}

#header
{
	width: 100%;
	height: 73px;
	background-color: #262626;
	z-index: 100;
	padding-top: 5px;
}

#headercenter
{
	width: 800px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
}

#headerlogo
{
	display: inline;
	float: left;
}

div.menu
{
	/*probably needs fixed width */
	display: inline;
	margin: 35px auto 0px;
	float: right;
}

li ul 
{
  display: none;
  position: absolute; 
  top: 1em;
  left: 0;
  list-style: none;
  z-index: 100;
  padding: 0;
  margin: 0px 0 0 -22px;
}

li > ul {
	top: auto;
	left: auto;
	}

li:hover ul, li.over ul{ display: block; }

li ul li
{
	clear: left;
	background: #262626;
	padding: 5px 11px 5px 0px;
	width: 114px;
	text-transform: lowercase;
	font-size: 11px;
	text-align: right;
}

.menuimg
{
	margin: 0 auto 3px 4px;
}

.bitup
{
	margin-bottom: 2px;
}

#content
{
	background-color: #1a1a1a;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 45px;
	padding-left: 0px;
	padding-right: 0px;
}

div.container
{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.container:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#aboutbio
{
	width: 290px;
	float: left;
	margin-right: 60px;
}

.aboutcontain 
{
	display:block;
	height:auto;
	overflow:hidden;
	width:900px;
}

.workedfor
{
	float: left;
	width: 201px;
}

.workedfor img
{
	margin-top: 15px;
}

.workedforright
{
	float: right;
	width: 240px;
	margin-top: 2px;
}

.workedforright p
{
	width: 200px;
}

.filmcontain
{
	display: block;
	height: auto;
	overflow: visible;
	width: 800px;
}

#filmContent
{
	width: 660px;
	margin-left: 10px;
	float: left;
}

.filmheader
{
	width: 640px;
	padding: 10px;
	background-color:#262626;
	margin-bottom: 10px;
}

.filmheaderleft
{
	width: 260px;
	float: left;
}

.filmheaderright
{
	width: 380px;
	float: right;
}

.filmclear
{
	clear: both;
	width: 640px;	
	line-height: 1px;
}

.filmfeature
{
	width: 300px;
	margin-left: 10px;
	float: right;
}

.filmtext
{
	width: 350px;
}

.filmpictures
{
	padding-top: 10px;
	width: 660px;
	clear: both;
}

div.port
{
	width: 370px;
	margin: 10px;
	float: left;
	background-color: #0c0c0c;
	padding: 5px 5px 0 5px;
}

.port p
{
	width: 380px;
	text-align: left;
	margin: 0 0 5px 5px;
	font-size: 17px;
}

div.portfolio
{
	width: 890px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
div.portfolio2
{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

div.leftside
{
	width: 580px;
	float: left;
}

div.article
{
	margin: 0 0 10px 0;
	background-color: #0c0c0c;
	padding:10px 8px 7px 24px;
	width:516px;
}

div.article h2
{
	margin: 2px 0 8px 0;
}

.commentsdiv
{
/*	display: none;
	height: auto;*/
	padding-bottom: 7px;
}

.commentdiv
{
	padding: 10px 0 10px 0;
	width: 500px;
	border-top: 1px solid #1a1a1a;
}

#rightcontainer
{
	width: 220px;
	float: right;
}

#tumblr
{
	float: right;
	width: 220px;
}

ul.tumblr
{
	width: 218px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#tumblr2 ul.tumblr
{
	width: 518px !important;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.tumblr li
{
	margin: 10px 0;
	background-color: #0c0c0c;
	padding: 9px;
}

ul.tumblr li a img
{
	width: 200px;
}
#tumblr2 ul.tumblr li a img
{
	width: 500px !important;
}

ul.tumblr li em img
{
	margin-left: -26px;
}

a.tumblr-post-date
{
	display: none;
}

#images {
	width: 580px; 
	padding:0; 
	margin:0; 
}

#images img 
{ 
	border:none;
}


#footer
{
	background-color:#262626;
	height:20px;
	margin-top:-33px;
	padding-bottom:10px;
	padding-top:3px;
	position:relative;
	width:100%;
}
	

/*Typography*/

#menu li a
{
	text-decoration: none;
	font-weight: lighter;
	color: #999999;
}

#menu li a:hover
{
	color:#e6e6e6;
}

#menu li a.orange
{
	color: #F46E34;
}

#menu li a.orange:hover
{
	color: #e6e6e6;
}


#menu li
{
	float: left;
	margin-left: 10px;
}

#menu li ul li:hover
{
	background-color: #666666;
}

#menu
{
	font-family: "Century Gothic", "Helvetica", sans-serif;
	font-size: 15px;
	color: #999999;
	list-style-type: none;
	font-weight: lighter;
}

#menu li ul li:hover a	
{
	color: #F46E34;

}

p
{
	font-family: "Helvetica", sans-serif;
	font-size: 12px;
	color: #999999;
}

.p_header
{
	margin-top: 1px;
	margin-bottom: 7px;
	width: 500px;
}

p.photodesc
{
	width: 500px;
	line-height: 15px;
	margin-top: 15px;
	margin-bottom: 7px;
}

.featuredfilmhead
{
	width: 190px;
	text-align: right;
	font-size: 20px;
	margin: 0;
}

.featuredfilm
{
	width: 190px;
	text-align: right;
	font-size: 18px;
	margin-top: 20px;
	color: #f2f2f2;
}

.commentpermalink
{
	font-size: 10px;
	float: right;
	color: #444444;
}

.commentpermalink:hover
{
	color: #e6e6e6;
}

.viewalllink
{
	color: #444444;
}

.viewalllink:hover
{
	color: #e6e6e6;
}

h1
{
	color: #444444;
	font-size:26px;
	font-weight:lighter;
	margin: 0 0 6px 0;
	font-family: Helvetic, sans-serif;
	text-transform: uppercase;	
}

h2
{
	font-family: Helvetic, sans-serif;
	font-size: 20px;
	color: #f2f2f2;
	font-weight: 100;
	margin: 0 0 4px;
	text-transform: uppercase;
}

.photoheader
{
	font-family: Helvetic, sans-serif;
	font-size: 20px;
	color: #f2f2f2;
	font-weight: 100;
	margin: 0 0 4px;
	text-transform: uppercase;
}

.headerDate
{
	display: block;
	margin: -20px 0 0 5px;
	text-transform: uppercase;
	text-align: right;
	font-size: 18px;
}

.footer
{
	text-align: center;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	font-size: 10px;
	text-transform: uppercase;
}

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

a:hover
{
	color: #444444;
}

ul.tumblr li em a
{
	color: #BCAF7D;
	border-bottom: 1px dotted #BCAF7D;
}


#tumblr a
{
	color: #BCAF7D;
}

.tumblrhead
{
	font-size:23px;
	text-align:right;
	line-height:0;
	margin:11px 4px 5px 0;
}

.tumblrlink
{
	font-size:11px;
	font-style:italic;
	margin-bottom:0;
	margin-left:0;
	margin-right:8px;
	margin-top:0;
	text-transform:uppercase;
}

#rightcontainer a
{
	color: #BCAF7D;
}


/* JQuery Cycle */

#slide
{
	width: 800px;
	height: 540px;
}

div.nav
{
	height: 15px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 9px;
	background-color: #1a1a1a;
}	

#nav
{
	text-align:center;
	width: 800px;
	margin: 5px auto 5px auto;
}

#nav a
{ 
	border: none;
	text-decoration: none; 
	list-style-type: none;
	margin: 0 8px; 
	background: #666666;
	font-size: 6px;
}

#nav a.activeSlide
{
	background: #F46E34;
}

#nav a:focus 
{ 
	outline: none; 
}	

/* Accordian */
#filmsholder
{
	height: auto;
	width: 800px;
	float: left;
}

#filmsholder .accordion_headings
{
	border-top:1px solid #1a1a1a;
}

#filmsholder .tab_container
{
	width: 130px;
	display: inline;
	float: left;
}

#filmsholder .tab_container *
{
	float: none;
	width: 110px;
}

#filmcontents
{
	display: inline;
	float: right;
	width: 630px;
}

#aboutholder
{
	height: auto;
	width: 460px;	
	float: left;
}

.accordion_headings{
	padding: 5px 5px 5px 8px;
	background:#262626;
	border-right:1px solid #1a1a1a;
	cursor:pointer;
	font-weight:bold;
	font-family: "Helvetica", sans-serif;
	font-size: 12px;
	color: #999999;
}

.accordion_headings:hover{
	color:#fff;
}

.accordion_child{
	margin: 7px 0 0 3px;
}

.accordion_child p {
	width: 400px;
}

.header_highlight{
	color:#f46e34;
}

.tab_container *{
	float:left;
	width:100px;
}

.tab_container {
	height: 25px;
}

/* paginator */
/*Sample CSS used for the Virtual Pagination Demos. Modify/ remove as desired*/

.paginationstyle{ /*Style for demo pagination divs*/
width: 250px;
text-align: left;
padding: 2px 0 0 2px;
margin: 10px 0;
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
border: none;
margin: 0 15px;
}

.paginationstyle a{ /*Pagination links style*/
padding: 0 5px;
}

.paginationstyle a:hover, .paginationstyle a.selected{
color: #444444;

}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}

.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;
}

.paginationstyle a.imglinks a:hover{
background: none;
}

.paginationstyle .flatview a:hover { /*Pagination div "flatview" links style*/
color: #444444;
}

.paginationstyle .flatview a.selected {
	color: #F46E34;
}

/* tweet */

div.tweet {
	background-color:#0C0C0C;
margin:20px 0 15px 0;
padding:8px 12px;
width:194px;
}

.tweet_join {
	font-size: 13px;
	color: #999999;
}

.tweet_text {
	font-size: 12px;
	color: #999999;
	font-style: italic;
}

ul.tweet_list {
	margin: 0;
	padding: 0;
	font-family: "Helvetica", sans-serif;
	line-height: 16px;
	list-style-type: none;
}

#tweet .tweet_list a {
	font-size: 13px;

}

.tweet_avatar {
	margin-right: 10px;
	float: left;
}

#tweet .tweet_text a {
	font-size: 12px;

}

#rightcontainer .tweetfollow 
{
	font-size: 10px;
	color: #999999;
	margin-right: 10px;
}

#rightcontainer .tweetfollow:hover
{
	color: #e6e6e6;
}

/* misc */

.orange
{
	color: #F46E34;
}

.alignright
{
	text-align: right;
}

.left
{
	float: left;
}

.right
{
	float: right;
}