/*
/	World Famous Burns Support
/	Frame Digital
/
/		- General styles
/		- Form Styles
/		- Homepage
/		- News
/		- Forms
/
*/

/*-------------------------------
/	- General styles
/------------------------------*/
a
{
    color: #c98647;
    text-decoration: underline;
}
a:hover
{
    color: #c98647;
    text-decoration: none;
}

a img
{
    border: 0;
}

a
{
    outline: none;
}

h1
{
    color: #737373;
    font-family: Georgia,Garamond,serif;
    font-size: 20px;
    font-weight: bolder;
}

h1.underline-short
{
    background-image: url(../images/framework/bk_h1-short.jpg);
    background-position: -3px 25px;
    background-repeat: no-repeat;
    clear: both;
    color: #737373;
    font-family: Georgia,Garamond,serif;
    font-size: 20px;
    font-weight: bolder;
    margin: 0;
    padding: 0 0 15px 0;
}

h1.underline-long
{
    background-image: url(../images/framework/bk_h1-long.jpg);
    background-position: -3px 25px;
    background-repeat: no-repeat;
    clear: both;
    color: #737373;
    font-family: Georgia,Garamond,serif;
    font-size: 20px;
    font-weight: bolder;
    margin: 0;
    padding: 0 0 15px 0;
}

h2
{
    color: #737373;
    font-family: Georgia,Garamond,serif;
    font-size: 18px;
    font-weight: bolder;
}


.split
{
    clear: both;
    font-size: 1px;
    line-height: 1px;
    height: 1px;
}


.divide
{
    background-image: url(../images/framework/bk_divide.gif);
    height: 1px;
    background-repeat: repeat-x;
    margin: 0 0 10px 0;
}

.small
{
    font-size: 10px;
}


#content li
{
    padding: 5px 0;
}

.quote
{
    color: #c98647;
    font-family: Georgia, Garamond, serif;
    font-style: italic;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
}


strong
{
    color: #5b5b5b;
}
/*------------------
/		- Homepage
/------------------*/

#left-home
{
    float: left;
    width: 308px;
    margin: 0 0 0 15px;
    _margin: 0 0 0 10px;
    display: inline;
}

#right-home
{
    float: right;
    width: 610px;
    margin: 0 10px 0 0;
}




/*------------------
/		- News (home)
/------------------*/
#news-home
{
    width: 556px;
    margin: 15px 0 0 20px;
}

#news-home .news-top
{
    background-image: url(../images/elements/news-list-home-top.gif);
    background-repeat: no-repeat;
    width: 556px;
    height: 8px;
    font-size: 1px;
}
#news-home .news-mid, #news .news-mid
{
    background-color: #e2e2e2;
    padding: 10px 15px;
}

