/*
Theme Name: BestCities
Theme URI: http://best-city-reviews.com/
Description: WordPress Theme for Best City Reviews
Author: Chris
Author URI: http://best-city-reviews.com/
*/

/* === General === */

body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background: #f0f0f0 none; color: #464664; margin: 0 auto; padding: 0; text-align: center; }  /*62.5%*/

a, a:visited { color: #467878; text-decoration: none; }
a:hover, a:visited:hover { color: #467878; text-decoration: underline; }

h2 { font-size: 12px; font-weight: bold; background: url(images/title.jpg) repeat-x; color: #464664; margin: 0 0 6px 0; padding: 3px 0 3px 5px; }
#h2 a, #h2 a:visited, #h2 a:hover, #h2 a:hover:visited { text-decoration: none; }
h3 { font-size: 110%; margin-top: 0; }
h2 img { margin-top: -3px; }

img { border: 0 none; }
img.flag { padding:0; border: 0 none; width: 18px; height: 12px; vertical-align: top; }
img.mapit { padding:0; border: 0 none; width: 13px; height: 13px; vertical-align: top; }

ul { margin: 0; padding: 0; }
li { margin: 0; padding: 0; list-style-type:none; }

ul.admin { display: inline; margin: 0 auto; }
ul.admin li { display: inline; padding: 5px; }

#ranking { }
#ranking ul { padding-bottom: 10px; margin-left: 25px; }
#ranking ul li { list-style-image: url(images/bullet.gif); }

ol#comments li p { font-size: 100%; }

blockquote { border-left: 3px solid #467878; margin-left: 15px; padding-left: 5px; }
cite { font-size: 90%; font-style: normal; }

form { margin:0; padding:0; display:inline; }

.adsense7 { text-align:center; width:100%; padding: 10px 60px 10px 40px; margin: 0; }

#myvideo-wrapper { padding-bottom: 10px; text-align: center; }
#mymap-wrapper { padding-bottom: 10px; text-align: center; overflow:hidden; }
#myalbum-wrapper { text-align: center; }

.h2-top { font-size: 12px; font-weight: bold; background: url(images/title.jpg) repeat-x; color: #464664; margin: 0; padding: 3px 0 3px 5px; }
.h2-top a, .h2-top a:visited, .h2-top a:hover, .h2-top a:hover:visited { text-decoration: none; }

.table-top { width:100%;margin-bottom:10px; padding: 10px; font-size: 115%; border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc; vertical-align:top; display:table; text-align: center; }
.table-related { padding: 10px; vertical-align:top; display:table; text-align: center; }
.separator { color: #dcdcdc; }

#table-cc { width: 100%; background-color: #dcdcdc; border: 1px solid #333333;}
select { font-family: Tahoma, sans-serif; font-size:11px; }

/* === Header === */

#page { width: 957px; background: #ffffff url(images/page.jpg) repeat-y; margin: 0 auto; text-align: left; } /*border-left: 1px dotted #467878; border-right: 1px dotted #467878;*/
#header { overflow: visible; font-size: 26px; font-weight: bold; width: 957px; height: 160px; background: url(images/header.jpg) no-repeat; margin: 0 auto; padding: 0; }

#header-title { color: #464664; font-size: 28px; font-weight: bold; padding: 30px 0 0 40px; text-align:left; }
#header-title a, #header-title a:visited, #header-title a:hover, #header-title a:hover:visited { text-decoration: none; }
#header-description { color: #464664; font-size:11px; padding:5px 0 0 40px; text-align:left; font-weight: normal; }
#header-bar { padding:31px 0 0 40px; }
#header-menu { float:left; padding-top: 15px; color: #464664; font-size:12px; text-align:left; font-weight: bold; }

#search-area { float:right; padding-right:85px; vertical-align:bottom; }
#search-field { width:160px; color: #333333;font-size:11px;padding:0px 1px 1px 5px; margin-right:2px;margin-top:8px; border:0; }
#search-button { margin-top: 2px; }

/* === Content === */

#content { float:left; display:inline; vertical-align: top; width: 600px; padding: 0 8px 0 24px; margin-bottom: 10px; text-align: justify; border-right: 1px dotted #464664; }

#content ul li { list-style-image: none; }
#content ul { margin-top: 10px; margin-left: 35px; }
#content ol li { list-style: decimal; }

.post { }
.edit { float: right; padding-right: 5px; font-size: 11px; font-weight: normal; }
.post-header { width: 100%; padding: 0 3px 0 3px; }
.post-on { float: left; }
.post-comment { float: right; padding-right: 5px; font-weight: normal; }
.entry { clear: both; font-size: 115%; text-align: justify; padding: 10px 3px 5px 3px; }

/* === Page/Post Navigation === */

.page-nav { clear: both; height: 22px; margin: 15px 0 5px 0; }
.previous-entries a { float: left; padding-left: 25px; width: 60px; height: 20px; display: block; background: url(images/prev.gif) no-repeat left center; }
.next-entries a { float: right; padding-right: 25px; width: 60px; height: 20px; display: block; text-align: right; background: url(images/next.gif) no-repeat right center; }

.post-nav { clear: both; margin-top: 5px; padding-bottom: 25px; font-size: 95%; }
.post-nav .previous a { float: left; padding-left: 20px; display: block; height: 15px; background: url(images/prev_post.gif) no-repeat left center; vertical-align: middle; }
.post-nav .next a { float: right; padding-right: 20px; text-align: right; display: block; height: 15px; background: url(images/next_post.gif) no-repeat right center; vertical-align: middle; }

/* === Comments === */

.comment { clear: both; color: #467878; text-align: right; padding-bottom: 15px; }

#commentform #author, #commentform #email, #commentform #url, #commentform textarea { background: #fefefe; border: 1px solid #467878; color: #467878; }
#commentform input { margin-bottom: 5px; }
#commentform textarea { width: 99%; }
#commentlist li ul { border-left: 1px solid #ddd; font-size: 110%; }

ol#commentlist li { list-style: decimal; }
input#s { width: 158px; border: 1px solid #467878; color: #467878; }
select { background: #fefefe; border: 1px solid #467878; color: #467878; }

/* === Sidebar === */ 

#sidebar { float:left; display:inline; vertical-align: top; width: 230px; margin-bottom: 10px; padding: 0 23px 0 8px; font-size: 11px; }
#sidebar ul ul { padding-bottom: 10px; margin-left: 16px; }
#sidebar ul ul li { list-style-image: url(images/bullet.gif); }

/* === Footer === */

#tag-cloud { clear: both; margin: 7px 0 3px 24px; width: 842px; padding: 5px; text-align: center; border-top: 5px solid #d0d0d0; } /* background-color: #dcdcdc;  */
#footer { width: 957px; height: 50px; clear:both; margin: 0 auto; padding-top: 10px; color: #464646; text-align: center; background: #f0f0f0 url(images/footer.jpg) no-repeat; }

/* === Weather Graph === */

.graph { margin-left:70px; width: 360px; text-align:center; font-size:85%; padding: 0; }
.graph td { vertical-align:top; }
.graph-area { width:38px; position:relative; padding:0; margin:0; z-index:10; }
.graph-x { width:38px; height:0; position:absolute; left:0; border-top: solid 1px gray; padding:0; margin:0; z-index:9; }
.graph-xx { width:38px; height:0; position:absolute; left:0; border-top: dashed 1px gray; padding:0; margin:0; z-index:5; }
.graph-m { border-top: 1px solid gray; }
.graph-d { left:8px; width:30px; background:#c0c0c0; position:absolute; z-index:7; }
.graph-dd { left:8px; width:25px; background:#c0c0c0; position:absolute; z-index:7; }
.graph-dc { left:13px; width:25px; background:#9c9c9c; position:absolute; z-index:8; }

.graph-d2 { background:#c0c0c0; width:200px; text-align: center; font-weight: bold; padding: 2px; }
.graph-dc2 { background:#9c9c9c; width:200px; text-align: center; font-weight: bold; padding: 2px; }
.graph-p2 { text-align: center; border: 1px solid gray; padding: 10px; }

/* === Rankings Tables === */

ul.top { margin-left: 0px; list-style-type:none; text-align: left; }
ul.top li { margin-left: 0px; list-style-type:none; }

.rank-2 { border:0;width:100%;padding:0; }
.rank-2 td { text-align:left;vertical-align:top; }

.rank-21 { width:100%;margin-left:10px;border:0; }
.rank-21 td { text-align:left;vertical-align:top; }

.rank-22 { width:100%;margin-left:10px; border-left:3px solid #dcdcdc; }
.rank-22 td { text-align:left;vertical-align:top; }

td.rank-no { text-align:right;vertical-align:top; color:#808080; }

/* === Y Box === */

.yb { overflow:hidden; }
.yb11 { height:5px; padding:0 0 0 5px; background:url(images/yb11.gif) no-repeat left top; }
.yb1 { height:5px; background:url(images/yb1.gif) repeat-x; }
.yb12 { height:5px; padding:0 8px 0 0; background:url(images/yb12.gif) no-repeat right top; }
.yb32 { padding-right:4px; border-left:1px solid #fdd49e; background:url(images/yb32.gif) repeat-y right; }
.yb3 { padding:5px 5px 5px 5px; background:#fffdf8 url(images/yb3.gif) repeat-x bottom; }
.yb21 { height:9px; padding:0 0 0 5px; background:url(images/yb21.gif) no-repeat; }
.yb2 { height:9px; background:url(images/yb2.gif) repeat-x; }
.yb22 { height:9px; padding:0 8px 0 0; background:url(images/yb22.gif) no-repeat right top; }

/* === DIV Fix === */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */