/* override */
ul, ol, dl {
	margin: 0px;	
}

/* Page */
html, body {

    background-color: #000000;  
    font-family: Arial, Verdana, Helvetica, sans-serif;
    text-align: left;
}

a, a:visited {
	color: #999999;
text-decoration: none;
}

a:active, a:hover {
    color: #FFFFFF;
}

body {
    color: #999;
    padding: 0px;
    font-size: 86%;
    margin: 0px;
}

body div.rra-content {
    margin-left: auto;
    margin-right: auto;
    width: 802px;
}

/* Misc. */

ul.errorlist li {
    list-style-type: none;
    color: #ff2045;
    margin-left: 9em;
    float: left;
    clear: both;
}

ul.messages {
    float: left;
    clear: both;
    margin-bottom: 1.5em;
}

ul.messages li {
    list-style-type: none;
    color: #ff2045;
    font-size: 125%;
    float: left;
    clear: both;
}

.clearB {
    clear: both;
}

.floatL {
    float: left;
}

.floatR {
    float: right;
}

span.hidden {
    display: none;
}

/* Header */
.header {
    margin-top: 15px;
}

.header a.admin {
    margin-left: .5em;
}

.header img.logo {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}

.header img.title {
    margin-top: 23px;
}

#menu li {
    list-style-type: none;
    z-index: 2;
}

#menu {
    margin-top: 15px;
    float: left;
}

#menu a:hover, #menu a:active {
    background-position: 0 -12px;
    border: none;
    outline: none;
}

#menu a.active {
    background-position: 0 -12px;
}

#menu a.menubar {
    float: left;
    display: block;
    overflow: hidden;
    height: 12px;   
    margin-left: 12px;
    margin-right: 36px; 
    margin-bottom: 12px;
    border: none;
    outline: none;
}

#menu li.menubar {
    float: left;
    display: block;
}

#menu a.home {
    width: 46px;
    background-image: url(../img/home.png);
}

#menu a.about {
    width: 55px;
    background-image: url(../img/about.png);
}

#menu a.projects {
    width: 73px;
    background-image: url(../img/projects.png);
}

#menu a.clients {
    width: 61px;
    background-image: url(../img/clients.png);
}

#menu a.contact {
    width: 73px;
    background-image: url(../img/contact.png);
}

.yuimenuitemlabel {cursor: pointer;}
#projects-menu .yuimenuitemlabel {cursor: default;}
#projects-menu .yuimenuitem-hassubmenu .yuimenuitemlabel {cursor: pointer;}