#news-home .news-mid h2, #news .news-mid h2
{
    color: #c98647;
    font-family: Georgia,Garamond,serif;
    font-size: 18px;
    font-weight: normal;
    border-bottom: 1px solid #fff;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

#news-home .news-mid .dateupdated, #news .news-mid .dateupdated
{
    float: right;
    color: #737373;
    font-family: Georgia,Garamond,serif;
    font-size: 12px;
    font-weight: bolder;
}

#news-home .news-mid .image, #news .news-mid .image
{
    float: left;
    width: 180px;
}

#news-home .news-mid .summary
{
    float: right;
    width: 330px;
}


#news-home .news-bot
{
    background-image: url(../images/elements/news-list-home-bot.gif);
    background-repeat: no-repeat;
    width: 556px;
    height: 8px;
    font-size: 1px;
}

/*------------------
/		- News (main)
/------------------*/
#news
{
    width: 690px;
    margin: 15px 0 0 0;
}

#news .news-top
{
    background-image: url(../images/elements/panel-wide-top.gif);
    background-repeat: no-repeat;
    width: 690px;
    height: 8px;
    font-size: 1px;
}
#news .news-mid .summary
{
    float: right;
    width: 460px;
}

#news .news-mid .summary p
{
    margin: 0 0 15px 0;
}


#news .news-bot
{
    background-image: url(../images/elements/panel-wide-bot.gif);
    background-repeat: no-repeat;
    width: 690px;
    height: 8px;
    font-size: 1px;
}


/*------------------
/		- Forms
/------------------*/

.form
{
   /* width: 467px;*/
}

.form .top
{
    background-image: url(../images/elements/panel-top.gif);
    background-repeat: no-repeat;
    width: 467px;
    height: 8px;
    font-size: 1px;
}

.form .bot
{
    background-image: url(../images/elements/panel-bot.gif);
    background-repeat: no-repeat;
    width: 467px;
    height: 8px;
    font-size: 1px;
}

.form .mid
{
    background-color: #e2e2e2;
    padding: 10px 15px;
}

.form .mid table td
{
    padding: 2px 0;
}


.required
{
    color: #ff8c00;
    font-weight: normal;
}
.required ul
{
    margin-bottom: 0;
}
.form .required
{
    color: #c98647;
    font-weight: normal;
}

.form .required-msg
{
    position: relative;
    top: 20px;
    left: 310px;
    font-size: 11px; /*margin:2px 10px 0 0;*/
    color: #c98647;
    width: 140px;
}

.form .field
{
    font-size: 11px;
    font-family: Verdana,Geneva,sans-serif;
    border-top: 1px solid #7f9db9;
    border-right: 1px solid #7f9db9;
    border-bottom: 1px solid #7f9db9;
    border-left: 1px solid #7f9db9;
    color: #444444;
    padding: 2px;
    background-color: #FFF;
}

.form .dropdown
{
    font-size: 11px;
    font-family: Verdana,Geneva,sans-serif;
    color: #444444;
    padding-left: 2px;
    background-color: #FFF;
}

.form .button
{
    font-size: 11px;
    font-family: Verdana,Geneva,sans-serif;
    color: #FFF;
    font-weight:bold;
    padding: 2px;
    background-color: #C98647;
    float:right;
}



.step-container
{
    font-size: 1px;
    text-align: left;
    height: 1px;
    line-height: 1px;
    _overflow: hidden;
}
.step-container img
{
    position: relative;
    left: -100px;
    width: 76px;
    height: 82px;
    margin: 0;
    padding: 0;
}
/*------------------
/		- Panel
/------------------*/

.panel
{
    width: 467px;
}

.panel .top
{
    background-image: url(../images/elements/panel-top.gif);
    background-repeat: no-repeat;
    width: 467px;
    height: 8px;
    font-size: 1px;
}

.panel .bot
{
    background-image: url(../images/elements/panel-bot.gif);
    background-repeat: no-repeat;
    width: 467px;
    height: 8px;
    font-size: 1px;
}

.panel .mid
{
    background-color: #e2e2e2;
    padding: 10px 15px;
}

.panel .mid .image
{
    float: left;
    width: 160px;
    border: 1px solid #989898;
    text-align: center;
    padding: 10px;
    background-color: #fff;
}

.panel .mid .words
{
    float: right;
    width: 240px;
}

.panel .mid .words p
{
    margin: 0 0 10px 0;
    font-size: 11px;
}

.panel .mid
{
    background-color: #e2e2e2;
    padding: 10px 15px;
}


.panel-wide
{
    width: 690px;
}

.panel-wide .top
{
    background-image: url(../images/elements/panel-wide-top.gif);
    background-repeat: no-repeat;
    width: 690px;
    height: 8px;
    font-size: 1px;
    line-height: 1px;
}

.panel-wide .bot
{
    background-image: url(../images/elements/panel-wide-bot.gif);
    background-repeat: no-repeat;
    width: 690px;
    height: 8px;
    font-size: 1px;
}

.panel-wide .mid
{
    background-color: #e2e2e2;
    padding: 10px 15px;
}


.panel-become-host
{
    background-image: url(../images/elements/bk_panel_win.jpg);
    background-repeat: no-repeat;
    width: 218px;
    height: 188px;
    margin: 0;
}

.panel-become-host .mid
{
    padding: 15px;
}

.panel-become-host .mid h3
{
    color: #fff;
    font-family: Georgia,Garamond,serif;
    font-size: 15px;
    font-weight: bold;
    clear: left;
    margin: 0;
    padding: 0;
}
.panel-become-host .mid p
{
    border-top: 1px solid #fff;
    font: normal 12px "Lucida Sans" , tahoma, sans-serif;
    color: #fff;
    line-height: 16px;
    margin: 5px 0 0 0;
    padding: 10px 0 10px;
}

.panel-become-host .mid p a
{
    color: #fff;
}

.panel-become-host .mid .button-register
{
    text-align: right;
}


/*----------------------------------
/	- Panel Outline - Recipe & Cocktail text
/---------------------------------*/

h1 .serve-text
{
    font-size: 11px;
}
.panel-outline
{
    width: 468px;
}

.panel-outline .top
{
    background-image: url(../images/elements/panel-outline-top.gif);
    background-repeat: no-repeat;
    width: 468px;
    height: 8px;
    font-size: 1px;
}

.panel-outline .bot
{
    background-image: url(../images/elements/panel-outline-bot.gif);
    background-repeat: no-repeat;
    width: 468px;
    height: 8px;
    font-size: 1px;
}

.panel-outline .mid
{
    background-image: url(../images/elements/panel-outline-mid.gif);
    background-repeat: repeat-y;
    background-color: #FFFFFF;
}

.panel-outline .mid ul
{
    margin-bottom: 5px;
}

.panel-outline .content
{
    padding: 15px 15px 10px 15px;
}

.panel-recipe-white
{
    width: 468px;
}

.panel-recipe-white .content
{
    padding: 15px;
}



/*----------------------------------
/	END Panel White - with outline
/---------------------------------*/

/*------------------
/		- works
/------------------*/

.works
{
    margin: 0 0 20px 0;
}
.works p
{
    margin: 0px;
}
.works .quill-position
{
    font-size: 1px;
    height: 1px;
    line-height: 1px;
    text-align: left;
    float: right;
}
.works .quill-position .quill
{
    display: inline;
    height: 80px;
    width: 66px;
    position: relative;
    top: -87px;
    left: 0px;
}

.panel-wide .works-right
{
    float: right;
    width: 300px;
}

.panel-wide .works-right h3
{
    color: #989898;
    font-family: Georgia,Garamond,serif;
    font-size: 18px;
    font-weight: bold;
    margin: 18px 0 21px 0;
    padding: 0;
}

.panel-wide .works-left
{
    float: left;
    width: 335px;
}

.panel-wide .works-left .top
{
    background-image: url(../images/elements/panel-white-top.gif);
    background-repeat: no-repeat;
    width: 335px;
    height: 6px;
    font-size: 1px;
}

.panel-wide .works-left .bot
{
    background-image: url(../images/elements/panel-white-bot.gif);
    background-repeat: no-repeat;
    width: 335px;
    height: 6px;
    font-size: 1px;
}

.panel-wide .works-left .mid
{
    background-color: #fff;
    padding: 5px;
}

.panel-wide .works-left .mid p, .panel-wide .works-right p
{
    margin: 10px 0;
}




.login
{
    background-image: url(/images/login/background.gif);
    background-repeat: no-repeat;
    width: 190px;
    height: 188px;
    padding: 15px;
}

.login .label, .login h3, .login a
{
    font-family: Lucida Sans;
    font-size: 11px;
    padding: 0px;
    margin: 0px;
    margin-bottom: 12px;
    margin-top: 5px;
}

.login .label, .login .input
{
    float: left;
}
.login .input input
{
    width: 118px;
    margin-bottom: 12px;
    border: solid 1px #7f9db9;
}
.login .label
{
    font-weight: normal;
    width: 65px;
}




.login-holder .login
{
    background-image: url(/images/login/background-wide.gif);
    background-repeat: no-repeat;
    width: 438px;
}

.login-holder .login h3 .login-header
{
    display: block !important;
}

.login .login-box
{
    display: block;
}
.login-holder .login-box
{
    display: none !important;
}

.login-header
{
    display: none;
}
.login-holder .login-header
{
    display: block !important;
}

.login-holder .login .input input
{
    width: 325px;
    margin-bottom: 12px;
    border: solid 1px #7f9db9;
}
.login-holder .label
{
    font-weight: normal;
    width: 106px;
}
.login-holder .forgot
{
    position: relative;
    top: -10px;
}

.clear
{
    width: 100%;
    height: 1px;
    clear: both;
}

a.button-login
{
    display: block;
    width: 93px;
    background-image: url(/images/buttons/but_login.gif);
    height: 28px;
    float: right;
    margin-top: 5px;
    margin-bottom: 12px;
    background-repeat: no-repeat;
}


a.button-login span
{
    display: none;
}


.forgotten
{
    width: 468px;
    margin-bottom: 60px;
}


.forgotten h1
{
    background-image: url(/images/framework/bk_h1-medium.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    padding-bottom: 18px;
}


.forgotten-box
{
    background-image: url(/images/login/background-wide.gif);
    background-repeat: no-repeat;
    width: 438px;
    height: 110px;
    padding: 15px;
    padding-top: 22px;
}

.forgotten-box .label, .forgotten-box h3, .forgotten-box a
{
    font-family: Lucida Sans;
    font-size: 11px;
    padding: 0px;
    margin: 0px;
    margin-bottom: 12px;
    margin-top: 5px;
}

.forgotten-box .label, .forgotten-box .input
{
    float: left;
}
.forgotten-box .input input
{
    width: 325px;
    margin-bottom: 12px;
    border: solid 1px #7f9db9;
}
.forgotten-box .label
{
    font-weight: normal;
    width: 106px;
}

a.button-submit, a.button-login
{
    display: block;
    width: 93px;
    background-image: url(/images/buttons/but_login.gif);
    height: 28px;
    float: right;
    margin-top: 5px;
    margin-bottom: 12px;
    background-repeat: no-repeat;
}

a.button-submit
{
    background-image: url(/images/buttons/but_submit.gif);
}

a.button-submit span, a.button-login span
{
    display: none;
}

/**************************************
ACCOUNT CSS
**************************************/
#content #account
{
}
h1.very-wide, #content #account .account-left-wide h1, #content #account .account-header h1
{
    background-image: url(/images/framework/bk_h1-very-long.jpg);
    background-position: bottom left;
    background-repeat: no-repeat;
    padding: 0px;
    margin: 0px;
    font-size: 20px;
    padding-bottom: 15px;
    font-weight: normal;
}


div#details
{
    margin-bottom: 40px;
}

h2.medium, div#details h2, div#location h2, div.event-flickr h2, div.event-youtube h2
{
    background-image: url(/images/framework/bk_h1-medium.jpg);
    background-position: left bottom;
    background-repeat: no-repeat;
    font-size: 20px;
    padding-bottom: 15px;
    font-weight: normal;
    padding-top: 0px;
    margin-top: 0px;
}
#content #account .account-left h2.section
{
    background: none;
    font-weight: bold;
    font-style: italic;
    color: #c98647;
    font-family: Georgia;
    width: auto;
    float: left;
    padding: 0px;
    margin: 0px;
    margin-bottom: 20px;
    font-size: 18px;
}

#content #account .account-right .invite-friends
{
    width: 367px;
    padding: 16px;
    padding-bottom: 0px;
    background-color: #e2e2e2;
    background-image: url(/images/elements/panel-400-bottom.gif);
    background-position: bottom left;
    background-repeat: no-repeat;
}

#content #account .account-right .invite-friends p
{
    padding: 0px;
    margin: 0px;
    margin-bottom: 30px;
    padding-bottom: 15px;
}
.underline-grey
{
    background-image: url(/images/elements/underline-grey.gif);
    background-repeat: repeat-x;
    background-position: bottom left;
}

#content #account .account-right .label, #content #account .account-right .input
{
    float: left;
}
#content #account .account-right .input input
{
    width: 255px;
    margin-bottom: 12px;
    border: solid 1px #7f9db9;
}
#content #account .account-right .label
{
    font-weight: normal;
    width: 106px;
}


.panel-did-you-know
{
    margin: 20px 0 0 0px;
}
.stats, .did-you-know
{
    background-image: url(/images/elements/panel-brown-mid.gif);
    background-position: top left;
    padding: 19px;
    padding-top: 0px;
    width: 152px;
    background-repeat: repeat-y;
}



.stats h2
{
    font-size: 16px;
    padding: 0px;
    margin: 0px;
    position: relative;
    top: -10px;
    color: #fff;
    width: 150px;
    padding-bottom: 5px;
    border-bottom: solid 1px #fff;
}


.did-you-know h2
{
    font-size: 16px;
    padding: 0px;
    margin: 0px;
    position: relative;
    top: -10px;
    color: #fff;
    width: 150px;
    padding-bottom: 10px;
    border-bottom: solid 1px #fff;
}

.stats h2.dashed
{
    border: none;
    background-image: url(/images/elements/underline.gif);
    background-repeat: repeat-x;
    background-position: bottom left;
    top: 0px;
    font-style: italic;
    font-size: 24px;
    padding-bottom: 20px;
}

.stats p, .did-you-know p
{
    color: #fff;
    padding: 0px;
    margin: 0px;
}

.download
{
    background-image: url(/images/elements/panel-download.gif);
    background-repeat: no-repeat;
    width: 451px;
    height: 71px;
    padding-top: 55px;
    padding-left: 15px;
    font-weight: bolder;
    font-size: 12px;
    font-family: Lucida Sans;
}

.stats ul
{
    margin: 0px;
    padding: 0px;
    list-style: none;
    width: 160px;
    color: #fff;
}

.stats li
{
    float: left;
}

.stats li.right
{
    width: 40px;
}
.stats li.left
{
    width: 120px;
}

ul.event-location
{
    list-style: none;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}

.popup
{
    margin: 10px;
    margin-top: 0px;
    min-height: 70px;
    height: auto !important;
    height: 70px;
}

.popup h3
{
	margin: 0px;
	padding: 0px;
	width: 450px;
}

.popup ul
{
    float: left;  
    min-height: 35px;
    height: auto !important;
    height: 35px;
    width: 325px;
}

#right-one ul.event-location li.left
{
    width: 130px;
    float: left;
    font-weight: bold;
}
#right-one ul.event-location li.right
{
    width: 250px;
    float: left;
}

#right ul.event-location li.left
{
    width: 130px;
    float: left;
    font-weight: bold;
}
#right ul.event-location li.right
{
    width: 200px;
    float: left;
}

.event ul.event-location li.left
{
    width: 250px;
    float: left;
    font-weight: bold;
}
.event ul.event-location li.right
{
    width: 250px;
    float: left;
    margin-bottom: 5px;
}

.popup ul li
{
    margin: 0px !important;
    padding: 0px !important;
}



/**************************************
Gallery items
**************************************/

/* item items */
ul#gallerylist{
	 margin: 15px 0 0 0;
    padding: 0;
}

ul#gallerylist li{
    list-style: none;
	 float:left;
	 padding:0 0px 5px 0px;
	 margin: 0 0px 10px 0px;
	 border-bottom: 1px solid #e2e2e2;
	 width:465px;
}

