/* YELLOW = #f8de0f */
/* ORANGE = #f77e13 */

/* custom styles for sweetworld */

body {
	color: #DBDBDB;
	background: #000 url("/images/bgs/bg_dark.jpg") no-repeat top left;
	font-size: 14px;
	font-family: verdana, arial, sans-serif;
	letter-spacing: .01em;
	line-height: 1.6em;
}

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

/* container */
.container{
	padding: 0px 50px 0px 100px;
}

/* container */
.page{
	background-image: url("/images/bgs/white.png");
}

.tran-bg{
	
/*	background-color: #111;
	opacity: 0.95;
	-moz-opacity: 0.95;
	filter:alpha(opacity=95);*/
	background-image: url("/images/bgs/black.png");
}

.white-text{
/*	color: #f0f0f0; removed colour, set on body*/
	margin-bottom: 3em;
	
}


.published {
	font-size: 0.7em;
	color: #F73017;
}

.featured {
	font-size: 0.7em;
	color: #767875;
}

.pad-10{ padding: 10px; }
.pad-20{ padding: 20px; }



/* topline */

.topline {
	height: 5px;
	margin: 20px 0px 20px 0px;
}

.divider {
	width: 100%;
	height: 10px;
	margin-bottom: 0em;
	/*background:  url('/images/lines/yellow.gif') no-repeat top left;*/
/*	background-color: #F0CD28 ;*/
}
.orange {
	width: 100%;
	height: 10px;
	/*background:  url('/images/lines/orange.gif') no-repeat top left;*/
/*	background-color: #F06A21 ;*/
}

/* links */

a {
	text-decoration:none;
	color: #f8de0f;
}

a:hover {
	text-decoration:underline;
	color: #FFCD05;
}

/* headings */

h1, h2, h3, h4, h5, h6 {
	color: #DBDBDB;
}

h1 {
	font-size: 18px;
}

h2 {
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: .1em;
	color: #f8de0f;
}
h3 {
	font-weight: bold;
	font-size: 15px;
}



/* forms */
textarea {
	height: 100px;
	width: 350px;
}

label {
	display: block;
	line-height: 2em;
	margin-bottom: 50px;
	width: 300px;
}

/* header and alerts*/

div#header {
	margin: 20px 0 0px;
}
.error, .notice, .success {
	display:inline;
	float:left;
	width:810px;
	margin-bottom: 3em;
	opacity: 0.9;
	-moz-opacity: 0.9;
	filter:alpha(opacity=90);
}


div.alert {
	background:#D8E4C7;
	border: 1px solid  #B4BEA6;
	padding: 20px;
	color:#104000;
}

div.success {
	background:#A8E48F;
	border: 1px solid  #B4BEA6;
	padding: 20px;
	color:#104000;
}

div.error {
	background:#E4C5BB;
	border: 1px solid  #A38C87;
	padding: 20px;
	color:#400016;
}

/* page view */

#page_image img {
	width: 420px;
}
/* menu */

div#menu div {
	text-align: right;
	font-size: 16px;
	font-weight: bold;
	padding-top: 54px;
}

div#menu div.about {
	margin-left: 14px;
}
div#menu div.work {
	width: 63px;
}

div#menu  a {
	color: #f8de0f;
	text-decoration: none;
}

div#menu div.active a,
div#menu  a:hover {
	color: #dbdbdb;
}
/* home flash */

.flash{
	padding: 0px;
	height: 355px;
	color: #fff;
	margin: 0em 0  0.5em 130px;
}
.flash h3{
	color: #fff;
}


/* carousel */

div#carousel {
	float: left;
	padding: 10px 0px 10px 0px;
	height: 140px;
	background-image: url("/images/bgs/black.png");
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
	margin-bottom: 1em;
}

div#c-inner{
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
}

div#c-inner img{
	padding-left: 10px;
}

/* modals */
.modal_video {
	display: none;
	position:absolute;
	margin: 0 auto;
	text-align: center;
	width: 600px;
	height: 200px;
	background: #f00;
}

/* footer */

div#footer {
	font-size: 0.8em;
	padding-top: 0px;
	margin: 0px 0 20px 0;
	color: #fff;
}

div#footer p {
	margin-bottom: 0px;
}

div#footer div.last {
	text-align: right;
}


/* WORK PAGE*/

.work-list{
	padding: 20px;
	background-image: url("/images/bgs/black.png");
/*	color: #fff;*/
	margin-bottom: 20px;
	width: 810px;
	-moz-border-radius-bottomright: 10px;
}

.work-list-thumb{
	padding: 0px;
	margin: 0px;
	width: 260px;
}


.work-list-inner{
	padding: 0px 0 0;
}

.work-list-inner h3 {
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 5px;
	color: #f8de0f;
	font-size: 1em;
}

.work-list-details{
	width: 140px;
	margin-top: 20px;
	font-size: .75em;
}

.work-list-details .meta {
	float:left;
	display:inline;
	width: 140px;
	margin-bottom: 1em;
}

/* hide admin tools for javascript rollover*/
.work-list-details .admin_tools {
	display: none;
}