/**
 * COPYRIGHT NOTICE
 * This software is copyright 2008 STOLEN, INC and licensed for use by 
 * distribution from STOLEN, INC. This source code may not be redistibuted
 * without written consent from the above mentioned entity.
 * 
 * @author Thomas Brodahl <t@stolen.la>
 * @date 2008-06-06
 * @copyright 2008 Stolen, Inc
 * @package surfstation
 */

body {
    margin: 0px;
    padding: 0px;
    font: 12px Helvetica, Arial, Verdana, Sans-Serif;
    line-height: 18px;
    color: #625e51;
    color: #6E6B5F;
    background: url("../images/bg.png") repeat-y center #edeae1;
}

a {	
	color: #A39C87;
	text-decoration: underline;
}

.clear { clear:both; }
.none { display:none; }


.no-items {
    font-size: 18px;
    margin:20px 0px;
    color: #A39C87;
    font:italic 18px/25px Georgia,Sans-Serif;
}

/* LAYOUT CLASSES ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#wrap {
	margin: 0px auto;
    background: #ffffff;
    width:800px;
    padding:25px 40px;
}

#content {
    position: relative;
    float:left;
    width: 510px;
}

#slip {
	float: right;
    width: 250px;
    overflow: hidden;
}

#footer {
    margin-top:50px;
    border-top: 1px solid #F0EEE7;
    padding-top:12px;
    line-height:23px;
}

#footer-logo img { float:left; margin-right:10px;}
#footer-logo span { color: #D6D1BF; }
#footer-menu { float:right; }
#footer-menu a { color:#625E51; }
#footer-menu a:hover { color:#D6D1BF; }


/* FORM STYLES ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.input-error { 
	display:none;
	color:#ED5933;
	font-weight:bold;
	font-size:11px;
	margin-left:21px;
}

button {
	border:none;
	width:75px; height:30px;
	background:#625E51;
	color:white;
	font-size:13px; line-height:30px;
}

.form-el {
	padding:9px 0px;
	border-bottom: 1px solid #D6D1BF;
}

label {
	display:block;
	height:20px;
	overflow:hidden;
	line-height:20px;
	background: url("../images/label-username.png") no-repeat;
}
label span { display:none; }

.stdinput {
	width:378px; height:19px;
	margin:0px;
	padding:9px 10px 0px 10px;
	font:12px/12px Helvetica, Arial, Verdana, Sans-Serif;
	color: #625E51;
	background:#F0EEE7;
	border:1px solid #D6D1BF;
}

.stdtextarea {
	width:378px;
	height:80px;
	margin:0px;
	padding:9px 10px;
	font:12px/16px Helvetica, Arial, Verdana, Sans-Serif;
	color: #625E51;
	background:#F0EEE7;
	border:1px solid #D6D1BF;
}

.stdfile {
	width:180px; height:25px;
	margin:0px;
	padding:9px 10px 0px 10px;
	font:12px/12px Helvetica, Arial, Verdana, Sans-Serif;
	color: #625E51;
	background:#F0EEE7;
	border:1px solid #D6D1BF;
}


/* LEADER CLASSES ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
 
.leader-txt { font-size: 10px; line-height:18px; color: #A39C87; }
.leader-txt img { float:left; padding-top:3px; margin-right: 5px;}

.leader-txt a {
	text-decoration: none;
	color: #625E51;
}

/* PAGETITLE CLASSES ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.pagetitle {
	background: transparent url(../images/pagetitle-editorial.png) no-repeat scroll left bottom;
	border-bottom:1px solid #A39C87;
	height:127px;
	margin-bottom:0px;
	overflow:hidden;
}

.pagetitle span { display:none; }

#editorial .pagetitle { background-image: url(../images/pagetitle-editorial.png); }
#helpwanted .pagetitle { background-image: url(../images/pagetitle-helpwanted.png); }
#pressrelease .pagetitle { background-image: url(../images/pagetitle-pressreleases.png); }
body.admin .pagetitle { background-image: url(../images/pagetitle-admin.png); }
#pressreleases .pagetitle { background-image: url(../images/pagetitle-pressreleases.png); }
#about .pagetitle { background-image: url(../images/pagetitle-aboutus.png); }
#contact .pagetitle { background-image: url(../images/pagetitle-contact.png); }

#editorial-edit .pagetitle { background-image: url(../images/pagetitle-editorial.png); }
#editorial-add .pagetitle { background-image: url(../images/pagetitle-editorial.png); }


/* LOGO CLASSES ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#logo {
	height:145px;
	width:250px;
	overflow:hidden;
	border-bottom:1px solid #A39C87;
	padding-bottom: 0px;
	background:transparent url(../images/logo.png) no-repeat scroll left top;
	display:block;
}
#logo span { display:none; }

#logo a { 
	display: block;
	height:145px;
	width:250px;
}

body.admin #logo {
	background:transparent url(../images/logo-admin.png) no-repeat scroll left top;
}

/* SUBMIT/RESET BUTTONS  ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.btn-submit {
	display: block; overflow:hidden;
	width: 75px; height: 30px;
	background:transparent url(../images/btn-submit.png) no-repeat scroll left top;
    cursor: pointer;
}
.btn-submit:hover { background-position:0px -30px; }

.btn-edit { 
	display: block; overflow:hidden;
	width: 75px; height: 30px;
	background:transparent url(../images/btn-edit.png) no-repeat scroll left top;
    cursor: pointer;
}
.btn-edit:hover { background-position:0px -30px; }

.btn-preview {
	display: block; overflow: hidden;
	width: 75px; height: 30px;
	background:transparent url(../images/btn-preview.png) no-repeat scroll left top;
	cursor: pointer;
}
.btn-preview:hover { background-position:0px -30px; }


.btn-no {
	display:block; overflow:hidden;
	width:30px; height:30px;
	background:transparent url(../images/btn-no.png) no-repeat scroll left top;
    cursor: pointer;
}
.btn-no:hover { background-position:0px -30px; }

.btn-yes {
	display:block; overflow:hidden;
	width:30px; height:30px;
	background:transparent url(../images/btn-yes.png) no-repeat scroll left top;
    cursor: pointer;
}
.btn-yes:hover { background-position:0px -30px; }


/* MENU ITEMS  ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#mainmenu {
	overflow:hidden;
	background:white;
	margin-bottom: 40px;
}

#mainmenu ul { display:block; margin:0px; padding:0px; }

#mainmenu ul li { 
	display:block;
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px;

}

#mainmenu ul li a { 
	display:block;
	margin-bottom: 0px;
	padding:0px;
	width:250px;
	height:39px;
	overflow:hidden;
	background:url(../images/menu-editorial.png) no-repeat top left;
	border-bottom: 1px solid #D6D1BF;
}

#editorial #mainmenu ul li#menu-editorial a,
#helpwanted #mainmenu ul li#menu-helpwanted a,
#pressrelease #mainmenu ul li#menu-submitpress a,
#postjob #mainmenu ul li#menu-postjob a,
#pressreleases #mainmenu ul li#menu-pressreleases a,
#logout #mainmenu ul li#menu-logout a,
#editorial-add #mainmenu ul li#menu-posteditorial a
{ background-position:0px -78px; }

#mainmenu ul li#menu-editorial a:hover, 
#mainmenu ul li#menu-helpwanted a:hover, 
#mainmenu ul li#menu-archived a:hover, 
#mainmenu ul li#menu-submitpress a:hover, 
#mainmenu ul li#menu-postjob a:hover, 
#mainmenu ul li#menu-pressreleases a:hover,
#mainmenu ul li#menu-logout a:hover,
#mainmenu ul li#menu-posteditorial a:hover
{ background-position:0px -39px; }

#mainmenu ul li a span { display:none; }
#mainmenu ul li#menu-editorial a { background-image:url(../images/menu-editorial.png); }
#mainmenu ul li#menu-helpwanted a { background-image:url(../images/menu-helpwanted.png); }
#mainmenu ul li#menu-archived a { background-image:url(../images/menu-archived.png); }
#mainmenu ul li#menu-submitpress a { background-image:url(../images/menu-submitapress.png); }
#mainmenu ul li#menu-postjob a { background-image:url(../images/menu-postajob.png); }
#mainmenu ul li#menu-pressreleases a { background-image:url(../images/menu-pressreleases.png); }
#mainmenu ul li#menu-logout a { background-image:url(../images/menu-logout.png); }
#mainmenu ul li#menu-posteditorial a { background-image:url(../images/menu-posteditorial.png); }


/* MODULES :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.module { 
    border-top:1px solid #A39C87;
    margin-bottom:40px;
}
.module-title { background:transparent url(../images/sliptitle-wisdom.png) no-repeat scroll left top; }


/* BOOKMARKLET :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#bookmarklet {
    border-top:1px solid #A39C87;
    margin-top:20px;
}

.bookmarklettitle {
	background:transparent url(../images/sliptitle-bookmarklet.png) no-repeat scroll left top;
	width: 250px; height: 34px;
	margin-bottom: -15px;
}
.bookmarklettitle span { display:none; }

/* WORDS OF WISDOM  ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#wordsofwisdom {
	border-top: 1px solid #A39C87;
	display:none;
}

.wisdomtitle {
	background:transparent url(../images/sliptitle-wisdom.png) no-repeat scroll left top;
	width: 250px;
	height: 34px;
	margin-bottom: -15px;
}

.wisdomtitle span { display:none; }

/* ADVERTISING  ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#advertising {
	border-top: 1px solid #A39C87;
	margin-top: 20px;
}

.advertisingtitle {
	background:transparent url(../images/sliptitle-advertising.png) no-repeat scroll left top;
	width: 250px;
	height: 34px;
	margin-bottom: 0px;
}

.advertisingtitle a { 
	display: block;
	height:34px;
	width:250px;
}

.advertisingtitle span { display:none; }

/* SHOPPING  ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#shopping {
	border-top: 1px solid #A39C87;
	margin-top: 40px;
}

.shoppingtitle {
	background:transparent url(../images/sliptitle-shopping.png) no-repeat scroll left top;
	width: 250px;
	height: 34px;
	margin-bottom: 0px;
}

.shoppingtitle a { 
	display: block;
	height:34px;
	width:250px;
}

.shoppingtitle span { display:none; }

/* HOSTING  ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#hosting {
	border-top: 1px solid #A39C87;
	margin-top: 40px;
}

#hosting .module-title {
	background:transparent url(../images/sliptitle-hosting.png) no-repeat scroll left top;
    width: 250px; height: 34px;
	margin-bottom: 0px;
}
.module-title span { display:none; }


/* HOSTING  ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#community {
	border-top: 1px solid #A39C87;
	margin-top: 40px;
}

#community .module-title {
	background:transparent url("../images/sliptitle-community.png") no-repeat scroll left top;
    width: 250px; height: 34px;
	margin-bottom: 0px;
}



/* QUOTATIONS  ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.quote-light {
	font-family:Georgia,Sans-Serif;
	color:#A39C87;
	margin:15px 0px 5px 0px;
	background: #F0EEE7 none repeat scroll 0%;
	width:450px;
}

.quote-light .quote-speaker { background:white url("../images/speechbubble-light.png") no-repeat scroll right top; }

.quote-light-small {
	font-family:Georgia,Sans-Serif;
	color:#A39C87;
	margin:15px 0px 5px 0px;
	background:#F0EEE7 none repeat scroll 0%;
	width: 250px;
}
.quote-light-small .quote-speaker { background: white url("../images/speechbubble-light-short.png") no-repeat scroll right top; }

.quote-dark {
	font-family:Georgia,Sans-Serif;
	color:#625E51;
	margin:15px 0px 5px 0px;
	background:#D6D1BF none repeat scroll 0%;
	width: 510px;
}


.quote-dark .quote-speaker { background:white url("../images/speechbubble-dark.png") no-repeat scroll right top; }
.quote-dark-small {
	font-family:Georgia,Sans-Serif;
	color:#625E51;
	margin:15px 0px 5px 0px;
	background:#D6D1BF none repeat scroll 0%;
	width: 250px;
}
.quote-dark-small .quote-speaker { background: transparent url("../images/speechbubble-dark-short.png") no-repeat scroll right top; }

.quote-txt {
	font-size:14px;
	font-style: italic;
	line-height:21px;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
}
.quote-txt p {
    margin:0px;
    padding:0px;
}

.quote-author {
	font-size:10px;
	font-style:normal;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	line-height:14px;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 15px;
}
.quote-author p { margin-top:0px; }
.quote-author a { text-decoration: none; }


.quote-speaker {
	background:white url(../images/speechbubble-light.png) no-repeat scroll left top;
	height:20px;
	overflow:hidden;
}



/* POST CLASSES ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.post {
	width: 510px;
	margin-bottom:5px;
	padding-bottom:10px;
	padding-top:20px;
	border-bottom:1px solid #D6D1BF;
}

.post .title { font-size: 15px; font-weight: bold; margin: 15px 0px;}
.post .title a { text-decoration: none; color:#625E51; }
.post .title a:hover { text-decoration: underline; }

.comments { width:510px; margin:20px 0px; }

.topic {
	display:block;
	width:100px; height:30px;
	overflow:hidden;
	background: url("../images/topic-architecture.png") no-repeat;
    background-position: 0px -30px;
}
.topic span { display:none; }

a.topic:hover {
    background-position: 0px -60px;
}


// topic definitions
.topic-architecture .topic { background-image: url("../images/topic-architecture.png"); width:94px;}
.topic-architecture a:hover { color: #7168B4; }

.topic-fashion .topic { background-image: url("../images/topic-fashion.png"); width:66px; }
.topic-fashion a:hover { color: #F0A6C0; }

.topic-film-motion .topic { background-image: url("../images/topic-film-motion.png"); width:92px; }
.topic-film-motion a:hover { color: #6AB3D8; }

.topic-fine-art .topic { background-image: url("../images/topic-fine-art.png"); width:66px; }
.topic-fine-art a:hover { color: #6D88B9; }

.topic-graphic-design .topic { background-image: url("../images/topic-graphic-design.png"); width:112px; }
.topic-graphic-design a:hover { color: #94E0DB; }

.topic-illustration .topic { background-image: url("../images/topic-illustration.png"); width:83px; }
.topic-illustration a:hover { color: #60967D; }

.topic-installation .topic { background-image: url("../images/topic-installation.png"); width:85px; }
.topic-installation a:hover { color: #78AF69; }

.topic-music-sound .topic { background-image: url("../images/topic-music-sound.png"); width:96px; }
.topic-music-sound a:hover { color: #CB418A; }

.topic-performance .topic { background-image: url("../images/topic-performance.png"); width:96px; }
.topic-performance a:hover { color: #E3CC7A; }

.topic-photography .topic { background-image: url("../images/topic-photography.png"); width:96px; }
.topic-photography a:hover { color: #FFBD6B; }

.topic-product-design .topic { background-image: url("../images/topic-product-design.png"); width:109px; }
.topic-product-design a:hover { color: #FE7357; }

.topic-technology .topic { background-image: url("../images/topic-technology.png"); width:90px; }
.topic-technology a:hover { color: #B0A4E4; }

.topic-typography .topic { background-image: url("../images/topic-typography.png"); width:92px; }
.topic-typography a:hover { color: #A571A7; }

.topic-web-design .topic { background-image: url("../images/topic-web-design.png"); width:92px; }
.topic-web-design a:hover { color: #B2D076; }

.topic-miscellaneous .topic { background-image: url("../images/topic-miscellaneous.png"); width:105px; }
.topic-miscellaneous a:hover { color: #817E73; }

.post .author {
    float: left;
	border: 1px solid #D6D1BF;
	width: 200px; height: 20px;
    overflow:hidden;
	padding: 4px;
	font-size: 10px;
	line-height: 22px;
	color: #A39C87;
}
* html .post .author { line-height:18px; }

.post .author img {
	margin-right: 5px;
	display: inline;
	float: left;
}

.post a.permalink {
    display:block;
	background:transparent url("../images/btn-permalink.png") no-repeat scroll left top;
	width: 18px; height: 30px;
    overflow:hidden;
}
.post a.permalink:hover { background-position: 0px -30px; }
.post a.permalink span { display:none; }

.post .header { padding: 0px; }
.post .header .topic { float:left; }
.post .header .author { float: left; margin-left:2px; }
.post .header .permalink { float:left; margin-left: 2px; }

.post .image {
	margin-top: 15px;
	margin-bottom: 10px;
	overflow: hidden;
	width: 510px;
}

.post .video {
	margin: 15px 0px 10px 0px;
	width: 510px;
	overflow: hidden;
}
.post .video object { margin-bottom:10px; }

.post .body { width: 450px;	}

.post blockquote {
    margin-left: 0px;
    margin-right:0px;
    font-style: italic;
	padding-left: 24px;
    border-left: 1px solid #D6D1BF;
}

/* TYPE_PRESS SPECIFIC DEFINITIONS :::::::::::::::::::::::::::::::::::::::::: */

