/* @group Foundation */

@import url("foundation.css");
@import url("forms.css");
@import url("uniform.css");

@font-face { 
	font-family: "MuseoThree"; 
	src: url("/fonts/Museo300-Regular.otf") format("opentype"); 
}

@font-face { 
	font-family: "MuseoSeven"; 
	src: url("/fonts/Museo700-Regular.otf") format("opentype"); 
}

/* @end */

/* @group General */

body { 
    font-family: 'Lucida Grande',arial,helvetica,clean,sans-serif;
    color: #3f3b39;
    background: #21363e url(/images/background.png) repeat-x top;
}

/* Links */

a, 
a:link, 
a:visited, 
a:active { 
	text-decoration: none; 
	color: #227bac; 
	border-bottom: 1px solid #a7cade; 
	outline: none; 
	cursor: pointer; 
}

a:hover { 
	cursor: pointer; 
	text-decoration: none; 
}

h2 {
	
}

h2 span { 
	color: #999;
}

/* Lists */

ul { list-style-type: none; }
ul li { margin-bottom: 2px; }

ol { margin: 20px 0; padding: 0 0 0 25px; }
ol li { margin-bottom: 10px; }

/* Image */

img { border: 0; padding: 0; margin: 0; }

/* @end */

/* @group Custom H3 */

h3.section-title {
    background: url(/images/section_title_bg.png) repeat-x left 10px;
    margin: 0 0 10px 0;
}

h3.section-title span {
    background-color: #fff;
    padding-right: 10px;
    font-weight: bold;
}

h3 img.title-icon {
    float: left;
    margin-right: 5px;
}

h3.stats-title {
    background: url(/images/icons/chart.png) no-repeat left 0;
    padding-left: 20px;
}

h3.note-title {
    background: url(/images/icons/note.png) no-repeat left 1px;
    padding-left: 20px;
}

/* @end */

p.lined {
    background: url(/images/lined.png) repeat;
    line-height: 25px;
}

.highlight { background-color: #e8f189; padding: 1px 5px 3px 5px; }

/* @group Containers */

/* Page Container */

#page {
    margin: 0 auto 30px auto;
    padding: 0;
    width: 960px;
    z-index: 1;
    position: relative;
}

/* Header Container */

#header {
    clear: both;
    display: block;
    width: 100%;
    padding: 10px 0 0 0;
    margin: 20px 0 10px 0;
    height: 35px;
}
    
    /* Logo */
    #header #logo {
    	margin-left: 10px;
    	float: left;
    }

        #header #logo a {
        	display: block;
            text-indent: -9999px;
        	width: 145px;
        	height: 35px;
        	background: url(/images/logo.png) no-repeat 0 0;
        	border: 0;
        }
    
            #header #logo a:hover {
                opacity: 0.9;
            }
        
        /* Page Specific Logos */
        
        #discover #header #logo a {
            width: 225px;
            background: url(/images/logo_directory.png) no-repeat 0 0;
        }
        
        #faqs #header #logo a {
            width: 270px;
            background: url(/images/logo_help.png) no-repeat 0 0;
        }
        
        #about #header #logo a {
            width: 200px;
            background: url(/images/logo_about.png) no-repeat 0 0;
        }
        
        #settings #header #logo a {
            width: 215px;
            background: url(/images/logo_account.png) no-repeat 0 0;
        }
        
        #home #header #logo a {
            width: 225px;
            background: url(/images/logo_welcome.png) no-repeat 0 0;
        }
        
        
    /* Header Navigation */
    #header #navigation {
        float: right;
        margin: 2px 0 0 0;
    }
    
        #header #navigation ul {
            list-style-type: none;
            display: inline;
        	float: left;
        	font-size: 14px;
        }

            #header #navigation ul li {
            	display: inline;
            	float: left;
            	position: relative;
            	border-left: 1px solid #263f48;
            	margin-top: 2px;
            	padding: 0 15px;
            }

            #header #navigation ul li.first {
                border-left: 0;
            }

                #header #navigation ul li a {
                    display: block;
                    text-align: center;
                    color: #fff;
                    padding: 0 3px;
                    font-family: "MuseoThree";
                    border: 0;
                }

                    #header #navigation li a:hover {
                        color: #c3dae3;
                    }
    
                    #header #navigation li.current a {
                        color: #c3dae3;
                    }

/* Footer Container */