ul#gallerylist li .image{
	float:left;
	width:100px;
	min-height:75px;
  height:auto !important;
  height:75px;

}

ul#gallerylist li .text{
	float:right;
	width:350px;
	margin:0;
}

ul#gallerylist li .text .icons{
	float:right;
}

ul#gallerylist li .text .icons img{
	margin-left:10px;
}

ul#gallerylist li .text h2{
color: #c98647;
    font-family: Georgia,Garamond,serif;
    font-size: 16px;
    font-weight: bolder;
	 font-style: italic;
	 margin:0;
}

ul#gallerylist li .text a{
	color: #c98647;
}

.paging{
	color:#737373;
	font-weight:bold;
	text-align:center;
}

.paging a{
	color: #c98647;
}



/**************************************
Event detail item (eg, Flick, YouTube)
**************************************/
ul#flickrlist{
	 margin: 15px 0 0 0;
    padding: 0;
}

ul#flickrlist li{
    list-style: none;
	 float:left;
	 margin: 0 16px 10px 0px;
	 width:100px;
}

.flickrinfo{
	border-bottom:1px solid #E2E2E2;
	width:500px;
}

.flickrinfo p{
	margin:0 0 10px 0;
}

.flickrinfo .description{
	float:left;
	width:380px;
}

.flickrinfo .flickr-link{
	float:right;
	width:100px;
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
}

/**************************************
Alloway Highlights
**************************************/
table.alloway-highlights{
	border-collapse:collapse;
}

table.alloway-highlights td{
	background-color:#EFEFEF;
	padding:7px;
	border-top:2px solid #fff;
}

table.alloway-highlights td h2{
	margin:0 0 5px 0;
	font-size:14px;
}

.highlight-player{
	height:277px;
	background-color:#EFEFEF;
	
}