/*
Theme Name: Cityism Custom Theme
Theme URI: http://wordpress.org/
Description: Custom theme by <a href="http://creativepickle.com">CreativePickle</a>.
Version: 1.0
Author: CreativePickle
Author URI: http://creativepickle.com/
Tags: 


*/



/* Begin Typography & Colors */

html, body {
	border:0;
	margin:0;
	padding:0;
}
body {
	font:100%/1.25 arial, helvetica, sans-serif;
}
/***** Common Formatting *****/
 
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-weight:normal;
}
h1 {
	padding:30px 0 25px 0;
	letter-spacing:-1px;
	font:2em arial, helvetica, sans-serif;
}
h2 {
	padding:20px 0;
	letter-spacing:-1px;
	font:1.5em arial, helvetica, sans-serif;
}
h3 {
	font:1em arial, helvetica, sans-serif;
	font-weight:bold;
}
p, ul, ol {
	margin:0;
	padding:0 0 18px 0;
}
ul, ol {
	list-style:none;
	padding:0 0 0 40px;
}
blockquote {
	margin:22px 40px;
	padding:0;
}
small {
	font-size:0.85em;
}
img {
	border:0;
}
sup {
	position:relative;
	bottom:0.3em;
	vertical-align:baseline;
}
sub {
	position:relative;
	bottom:-0.2em;
	vertical-align:baseline;
}
acronym, abbr {
	cursor:help;
	letter-spacing:1px;
	border-bottom:1px dashed;
}
/***** Links *****/
 
a, a:visited {
	text-decoration:none;
}
/***** Forms *****/
 
form {
	margin:0;
	padding:0;
	display:inline;
}
input, select, textarea {
	font:1em arial, helvetica, sans-serif;
}
textarea {
	line-height:1.25;
}
label {
	cursor:pointer;
}
/***** Tables *****/
 
table {
	border:0;
	margin:0 0 18px 0;
	padding:0;
}
table tr td {
	padding:2px;
}

/************STYLES**********/

html, body, #container {height: 100%;}

body > #container {height: auto; min-height: 100%;}

#container{
position:relative;}

body{
background:#a1e1f9 url(images/bg.png) repeat-x 0 0;}

#main {
padding:20px 0 200px 20px;
width:1020px;
margin:0px auto;
position:relative;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -200px; /* negative value of footer height */
	height: 200px;
	clear:both;
	background:url(images/footer_bg.png) repeat-x 0 0;} 

#clouds{
background:url(images/header_bg.png) repeat-x 0 0;
width:100%;
height:300px;
position:absolute;
z-index:-1;}

#cloud_front{
background:url(images/cloud_front.png) repeat-x 0 0;
width:100%;
height:300px;
position:absolute;
z-index:0;}

#bat{
height:50px;
width:80px;
background:url(images/bat.png) no-repeat 0 0;
position:absolute;
z-index:0;
}

#bat2{
height:50px;
width:80px;
background:url(images/bat.png) no-repeat 0 0;
position:absolute;
z-index:0;
left:700px;
top:20px;
}

#bat3{
height:50px;
width:80px;
background:url(images/bat2.png) no-repeat 0 0;
position:absolute;
z-index:0;
left:1000px;
top:30px;
}

#header{
height:210px;
position:relative;}

#content{
position:relative;
width:700px;
color:#FFFFFF;
font-family: "palatino linotype",palatino,serif;
font-size: 15px;
}

#content.sub{
width:650px;
float:left;
}

#sidebar{
width:250px;
float:left;
color:#FFFFFF;
font-family: "palatino linotype",palatino,serif;
margin:0 0 0 45px;}

#splash{
clear:both;
width:800px;
height:500px;
margin:0px auto;
padding-top:60px;
text-align:center;
color:#FFFFFF;
font-family: "palatino linotype",palatino,serif;
font-size: 15px;}

a{
outline:none;
}
a:active, a:link, a:visited{
color:#2491bc;
}

