/* FONT-FACE */

@font-face {
  font-family: MillerRoman;
  src: url("/wp-content/themes/toxic/fonts/MILTR.eot");
}

@font-face {
  font-family: MillerRoman;
  src: url("/wp-content/themes/toxic/fonts/MILTR___.ttf") format("truetype");
}

@font-face {
	font-family: MillerItalic;
	src: url("/wp-content/themes/toxic/fonts/MILTI.eot");
}

@font-face {
	font-family: MillerItalic;
	src: url("/wp-content/themes/toxic/fonts/MILTI___.ttf") format("truetype");
}

/* BASIC STRUCTURE */

body {
	font-family:MillerRoman,georgia,garamond,serif;
	background:#191919;
	color:#666;
	padding:0;

}

p {
	margin: 0;
}

div#wrapper {
	width:1000px;
	margin:0;
	font-size:0.625em;
}

div#container {
	position:relative;
	margin:0;
	width:1000px;
}

/* HEADER */

#header {
	width:1000px;
	height:126px;
}

#header #logobox {
	position:relative;
	float:left;
	width:200px;
	height:100%;
	margin: 0 0 0 20px;
	border-top: 5px solid #666;
	border-bottom: 1px solid #666;
}

#header #logobox #txtlogo {
	position:absolute;
	bottom: 7px;
}

#header #crumbsbox {
	position:relative;
	float:left;
	width:760px;
	height:100%;
	margin: 0 0 0 20px;
	border-top: 5px solid #666;
	border-bottom: 1px solid #666;
}

#header #crumbsbox #crumbs {
	position:absolute;
	font-size:1.2em;
	bottom: 5px;
}

#header #crumbsbox #crumbs a {
	color: #666;
	text-decoration: none;
}

#header #crumbsbox #crumbs a:hover {
	color:#fff;
}

/* SIDEBAR */

#sidebar {
	position:relative;
	float:left;
	width:200px;
	height:900px;
	margin:0 0 0 20px;
	padding:0;
}

#sidebar .textwidget {
	position: relative;
	float: left;
	font-size:1.2em;
	font-family: MillerItalic,georgia,garamond,serif;
	margin: 3px 0 10px 0;
	line-height:1.2em;
	width:200px;
	height:49px;
}

#sidebar ul {
	font-family: MillerItalic,georgia,garamond,serif;
	list-style-type:none;
}
#sidebar ul li {
	padding: 0 0 19px 0;
}

#sidebar ul li a {
	display:block;
	width:190px;
	margin: 0 0 0 -5px;		/* Padding and margin to avoid artifacts when animating */
	padding: 0 0 0 5px;		/* Padding and margin to avoid artifacts when animating */
	font-size:2.2em;
	color:#b6874b;
	text-decoration:none;
}

#sidebar ul li .sub-menu-container {
	padding:5px 0 0 0;
}

#sidebar ul li a:hover {
	color:#fff;
}

#sidebar ul li ul {
	/*margin:5px 0 0 0;*/
	list-style-type:none;
	}

#sidebar ul li ul li{
	margin: 0;
	padding: 0;
}

#sidebar ul li ul li a {
	text-transform:none;
	width:170px;
	font-size:1.2em;
}

#sidebar #newsfeed {
	position: absolute;
	top: 416px; /* var 424 */
	width:200px;
	padding: 9px 0 0 0;
	
}

#sidebar #newsfeed h2 {	
	font-size:1.2em;
	font-weight: normal;
	padding: 3px 0 5px 0;
	margin: 0;
	height:10px;
	border-bottom:1px solid #333;
}

#sidebar #newsfeed a {
	text-decoration:none;
	color:#b6874b;
}

#sidebar #newsfeed a:hover {
	color:#fff;
}

#sidebar #newsfeed h2 a {
	float:right;
}

#sidebar #newsfeed .newsitem .newsdate {
	font-family: MillerItalic,georgia,garamond,serif;
	font-size:2em;
	margin:15px 0 7px 0;	
}

#sidebar #newsfeed .newsitem .newstext {
	font-size:1.2em;	
	line-height:1.2em;
	margin: 0;	
}

#sidebar #imglogo {
	position:absolute;
	/*bottom: 106px;*/
	top:702px;
}

#sidebar #contactbox {	
	line-height:1.2em;
	font-size:1.2em;
	position:absolute;
	top:731px;
	width:200px;
	border-top: 1px solid #666;
}

#sidebar #contactbox p {
	margin: 5px 0 12px 0;
}

#sidebar #contactbox table {
	width: 100%;
}

#sidebar #contactbox table td {
	text-align: right;
}

#sidebar #contactbox table .head {
	text-align: left;
}

#sidebar #contactbox a {
	color: #666;
	text-decoration: none;
}

#sidebar #contactbox a:hover {	
	color:#fff;
}

/* CONTENT */

#content div#sidebar {
	position:relative;
	float:left;
	width:200px;
}

#content #posts {
	position:relative;
	float:right;
	width:780px;
	min-height:667px; /* var 681 */
	height: auto !important;
	height:667px; /* var 681 */
	padding: 64px 0 0 0; /*was margin*/
	font-size:1.2em;
	line-height:1.2em;
}

#content #posts .post,
#content #posts .toxicbox,
#content #posts .service,
#content #posts .client,
#content #posts #about,
/*#content #posts #coda-nav-1,*/
/*#content #posts #postinfo,*/
#content #posts #mainvimeo,
#content #posts #contact,
#content #posts #fourohfour,
#content #posts #credits,
#content #posts #news,
#content #posts #imagegallery,
/*#content #posts .creditbox,*/
#content #posts .column,
#content #posts #postinfo div,
#content #posts #pagetop,
#content #posts #coda-nav-1 .vimeothumb,
#content #posts #coda-nav-2 .gallerythumb {
	position:relative;
	float:left;
	margin: 0 0 0 20px;
}