.type-press { padding-bottom:25px; }
.type-press .topic { float:left; }
.type-press .type {
    float:left;
    width: 114px; height: 30px;
    margin-left: 2px;
    overflow:hidden;
    background:transparent url(../images/topic-press-release.png) no-repeat scroll left top;
}
.type-press .type span { display: none; }

#press-message { margin-bottom: 20px; }

.press-pane {
	background:transparent url("../images/pressbox-bg.png") repeat-y scroll left top;
    width:510px;
}
.press-pane .press-top { background:transparent url("../images/pressbox-top.png") no-repeat scroll left top; height: 10px; overflow: hidden; }
.press-pane .press-middle { padding:0px 8px 0px 1px; }
.press-pane .press-bottom { background:transparent url("../images/pressbox-bottom.png") no-repeat scroll left bottom; height: 68px; overflow:hidden; }
.press-pane .press-header {
	background: transparent url(../images/title-submission.png) no-repeat scroll 21px bottom;
	height:60px;
	margin-bottom:0px;
	overflow:hidden;
	border-bottom:1px solid #D6D1BF;
}

.press-content h2, .pressrelease h2 {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: -5px;	
}

.press-pane .form-el { padding:15px 20px 20px 20px; }
.press-pane .input-error { margin:10px 0px 0px 0px; }

