/*

THEME NAME: Amber Comes Alive

THEME URI: http://ambermusic.com/

DESCRIPTION: Based on Sandbox 1.6.1

VERSION: 1.0

AUTHOR: Kyle Bunch, Ray Sison and John Barbagallo

AUTHOR URI:

TAGS: music, portfolio

*/



/* Two-column with sidebar on left from the /examples/ folder  */

/* @import url('examples/2c-l.css');
*/



html {

	padding: 0;
margin: 0;
background: #000;
width: 100%;
}



body {

	font-family: Helvetica, Arial, san-serif;
font-size: 12px;
color: #FFF;
background: #000;
padding: 0;
margin: 0;
width: 100%;
border-top: 4px solid #EE3826;
}



.clear-it {

	clear: both;
width: 100%;
}



p {

	color: #a9a9a9;
line-height: 1.5em;
text-align: left;
}



h2.entry-title {

	font-size: 20px;
text-transform: uppercase;
}



img {

	border: 0;
}



div#wrapper {

	width: 950px;
margin: 0px auto;
padding: 0;
position: relative;
background: #000 url(images/top_bg.jpg) -42px 0 no-repeat;
}



div#content {

	width: 100%;
}



h1#blog-title {

	margin-top: 0;
}



/* HEADER STYLING */



#header {

	position: relative;
height: 100px;
}



#header #home-link {

	float: left;
padding-top: 24px;
}



#header #navigation {

	position: relative;
top: 57px;
left: 32px;
}



#header #home-link a#home {

	background: transparent url(images/amber_logo_large.png) 0 0 no-repeat;
width: 115px;
height: 52px;
display: block;
text-indent: -9999px;
outline: 0;
}



/* FOOTER STYLING */

#footer {

	border-top: 1px dotted #A9A9A9;
margin-top: 30px;
padding-top: 6px;
width: 936px;
}



#footer .minority {

	color: #EE3826;
}



/* NAVIGATION STYLING */



#navigation a {

	text-transform: uppercase;
font-size: 10px;
color: #FFF;
text-decoration: none;
outline: none;
letter-spacing: 0.05em;
}



#navigation ul {

	padding: 0;
margin: 0;
}



#navigation li {

	display: inline;
padding-right: 15px;
}



#navigation li a#sunlogo {

	background: transparent url(images/amber_logo_simple.png) 0 0 no-repeat;
width: 18px;
height: 18px;
text-indent: -9999px;
display: inline-block;
position: relative;
bottom: 5px;
}



#navigation .selected {

	color: #ee3826;
font-weight: bold;
}



#navigation ul#work-submenu,

#navigation ul#about-submenu,

#navigation ul#contact-submenu,

#navigation ul#sunlogo-submenu {

	display: none;
position: relative;
top: 0px;
opacity: 0;
}



#navigation ul#work-submenu.opened-menu,

#navigation ul#about-submenu.opened-menu,

#navigation ul#contact-submenu.opened-menu,

#navigation ul#sunlogo-submenu.opened-menu{

	display: block;
opacity: 1;
top: 10px;
}



/* THUMBNAIL STYLING */

.thumb {

	width: 300px;
height: 200px;
overflow: hidden;
position: relative;
}



.thumb_s {

	width: 96px;
height: 64px;
overflow: hidden;
position: relative;
}



.caption {

	left: 0;
position: absolute;
width: 100%;
height: 100%;
top: 200px;
opacity: .80;
/* For IE 5-7 */

	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */

    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
background: #000 url(images/play_icon.png) 90% 8% no-repeat;
}



.caption a {

	color: #A9A9A9;
font-size: 12px;
padding-left: 16px;
text-decoration: none;
}



/* FRONT PAGE */

ul#frontpage-thumbs {

	padding: 0;
margin: 100px 0;
list-style-type: none;
}



.frontpage-thumb {

	display: inline-block;
padding: 0 4px 0 0;
margin-bottom: 3px;
}



.frontpage-thumb a {

	outline: 0;
}



h2.frontpage-entry-title {

	font-size: 10px;
text-transform: uppercase;
}



.frontpage-caption {

	left: 0;
position: absolute;
width: 100%;
height: 100%;
top: 64px;
opacity: .80;
/* For IE 5-7 */

	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */

    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
background: #000 url(images/play_icon.png) 97% 3% no-repeat;
}



.frontpage-caption a {

	color: #A9A9A9;
font-size: 8px;
padding-left: 4px;
text-decoration: none;
}





/* CATEGORY PAGE */

ul#category-thumbs {

	padding: 0;
margin: 0;
list-style-type: none;
}



.category-thumb {

	display: inline-block;
float: left;
padding: 0 12px 0 0;
margin-bottom: 12px;
}



.category-thumb a {

	outline: 0;
}



/* SINGLE PAGE */

.entry-title, .entry-meta {

	clear:both;
}



#single-post h2.entry-title {

	padding: 0 0 0 48px;
}



div.entry-meta {

	padding: 0 0 0 49px;
}



div.entry-meta span {

	padding-bottom: 4px;
display: block;
}



div.entry-meta h3 {

	font-size: 14px;
}



div.entry-meta ul li {

	list-style: none;
}



