body { background: #fff; color: #222; font-size:small; font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; }
* { padding: 0; margin: 0; }

/*html { height: 100%; margin-bottom: 1px; }*/
html { overflow-y : scroll; } /* better overflow */

.top { width:100%; height:107px; background-image:url(../images/topbck.png); background-repeat:repeat-x; }

.int { margin:0px auto; width:940px;}

.logo { height:107px; background-image:url(../images/logo-winesorganizer.png); margin: 0 10px; background-repeat:no-repeat; width:589px; }

.main { background-image:url(../images/mainbck.png); background-repeat:repeat-x; background-position:top; width:100%; float:left; }

.left { float:left; width:680px; }

.right { float:right; width:220px; padding:0 0 0 24px; }

.content { width:100%; float:left; padding-top:22px; line-height:22px; }
.content ul { list-style-position: inside; }

.footerint { margin:20px auto 10px auto; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; width:940px; padding:10px 0; color:#666; }

.footer{ float:left; width:100%; }

.clear { clear: both; }
.sep { border-top:1px solid #e3e3e3; padding-top: 1em; }
.benefit { float:left; width: 45%; padding: 0 0 1.5em 0; margin-right: 30px;}
.lastbenefit { float: right; width: 45%; padding: 0 0 1.5em 20px;}

/*Tabs*/
#tabnav {
  font-family: "helvetica neue", helvetica, arial, san-serif; height: 26px;
  margin: 0; padding-right: 0px; margin-top: 81px; padding-top: 0px; 
  position: absolute; right: 0;}
#nav { float: right; position: relative; }
#tabnav li { margin: 0; padding: 0; display: inline; list-style-type: none; }
#tabnav a:link, #tabnav a:visited { float: left; background: #c3c3c3; font-size: 10px; line-height: 20px;
    font-weight: bold; padding: 2px 10px 2px 10px; margin-right: 4px; border: 1px solid #999; text-decoration: none;
    color: #666;
  }
#tabnav a:link.active, #tabnav a:visited.active { border-bottom: 1px solid #e3e3e3; background: #e3e3e3; color: #000; }
#tabnav a:hover { border-bottom: 1px solid #e3e3e3; background: #e3e3e3; }

#topmenu { float: right; display: block; color: white; list-style-type: none; margin-right: 0; margin-left: 100px;}
#topmenu li { float: left; margin-left: 2em; font-size: 0.8em; }
#topmenu li a { color: white; }


ul { padding:0px; margin:0 0 0 5px; }
li { padding:0 0 0 0; margin:0 0 0 15px; }

h1, h2, h3, h4 { font: bold 1.0em "helvetica neue", helvetica, arial, san-serif; }
h1 { font-size: 2em; line-height: 1.1em; padding: 0 10px; color: #000; }
h1.home, h2.home { margin-bottom: 1em; padding-left: 0;}
h2 { font-size: 2em; line-height: 1.1em; padding: 1.2em 10px 0 0px; border-top: 1px dotted #ddd; color: #000; }
h2.toppost { padding-top: 0; border-top: none; }
.right h2 { font-size: 1.2em; margin: 0 0 1em 0; line-height: 2em; padding: 0; text-transform: uppercase; letter-spacing: 2px; border-top: 0; border-bottom: 1px solid #ddd; }
h3 { font-size: 1.25em; line-height: 1.25em; color: #666; padding-bottom: 1.2em; padding-top: .5em; }
.right h3 {font-size: 1.2em; line-height: 2em; padding: 3px 8px 0 0; margin-left: 10px; margin-bottom: 14px; text-transform: uppercase; border-top: 0; border-bottom: 1px solid #ddd;}
h4 { font-size: 0.85em; line-height: 1.8em; text-transform: uppercase; letter-spacing: 2px; }

hr { display: none; }

a, a:visited { color: #000; text-decoration: none; }
a.underline { text-decoration: underline; }

/*a:hover { color: #00e; text-decoration: underline; }*/

blockquote { font-family: Georgia, "Times New Roman", Times, serif; color: #555; margin: 0 0 1.5em 10px; padding: 0 0 0 10px; border-left: 1px solid #eee; }

code { font-size: 1em; font-family: "Andale Mono", Courier, "Courier New", monospace; }

pre { margin: 0 0 2em 0; padding: 1em; font-size: 1em; font-family: "Andale Mono", Courier, "Courier New", monospace; background: #eee; border: 1px solid #ccc; overflow: auto; clear: both; }

.post { font-size: 1.3em; line-height: 1.5em; padding: 0 10px; }

.post p { margin: 0 0 1.5em 0; }

.auth { font-size: 1.1em; line-height: 1.5em; margin: 0 0 1.5em 0; color: #aaa; }
.meta { padding-top: 1.5em; }

.noauth { margin-bottom: 1.5em; }

#about-box { background: #fed3ac; margin-bottom: 15px; padding-bottom: 3px; }
#about-box h3 { border-bottom: 0; margin-bottom: 15px; color: #444; }
#about-box p { font-size: 1.2em; line-height: 1.5em; padding-left: 10px; padding-right: 10px; padding-bottom: 0.5em; }
#about-box a { padding: 0; }
#about-box img { display: static; border: solid 1px #000; float: right; margin: 0 8px; }

.right li { font-size: 1em; line-height: 1.5em; margin: 0 0 0.5em 5px; list-style:none;}
.right li a { text-decoration: underline; }
.right p { font-size: 1em; line-height: 1.5em; margin: 0 0 0.5em 0px; padding: 0 10px; }

#comment-form label { padding: 0 10px; }
#comments li { list-style-type: none; list-style-position: outside; margin-left: 0; margin-top: 1em;}
#comments ul { padding: 0; margin-left: 0;}
h3#respond {margin-top: 1em; }
#comments label {padding-left: 10px;}
#comments textarea { width: 90%; }

.feeds a {padding-left: .5em;}

.subscribers a {padding-left: 0;}

#search { float: right; margin: 30px 0px 0px 0px; width: 169px; z-index: 3; }

input#q  {width: 165px; font-size: 1.4em;}

#title h1 {display: block; float: left; color: #fff; margin-top: 6px; font-size: 2.4em;}

.signup { font-size: 2em; margin: .5em 0px; float: left; font-weight: bold; font-family: "helvetica neue", helvetica, arial, san-serif;}
.signup a {color: red; text-decoration: underline; }

li .recent_date { padding: 0 0 0 8px; font-weight: bold; color: #888; }

.ac_results { padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999; }

.ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; text-align: left; }

.ac_results li { margin: 0px; padding: 2px 5px; cursor: default;  display: block;
    /* if width will be 100% horizontal scrollbar will apear when scroll mode will be used  */
    /*width: 100%;*/
    font: menu; font-size: 12px;
    /* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */
    line-height: 16px; overflow: hidden;
  }

.ac_loading { background: white url('/images/indicator.gif') right center no-repeat; }

.ac_odd { background-color: #eee; }

.ac_over { background-color: #293845; color: white; }

.message { text-align: center; margin: 150px 20px; }
.small-message { margin: 1em 0px; }
.message2 { text-align: center; margin: 10px 20px; }
h2.message2 { font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; border: none;}

.mast-head { margin-bottom: 2em; background-color: #fed3ac; padding: 2em;}
.mast-head h1, .mast-head h2 { color: #222;}

#right a, #footer a { color: white; }

.text { margin: 3em; }
.text p { margin: 1.5em 0; line-height: 1.5em; }
.text ol, .text ul { margin-left: 2em; }
.text li { margin: 1.5em 0; line-height: 1.5em; }

.description { margin: 0 0 1em 0; }
.description h1 { padding: 0; padding-bottom: .5em; border-bottom:1px dotted #ccc; margin-bottom: .5em; }
.description h2 { font-size: 1.25em; line-height: 1.25em; color: #666; padding-bottom: 1.2em; margin-top: 1em; padding-top: .5em; }
.description p { margin: .25em 0; line-height: 1.5em; }
.description ol, .text ul { margin-left: 2em; }
.description li { margin: 1.5em 0; line-height: 1.5em; }
.description div.list { margin:0 0 0 0; padding:0 0 20px 0; }

.highlight { background-color: rgb(255, 255, 190); }
a.learn:visited,
.learn { color: rgb(102, 102, 102); text-decoration: underline;}


#terms { border: 3px solid rgb(102, 102, 102); padding: 1.5em; }

legend { font-size: 1.17em; font-weight: bold; padding: 0 .5em; }

#signup { text-align: center; font-size: 1.4em; padding: .5em; margin: 1em 6em;}

#signup a { color: red; font-weight: bold; }

.hide{ display:none !important; }

form.wufoo, div.wufoo { margin:0px 20px 0 0px; padding:0 0 20px 0; }


div.list { margin:20px 0px 0 0px; padding:0 0 20px 0; }
ul.list, .list table { margin-left: 0; margin-left: 0; border-top: 1px solid #fed3ac; }
ul.list { list-style: none; list-style-position: inside; }
.list table { border-spacing: 0; width: 100%; }
.list li, .list td, .list .row { padding: 6px 1em; border-bottom: 1px solid #fed3ac; }
.list li.alt, .list tr.alt, .list .alt { background: rgb(254, 232, 212); }
.list li.over, .list tr.over, .list .over { background: #fed3ac; }
.list li { margin-left: 0; }
.list .title { border-top: 1px solid #fed3ac; font-weight: bold; }

table #show-wine-name {width: 60%;}
table #show-wine-count {width: 10%;}
table #show-wine-price {width: 10%;}
table #show-wine-location {width: 20%;}

table #index-wine-name {width: 25%;}
table #index-wine-vintage {width: 10%;}
table #index-wine-region {width: 20%;}
table #index-wine-varietal {width: 20%;}
table #index-wine-winery {width: 25%;}

table #index-winery-name {width: 25%;}
table #index-winery-location {width: 25%;}
table #index-winery-country {width: 10%;}
table #index-winery-website {width: 40%;}

table #index-user-gravatar {width: 10%;}
table #index-user-name {width: 25%;}
table #index-user-location {width: 70%;}

table #index-bottle-wine {width: 90%;}
table #index-bottle-count {width: 10%;}

.bottle-info {
  font-size: 75%;
  line-height: 1.5em;
}

/* wufoo theme*/

/* - - - Custom Theme - - - */

#container, body.embed{
	background-color:#FFFFFF;
}
.wufoo input.text, .wufoo textarea.textarea{
	background:#FFFFFF url(../images/fieldbg.gif) repeat-x top;
}
.wufoo .focused{
	background-color: rgb(255, 255, 190);
}
.wufoo .instruct{
	background-color:#fed3ac;
}

/* Borders */
#container{
	border:0 solid #cccccc;
}
.wufoo .info{
	border-bottom:1px dotted #CCCCCC;
}
.wufoo .section{
	border-top:1px dotted #CCCCCC;
}
.wufoo input.text, .wufoo textarea.textarea{
	border:;
}
.wufoo .instruct{
	border:1px solid #E6E6E6;
}

/* Typography */
.wufoo .info h3{
	font-size:160%;
	font-family:inherit;
	font-weight:;
	font-style:;
	color:#000000;
}
.wufoo .info p{
	font-size:95%;
	font-family:inherit;
	font-weight:;
	font-style:;
	color:#444444;
}
.wufoo .section h4{
	font-size:110%;
	font-family:inherit;
	font-weight:;
	font-style:;
	color:#000000;
}	
.wufoo .section p{
	font-size:85%;
	font-family:inherit;
	font-weight:;
	font-style:;
	color:#444444;
}	
.wufoo label.desc{
	font-size:95%;
	font-family:inherit;
	font-weight:;
	font-style:;
	color:#444444;
}
.wufoo li div, .wufoo li span, .wufoo li div label, .wufoo li span label{
	font-family:inherit;
	color:#444444;
}
.wufoo label.choice{
	font-size:100%;
	font-family:inherit;
	font-weight:;
	font-style:;
	color:#444444;
}
.wufoo input.text, .wufoo textarea.textarea, .wufoo select.select{
	font-size:100%;
	font-family:inherit;
	font-weight:;
	font-style:;
	color:#333333;
}
.wufoo .instruct{
	font-size:80%;
	font-family:inherit;
	font-weight:;
	font-style:;
	color:#444444;
}
.wufoo li.altInstruct .instruct, .wufoo li.leftHalf .instruct, .wufoo li.rightHalf .instruct{
	color:#444444;
}
.wufoo input.btTxt, .wufoo button.btTxt{
	font-size:;
	font-family:;
	font-weight:;
	font-style:;
	color:;
}

.wufoo li.focused label.desc{
	font-size:;
	font-family:;
	font-weight:;
	font-style:;
	color:;
}
.wufoo li.focused label.desc{
	color:;
}
.wufoo li.focused div, .wufoo li.focused span, .wufoo li.focused div label, .wufoo li.focused span label{
	font-family:;
	color:;
}

.quickadd { float: right; font-weight: normal; font-size: .8em; }
.count { float: right; margin-top: 13px; }
.sort { float:right;margin-right: 40px; margin-top: 12px; }

.edit {float: right;}
.edit a { text-decoration: underline; }


/*.current_page { font-weight: bold; background: rgb(254, 232, 212); }*/
.pagination-digg, .pagination-clean, .pagination-flickr { margin-top: 1em; margin-left: 0px; height: 40px;}

/* -------------------------------------------- */
/* ------------- Pagination: Clean ------------ */
/* -------------------------------------------- */

.pagination-clean li          { border:0; margin:0; padding:0; font-size:11px; list-style:none; /* savers */ float:left; }
/* savers .pagination-clean li,*/
.pagination-clean a           { border-right:solid 1px #DEDEDE; margin-right:2px; }
.pagination-clean .previous-off,
.pagination-clean .next-off   { color:#888888; display:block; float:left; font-weight:bold; padding:3px 4px; }	
.pagination-clean .next a,
.pagination-clean previous a  { border:none; font-weight:bold; }	
.pagination-clean .current_page     { color:#000000; font-weight:bold; display:block; float:left; padding:4px 6px; /* savers */ border-right:solid 1px #DEDEDE; }
.pagination-clean a:link,
.pagination-clean a:visited   { color:#0e509e; display:block; float:left; padding:3px 6px; text-decoration:underline; }
.pagination-clean a:hover     { text-decoration:none; }

/* -------------------------------------------- */
/* ----------- Pagination: Digg Style --------- */
/* -------------------------------------------- */
	
.pagination-digg li          { border:0; margin:0; padding:0; font-size:11px; list-style:none; /* savers */ float:left; }
.pagination-digg a           { border:solid 1px #fed3ac; margin-right:2px; }
.pagination-digg .previous-off,
.pagination-digg .next-off   { border:solid 1px #DEDEDE; color:#888888; display:block; float:left; font-weight:bold; margin-right:2px; padding:3px 6px; }
.pagination-digg .next a,
.pagination-digg .previous a { font-weight:bold; }	
.pagination-digg .current_page     { background:#fed3ac; color:black; font-weight:bold; display:block; float:left; padding:4px 6px; /* savers */ margin-right:2px; }
.pagination-digg a:link, 
.pagination-digg a:visited   { color:#444; display:block; float:left; padding:3px 6px; text-decoration:none; }
.pagination-digg a:hover     { background: #fed3ac; }
.pagination-digg ul { margin-left: 0px; }
.pagination-digg li.more_marker {margin-top: 4px;}

/* -------------------------------------------- */
/* ------------- Pagination: Flickr -----------	*/
/* -------------------------------------------- */
	
.pagination-flickr li          { border:0; margin:0; padding:0; font-size:11px; list-style:none; /* savers */ float:left; }
.pagination-flickr a           { border:solid 1px #DDDDDD; margin-right:2px; }
.pagination-flickr .previous-off,
.pagination-flickr .next-off   { color:#666666; display:block; float:left; font-weight:bold; padding:3px 4px; }
.pagination-flickr .next a,
.pagination-flickr .previous a { font-weight:bold; border:solid 1px #FFFFFF; }	
.pagination-flickr .current_page     { color:#ff0084; font-weight:bold; display:block; float:left; padding:4px 6px; }
.pagination-flickr a:link, 
.pagination-flickr a:visited   { color:#0063e3; display:block; float:left; padding:3px 6px; text-decoration:none; }
.pagination-flickr a:hover     { border:solid 1px #666666; }

.search-results { margin-bottom: 15px; }

.notice {
  background: #fed3ac;
  text-align: center;
  padding: 1em;
  margin-bottom: 1em;
}

.invalid {
  color: red;
	font-weight: bold;
}

.gravatar {
  float: right;
}

.elapsed-time {
  font-size: 80%;
}

.timeline-gravatar {
  padding: 10px 20px 10px 0;
  float: left;
}

.timeline-gravatar img {
  border: 2px solid white;
}

.timeline-message {
  padding-top: 8px;
}

.row {
  clear: both;
}

.timeline-row {
  height: 64px;
}

.awesome, .awesome:visited {
	background: #222 url(/images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px;
	margin-top: 10px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
  border: 0px;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

	.awesome:hover							{ background-color: #111; color: #fff; }
	.awesome:active							{ top: 1px; }
	.smallawesome.awesome, .smallawesome.awesome:visited 			{ font-size: 11px; padding: ; }
	.awesome, .awesome:visited,
	.mediumawesome.awesome, .mediumawesome.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.largeawesome.awesome, .largeawesome.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; }
	
	.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
	.green.awesome:hover						{ background-color: #749a02; }
	.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
	.blue.awesome:hover							{ background-color: #007d9a; }
	.red.awesome, .red.awesome:visited			{ background-color: rgb(129, 17, 20); }
	.red.awesome:hover							{ background-color: #5d050c; }
	.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
	.magenta.awesome:hover							{ background-color: #630030; }
	.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
	.orange.awesome:hover							{ background-color: #d45500; }
	.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
	.yellow.awesome:hover							{ background-color: #fc9200; }

  .sidebarawesome{ margin-bottom: 0px; margin-top: 0px;}
  
  form.sidebar {
    padding-left: 10px;
  }
  
  .sectionseparator {
    border-top:1px dotted #ccc;
  	margin-top: 2em;
  	padding-top:13px;
  }