.yuimenu{top:-999em;left:-999em;}
.yuimenubar{position:static;}
.yuimenu .yuimenu,.yuimenubar .yuimenu{position:absolute;}
.yuimenubar li,.yuimenu li{list-style-type:none;}
.yuimenubar ul,.yuimenu ul,.yuimenubar li,.yuimenu li,.yuimenu h6,.yuimenubar h6{margin:0;padding:0;}
.yuimenuitemlabel,.yuimenubaritemlabel{text-align:left;white-space:nowrap;    font-family: Verdana, Arial, Helvetica, sans-serif;    font-size: 68%;}
.yuimenubar ul{*zoom:1;}
.yuimenubar .yuimenu ul{*zoom:normal;}
.yuimenubar>.bd>ul:after{content:".";display:block;clear:both;visibility:hidden;height:0;line-height:0;}
.yuimenubaritem{float:left;}
.yuimenubaritemlabel,
.yuimenuitemlabel{display:block;}
.yuimenuitemlabel .helptext{font-style:normal;display:block;margin:-1em 0 0 10em;}
.yui-menu-shadow{position:absolute;visibility:hidden;z-index:-1;}
.yui-menu-shadow-visible{top:2px;right:-3px;left:-3px;bottom:-3px;visibility:visible;}
.hide-scrollbars *{overflow:hidden;}
.hide-scrollbars select{display:none;}
.yuimenu.show-scrollbars,.yuimenubar.show-scrollbars{overflow:visible;}
.yuimenu.hide-scrollbars .yui-menu-shadow,.yuimenubar.hide-scrollbars .yui-menu-shadow{overflow:hidden;}
.yuimenu.show-scrollbars .yui-menu-shadow,.yuimenubar.show-scrollbars .yui-menu-shadow{overflow:auto;}
.yui-overlay.yui-force-redraw{margin-bottom:1px;}
.yui-skin-sam .yuimenubar{line-height:2;*line-height:1.9;}
.yui-skin-sam .yuimenubarnav .yuimenubaritem{border-right:solid 1px #ccc;}
.yui-skin-sam .yuimenubaritemlabel{padding:0 10px;color:#000;text-decoration:none;*position:relative;margin:-1px 0;}
.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel{padding-right:20px;*display:inline-block;}
.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-hassubmenu{background:url(../img/arrow.png) right center no-repeat;}
.yui-skin-sam .yuimenubaritem-selected{border: none;    background-position: 0 -12px;}
.yui-skin-sam .yuimenubaritemlabel-selected{border: none;    background-position: 0 -12px;}
.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-selected{border: none;margin-left:-1px;*left:-1px;}
.yui-skin-sam .yuimenubaritemlabel-disabled{color:#A6A6A6;}
.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-hassubmenu-disabled{background-image:none}
.yui-skin-sam .yuimenu{line-height:1.5;*line-height:1.45;}
.yui-skin-sam .yuimenubar .yuimenu,.yui-skin-sam .yuimenu .yuimenu{}
.yui-skin-sam .yuimenu .bd{*zoom:1;_zoom:normal;}
.yui-skin-sam .yuimenu .yuimenu .bd{*zoom:normal;}
.yui-skin-sam .yuimenu ul{padding:0px 0;}
.yui-skin-sam .yuimenu ul.first-of-type{border-width:0; margin-top: 0px;}
.yui-skin-sam .yuimenu h6{font-weight:bold;;color:#a4a4a4;padding:0px 10px 0 10px;}
.yui-skin-sam .yuimenu ul.hastitle,.yui-skin-sam .yuimenu h6.first-of-type{}
.yui-skin-sam .yuimenu .yui-menu-body-scrolled{overflow:hidden;}
.yui-skin-sam .yuimenu .topscrollbar,.yui-skin-sam .yuimenu .bottomscrollbar{height:16px;background:#fff url(../../../../assets/skins/sam/sprite.png) no-repeat 0 0;}
.yui-skin-sam .yuimenu .topscrollbar{border-bottom-width:0;background-position:center -950px;}
.yui-skin-sam .yuimenu .topscrollbar_disabled{background-position:center -975px;}
.yui-skin-sam .yuimenu .bottomscrollbar{border-top-width:0;background-position:center -850px;}
.yui-skin-sam .yuimenu .bottomscrollbar_disabled{background-position:center -875px;}
.yui-skin-sam .yuimenuitem{_border-bottom:solid 1px #fff;}
.yui-skin-sam .yuimenuitemlabel{padding: 0px;color:#fff;text-decoration:none;}
.yui-skin-sam .yuimenuitemlabel .helptext{margin-top:-1.5em;*margin-top:-1.45em;}
.yui-skin-sam .yuimenuitem-hassubmenu{background-image:url(../img/arrow.png);background-position:right center;background-repeat:no-repeat;}
.yui-skin-sam .yuimenuitem-checked{background-image:url(menuitem_checkbox.png);background-position:left center;background-repeat:no-repeat;}
.yui-skin-sam .yui-menu-shadow-visible{background-color:#000;opacity:.12;filter:alpha(opacity=12);}
.yui-skin-sam .yuimenuitem-selected{background-color:#ff2045;}
.yui-skin-sam .yuimenuitemlabel-disabled{color:#A6A6A6;}
.yui-skin-sam .yuimenuitem-hassubmenu-disabled{background-image:url(menuitem_submenuindicator_disabled.png);}
.yui-skin-sam .yuimenuitem-checked-disabled{background-image:url(menuitem_checkbox_disabled.png);}

#menu ul li.first-of-type a { margin-left: 0px;}
#projects-menu .yuimenuitem {background-color: #585858;}
#projects-menu .yuimenuitem-selected{background-color: #ff2045;}
#projects-menu .yuimenuitemlabel { margin-right: 3px; padding: 3px 34px 3px 11px; font-weight: bold; }
#projects-menu { background-color: #585858;}
.submenu li.first-of-type a { margin-top: 1px;}
.submenu li.first-of-type {margin-left: 0px; padding-left: 9px;}
.submenu li {margin-left: 9px; padding-left: 0px;}

/* home page */

#projects .image {
    cursor: pointer;
}

div.home div.image {
    background-color: #252525;
    width: 100%;
    height: 537px;
}

div.home {
    width: 802px;
}

div.home div.image img {
    float: right;
}

div.home div.photo-info {
    margin-top: 10px;
    font-size: 82%;
    float: left;
}

div.home div.photo-info span.project-name {
    font-weight: bold;
    color: #FFFFFF;
}

div.home div.photo-info span.divider {
    color: #fd2145;
}

div.home div.photo-photographer {
    margin-top: 10px;
    font-size: 76%;
    float: right;
}

li.item {
    position: absoulute;
    width: 802px;
    list-style-type: none;    
}

div.home .photos {
    float: left;
    clear: both;
    display: block;
    width: 802px;
    height: 571px;
    position: absolute;
}

div.home .thumbnails {
    float: left;
    clear: both;
}

div.home li.thumb {
    list-style-type: none;
    float: left;
    margin-bottom: 1em;
}

div.home li.thumb div.thumb {
    background-color: #252525;
    width: 73px;    
    height: 44px;
    margin-right: 10px;
    cursor: pointer;    
}

div.home div.photo {
    background-color: #FFFFFF;
    display: block;
    height: 44px;
    float: right;    
}

div.project div.image {
    cursor: pointer;
}


div.home li.thumb div.thumb div.photo img.faded {
    opacity: .5;
    filter: alpha(opacity = 50);
}

/*page */
#page {
    width: 802px;
    margin-bottom: 121px;
}

#page.about {
    width: 600px;
    margin-top: 17px;
}

#page strong {
    color: #FFFFFF;
    font-weight: bold;
}

#page .person {
    margin-top: 29px;
    padding-top: 29px;
    border-top: 1px solid #464646;
}

#page .person img {
    float: left;
    margin-right: 20px;
}

#page .person .info {
    float: left;
    width: 480px;
}

#page .person .info .name {
    font-weight: bold;
    color: #FFFFFF;
}

#page .person .info .title {
    font-style: italic;
    color: #FFFFFF;
    margin-bottom: 1em;
}

#page .person .info h1, 
#page .person .info h2, 
#page .person .info h3, 
#page .person .info h4, 
#page .person .info h5, 
#page .person .info h6 {
    margin-top: 1em;
    color: #FFFFFF;
    margin-bottom: .25em;
}