/* COMPOSER PAGE */

ul#video-thumbs {

	padding: 0;
margin: 0;
list-style-type: none;
}



div#composer-post .video-thumb {

	display: inline-block;
float: left;
padding: 0 12px 0 0;
margin-bottom: 12px;
}



div#composer-post .video-thumb a {

	outline: 0px;
}



div#container,div#primary {

margin-top:2em;
}



div#composer-reel {

	margin-top: 40px;
}



div#composer-reel h3 {

	text-transform: uppercase;
}



/* ABOUT PAGE */

div#post-12 span.about-caption{

	font-style: italic;
display: block;
padding-top: 4px;
font-size: 10px;
}



div#post-12 p {

	width: 930px;
}



div#post-12 a {

	color: #FFF;
text-decoration: none;
font-weight: bold;
outline: none;
}



div#post-12 h3.name {

	border-bottom: 1px solid #a9a9a9;
width: 310px;
padding-bottom: 3px;
margin-top: 25px;
text-transform: uppercase;
}



/* CONTACT PAGE */



div#post-218 a {

	color: #FFF;
text-decoration: none;
font-weight: bold;
outline: none;
}



div#nyc_office span {

	color: #EE3826;
}



div#la_office span {

	color: #EE3826;
}



/* AWARDS PAGE */

div#post-22 h2.year {

	border-bottom: 1px solid #a9a9a9;
width: 500px;
padding-bottom: 3px;
margin-top: 25px;
}



div#post-22 h3 {

	float: left;
}



div#post-22 ul li {

	margin-left: 20px;
padding: 0 0 0 20px;
margin-bottom: 10px;
list-style-type: none;
}



div#post-22 strong {

	color: #ffffff;
}



div#post-22 ul li {

	color: #a9a9a9;
}



div#post-22 a {

	color: #FFF;
text-decoration: none;
outline: none;
}



/* PROJECT PAGE */



div#single-stuff ul li {

	margin-left: 20px;
padding: 0 0 0 5px;
margin-top: -28px;
margin-bottom: 5px;
list-style-type: none;
}



div#single-stuff strong {

	color: #ffffff;
}



div#single-stuff ul li {

	color: #a9a9a9;
}



div#single-stuff a {

	color: #FFF;
text-decoration: none;
outline: none;
}



/* REQUEST A REEL & WORK AT AMBER PAGE */

div#post-10 form p,

div#post-106 form p {

	text-transform: uppercase;
}



div#post-10 form div.wpcf7-validation-errors.wpcf7-mail-sent-ng,

div#post-106 form div.wpcf7-validation-errors.wpcf7-mail-sent-ng{

	border: 1px solid #EE3826;
padding: 5px;
text-align: center;
width: 400px;
}



div#post-10 form span.wpcf7-form-control-wrap span.wpcf7-not-valid-tip,

div#post-106 form span.wpcf7-form-control-wrap span.wpcf7-not-valid-tip {

	border: 1px solid #EE3826;
padding: 4px;
font-size: 10px;
color: #333;
width: 200px;
text-align: center;
}



form#commentform .form-label {

margin:1em 0 0;
}



form#commentform span.required {

background:#fff;
color:#c30;
}



form#commentform,form#commentform p {

padding:0;
}



input#author,input#email,input#url,textarea#comment {

padding:0.2em;
}



div.comments ol li {

margin:0 0 3.5em;
}



textarea#comment {

height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}



.alignright,img.alignright{

float:right;
margin:1em 0 0 1em;
}



.alignleft,img.alignleft{

float:left;
margin:1em 1em 0 0;
}



.aligncenter,img.aligncenter{

display:block;
margin:1em auto;
text-align:center;
}



div.gallery {

clear:both;
height:180px;
margin:1em 0;
width:100%;
}



p.wp-caption-text{

font-style:italic;
}



div.gallery dl{

margin:1em auto;
overflow:hidden;
text-align:center;
}



div.gallery dl.gallery-columns-1 {

width:100%;
}



div.gallery dl.gallery-columns-2 {

width:49%;
}



div.gallery dl.gallery-columns-3 {

width:33%;
}



div.gallery dl.gallery-columns-4 {

width:24%;
}



div.gallery dl.gallery-columns-5 {

width:19%;
}



div#nav-above {

margin-bottom:1em;
}



div#nav-below {

margin-top:1em;
}



div#nav-images {

height:150px;
margin:1em 0;
}



div.navigation {

height:1.25em;
}



div.navigation div.nav-next {

float:right;
text-align:right;
}



div.sidebar h3 {

font-size:1.2em;
}



div.sidebar input#s {

width:7em;
}



div.sidebar li {

list-style:none;
margin:0 0 2em;
}



div.sidebar li form {

margin:0.2em 0 0;
padding:0;
}



div.sidebar ul ul {

margin:0 0 0 1em;
}



div.sidebar ul ul li {

list-style:disc;
margin:0;
}



div.sidebar ul ul ul {

margin:0 0 0 0.5em;
}



div.sidebar ul ul ul li {

list-style:circle;
}



input#author,input#email,input#url,div.navigation div {

width:50%;
}



div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {

margin:0;
padding:0;
}

img.thumbnail { width: 96; height: 64px;}