.press-pane label { 
    height:15px; overflow: hidden;
    background: url("../images/formtxt-choosetopic.png") no-repeat;
    margin-bottom:10px;
}
.press-pane #topic-label { background-image:url("../images/formtxt-choosetopic.png"); }
.press-pane #title-label { background-image:url("../images/formtxt-addsubject.png"); }
.press-pane #url-label { background-image:url("../images/formtxt-addurl.png"); }
.press-pane #image-label { background-image:url("../images/formtxt-uploadimage.png"); }
.press-pane #body-label { background-image:url("../images/formtxt-addpressreleasebody.png"); }
.press-pane #submitted_name-label { background-image:url("../images/formtxt-yourname.png"); }
.press-pane #submitted_url-label { background-image:url("../images/formtxt-yoururl.png"); }

#submit-preview-el { border:none; }
#submit-preview-el button { float:left; margin-right:5px; }

#press-preview .press-header { background-image: url("../images/title-preview.png"); }

.press-tabs {
    height:30px; overflow:hidden;
    margin-top:20px;
    border-bottom:1px solid #D6D1BF;
}

.press-topic {
	background:transparent url(../images/topic-art.png) no-repeat scroll left top;
	width: 75px;
	height: 30px;
	float:left;
}

.press-content {
    margin:20px 20px 0px 20px;
}