a:hover{
color:#79a745;}

div.posttext img{
border:4px solid #fff;}

/****IMAGE STYLES********/

img.logo{
float:left;}

/******HEADER STYLES******/

h1{
font-family: "museo-slab-1", times, serif;
font-size:36px;
color:#FFFFFF;
padding:0 0 11px 0;}

h1.blogtitle{
font-family: "museo-slab-1", times, serif;
padding:10px 0 0 0;}

h2{
font-family: "museo-slab-1", times, serif;
font-size:22px;
color:#FFFFFF;
padding:12px 0 12px 0;}

h3{
font-family: "museo-slab-1", times, serif;
font-size:18px;
color:#79a745;
padding:0px 0 8px 0;}

.tooltip h2{
text-align:left;
font-family: "museo-slab-1", times, serif;
font-size:22px;
color:#FFFFFF;
padding:0px 0 6px 0;
*padding-bottom:0px;}


h2.prodtitles{
font-family: "museo-slab-1", times, serif;
font-size:19px;}
/*****PARAGRAPH STYLES*****/

#date{
font-family: "museo-slab-1", times, serif;
text-align:center;
height:80px;
background:url(images/circles.png) no-repeat 0 0;
float:left;
width:80px;
margin:0 15px 12px 0;}


div.post{
margin-bottom:25px;
padding-top:15px;}

p.month{
margin:0 0 0 0;
text-transform:uppercase;
font-size:12px;
padding:11px 0 0 2px;}

p.day{
margin:-5px 0 0 2px;
font-size:24px;
padding:0 0 0px 0;}

p.year{
margin:-5px 0 0 2px;
font-size:13px;
padding:0 0 0 0;}

#date.Uncategorized{
background-position:0 0;}

#date.Culture{
background-position:0 -80px;}

#date.Sports{
background-position:0 -160px;}

#date.Location{
background-position:0 0px;}

#date.History{
background-position:0 -240px;}

p.learn{
height:35px; 
width:160px;
padding:0 0 0 0;
margin:10px 5px 0 0;
}
p.learn a {
display:block;
height:35px; 
width:160px;
background:transparent url(navigation.png) no-repeat 0 0;
text-indent:-9009px;
outline:none;
}

p.learn {
background:url(images/learn_btn.png) no-repeat 0 0;}
p.learn:hover{
background-position:0 -35px;}

p.checkout{
position:absolute;
bottom:-65px;
left:0;
height:48px; 
width:220px;
padding:0 0 0 0;
}
p.checkout a {
display:block;
height:48px; 
width:220px;
background:transparent url(navigation.png) no-repeat 0 0;
text-indent:-9009px;
outline:none;
}

p.checkout {
background:url(images/checkout_btn.png) no-repeat 0 0;}
p.checkout:hover{
background-position:0 -48px;}

p.proceed{
height:35px; 
width:160px;
padding:0 0 0 0;
margin:10px 5px 0 0;
}
p.proceed a {
display:block;
height:35px; 
width:160px;
background:transparent url(navigation.png) no-repeat 0 0;
text-indent:-9009px;
outline:none;
}

p.proceed {
background:url(images/proceed.png) no-repeat 0 0;}
p.proceed:hover{
background-position:0 -35px;}

p.read{
height:35px; 
width:160px;
padding:0 0 0 0;
margin:6px 0 30px 0;
}
p.read a {
display:block;
height:35px; 
width:160px;
background:transparent url(navigation.png) no-repeat 0 0;
text-indent:-9009px;
outline:none;
}

p.read {
background:url(images/read_more.png) no-repeat 0 0;}
p.read:hover{
background-position:0 -35px;}

p.plane{
height:70px; 
width:285px;
padding:0 0 0 0;
margin:0 0 0 0;
float:left;
position:absolute;
left:710px;
top:0px;
}
p.plane a {
outline:none;
display:block;
height:70px; 
width:285px;
background:transparent url(navigation.png) no-repeat 0 0;
text-indent:-9009px;
}

p.plane {
background:url(images/plane.png) no-repeat 0 0;}
p.plane:hover{
background-position:0 -70px;}

