.tags { color: #606060; font-size: small; line-height: 1.8em; }

.share { float: right; margin-top: 0px; width: 110px; }

/* page headers */

#content h2 { font-size: 30px; padding-bottom: 4px; }
	#content h2 a { color: black; }
#content h2.large { font-size: 40px; }
#content h2.recipeTitle { margin-left: 60px; }

/* index filters info */

.filtersInfo ul { margin: 0; padding: 5px 0 0 10px; list-style-type: none; color: #555; }

/* search items */

div.recipe div.item { border-bottom: 1px dotted silver; padding: 11px 0; position: relative; }
div.recipe div.item:hover { border-bottom: 1px solid silver; }
	div.recipe div.item h3 { font-weight: normal; font-size: 130%; }
	div.recipe div.item .tags { margin: 10px 0 0 0; float: left; }
	div.recipe div.item .abstract { margin: 0 0 0.6em; }
    div.recipe div.item .info { color: #606060; font-size: small; float: right; margin: 15px 0 0; }

/* item stats */

.itemStats { float: left; height: 55px; text-align: center; }
    .itemStats .views { width: 45px; padding: 8px 12px 0 0; font-size: small; color: #696969; }
        .itemStats .views span { font-weight: bold; font-size: 23px; letter-spacing: -2px; }

/* drafts */

.draft { background: url(../images/draftBg.png); }

/* sidebar general */

.sidebarItem { background-color: #f7f7f7; border: 1px solid #d9d9d9; padding: 10px 20px 10px; -moz-border-radius: 6px; -webkit-border-radius: 6px; margin-bottom: 15px; }
.sidebarTitle { font-size: 20px; color: #434343; text-transform: lowercase; margin: 0 0 0.5em; }

/* sidebar lists */

.sidebarItem ul { list-style-type: none; margin: 0; padding: 0; }
    .sidebarItem li { margin: 2px; }

/* feed list */
#feedList .feedIcon { border: 0; margin: 0 5px 0 0; }

/* recipe history */
#recipeHistory ol { list-style-type: none; margin-left: 0; padding-left: 0; }
    #recipeHistory ol li { margin: 2px 2px; }
        #recipeHistory ol li a { padding: 3px 0; display: block; }

/* drafts at the sidebar */
#drafts { background: url(../images/draftBg.png); }
#drafts ol { list-style-type: none; margin-left: 0; padding-left: 0; }
    #drafts ol li { margin: 2px 2px; }
        #drafts ol li a { padding: 3px 0; display: block; }

/* editor help */
.editorHelp { font-size: 15px; }
    .editorHelp ul { padding-left: 0; list-style-type: none; }
    .editorHelp li { margin-top: 10px; line-height: 100%; }

/* recipe admin */
.admin { background: #f1f1f1 url(../images/icon_padlock.gif) no-repeat 4px; border: 1px solid #ddd; padding: 5px 10px 5px 22px; margin-bottom: 10px; font-size: small; position: relative; }
    .admin ul { margin: 0; padding: 0; list-style-type: none; position: absolute; top: 6px; left: 87px; }
        .admin ul li { display: inline; margin: 0 3px; }

/* search box */
#search_keywords { width: 170px; padding: 5px 5px; border: 1px solid #ccc; color: #333; }

/* pagination */
div.pagination { background: #f1f1f1; margin: 15px 0; padding: 10px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
    div.pagination .pagesLinks { }
        .pagesLinks a, .pagesLinks span { padding: 2px 4px; margin: 0; }
        .pagesLinks a { text-decoration: none; }
    div.pagination .paginationInfo { float: right; font-size: small; color: #696969; margin-top: 3px; }

/* forms */
label { display: block; }
.help { font-size: small; color: #696969; margin: 0; }
    .help br { display: none; }
.error_list { color: red; }

#recipe_submit, #user_submit { font-size: large; }

/* recipe title, content and tags inputs */
.normal .formError { font-size: small; color: red; margin-left: 4px; }
.normal input, .recipeTags input { border: 1px solid #ddd; font-size: 13px; padding: 4px; }
.normal input:focus, .recipeTags input:focus { border-color: #696969; }
.normal input.error, .recipeContent .error { border-color: #ff6666; }
.normal input.error:focus{ border-color: red; }

/* save as draft checkbox */

#saveAsDraftLabel { display: inline; }

/* recipe content */
.recipeContent { margin-top: 15px; }
.recipeContent .formError { font-size: small; color: red; padding-left: 8px; margin: 0; }

#recipe_plain_content { margin-top: 0; }

/* embeddable */

.embeddable label { display: inline; }

/* editor */

#recipe_plain_content { width: 100%; }
    .recipeContent label { padding-top: 10px }
#contentPreview { margin-bottom: 15px; border: 1px solid #ddd; background: #fafafa; padding: 8px; color: #555; font-size: small; max-height: 350px; overflow: auto; }
#previewTitle { margin-bottom: 0; }

/* user forms */
.email input, .username input { font-size: 16px; padding: 4px; }
.email { margin-top: 8px; }
.culture { margin-top: 18px; }
    .culture label { display: inline; }
    .culture select { font-size: large; }

/* recipe info */
#recipeInfo { border-top: 1px solid #ddd; color: #333; margin-top: 25px; padding: 15px 10px; }
    #recipeInfo p { margin: 0 0 5px; }
.recipeMetadata { font-size: 90%; }
    .recipeMetadata span { font-weight: bold; }

/* embed */

.embed { background-color: #e0e0e0; margin-top: 0; padding: 6px 10px; text-align: center; border-bottom: 1px solid #bbb; width: 590px; }
.embed span { font-size: large; color: #444; text-shadow: #fafafa 1px 1px 1px; }
.embedCode { font-size: large; width: 85%; color: #666; }

/* editor toolbar */

.editorOptions { height: 30px; overflow: hidden; }
.editorTools { float: left; height: 20px; margin: 0; padding: 5px 10px; position: relative; list-style-type: none; }

/* editor toolbar buttons */

.editorButton { background-image: url(../images/editorToolbar.png); width: 20px; height: 20px; margin: 0 2px; display: inline-block; }
.editorButton:hover { cursor: pointer; }
.editorSeparator { margin: 0 10px; width: 0; height: 20px; border-right: 1px solid #d9d9d9; display: inline-block; }

#editorBoldButton { background-position: -0px 0; }
#editorItalicsButton { background-position: -20px 0; }
#editorLinkButton { background-position: -40px 0; }
#editorQuoteButton { background-position: -60px 0; }
#editorCodeButton { background-position: -80px 0; }
#editorOlButton { background-position: -120px 0; }
#editorUlButton { background-position: -140px 0; }
#editorBoldButton:hover { background-position: -0px -40px; }
#editorItalicsButton:hover { background-position: -20px -40px; }
#editorLinkButton:hover { background-position: -40px -40px; }
#editorQuoteButton:hover { background-position: -60px -40px; }
#editorCodeButton:hover { background-position: -80px -40px; }
#editorOlButton:hover { background-position: -120px -40px; }
#editorUlButton:hover { background-position: -140px -40px; }

/* language selector */

.languageSelector { padding: 5px 5px 3px; margin: 0 0 4px; float: right;  -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.languageSelector { background: #00d363; color: white; }
    .languageSelector a { color: white; text-decoration: none; }
    .languageSelector a:hover { background-color: transparent; color: black; }