/*
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: 12px; background: #f0f0f0 none; color: #464664; text-align: center; margin:0;padding:0; }

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

h3 { font-size: 13px; text-align: left; }
h2 img { margin-top: -3px; }

hr { border: 1px solid #dcdcdc; }

img { border: 0 none; }
img.flag { border: 0 none; width: 18px; height: 12px; vertical-align: top; }
img.mapit { 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; }
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); }

form { display:inline; }
select { font-family: Tahoma, sans-serif; font-size: 12px; }

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

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

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

.table-top { width:100%; margin-top:0; margin-bottom:10px; padding: 10px; font-size: 12px; border-top:0; 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%; font-size: 12px; }

/* === Header === */

#page { width: 957px; background: #fff url(images/page.jpg) repeat-y; margin:0 auto; text-align:center; }
#header { width: 957px; height: 160px; background: url(images/header.jpg) no-repeat; overflow: visible; }

#header-area { width: 957px; height: 125px; overflow: visible; }
#header-title { padding: 15px 0 0 35px; 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:12px; padding:0 0 0 40px; text-align:left; font-weight: normal; }

#header-bar { }
#header-menu { padding-left: 40px; color: #464664; font-size:12px; text-align:left; font-weight: bold; }
#search-area { float:right; padding-right:85px; }
#search-field { width:165px; color: #333333; font-size:12px; padding:0px 1px 1px 5px; margin-right:2px; margin-top:0px; border:0; vertical-align:top; height: 18px; }
.search-image { width:20px; height:20px; }

/* === Content === */

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

#content ul li { list-style-image: none; }
#content ol li { list-style: decimal; }

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

/* === 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: 11px; }
.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 #dcdcdc; color: #467878; }
#commentform input { margin-bottom: 5px; }
#commentform textarea { width: 99%; }
#commentlist li ul { border-left: 1px solid #dcdcdc; font-size: 12px; }

blockquote { border-left: 3px solid #dcdcdc; margin-left: 15px; padding-left: 5px; }
cite { font-size: 11px; font-style: normal; }
ul#comments li p { font-size: 12px; }
ul#commentlist { margin-left:0; padding: 0 5px 0 5px; }
ul#commentlist li { list-style: none; list-style-position: inside; margin-left:0; padding-left:0; font-size: 12px; }
input#s { width: 158px; border: 1px solid #dcdcdc; color: #467878; }
select { background: #fefefe; border: 1px solid #dcdcdc; color: #467878; }

/* === Sidebar === */ 

#sidebar { float:right; vertical-align: top; width: 311px; margin-bottom: 10px; padding: 0 82px 0 8px; font-size: 12px; text-align:left; }
#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 #dcdcdc; }
#footer { width: 957px; height: 50px; clear:both; padding-top: 10px; color: #464646; text-align: center; background: #f0f0f0 url(images/footer.jpg) no-repeat; }

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

.graph { width: 365px; text-align:center; font-size: 11px; background: #f0f0f0; border-top: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; border-right: 4px solid #8b8989; border-bottom: 4px solid #8b8989; padding-right: 5px; }
.graph td { vertical-align:top; }
.graph-area { width:38px; position:relative; z-index:10; }
.graph-x { width:38px; height:0; position:absolute; left:0; border-top: solid 1px #dcdcdc; z-index:9; }
.graph-xx { width:38px; height:0; position:absolute; left:0; border-top: dashed 1px #dcdcdc; z-index:5; }
.graph-m { border-top: 1px solid #dcdcdc; }
.graph-d { left:8px; width:30px; position:absolute; z-index:7; }
.graph-dd { left:8px; width:25px; position:absolute; z-index:7; }
.graph-dc { left:13px; width:25px; position:absolute; z-index:8; }

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

.graph-d, .graph-dd, .graph-d2 { background: #b3d9ff; } /*first color #c0c0c0*/
.graph-dc, .graph-dc2 { background: #b3b3ff; } /*second color #9c9c9c*/

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

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

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

.rank-22 { width:100%; 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; }

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

/* === 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 */