p.twitter{
height:105px; 
width:131px;
padding:0 0 0 0;
margin:0 0 0 0;
position:absolute;
left:833px;
top:-12px;
z-index:99;
}
p.twitter a {
outline:none;
display:block;
height:105px; 
width:131px;
background:transparent url(navigation.png) no-repeat 0 0;
text-indent:-9009px;
}

p.twitter {
background:url(images/twitter_btn.png) no-repeat 0 0;}
p.twitter:hover{
background-position:0 -105px;}

p.sun{
width:125px;
height:125px;
position:absolute;
z-index:-1;
background:url(images/sun.png) no-repeat 0 0;
top:15px;
right:20px;}

p.answer{
position:relative;
height:65px; 
width:61px;
padding:0 0 0 0;
margin:0px auto;
margin-top:3px;
}
p.answer a {
outline:none;
display:block;
height:65px; 
width:61px;
background:transparent url(navigation.png) no-repeat 0 0;
text-indent:-9009px;
}

p.answer {
background:url(images/answer.png) no-repeat 0 0;}
p.answer:hover{
background-position:0 -65px;}

p.wp-caption-text{
font-style:italic;
font-family: "museo-slab-1", times, serif;
font-size:12px;
color:#79a745;
}


/*****LIST STYLES*********/

ul.nav{
list-style:none;
padding:0 0 0 0;
margin:0 0 0 0;
width:470px;
height:80px;
position:absolute;
top:50px;
left:500px;
}

ul.nav li{
height:80px;
float:left;
padding:0 0 0 0;
margin:0 0 0 0;
}

ul.nav li a {
display:block;
height:80px; 
min-width:99px;
background:transparent url(navigation.png) no-repeat 0 0;
text-indent:-9009px;
outline:none;
}

ul.nav li.purchase{
width:132px;
background:url(images/nav/purchase.png) no-repeat 0 0;}


ul.nav li.about{
width:106px;
background:url(images/nav/about.png) no-repeat 0 0;}


ul.nav li.blog{
width:99px;
background:url(images/nav/blog.png) no-repeat 0 0;}


ul.nav li.contact{
width:123px;
background:url(images/nav/contact.png) no-repeat 0 0;}

ul.nav li:hover{
background-position:0 -80px;}	

ul.widgets{
list-style:none;
padding:0 0 0 0;
margin:0 0 0 0;}

ul.widgets ul{
list-style:none;
padding:5px 0 15px 0;
margin:0 0 0 0;}

ul.widgets ul li{
min-height:25px;
background:url(images/bullet.png) no-repeat 0 0;
margin:0 0 8px 0;
padding:0 0 0 25px;}

ul.widgets ul li:hover{
background:url(images/bullet_blue.png) no-repeat 0 0;
}

ul.circles{
clear:both;
list-style:none;
padding:0px 0 40px 0;
margin:0 0 0 0;
text-align:center;}

ul.circles li{
margin:0 24px 0 0;
float:left;
width:305px;
height:340px;}

ul.circles li h4{
font-family: "museo-slab-1", times, serif;
color:#fff;
width:205px;
margin:170px 0 0 50px;
*margin-left:0px;
font-size:15px;
}

ul.circles li h4.top{
color:#fff;
width:205px;
margin:110px 0 0 50px;
*margin-left:0px;
}

ul.circles li.capitol{
background:url(images/circles/capitol.png) no-repeat 0 0;}

ul.circles li.springs{
background:url(images/circles/springs.png) no-repeat 0 0;}

ul.circles li.bridge{
background:url(images/circles/bridge.png) no-repeat 0 0;}


/********FORMS********/

input.searchBtn{
cursor:default;
margin:8px 0 12px 0;
background:url(images/search_btn.png) no-repeat 0 0;
height:25px;
width:81px;
border:none;
display:inline;}

input.searchBtn:hover{
cursor:pointer;
height:25px;
width:81px;
background-position:0 -25px;}


input#s{
margin:0 0 0 0 0;
font-family:"Palatino",Georgia, "Times New Roman", Times, serif;
color:#9a9996;
font-size:13px;
width:250px;
display:inline;
}