#page .person .info li {
	list-style-image: url(../img/plus.png);
	margin-left: 1.2em;    
}

#page .content img {
    float: left;
}

#page .content .text {
    float: left;
    margin-left: 16px;
	margin-top: -.25em;
}

#page .content .text h1, 
#page .content .text h2, 
#page .content .text h3, 
#page .content .text h4, 
#page .content .text h5, 
#page .content .text h6 {
    margin-top: .3em;
    color: #FFFFFF;
}

#page.contact .content .text strong {
    color: #FFFFFF;
    margin-bottom: .3em;
    font-size: 108%;
}

#page.contact .content .text {
    margin-left: 20px;
}

/* YUI Uploader */
.uploadButton a, .clearButton a {
	display:block;
	height:15px;
	text-decoration: none;
	margin-left:5px;
}


.uploadButton a {
	background: url("/site_media/img/uploadFileButton.png") 0 0 no-repeat;
	width: 96px;
	float: left;
}

.clearButton a {
	background: url("/site_media/img/clearListButton.png") 0 0 no-repeat;
	width: 50px;
	float: left;
}

.uploadButton a:visited, .clearButton a:visited {
	background-position: 0 0;
}

.uploadButton a:hover, .clearButton a:hover {	
	background-position: 0 -15px;
}