#footer {
    clear: both;
    color: #43616c;
    font-family: "MuseoThree";
    font-size: 14px;
    font-weight: normal;
    margin: 15px auto;
    position: relative;
    text-shadow: #1a2c33 0 1px 1px;
}

    #footer a {
        color: #43616c;
        border: 0;
    }
    
    #footer a:hover {
        color: #5d8290;
    }
    
    #footer ul {
        margin: 0 10px;
    }
    
        #footer ul li {
            float: left;
            padding: 0 20px 0 0;
            margin: 0;
        }
        
    #footer .copyright {
        color: #2c4751;
        margin: 0 10px;
        margin-top: 10px;
        font-size: 12px;
    }
    
        #footer .copyright img {
            vertical-align: middle;
        }


/* @end */
    

/* Welcome Page */

#welcome {
    height: 110px;
    background: url(/images/welcome_filler.png) repeat-x bottom;
}

    #welcome #intro {
        margin-top: 10px;
    }

    #welcome #leaf {
        float: right;
    }

#welcome-message {
    padding-top: 20px;
    padding-bottom: 20px;
    background: #71acc2 url(/images/welcome_message_filler.png) repeat-x top;
}

    #welcome-message p {
        color: #214958;
        font-family: "MuseoThree";
        font-size: 110%;
        margin: 0;
        padding: 0;
    }

#features ul li h2 {
    color: #18282d;
    margin: 0;
    padding: 0 0 5px 0;
}

#features ul li p {
    color: #4d8093;
    line-height: 18px;
    margin: 0;
    padding: 0;
}

    #features ul li p span {
        border-bottom: 1px dotted #4d8093;
    }


/* Featured Members Container */
#featured-member-container {
    background: url(/images/featured_members_head.png) no-repeat center top;
}

#featured-members {
    position: relative;
    overflow: hidden;
    border: 1px solid #dbe9ee;
    background-color: #e8f3f7;
    height: 75px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

    #featured-members .member {
        position: absolute;
        top: 70px;
        left: 15px;
        height: 70px;
        opacity: 0;
    }
    
        #featured-members .member .portrait {
            float: left;
            height: 55px;
            width: 55px;
            background: #000 url(/images/default_portrait_small.png) no-repeat center center;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
        }

        #featured-members .member .about {
            color: #4d8093;
            font-size: 85%;
            line-height: 18px;
            margin: 10px 0 0 70px;
            padding: 0 0 3px 0;
            width: 790px;
        }
    
            #featured-members .member .about strong {
                color: #305f71;
                font-size: 115%;
            }
    
        #featured-members .member .specialities {
            color: #8c8c8c;
            font-size: 80%;
            margin: 0 0 0 70px;
            padding: 0;
        }


        .container {
            background: #fff;
            margin: 10px 0 10px 0;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-box-shadow: 0 1px 2px #0f1b1f;
            -moz-box-shadow: 0 1px 2px #0f1b1f;
        }

            .container .content {
                padding: 35px;
            }
            
            .container .content-row,
            .container .first-content-row,
            .container .last-content-row {
                border-top: 1px solid #ffffff;
                border-bottom: 1px solid #ebebeb;
                padding: 20px 35px;
            }
            
            .container .first-content-row {
                padding-top: 25px;
                border-top: none;
            }
            
            .container .last-content-row {
                padding-bottom: 25px;
                border-bottom: none;
            }
            
            /* Columns */
            .container .column_left {
                min-height: 500px;
                position: relative;
                float: left;
                width: 700px;
                margin: 0;
                padding: 0;
                -moz-border-radius-topleft: 5px;
                -webkit-border-top-left-radius: 5px;
            }
            
                .container .column_left .content {
                    padding-right: 25px;
                }

            .container .column_right {
                min-height: 500px;
                position: relative;
                float: right;
                width: 259px;
                margin: 0;
                padding: 0;
                -moz-border-radius-topright: 5px;
                -webkit-border-top-right-radius: 5px;
            }
            
                .container .column_right .content {
                    padding: 30px 35px 30px 25px;
                }
                
                .container .column_right h3 {
                    border-bottom: 1px solid #d9d8d7;
                    margin: 20px 0 10px 0;
                    padding-bottom: 10px;
                }
                
                .container .column_right p {
                    margin-top: 5px;
                    line-height: 1.6em;
                }
                
                .container .column_right ul li {
                    line-height: 1.4em;
                }
        

.avatar {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    width: 55px;
    height: 55px;
    float: left;
    border: none;
    background-color: #2a2a2a;
}

/* About */
#about .column_left {
    font-family: helvetica,arial,sans-serif;
    font-size: 14px;
    color: #5c5c5c;
    line-height: 1.4em;
}
        