.with_frm_style .form-field label.frm_pos_top, .with_frm_style .form-field label.frm_pos_{
font-family: "museo-slab-1", times, serif;
color:#FFFFFF;
padding:0 0 8px 0;
font-size:24px;}

.with_frm_style .form-field .frm_radio label, .with_frm_style .form-field .frm_checkbox label{
font-family: "museo-slab-1", times, serif;
color:#FFFFFF;
font-size:15px;
}

div.form-field input{
font-family:"Palatino",Georgia, "Times New Roman", Times, serif;
color:#9a9996;
background:#FFFFFF;
padding:4px;
}

.with_frm_style .form-field textarea{
font-family:"Palatino",Georgia, "Times New Roman", Times, serif;
color:#9a9996;}

tr.firstrow h3{
font-size:13px;
color:#FFFFFF;
font-family: "museo-slab-1", times, serif;
}

td.shipping_header{
background:none;}

tr.total_price h3{
font-family: "museo-slab-1", times, serif;
}

p.blue{
color:#2491BC;}

img.avatar{
float:left;
margin:0 0 0 0;
padding:0 0 0 0;}

/***COMMENTS***/

ol.commentlist{
padding:20px 0 0 0;}

h2.comments{
color:#2491bc;}

ol.commentlist li{
padding:0 0 0 0;}

div.comment-author.vcard{
padding:0 0 0 0;
margin:0 0 0 0;}

div.comment-author.vcard h3{
float:left;
padding:8px 0 0 15px;}

div.reply{
padding:20px 0 0 0;}

div.commentmetadata{
font-family: "palatino linotype",palatino,serif;
font-size: 15px;
clear:both;
color:#2491bc;}

div.comment-body p{
color:#FFFFFF;
font-family: "palatino linotype",palatino,serif;
font-size: 15px;
clear:both;}

#respond h3{
clear:both;
padding:0 0 0 0;}

.with_frm_style .submit input[type="submit"], .frm_form_submit_style, #splash input[type="submit"]{
cursor:default;
margin:10px 0 20px 0;
background:url(images/send_btn.png) no-repeat 0 0;
height:35px;
width:160px;
float:left;
border:none;
text-indent:-9999px;}

#splash input[type="submit"]{
	margin:0px auto;
	float:none;}

#splash fieldset{
	border:none;}
	
#splash label{
	display:none;}

.with_frm_style .submit input[type="submit"]:hover, .frm_form_submit_style:hover, #splash input[type="submit"]:hover{
cursor:pointer;
height:35px;
width:160px;
background-position:0 -35px;}

input#submit{
cursor:default;
margin:10px 0 20px 0;
background:url(images/submit_btn.png) no-repeat 0 0;
height:35px;
width:160px;
float:left;
border:none;
text-indent:-9999px;}

input#submit:hover{
cursor:pointer;
height:35px;
width:160px;
background-position:0 -35px;}

textarea#comment{
font-family:"Palatino",Georgia, "Times New Roman", Times, serif;
color:#9a9996;
padding:8px;
width:550px;}

form#commentform label{
font-family: "museo-slab-1", times, serif;
color:#79a745;
font-size:16px;
padding:0 0 0 8px;}

form#commentform input{
font-family:"Palatino",Georgia, "Times New Roman", Times, serif;
color:#9a9996;
padding:3px;}

/* a .label element inside tooltip */

.tooltip {
text-align:left;
display:none;
background:url(images/bubble.png) no-repeat 0 0;
height:118px;
padding:8px 30px 10px 20px;
width:185px;
font-size:11px;
color:#fff;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
.tooltip {margin-left: 120px;}
}


.tooltip a {
display:block;
text-align:left;
}



.alignleft{
float:left;
margin:0 20px 20px 0;}

.alignright{
float:right;
margin:0 0 20px 20px;}
	
p{
padding:6px 0 6px 0;}


div .tooltip p{
padding:3px 0 3px 0;}
/* CLEAR FIX*/
.clear{
clear:both;}

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