#content #about p {
	padding: 0 0 10px 0;
}

#content #posts #fourohfour {
	color: #b6874b;
	font-size:2em;
}

#content #posts #imagegallery {
	margin: 20px 0 0 20px;
}

#content #posts #pagetop {
	width: 100%;
	margin: 0 0 10px 20px;
}

#content #posts .contactinfo {
	position:relative;
	float:left;
	width: 33%;
}

#content #posts .toxicbox {
	width: 240px;
	height: 220px; /* var 225 */
}

#content #posts #postinfo .decalline,
#content #posts .toxicbox .decalline {
	position: absolute;
	top: -21px;
	font-size:1.2em;
	/*margin: 0 0 3px 0;*/
	color:#b6874b;
}

#content #posts #postinfo .decalline {
	top: -26px;
}

#content #posts a,
#content #posts .column a.goldlink {
	color:#b6874b;
	text-decoration: none;
}

#content #posts a:hover {
	color:#fff;
}

#content #posts h2 {
	font-family: MillerItalic,georgia,garamond,serif;
	margin: 0 0 10px 0;
	font-weight: normal;
	font-size:1.4em;
	color:#b6874b;
}

#content #posts #about h2,
#content #posts #news h2 {
	margin-top: -10px;
}

#content #posts .toxicbox h2 {
	margin: 5px 0 2px 0;
	height: 18px;
	border-bottom: 1px solid #333;
}

#content #posts .toxicbox h2:hover {
	color:#fff;
}

#content #posts .toxicbox p {
	margin: 4px 0 0 0;
}

#content #posts .client {
	margin: 0px 0 0 20px;
	padding: 0 0 45px 0;
	width: 240px;
	height: 165px;
}

#content #posts .client .clientline {
	position: absolute;
	bottom: 40px;
	width: 240px;
	border-bottom: 1px solid #333;
}

#content #posts #people,
#content #posts #clients {	
	width:100%;
	margin: -14px 0 0 20px;
}
#content #posts #clients {	
	margin: 4px 0 0 20px;
}

#content #posts #clients h2 {
	margin-bottom: 30px;
}

#content #posts #people th {
	font-weight: normal;
	font-size:1.2em;	
	color:#b6874b;
	padding: 0 0 20px 0;
}


#content #posts #people .namecol,
#content #posts #people .titlecol {
	width: 35%;
}

#content #posts #people .mailcol,
#content #posts #people .tlfcol {
	width: 15%;
}

#content #posts #people td {
	padding: 7px 0;
}

#content #posts #people tr:hover {
	color: #fff;
}

#content #posts #clients p {
	-webkit-column-count:3;
	-moz-column-count:3;
	column-count:3;
}

#content #posts #clients a {
	display: block;
	width: 260px;
	margin-bottom: 1px;
}

#content #posts .service {
	width: 240px;
}

#content #posts #credits {
	width: 100%;
	margin: 20px 0 10px 20px;
}

#content #posts h3 {
	font-size:1.2em;
	color: #b6874b;
}

#content #posts .column{
	width: 240px;
}

#content #posts .column h3 {
	margin: 0 0 10px 0;
	font-weight:normal;
	font-size:1em;
}

#content #posts .column table,
#content #posts .column h2,
#content #posts .column p {
	margin: 0 0 10px 0;
}

#content #posts .column a {
	display:block;
	color: #666;
}

#content #posts .column a:hover {
	color: #fff;
}

#content #posts .column table {
	width: 100%;
}

#content #posts #postinfo {
	position:absolute;
	top: 41px;
}

#content #posts #postinfo div {
	font-size:1.2em;
	width: 240px;
}
#content #posts #postinfo p {
	margin: -10px 0 15px 0;
}
#content #posts #postinfo .posttitle span {
	font-family: MillerItalic,georgia,garamond,serif;
	color: #b6874b;
}


#content #posts #coda-nav-1 .vimeothumb {
	margin: 20px 0 20px 20px;
	margin: 20px 0 0 20px;

}

#content #posts #coda-nav-2 .gallerythumb {
	margin: 10px 0 0 10px;
	z-index: 150;
}

#content #posts #coda-nav-2 {
	margin: 0 0 0 10px;
	width: 110%;
}

#content #posts #coda-nav-2 #gallerynavbg {	
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background: #191919;
	z-index: 50;
}

#content #posts .showreel {
	margin: 0 0 20px 20px;
}

#content #posts #news  {
	margin: 0 0 0 20px;
}

#content #posts #news p {
	margin: 0 0 10px 0;
}

/* COPYRIGHT */

#copyrightbox {
	font-size:1.2em;
	text-align:right;
	position:relative;
	float:right;
	width:760px;
	margin: 0 0 0 20px;
	padding: 5px 0 100px 0;
	border-top: 1px solid #666;
}

#copyrightbox a {
	color: #666;
	text-decoration: none;
}
#copyrightbox a:hover {	
	color:#fff;
}

/* ARCHIVES */

/* COMMENTS */

/* FOOTER */

#footer {
	position:relative;
	float:left;
	width:1000px;
	font-size:1.2em;
}
#footer a {color:#333;text-decoration:none;}
#footer a:hover {text-decoration:underline;}

/* IMAGES */
img.centered {
	display: block;
	margin: 0 auto;
}

img.alignright {
	margin: 0 0 20px 20px;
	display: inline;
}

img.alignleft {
	margin: 0 20px 20px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

.overlay {
	background: url("/wp-content/themes/toxic/images/overlay.png");
	z-index:100;
}


/* SPLASH SCREEN */
#splash {	
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #191919;
	z-index: 200;
}

#splashlogo {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index: 250;
}