ul.intro {
    list-style: none;
    display: block;
}

    ul.intro li {
        float: left;
        font-size: 13px;
        display: block;
        padding: 10px;
        width: 270px;
        height: 100px;
    }
    
        ul.intro li h2 {
            font-size: 17px;
            font-weight: normal;
        }
    
        ul.intro li p {

        }
    
/* Stats */
ul.stats {
    margin: 0 0 30px 0;
    list-style: none;
    display: block;
    font-family: helvetica,arial,sans-serif;
}

    ul.stats li {
        text-align: left;
        font-size: 25px;
        font-weight: bold;
        display: block;
        color: #8c8c8c;
        margin: 8px 1px 1px 1px;
        padding: 8px 0 0 0;
        border-top: 1px solid #c5c5c5;
    }
    
        ul.stats li span {
            text-align: center;
            float: right;
            padding: 10px 10px 7px 10px;
            width: 40px;
            background: #c9c9c9;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
        }
    
        ul.stats li h2 {
            font-size: 11px;
            line-height: 12px;
            margin: 0;
            padding: 8px 0;
        }

    ul.stats li#stats_total_views span {
        background-color: #a5e87a;
        color: #669f41;
    }
    
    ul.stats li#stats_views_month span {
        background-color: #97d7f1;
        color: #549fbe;
    }
    
    ul.stats li#stats_views_week span {
        background-color: #f17070;
        color: #9a3d3d;
    }


/* Help */
ul.help-topics li {
    padding: 3px 0;
}

ul.help-topics li span {
    font-size: 80%;
    width: 130px;
    display: block;
    float: right;
}


/* Profile */
.freelancer-icon,
.featured-icon {
    position: absolute;
    right: 0;
    top: 0;
    background: url(/images/foundation.png) no-repeat;
}

    .freelancer-icon {
        background-position: 0 -411px;
        width: 129px;
        height: 128px;
        z-index: 201;
    }

    .featured-icon {
        background-position: -132px -411px;
        width: 79px;
        height: 79px;
        z-index: 200;
    }

.heading {
    padding-bottom: 15px;
}

    .heading p {
        font-family: "MuseoThree";
    }
    
    .profile {
        display: block;
        position: relative;
        width: 600px;
        height: 140px;
        margin-bottom: 20px;
        cursor: pointer;
    }
    
        .profile-image {
            position: relative;
            width: 600px;
            height: 140px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
        }
        
        .profile .name {
            background: url(/images/fog.png);
            padding: 10px 15px 8px 15px;
            position: absolute;
            top: 20px;
        }
        
        span.name {
            color: #fff;
            font-size: 22px;
        }
        
        #discover .profile .featured,
        #discover .profile .new {
            position: absolute;
            top: 15px;
            left: 320px;
        }
    
        #discover .profile h3 a {
            font-size: 18px;
            color: #000;
        }
    
        #discover .avatar-content {
            width: 400px;
            height: 100px;
            background-color: #ececec;
            text-align: center;
            margin-bottom: 5px;
        }
            
    #discover .pagination {
        padding-left: 20px;
        text-align: center;
    }
    
        #discover .pagination a {
            border: 0;
            font-weight: bold;
        }
        
        #discover .pagination .disabled {
            color: #20363e;
            font-weight: bold;
        }
    
        
        #discover .mini span.count {
            margin: 5px 3px;
            color: #959d8e;
            font-size: 11px;
        }
        
    #discover #main-menu a {
        font-size: 16px;
        font-weight: bold;
    }
    
    #discover p.intro {
        margin: 0 20px 20px 30px;
        font-style: italic;
        font-size: 11px;
        color: #5b6154;
    }