.uploadButton a:active, .clearButton a:active {
	background-position: 0 -30px;
}

.fileProgress {
    
    border: black 1px solid; 
    width: 300px; 
    height: 40px;
    float: left;  
}

.fileName {
    text-align: center; 
    margin: 5px; 
    font-size: 15px; 
    width: 290px; 
    height: 25px; 
    overflow: hidden;
}

.progressBar {
    width: 300px;
    height: 5px;
    background-color: #CCCCCC;
}

.uploaderContainer {
    width: 100px;
    height: 40px;    
}

.uploaderUI {
    width: 89px;
    height: 15px;
    margin-left: 5px;
    float: left;
}

.uploadButton, .clearButton {
    float: left;    
    margin-left: 1em;
}

.buttons {
    margin-top: .5em;
    margin-bottom: .5em;
}

/* add/edit project */
.admin h1, form h1 {
    font-size: 200%;
    font-weight: bold;
    margin-bottom: 1em;
}

.admin h2, form h2 {
    font-size: 150%;
    font-weight: bold;
    margin-top: 1em;
    margin-bottom: 1em;
}

form .top-border {
    border-top: 2px solid #999999;
    padding-top: 1em;
}

form .photo, form.person {
    padding-bottom: 1em;
}

form p label {
    width: 8em;
    float: left;
}

form p input {
    width: 5em;
    float: left;
}

form p {
    clear: both;
    display: block;
}

form p input, form p select {
    margin-bottom: .5em;
}

form p.tiny input {
    width: 1em;
}

form p.small input{
    width: 3em;
}

form p.medium input{
    width: 8em;
}

form p.big input {
    width: 18em;
}

.yui-editor-container {
    margin-bottom: 1em;
    float: left;
    clear: both;
}

form p.block input {
    display: block;
    float: left;
    clear: both;
}

.yui-uploader-progress {
    float: left;
}

.yui-uploader-progress .fileProgress {
    float: left;
    clear: both;
}

.yui-uploader-progress .buttons {
    float: left;
    clear: both;
}

.yui-uploader-progress .uploadStatus {
    float: left;
    clear: both;
    padding-left: 1em;
}

.yui-uploader-progress .uploadPreview {
    float: left;
    clear: both;
}

.yui-uploader-progress .uploadPreview img, .uploadStatus span {
    padding-left: 1em;
}

/* admin section */

.admin a, .admin label, .admin .divider {
    color: #7f7f7f
}

.admin div.title {
    text-transform: uppercase;
    padding-bottom: .25em;
    border-bottom: 1px solid #FFFFFF;
    font-size: 115%;
}

.admin div.title span.title {
    color: #f4183b;    
}

.admin .pages, .admin .categories, .admin .form {
    font-size: 92%;
    margin-top: .5em;
    margin-bottom: 2em;
    float: left;
}

.admin .form {
    width: 100%;
}

.admin .pages div {
    color: #FFFFFF;
    width: 17em;
    margin-top: .5em; 
}

.admin .pages div a{
    float: right;
}

.admin .categories div.category {
    color: #FFFFFF;
    margin-top: .5em;
}

.admin .categories div.name {
    width: 15em;
    float: left;
}

.admin .categories div.actions {
    width: 20em;
    float: left;
}

.admin .categories div.actions div.links {
    float: left;
}

.admin .categories div.actions div.fields {
    float: right;
}

.admin .categories div.actions div.fields label{
	float: left;
}

.admin .categories div.actions div.fields input{
    width: 3em;
    margin-left: 1em;
    display: inline;
    float: right;
}

.admin input {
    width: 8em;
}

.admin .section-title {
    font-size: 108%;
    color: #FFFFFF;
}

img, div, a { behavior: url(iepngfix.htc) }