.press-content h2 a { text-decoration: none; color:#625E51; }
.press-content h2 a:hover { text-decoration: underline; }

.press-credit {
	font-size: 11px;
	margin-top: 7px;
}

#press-preview .press-bottom {
    border-top:1px solid #D6D1BF;
}

#press-preview .press-content { padding-bottom:20px; }
#press-preview .title { margin-bottom:5px; }


.press-editor { border-bottom:1px solid #D6D1BF; }
.press-editor-content { margin:12px 20px 20px 20px; }
.press-editor .press-author {
	border: 1px solid #D6D1BF;
	height: 20px;
	padding: 4px;
	width: 200px;
	font-size: 10px;
	line-height: 20px;
	color: #A39C87;
}
.press-editor .press-author img { float:left; margin-right:10px;}

.press-editor a.permalink { float:right; }

.press-editor_note {
    font: italic 14px/19px Georgia;
    color: #A39C87;
}

.press-submitted_by {
    font-size:11px;
    color: #A39C87;
    margin:5px 0px;
}

#press-preview .post {
    border:none;
    margin:0px;
}


/* ABOUT PAGE ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#about-header p {
    font-size:15px;
    font-weight: bold;
    line-height: 18px;    
}

#about-info p {
    font-size:12px;
    line-height: 18px;    
}


/* EDITORIAL LIST ADMIN ::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.edit-delete { float:left; line-height:30px; font-size:10px; margin-left:15px; }
.edit-delete a { color: #ED5933; }



/* ADMIN PRESS :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.press-editor-form {
    position:relative;
}

.press-editor-content .stdtextarea {
    width:358px; height: 57px;
    font: italic 14px/19px Georgia;
}

#editor_note-label {
    background-image: url("../images/formtxt-addanote.png");
}

.btn-no {
    position:absolute;
    top:25px; right:0px;
}

.btn-yes {
    position:absolute;
    top:25px; right:35px;
}



/* PRESS-RELEASE SUBMISSIONS  ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/*
form #topics a { 
	display:block;
    float:left;
	padding:0px;
    margin:0px 10px 0px 0px;
	width:75px;
	height:30px;
	overflow:hidden;
	background:url(../images/topic-art.png) no-repeat top left;
	border-bottom: 1px solid #D6D1BF;
}
form #topics a:hover,
form #topics a.selected { background-position:0px -30px; }

form #topics a#topic-art { background-image:url(../images/topic-art.png); }
form #topics a#topic-design { background-image:url(../images/topic-design.png); }
form #topics a#topic-fashion { background-image:url(../images/topic-fashion.png); }
form #topics a#topic-film { background-image:url(../images/topic-film.png); }
form #topics a#topic-tech { background-image:url(../images/topic-tech.png); }


*/