.categories li {
    background: url(/images/foundation.png) no-repeat;
    background-position: 0 -410px;
    margin: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

    .categories li a {
        display: block;
        text-decoration: none;
        border: 0;
        padding: 11px 20px 12px 20px;
        font-size: 16px;
        font-weight: bold;
        color: #e6f4d6;
        text-shadow: #497e10 -1px -1px 0;
    }

/*******************************************
 * Content Formatting
 *******************************************/

/* Logo */
h1 { position: absolute; top: 2px; left: 0; margin: 0; }


.excerpt p { margin: 0; font-size: 12px; }
.clear { clear: both; margin: 0; padding: 0; font-size: 1%; }
.section { margin-bottom: 15px; padding-bottom: 20px; }
.empty { font-size: 1.2em; }

p.page_desc {
    color: #9999aa;
    font-size: 16px;
    margin: 0 0 20px 0;
}
    
/* Mini List */
ul.menu {
    list-style: none;
    margin: 10px 0;
    padding: 0;
    font-size: 12px;
}

    ul.menu li {
        margin: 0;
        padding: 3px 0;
        position: relative;
        display: block;
    }

    ul.menu li img.menu-icon {
        float: left;
        margin-right: 5px;
        padding-right: 5px;
    }
    
    ul.menu li a {
        border: none;
        display: block;
        margin: 0;
        padding: 8px 15px;
        font-weight: bold;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
    }
    
        ul.menu li.separator {
            border-top: 1px solid #eeeeee;
            margin: 5px 10px;
            padding: 0;
            height: 0;
        }
        
        ul.menu li a:hover {
            background-color: #d7e5eb;
        }
        
        ul.menu li a.selected,
        ul.menu li a.selected:hover {
            background: #38454b;
            color: #fff;
            -webkit-box-shadow: 0 1px 2px #ccc;
            -moz-box-shadow: 0 1px 2px #ccc;
        }
        
        ul.menu li a:active,
        ul.menu li a:focus {
        }

/*******************************************
 * Pagination
 *******************************************/
.pagination {
    font-size: 11px;
    font-weight: normal;
    margin: 20px 0 10px 0;
    text-transform: uppercase;
    clear: both;
}

    .pagination .prev_page,
    .pagination .next_page,
    .pagination a {
        margin: 0 0 5px 1px;
        padding: 7px 10px 5px 10px;
    }

    .pagination .disabled { cursor: default; }

    .pagination a,
    .pagination .current {
        color: #fff;
        background-color: #5d8f23;
        text-decoratin: none;
        margin: 0 0 5px 1px;
        padding: 7px 10px 5px 10px;
    	-moz-border-radius: 2px;
    	-webkit-border-radius: 2px;
    	border-radius: 2px;
    }

    .pagination a:hover, .pagination .current { background-color: #303030; }
    

/* Photo page */
.photo-controls {
    background-color: #dfecf9;
    border-top: 2px solid #c8daed;
    border-bottom: 2px solid #c8daed;
    padding: 10px 10px;
    margin-bottom: 20px;
}


/* Form Error Alerts */
.alert {
    background: #252525;
    font: normal 12px "lucida grande",tahoma,verdana,arial,sans-serif;
    line-height: 20px;
    padding: 20px 30px;
    margin-bottom: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

    .alert p {
        margin: 0;
        padding: 0;
    }

    .alert.error {
        background: #ffb0b0;
        color: #930d0f;
    }

        .alert.error h2 {
            text-shadow: none;
            text-align: left;
            border: none;
            margin: 0;
            padding: 0;
        }

        .alert.error ol, 
        .alert.error ul {
            padding: 5px 0 0 0;
        }
        
            .alert.error ol li {
                margin: 0 0 0 20px;
                padding: 0;
            }
    
    .alert.success {
        color: #667938;
        background: #E5EED1;
    }
        .alert.success p {
            margin-left: 20px;
        }


/* Form */
/*input,
textarea,
select {
    border: 1px solid #bbbbbb;
    background: #fff url('/images/content/input_bg.gif') repeat-x top left;
    font: normal 11px "lucida grande",tahoma,verdana,arial,sans-serif;
    margin: 2px 0;
    padding: 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}*/

/* Dashboard Counter */
.counter {
	background: #c2cdb8;
	color: #ddd;
	float: left;
	line-height: 40px;
	margin-right: 10px;
	margin-bottom: 5px;
	min-height: 40px;
	padding: 0 10px;
	width: 190px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

    .counter dd {
    	float: left;
    }
    
    .counter dt {
    	color: #3cbae5;
    	font: bold 24px/40px "Helvetica", Arial, sans-serif;
    	text-align: right;
    }
    
    .counter input {
        background: transparent;
        border: 0;
        color: #68745c;
        margin: 0;
        margin-top: -50px;
        padding: 0;
        font-size: 12px;
        width: 190px;
    }

/* Form Table */
table.form-table {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
}

    table.form-table th,
    table.form-table td {
        margin: 0;
        padding: 5px;
        vertical-align: top;
    }
    
    
    table.form-table th {
        width: 150px;
        padding-top: 10px;
        text-align: left;
        vertical-align: top;
        font-size: 15px;
        color: #4f545a;
        font-weight: normal;
    }
    
        table.form-table label {
            font: bold 12px "lucida grande",tahoma,verdana,arial,sans-serif;
            cursor: pointer;
            vertical-align: middle;
        }
        
            table.form-table label small {
                color: #999999;
                display: block;
            }
    
        table.form-table td em {
            display: block;
            margin: 3px 0 0;
        }
        
        table.form-table code {
            font-size: 10px;
        }
        
        table.form-table td label {
            padding-bottom: 20px;
        }
        
        table.form-table td p {
            margin-top: 3px;
            margin-right: 0pt;
            margin-bottom: 5px;
            font: normal 12px "lucida grande",tahoma,verdana,arial,sans-serif;
        }
    
        table.form-table td p.note {
            font: normal 11px "lucida grande",tahoma,verdana,arial,sans-serif;
        }
    
        table.form-table td input.input-text,
        table.form-table td textarea.input-area {
            vertical-align: middle;
            width: 300px;
        }
        
        table.form-table td input.input-text.short {
            width: 150px;
        }
        
        table.form-table td input.color-field {
            width: 50px;
        }
        
        table.form-table td textarea.input-area {
            height: 150px;
            width: 400px;
        }
        
        table.form-table td select {
            padding: 5px;
            vertical-align: middle;
        }
        

/* Dahsboard Thumbnails */
ul#thumbs {
    list-style-type: none;
    padding: 0;
}

    #thumbs li {
        padding: 10px;
        float: left;
    }

    div.thumbnail {
        position: relative;
        float: left;
        padding: 10px;
        background-color: #f4f4f4;
        margin: 15px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-box-shadow: 0 1px 2px #999;
        -moz-box-shadow: 0 1px 2px #999;

    }

    div.thumbnail img {
        width: 150px;
        height: 100px;
        margin: 0;
        padding: 0;
    }

    div.thumbnail h2 {
        font: normal 12px arial, sans-serif;
        border-top: 1px dashed #4f4f4f;
        letter-spacing: 0;
        text-align: center;
        color: #fff;
        margin: 0;
        padding: 10px 0;
        overflow: hidden;
        white-space: nowrap;
        position: absolute;
        top: 126px;
        left: 11px;
        width: 200px;
        height: 15px;
        background: url(/images/fog.png) repeat;
    }

    div.thumbnail .num {
        font: normal 40px arial, sans-serif;
        color: #fff;
        position: absolute;
        top: 15px;
        right: 20px;
        text-shadow: #bababa 0 0 10px;
    }

    div.thumbnail .shade {
        display: block;
        opacity: 0;
        background-color: #000;
        position: absolute;
        width: 200px;
        height: 150px;
    }

/* Personal URL Box */
#personal-url-box label {
    color: #000;
    font-size: 13px;
    font-weight: bold;
}

#personal-url-box input {
    width: 190px;
    font-size: 12px;
    color: #636363;
    padding: 10px 5px;
    text-align: center;
    background: #272727;
    border: 0;
}

