@import "reset";

@_width: 950px;

html {
    height:100%;
}
body {
    font:12px Helvetica,Arial,sans-serif;
    height:100%;
    background-color:#fff;
}
span.icon-16 {
    background:url(../images/icons-16.gif) no-repeat;
    width:16px;
    height:16px;
}
.submit {
	cursor:pointer;
}

// Header
#header-wrapper {
    width:100%;
    height:160px;
	overflow:hidden;
	background-image:url(../images/body_bg.png);

    div#header {
        margin:0 auto;
        width:@_width;
        height:100%;
        position:relative;

        h1 {
            position:absolute;
			left:-102px;
            top:-10px;
            width:362px;
            height:220px;
            background-image:url(../images/h1.jpg);

            a {
                text-indent:-999999px;
                display:block;
                width:100%;
                height:100%;
            }
        }

        ul#account_actions {
            position:absolute;
            right:0;
            top:24px;
			overflow:hidden;

            li {
                float:left;
                margin-left:15px;

                a {
                    font-size:13px;
					padding-left:16px;
					position:relative;

					span {
						position:absolute;
						display:block;
						top:-2px;
						left:0;
					}
                }
                a.login {
				    color:#fff;

					span {
                    	background-position:0 0;
                	}
				}
                a.signup {
                    color:#e9a119;

					span {
		            	background-position:0 16px;
					}
                }
            }


        }
        div#browse_search {
            width:422px;
            height:39px;
            position:absolute;
            right:0;
            top:62px;
            background-image:url(../images/browse_search_bg.jpg);

            a {
                display:block;
                text-indent:-999999px;
                position:absolute;
                left:0;
                top:0;
                height:100%;
                width:150px;
            }

            input.text {
                font-style:italic;
                color:#666;
                position:absolute;
                left:184px;
                top:8px;
                padding:5px;
                width:140px;
                background:#fff;
            }
            input.submit {
                position:absolute;
                left:350px;
                width:70px;
                height:100%;
                background:transparent;
            }
        }
    }
}

// Navigation
div#nav-wrapper {
    width:100%;
	height:37px;
	background:url(../images/nav_bg.gif);

	ul#breadcrumbs {
		margin:0 auto;
		width:@_width;
		overflow:hidden;
		position:relative;

		li {
			a {
				line-height:37px;
				font-weight:bold;
				font-size:14px;
				color:#000;
				float:left;
				height:100%;
				padding:0 15px 0 25px;
				background:url(../images/breadcrumb_bg.gif) 0 0 no-repeat;
			}
			a.first {
				padding-left:0;
				background:none;
			}
			a.active {
				color:#fff;
				background:#e9a119 url(../images/breadcrumb_active_bg.gif) 0 0 no-repeat;
			}
		}
	}
}

// Content
div#content-wrapper {
	margin:0 auto;
	width:@_width;
	background:#fff;
    padding-bottom:84px;
}

// Footer
div#footer-wrapper {
    width:100%;
    height:84px;
    position:absolute;
    bottom:0;
    left:0;

    div#footer {
		border-top:1px solid #ccc;
        margin:0 auto;
		padding-top:18px;
        height:42px;
        width:@_width;
		position:relative;

		a {
			line-height:18px;
			color:#444;
			margin-right:9px;
			font-weight:bold;
			font-size:12px;
		}
		small {
			font-weight:normal;
			font-size:9px;
		}

		form {
			position:absolute;
			right:0;
			top:14px;
			overflow:hidden;

			ul li {
				display:inline;
			}
			label {
				font-size:14px;
				font-weight:bold;
				color:#e9a119;
				margin-right:12px;
			}
            input.text {
                font-style:italic;
                color:#666;
                padding:5px;
                width:140px;
                background:#fff;
				border:1px solid #eee;
            }
            input.submit {
				padding:5px;
                font-weight:bold;
                width:70px;
                height:100%;
                background:transparent;
            }
		}
    }
}