#topics { width:464px; overflow: hidden; }
#topics-wrap { width:466px; overflow:hidden; }

#topics a {
	display:block;
	float:left;
	margin:0px 2px 2px 0px;
	width:100px; height:30px;
	overflow:hidden;
	background: url("../images/topic-bkmrklt-architecture.png") no-repeat;
}
#topics a:hover { background-position: 0px -30px; }
#topics a.selected { background-position: 0px -60px; }

#topics #topic-architecture { background-image: url("../images/topic-bkmrklt-architecture-b.png"); width:90px;}
#topics #topic-fashion { background-image: url("../images/topic-bkmrklt-fashion.png"); width:76px; }
#topics #topic-film-motion { background-image: url("../images/topic-bkmrklt-film-motion.png"); width:102px; }
#topics #topic-fine-art { background-image: url("../images/topic-bkmrklt-fine-art.png"); width:75px; }
#topics #topic-graphic-design { background-image: url("../images/topic-bkmrklt-graphic-design-b.png"); width:113px; }
#topics #topic-illustration { background-image: url("../images/topic-bkmrklt-illustration-b.png"); width:76px; }
#topics #topic-installation { background-image: url("../images/topic-bkmrklt-installation.png"); width:93px; }
#topics #topic-music-sound { background-image: url("../images/topic-bkmrklt-music-sound.png"); width:101px; }
#topics #topic-performance { background-image: url("../images/topic-bkmrklt-performance.png"); width:98px; }
#topics #topic-photography { background-image: url("../images/topic-bkmrklt-photography-b.png"); width:88px; }
#topics #topic-product-design { background-image: url("../images/topic-bkmrklt-product-design-b.png"); width:99px; }
#topics #topic-technology { background-image: url("../images/topic-bkmrklt-technology.png"); width:87px; }
#topics #topic-typography { background-image: url("../images/topic-bkmrklt-typography.png"); width:88px; }
#topics #topic-web-design { background-image: url("../images/topic-bkmrklt-web-design.png"); width:91px; }
#topics #topic-miscellaneous { background-image: url("../images/topic-bkmrklt-miscellaneous-b.png"); width:91px; }



/* HINTS/TIPS  ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.tips { font-size: 11px; }
.tips a { color: #ED5933; }
.tips a:hover { text-decoration: none; }
.tips b { color: #ED5933; }


/* PAGINATION  ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.paging {
    margin:0px 0px;
    position:relative;
    width:510px;
}

a.paging-prev {
    background:transparent url(../images/btn-prevpage.png) no-repeat scroll left top;
    display:block;
    float:left;
    height:39px;
    width:100px;
}
a.paging-prev:hover { background-position:0px -39px; }

a.paging-next {
    background:transparent url(../images/btn-nextpage.png) no-repeat scroll left top;
    display:block;
    float:right;
    height:39px;
    width:72px;
}

a.paging-next:hover { background-position:0px -39px; }



/* TEMPORARY ITEMS  ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.date { margin-top: 20px; margin-bottom: -10px}




/* LOGIN SPECIFIC :::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

body#login { background: url("../images/bookmrklt-hdr.png") 30px 20px no-repeat white; }
body#login #wrap {
	position:relative;
	width:810px;
	height:auto;
	padding:0px;
	margin:20px 0 0 30px;
}

body#login #left {
	margin:7px 0px 0px 0px;
	width:510px;
	float:left;
	overflow:hidden;
}

body#login #right {
	width:250px; height:480px;
	overflow:hidden;
	float:right;
}

body#login .stdinput {
	width:207px;
	margin:7px 0px 7px 21px;
}

body#login #username-el { border-top: 1px solid #B5B2A7; }
body#login label#username-label { background-image:url("../images/label-username.png"); }
body#login label#password-label { background-image:url("../images/label-password.png"); }

body#login #login-el { text-align:right; border:none; }

body#login #content {
	padding:20px 0px;
}