/* Misc */
.float-right {
    float: right;
}

.float-left {
    float: left;
}

#settings .color {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    color: #666;
    border: 1px solid #b4b4b4;
    margin: 2px 0;
    padding: 6px 8px;
    width: 70px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}


/* Button Style */
input.button,
a.button {
    cursor: pointer;
    border: 0;
    padding: 6px 10px 6px 10px;
    margin: 0;
    background: transparent url(/images/foundation.png) no-repeat;
    background-position: 0 0;
    color: #494747;
    font: bold 11px "Lucida Grande",Lucida,Verdana,sans-serif;
    text-shadow: #f0f0f0 1px 1px 0;
    border: 1px solid #bdbdbd;
    border-bottom-color: #acacac;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px #ccc;
    -moz-box-shadow: 0 1px 2px #ccc;
}
    
    input.button:active,
    a.button:active {
        background-position: 0 -40px;
        text-shadow: #e5e5e5 -1px -1px 0;
    }
    
    a.button:hover {
        text-decoration: none;
    }
    
    button::-moz-focus-inner,
    input[type="reset"]::-moz-focus-inner,
    input[type="button"]::-moz-focus-inner,
    input[type="submit"]::-moz-focus-inner,
    input[type="file"]>input[type="button"]::-moz-focus-inner {
        border:none;
    }
    
    
    /* High button style inherits from parent button style */
    input.button.high,
    a.button.high {
        color: #986808;
        border-color: #c88b10;
        background-position: 0 -80px;
        text-shadow: #f2d292 1px 1px 0;
    }
    
        input.button.high:active,
        a.button.high:active {
            background-position: 0 -120px;
            text-shadow: #f2d292 -1px -1px 0;
        }
    
    input.button.warn,
    a.button.warn {
        color: #7e0a0a;
        border-color: #b81e1e;
        background-position: 0 -170px;
        text-shadow: #ff4a4a 1px 1px 0;
    }
    
        input.button.warn:active,
        a.button.warn:active {
            background-position: 0 -190px;
            text-shadow: #ff4a4a 1px 1px 0;
        }
        
