/*
AngryBovine - Main Styles

author: Jessica Tsuji / jessicatsuji.com

colors:
	hot pink: 	#ff0066
	white: 		#fff
	black: 		#000
	
dimensions:
	width: 1217px
*/


/* -- reset -- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, button,
table, caption, tbody, tfoot, thead, tr, th, td, col {
	background: transparent no-repeat 0 0;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: none;
	padding: 0;
	vertical-align: baseline;
	}
ol, ul { list-style: none; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table {	border-collapse: collapse; border-spacing: 0; width: 100%; }
input, textarea { margin: 0; padding: 0; }
em { font-style: italic; }
object { display: block; }


/* !-- defaults -- */

body {
	background: #ff0066 url(../images/structure/bg.gif) right 138px no-repeat;
	color: #fff;
	font-size: 10px;
	line-height: 1em;
}


/* !-- links -- */

a { color: #ff0066; text-decoration: none; outline: none; }
a:visited { color: #ff0066; }
a:hover,a:focus { color: #fff; text-decoration: none; }
a:active { }

.project ul li.first a, .project ul li.first a span, .project ul li.first a span img {
	display: block;
}

.project ul li.first a {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: none;
	padding: 2px;
}

.project ul li.first a:hover {
	background: #fff;
	padding: 5px
}

.project ul li.first a span {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #fff url(../images/structure/thumbBG.gif) center center no-repeat;
	padding: 3px;
}

.project ul li.first a:hover span {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	padding: 0;
}

.project ul li.first a span img {
	opacity:.73;
}

.project ul li.first a:hover span img {
	opacity:1;
}


/* !-- img replace */

.imgReplace {
	display: block;
	overflow:hidden;
	text-align: left;
	text-indent:-9999px;
}


/* !-- fonts -- */

body {
	font-family: 'Georgia', 'Times New Roman', serif;
}


/* !-- floats -- */

h1, h2, #links, #links li, .project {
	float: left;
}

#logo {
	float: right;
}


/* !-- clearing floats -- */

#mainWrapper:after, #footerWrapper:after, #links:after, #work:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

#mainWrapper:after, #footerWrapper:after, #links:after, #work:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* IE6 */ 
* html #mainWrapper, 
* html #footerWrapper, 
* html #links, 
* html #work {
	height: 1%;
}/* IE7 */
*:first-child+html #mainWrapper,
*:first-child+html #footerWrapper, 
*:first-child+html #links, 
*:first-child+html #work {
	min-height: 1px;
}


/* !-- nav -- */




/* !-- structure -- */

#mainWrapper, #footerWrapper {
	margin-left: 4.5em;
}

#mainWrapper {
	margin-top: 67px;
	position: relative;
}

#footerWrapper {
	margin-right: 4.5em;
	/* width: 1217px; */
}

#footer {
	background: #000;
	position: fixed;
	bottom: 0px;
	width: 100%;
}


/* !-- header -- */

h1, h2 {
	font-size: 25px;
	font-weight: normal;
	line-height: normal;
	width: 100%;
}

	h1 strong, h2 strong {
		font-weight: normal;
		display: block;
	}

h2 {
	color: #000;
	margin: 3px 0 75px;
}

h3 {
	font-size: 25px;
	font-weight: normal;
	line-height: normal;
}

/* !-- main -- */


/* !-- main content -- */

#subheader {
	left: 0;
	line-height: normal;
	position: absolute;
	top: 20em;
	width: 260px;
}

#work {
	left: 30em;
	margin: 0 4.5em 0 0;
	padding-bottom: 7em;
	padding-top: 1.5em;
	position: absolute;
	top: 20em;
	width: auto;
}	

.project h4 {
	color: #000;
	font-size: 15px;
	font-style: italic;
	font-weight: normal;
	margin-bottom: 12px;
	padding-left: 2px;
	text-transform: lowercase;
}

.project {
	margin: 0 0 33px 33px;
}

.project ul li {
	display: none;
}

.project ul li.first {
	display: block;
}

.project .mov {
	display: none;
}
		

/* !-- footer -- */

#links {
	padding: 18px 0;
	width: 610px;
}

	#links li {
		border-left: #f06 solid 1px;
		font-size: 20px;
		line-height: normal;
		padding: 0 13px;
	}
	
		#links li#life {
			border-left: none;
			padding-left: 0;
		}
		
		
		
		
		
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(../images/colorbox/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(../images/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:158px;}
        	.custom #cboxLoadedContent{margin-bottom:158px;}
        	.footerLinkTitle #cboxLoadedContent {margin-bottom: 28px;}
        	.resetTitle #cboxLoadedContent {margin-bottom: 28px;}
        #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
        	.custom #cboxTitle {position:absolute; bottom:3px; height: 148px; left:0; text-align:left; width:100%; color:#949494;}
        	.footerLinkTitle #cboxTitle {height: 20px; color: #f06; font-size: 16px; line-height: normal; padding: 5px 22px; border-top: #ccc dotted 1px; border-bottom: #ccc dotted 1px;}
        	.resetTitle #cboxTitle {height: 60px; bottom:30px;}
        	#cboxTitle p {color: #333; font-size: 12px; line-height: normal; border-top: #ccc dotted 1px; border-bottom: #ccc dotted 1px; padding: 5px;}
        	#cboxTitle p strong {color: #f06; font-style: italic; font-weight: normal;}
        	#cboxTitle p em {font-weight: bold;}
        	#cboxTitle p em a {border-bottom: none;}
        	#cboxTitle p em a:hover {color: #f06; border-bottom: #f06 solid 1px;}
        #cboxCurrent{position:absolute; bottom:8px; left:58px; color:#999; font-size: 12px; font-style: italic;}
        #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../images/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../images/colorbox/loadingAnimationBG.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../images/colorbox/loadingAnimation.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}
        
        

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}