/* 
Wine and Liquor by Liquid Partyworks
*/


/*** GLOBAL  ***/
body {
	font-family:Verdana, Arial;
	font-size:12px;
	margin:0 auto;
	padding:0;
	color:#6b6b6b;
	line-height:18px;
	background-image:url(../image/body_bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#000;
}
* {
	margin:0;
	padding:0;
}
*:focus {
	outline:none; /* removes ugly dotted border but may make template more unsuable ! */
}
.clr{clear:both;}
form{margin:0; padding:0;}
hr {
	border: 0;
	color: #dedede;
	background-color: #dedede;
	height: 1px;
	margin:0px 0px 6px 0px;
	padding:0px;
}
/*** END OF GLOBAL  ***/

/*** DEFAULT ELEMENT STYLES ***/
/* heading */
h1, h2, h3, h4, h5 {margin-bottom:15px;font-weight:normal; font-family:Tahoma, Verdana;}
h1 {font-size:22px; line-height:24px}
h2 {font-size:20px; line-height:22px;}
h3 {font-size:18px; line-height:20px;}
h4 {font-size:14px; line-height:16px; }
h5 {font-size:12px; line-height:14px;}

/* links */
a {color:#707070;text-decoration:none;}
a:hover{color:#066d06;}
a img{border:none}

/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote {
	line-height:18px;
	margin-bottom:20px;
	
}
ul, ol {
	margin:10px 0 35px 40px;
}
li ol,
li ul
{
	font-size:1.0em;
	list-style:square;
	margin-bottom:0;
	margin-top:0;
}
li ol {list-style:decimal;}
blockquote {
	font-style:italic;
	margin:25px 0 25px 0px;
	color:#707070;
	padding:10px 20px 10px 35px;
	background-image:url(../image/quote.gif);
	background-repeat:no-repeat;
}

/* code */
code {
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:1px;
	margin:25px 0 25px 0px;
	display:block;
	font-size:0.9em;
	border-left:4px solid #c8c8c8;
	padding:15px 10px;
}
/*** END OF DEFAULT ELEMENT STYLES ***/

/*** CONTAINER ***/
#container{ background-image:url(../image/bg_container.gif); background-repeat:repeat-x;}
#centercolumn{margin:0 auto; width:984px;}
/*** END OF CONTAINER ***/

/*** HEADER ***/
#top{height:86px;}
#topleft{float:left; width:450px;}
#logo{padding:18px 0px 0px 40px;}
#topright{float:left; width:520px;}
/* topsearch*/
#topsearch{padding:10px 0px 0px 0px; float:right;}
#topsearch p{margin:0px;}
/*.bg_input{background-image:url(../image/bg_search.png); background-repeat:no-repeat; width:190px; height:30px; display:block;}
/*.inputbox{background:transparent; border:0px; width:156px; padding:6px 0px 5px 4px; margin-left:1px; color:#857f7f}
/* mainmenu */
#mainmenu{float:right; padding:15px 0px 0px 0px;}
#mainmenu ul{margin:0px; padding:0px;}
#mainmenu ul li{display:inline; background-image:url(../image/dotted.gif); background-repeat:repeat-y; background-position:left; padding:0px 20px; line-height:18px; float:left;}
#mainmenu ul li.noborder{background-image:none;}
#mainmenu ul li a, #mainmenu ul li a:visited{color:#00cc00; font-size:14px; font-family:Tahoma;}
#mainmenu ul li a.active{color:#ccff00 !important;}
#mainmenu ul li a:hover{color:#88cc88}
/* #mainmenu ul li a, #mainmenu ul li a:visited{color:#797979; font-size:14px; font-family:Tahoma;}
#mainmenu ul li a.active{color:#fff !important;}
#mainmenu ul li a:hover{color:#969494}
*/
/* header */
#header{height:317px; background-image:url(../image/header.png); background-repeat:no-repeat; padding:0px 0px 0px 0px;}
#header_content{padding:50px 40px 0px 40px;}
#header_content h1{color:#fff;}
/*** END OF HEADER ***/
/*** TWITTER BOX ***/											
#content_top{background-image:url(../image/bg_middle_top.gif); background-repeat:no-repeat; height:109px; padding-top:5px;}
#twitter{width:650px; float:left}
#icon_twitter{float:left; width:90px;}
#twitter_status{padding:20px 10px 10px 10px; line-height:18px;}
#searchtop{width:244px; float:left;}
#search{padding:15px 10px 10px 20px;}
.text_search{font-size:18px; font-style:italic; font-family:Arial, Verdana; line-height:25px;}
.bg_input{background-image:url(../image/bg_inputsearch.gif); background-repeat:no-repeat; width:232px; height:26px; display:block;}

.searchclick{width:27px; height:23px; margin:-24px 0px 0px 200px ; position:absolute;}



.inputbox{background:transparent; border:0px; width:198px; padding:5px 30px 5px 4px; line-height:normal}
/*** END OF TWITTER BOX ***/
/*** CONTENT ***/
.rating{color:#797979; font-size:14px; font-family:Tahoma;}
.imgleft{float:left; padding-right:15px;}
.imgright{float:right; padding-left:15px;}
#content{width:960px; margin:0px auto; padding-top:15px;background-image:url(../image/c_top.png); background-repeat:no-repeat; background-position:top;}
#content_bg{width:960px; margin:0px auto; background-image:url(../image/bg_bottom.gif); background-repeat:no-repeat; background-position:bottom; padding:0px 0px 15px 0px;}
#main{width:920px; margin:0px auto; padding:0px 20px; background-image:url(../image/c_repeat.gif); background-repeat:repeat-y;}
#portbackground{margin:0px auto; padding:0px 20px 0px 0px ; background-image:url(../image/portback.png); background-repeat:no-repeat; background-position:top right;}
#tastingbackground{margin:0px auto; padding:0px 20px 0px 0px ; background-image:url(../image/tastingtipsback.png); background-repeat:no-repeat; background-position:top right;}
#contactbackground{margin:0px auto; padding:0px 20px 0px 0px ; background-image:url(../image/contactback.jpg); background-repeat:no-repeat; background-position:top right;}
#tpbackground{margin:0px auto; padding:0px 0px 0px 0px ; background-image:url(../image/tpback.jpg); background-repeat:no-repeat; background-position:top right;}
#porttext{margin:0px auto; padding:0px 250px 0px 20px;}
#tptext{margin:0px auto; padding:0px 100px 0px 175px;}

#main_right{float:left; width:620px;}
#maincontent{padding:0px 40px 0px 0px;}
#main_left{float:left; width:280px; padding:0px 0px 0px 20px}
.sidebox{padding:0px 0px 20px 0px;}
.sidebox blockquote, .sidebox blockquote p{margin:0px;}
ul.list1{margin:0px; padding:0px;}
ul.list1 li{list-style-type:none; background-image:url(../image/arrow_grey.gif); background-repeat:no-repeat; padding:0px 0px 10px 30px}
ul.list2{margin:0px; padding:0px;}
ul.list2 li{display:inline; float:left; padding:0px 7px 10px 0px;}
/*** List icon and list border bottom ***/
span.icon{display:block;padding:4px 0px}
span.icon img{vertical-align:middle; padding-right:6px;}

/*** END OF CONTENT ***/

/*** SIDEBAR ***/
/*** END OF SIDEBAR ***/

/*** FOOTER ***/
#footer{text-align:center; font-size:11px; color:#989898; padding:20px 0px 30px 0px}
#footer a, #footer a:visited{text-decoration:none; color:#989898}
#footer a:hover{color:#989898}
/*** END OF FOOTER ***/


/*** MANUALLY ADD THE FAQ CSS TO THIS FILE CAREFULLY TO AVOID ANY CONFLICTS ***/

.visible {
	position:relative;
	color: #EFEFEF;
	list-style: none;
	-moz-border-radius: 9px; 
	-webkit-border-radius: 9px; 
	border-radius: 9px;
        -moz-box-shadow: 0 0 8px #333;
        -webkit-box-shadow: 0 0 8px #333;
        box-shadow: 0 0 8px #333;
	margin-bottom: 10px;
	background-color: #4D6E9F;
}
.visible h4, .invisible h4
{
	color: #EFEFEF;
}

.visible h4 a, .invisible h4 a
{
	display: block;
	padding:0px; margin:0px;
        color: #EFEFEF;
}


.visible a { color:#222; text-decoration:none; }
.invisible {
	position:relative;
	color: #EFEFEF;
        margin: 0 0 5px;
        list-style: none;
	background-color: #A05A5A; 
        -moz-border-radius: 9px; 
        -webkit-border-radius: 9px; 
        border-radius: 9px;
        -moz-box-shadow: 0 0 4px #333;
        -webkit-box-shadow: 0 0 4px #333;
        box-shadow: 0 0 4px #333;
}

.text_backing 
{
        color:rgb(100,100,100);
	background-color:#fff; 
	padding:10px; 
        border: none;
        -moz-border-radius: 0px 0px 9px 9px;
	-webkit-border-bottom-left-radius: 9px;
	-webkit-border-bottom-right-radius: 9px;
}

.question_public    {padding-left: 10px;width:700px;}
.question_visible   {padding-left: 10px;width:540px;}
.question_invisible {padding-left: 10px;width:540px;}

.controls_public
{
	position:absolute;
	top:7px;
	right:5px;
	width:30px;
	float:right;
}

.controls_admin 
{
        position:absolute;
        top:7px;
        right:5px;
        width:90px;
        float:right;
}



h1,h2,h3,h4,p,a { padding:10px 0px 10px 0px ; color: rgb(80,80,80);}

h1 { font-size:36px; }
h2 { font-size:30px; }
h3 { font-size:24px; }
h4 { font-size:18px;font-weight:500;}

.highlight {font-weight:bold;}

.addNew {
	text-align: center;
	-moz-border-radius: 9px;
        -webkit-border-radius: 9px;
        -moz-box-shadow: 0 0 4px #333;
        -webkit-box-shadow: 0 0 4px #333;
        box-shadow: 0 0 4px #333;
        border-radius: 9px;
        color:#FFFFFF;
        cursor:pointer;
        margin: 10px 0px 20px 0px;
        padding: 10px;
	width:120px;
	background-color: #E5E7CF ;
}

a {text-decoration: none;}
button:hover {background-color: #7894BE;}

button
{
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 13px;
	background-color: #4D6E9F;
	font-weight: bold;
        border:medium none;
        color:#FFFFFF;
        cursor:pointer;
        margin: 10px 2px 0px 4px;
        font-size: 12px;
	padding-left:18px;
	padding-right:18px;
	padding-top: 4px;
	padding-bottom: 4px;
        line-height: normal;
}

button.del		{background: #A05A5A;}
button.del:hover	{background-color: #B07474;}
button.add		{background: rgb(180,180,250);}
button.add:hover	{background-color:rgb(110,120,230);}

.header
{
	width: 400px;
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 20px;
        -moz-box-shadow: 0 0 10px #ABABAB;
        -webkit-box-shadow: 0 0 10px #ABABAB;
        box-shadow: 0 0 12px #ABABAB;
        border: none;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        padding-left:10px;
        padding-right:10px;
	padding-top:10px;
	padding-bottom:20px;
        background-color: #FFFFFF;
}

.main_title
{
	padding-left:10px;
	line-height: 42px;
	font-weight: bold;
	font-size: 24px;
	color: rgb(180,180,180);
	float: left;
}

.center
{
	text-align: center;
}

input, select, textarea
{
        -moz-box-shadow: 0 0 5px #ABABAB;
        -webkit-box-shadow: 0 0 5px #ABABAB;
        box-shadow: 0 0 6px #ABABAB;
	border: none;
        -moz-border-radius: 9px;
        -webkit-border-radius: 9px;
        width: 200px;
        margin-bottom:5px;
        padding-top:4px;
        padding-bottom:4px;
	padding-left:10px;
        margin-left: 10px;
}

.right		{text-align: right;}
.formlabel
{
	padding-left:10px;
	padding-bottom:10px;
	padding-bottom: 10px;
	text-transform: capitalize;
}

.delete_form
{
	text-align: center;
        padding-top:20px;
        padding-bottom:10px;
        padding-left:5px;
        padding-right:10px;
        background-color:  #EAEBD8;
}


.edit_form
{
	padding-top:20px;
	padding-bottom:0px;
	padding-left:5px;
	padding-right:20px;
	background-color:  #EAEBD8;
}

textarea
{
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, sans-serif, Helvetica, Arial,tahoma;
	height: 200px;
	width: 400px;
	padding-top:10px;
}

textarea.question_input
{
        font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, sans-serif, Helvetica, Arial,tahoma;
        height: 50px;
        width: 500px;
        padding-top:10px;
	padding-bottom:10px;
}

textarea.answer_input
{
        font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, sans-serif, Helvetica, Arial,tahoma;
        height: 180px;
        width: 500px;
        padding-top:10px;
	padding-bottom:10px;
}

.actionbuttons
{
	text-align: center;
}