/* Grid Table */
.data-grid {
    font: bold 11px/18px "Lucida Grande",Lucida,Verdana,sans-serif;
    width: 100%;
    padding: 0;
    margin: 0 0 1.5em 0;
    border-collapse: collapse;
}

    .data-grid th {
        font-size: 12px;
        color: #5f5f5f;
        border-bottom: 1px solid #e2e2e2;
        border-top: 1px solid #e2e2e2;
        letter-spacing: 1px;
        text-align: center;
        padding: 6px 12px 6px 12px;
        background: #ededed;
        vertical-align: middle;
    }

    .data-grid td {
        padding: 12px;
        color: #000;
        text-align: center;
    }
    
        .data-grid th.left,
        .data-grid td.left {
            text-align: left;
        }
    
    .data-grid tr {
        border-bottom: 1px solid #e2e2e2;
    }
    
        .data-grid tr:hover td {
            cursor: pointer;
        }

    /* Alternate row style */
    .data-grid tr.alt {
        background-color: #f2f2f2;
    }
        
.column_right .stats {
    margin: 15px 0;
}

/* Help Section */
.help_topic {
    font-size: 18px;
    color: #7a7a7a;
}

.help_group {
    margin-bottom: 20px;
    padding: 15px 0;
}

    .help_group .more {
        padding-left: 10px;
        font-weight: bold;
    }

ul.help_topics {
    margin: 0 0 15px 0;
}

    ul.help_topics li {
        font-size: 18px;
        padding: 3px 0;
    }

/* Theme Controller */
.themes .theme {
    position: relative;
    text-align: center;
    background-color: #fff;
    margin: 2px;
    border: 1px solid #fbfbfb;
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px #ccc;
    -moz-box-shadow: 0 1px 2px #ccc;
}

.themes .theme_bg {
    cursor: pointer;
    border: 4px solid #fff;
    margin: 4px;
}

.themes .theme_check {
    opacity: 0;
}

.themes .theme.selected {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.themes .theme.selected .theme_check {
    opacity: 1;
}

#show_custom_colors,
#show_custom_image {
    display: block; 
    width: 270px; 
    padding: 15px 20px; 
    background-color: #000; 
    font-size: 20px; 
    text-align: center;
    text-decoration: none;
    color: #424242;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;
}

    #show_custom_colors { float: left; }
    #show_custom_image { float: right; }
    
    #show_custom_colors.option_selected,
    #show_custom_image.option_selected {
        color: #fff;
    }


.rounded {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.separator {
    border-top: 1px solid #f5f5f5;
    margin: 5px 0;
    height: 0;
}

.portrait-container {
    padding: 10px; 
    background-color: #eee;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}


.main-content {
    width: 600px;
    float: left;
}

.sidebar {
    float: right;
    width: 250px;
}

/* Accounts Page */
#accounts {}

        #accounts #new-account-tagline {
            height: 100px;
            background: #d1ebf5 url(/images/new_account_tagling.png) no-repeat center center;
            margin-bottom: 20px;
        }

        #accounts #already-registered {
            display: block;
            padding: 10px;
            margin-bottom: 20px;
            text-align: center;
            background-color: #ededed;
            border: 1px solid #d8d8d8;
        }

/* Settings Page */
#settings {}

    #settings .main-content,
    #dashboard .main-content,
    #new .main-content,
    #about .main-content {
        width: 660px;
        float: right;
    }
    
    #settings .sidebar,
    #dashboard .sidebar,
    #new .sidebar,
    #about .sidebar {
        width: 200px;
        float: left;
    }

/* Sessions Page */
#sessions {}

    #sessions .features li {
        padding: 0 0 5px 30px;
        margin: 0 0 10px 0;
        background: url(/images/check.png) no-repeat;
    }


/* Dashboard Page */
#dashboard {}

    #dashboard .column_right h2 {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    
    #dashboard .menu,
    #new .menu {
        margin-bottom: 20px;
    }

#reset #page {
    width: 600px;
    margin: 0 auto;
}

#reset #header #navigation {
    display: none;
}