/*  
Theme Name: albanyalive
Theme URI: http://albanyalive.com
Description: 
Version: 1.0
Author: Erik Straub
Author URI: http://erikstraub.com

*/


/* HTML Elements */
*{ margin: 0; padding: 0; }
body{ font: 100% Arial, Helvetica; background: #FFF; color: #333; }
p{ margin: 15px 0; }
a:link, a:visited{ color: #B71F25; text-decoration: none }
a:hover, a:active{ color: #B71F25; text-decoration: underline; }
a img{ border: 0; }
code{ font: 1.0em 'Courier New', Courier, Fixed; background: #ececec; }
acronym, abbr, span.caps{ font-size: 0.9em; letter-spacing: .07em; cursor: help; }
acronym, abbr{ border-bottom: 1px dashed #999; }
blockquote{ padding: 10px 10px 0 10px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;  background: #eee; font: 1.0em Arial; line-height: 1.5em; margin: 10px 0px; }
select { width: 130px; }


/* Structure */
#head{ width: 960px; margin: 0px auto; margin-top: 15px; padding: 0px;  font-size: 0.7em; background-image:url('images/skyline.png');background-position:801px -5px;background-repeat:no-repeat; }
#page { width: 940px; margin: 0px auto; padding: 10px; background: #ececec; font-size: 0.7em;}
.left, .alignleft { float: left; }
.right, .alignright {  float: right; }


/* Navigation Bar*/
#navbar { margin: 0 auto; margin-top: 15px; padding: 0px 10px; text-transform: uppercase; background: #2c2c2c url(images/navbar.png); height:35px;}
#page-bar { width: 722px; z-index: 1000; }
#page-bar ul { list-style: none; }
#page-bar li { float: left; list-style: none; cursor: pointer; display: block; border-right: 1px solid #333; }
#page-bar li:hover { background: #B71F25; }
#page-bar a, #page-bar a:visited { margin: 0px; padding: 10px 16px; font-weight: bold; color: #FFF; display: block; }
#page-bar a:hover { text-decoration: none; display: block; }
#searchform { width: 194px; float: right; text-align: right; padding-top: 8px; margin-right: 10px; }


/* Dropdown Menus */		
#page-bar li { float: left; margin: 0px; padding: 0px; }
#page-bar li li { float: left; margin: 0px; padding: 0px; width: 122px; text-transform: none; z-index:1000;}
#page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited { background: #2B2B2B; width: 122px; float: none; margin: 0px; padding: 5px 10px 5px 18px; border-top: 1px solid #C0C0C0; z-index: 1000; }
#page-bar li li a:hover, #page-bar li li a:active { background: #666666; padding: 5px 10px 5px 18px; }
#page-bar li ul { position: absolute; width: 10em; left: -999em; }
#page-bar li:hover ul { left: auto; display: block; z-index: 1000;}
#page-bar li:hover ul, #page-bar li.sfhover ul { left: auto; }


/* Text*/
h1 { font: 3.5em Arial; font-weight: bold; letter-spacing: -0.08em; }
h2 { font: 2.3em Georgia, "Times New Roman"; }
h3 { font: 1.3em Arial; margin-bottom: 3px; color: #B71F25; font-weight: bold; }
h4 { font: 1.0em Arial; }
h3.cat_title, h3.cat_title a { color: #333; letter-spacing: -0.05em; font-size: 0.85em; }
h3#respond { margin-top: 0; padding: 0; }
h3#comments { margin-top: 32px; padding-left: 0px; }
h3.authors { margin-top: 15px; }

/* 404 PAGE */
span.event_date { display:block; font-weight:bold; color:#333; }


/* Index Page*/
#logo { width: 350px; }
#tagline { margin-top: 5px; font-size: 1em; color: #333; }
#top { padding: 0; }
#headline { width: 590px; float: left; background: #fff; padding: 10px; font-size: 1.05em; line-height: 1.5em; margin: 0; }
#headline  div.title { font-weight: bold; font: 2.4em Georgia; letter-spacing: -0.05em; display: block; padding-bottom: 5px; }
#headline div.meta { display: block; margin-top: -5px; padding-bottom: 2px; }
#headline p { padding-bottom: 15px; text-align:justify; }
#featured { width: 300px; background: #fff; float: right; padding: 10px 10px 9px 10px; }
#featured #more_events { display: block; margin-top: 10px;}
#featured .clearfloat { margin-top: 7px; margin-bottom: 8px; }
#featured .info { margin-top: 5px; padding-top: 5px; float: right; width: 180px; }
#featured .title { font-weight: bold; }
#headline a img, #featured a img { border: 1px solid #ccc; margin-top: 5px; margin-right: 10px; padding: 2px; }
#middle { width: 920px; background: #fff; float: right; padding: 10px; margin: 10px 0; }
#middle .category { /*width: 184px; float: left; border-top: 8px solid #333; margin: 0px; padding: 5px 10px 10px 10px; background: #fff;*/ }
#middle .category p { margin: 0; }
#middle #cat-1,#middle #cat-3,#middle  #cat-5 { /*border: 4px solid #333333;*/ background:#333333; color:white; }
#middle #cat-2,#middle #cat-4 { /*border: 8px solid #B71F25;*/ background: #B71F25; color:white; }
#middle p.cat_title a { padding: 5px; }
#middle #cat-1 p.cat_title a,#middle #cat-3 p.cat_title a,#middle #cat-5 p.cat_title a { color: white; }
#middle #cat-2 p.cat_title a,#middle #cat-4 p.cat_title a { color: white; }
#middle .category span.cat_title, #front-popular h3, #front-list .cat_title, #archive .cat_title { text-transform: lowercase; margin: 0; font-weight: bold; font-size: 1.5em; letter-spacing: -0.05em; }
#front-popular h3 { color: #fff; }
#middle .category a { color: #333; display: block; background: none; }
#middle .category a:hover { background: none; color: #fff; text-decoration: none; }
/*#cat-1:hover, #cat-3:hover, #cat-5:hover { background: #333333; color: #fff; }
#cat-2:hover, #cat-4:hover { background: #B71F25; color: #fff; }
#cat-1:hover a, #cat-3:hover a, #cat-5:hover a { background: #333333; color: #fff; }
#cat-2:hover a, #cat-4:hover a { background: #B71F25; color: #fff; }*/
#bottom { width: 940px; }
#front-list { width: 590px; background: #fff; padding: 10px; font-size: 1.05em; line-height: 1.75em; float: left; }
#archive { padding-top: 15px; font-size: 1.05em; line-height: 1.75em; }
#front-list blockquote { padding: 0px 10px 0 10px; }
#front-list .title, #archive .title { font-weight: bold; font: 2.0em Georgia; letter-spacing: -0.05em; }


	/* RECENT EVENTS STYLING */
#middle .captionfull .boxcaption { top: 144px; left: 0; }
/*.caption .boxcaption { top: 120; left: 0; }*/
#middle .boxgrid{ width: 184px; height: 134px; overflow: hidden; position: relative; float:left; }
#middle .boxgrid img{ position: relative; top: 0; left: 0; border: 0; width: 184px; }
#middle .boxcaption{ float: left; position: absolute; background: #000; height: 54px; width: 184px; opacity: .8;
	/* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}


#front-list .clearfloat, #archive .clearfloat {
padding-bottom: 10px;
border-bottom: 1px dotted #ccc;
margin-bottom: 10px;
}

#front-list .spoiler, #archive .spoiler {
display: block;
margin-top: 3px;
}

#front-list p, #archive p {
margin: 0px;
padding: 0px;
}

.author {
font-size: 0.8em;
font-weight: bold;
}

.meta {
font-size: 0.9em;
color: #333;
}

.meta span.event-date { color:#B71F25; /*font-size:1.1em;*/ }

.meta a {
color: #333;
}

#headline p, #featured p {
margin: 0;
}


/* Content Page*/

#content {
width: 590px;
background: #fff;
padding: 10px;
font-size: 1.05em;
line-height: 1.75em;
float: left;
min-height: 400px;
}

#content .breadcrumbs, #content .breadcrumbs a {
font-weight: bold;
color: #333;
}

#content h2.title {
font: 2.2em Georgia;
font-weight: bold;
letter-spacing: -0.05em;
border-bottom: 1px solid #ddd;
border-top: 3px solid #ddd;
padding: 5px 0px;
}

#content .wp-caption-text { font-style: oblique; font-size: 0.8em; margin-top: 0;}
.post {
font-size: 1.05em;
line-height: 1.75em;
}

.post p {
margin-top: 0px;
}
.clear {
	clear:both;
}
.post .clearfloat {
border-bottom: 1px dotted #ccc;
margin: 10px 0px;
}

.post ul, .post ol, #front-list ul, #front-list ol {
margin-bottom: 15px;
}

.post ul li, #front-list ul li {
list-style: square;
margin-left: 30px;
}

.post ol li, #front-list ol li {
list-style: decimal;
margin-left: 30px;
}

.post ol li ul li, #front-list ol li ul li {
list-style: square;
margin-left: 20px;
}

.post img, .post a img, #front-list img, #archive img {
border: 1px solid #ccc;
margin: 0 10px 5px 0;
padding: 2px;
}

.post .abox {
margin-top: 10px;
}

.entry {
margin-top: 20px;
}

#stats {
margin-top: 0px;
padding: 4px 0px;
text-transform: uppercase;
font: 0.8em Arial;
display: block;
}

#stats span {
padding: 0px 20px 0px 0px;
}

#stats span.event-date { color:#B71F25; }

#stats span a:hover {
background: none;
}

#stats span a {
color: #333;
}

#stats img, #nav img {
border: 0px;
margin: 0px;
padding: 0px;
}

#tools {
width: 590px;
font-size: 0.95em;
}

#tools a:hover {
background: none;
}

.navigation {
padding: 5px 0px;
text-align: Center;
}

/* Sidebar*/
#aboxpacer{
width:20px;
}

.sidebar-social li { font-size: 1.2em; }

#sidebar {
width: 320px;
float: right;
margin: 0px 0px 0px 0px;
}

#sidebar h3 {
font: 1.1em Arial;
font-weight: bold;
background: #333;
color: #fff;
margin: 10px 0px 5px 0px;
padding: 3px 10px;
}

#sidebar-top, #sidebar-bottom {
width: 300px;
float: right;
padding: 0px 10px 10px 10px;
background: #fff;
}

#sidebar-bottom, #sidebar-middle {
margin-top: 10px;
}

#sidebar-middle {
width: 320px;
float: right;
}

#sidebar-left {
width: 135px;
padding: 0px 10px 10px 10px;
float: left;
background: #fff;
}

#sidebar-right {
width: 135px;
padding: 0px 10px 10px 10px;
float: right;
background: #fff;
font-size: 1.2em;
}


#sidebar li {
list-style: none;
border-bottom: 1px dotted #ccc;
display: block;
padding: 2px 0px 2px 13px;
background: url(images/sub.png) no-repeat 0 0px;
}

#sidebar li ul li:last-child {
list-style: none;
border-bottom: 0px dotted #ccc;
display: block;
padding: 2px 0px 0px 13px;
background: url(images/sub.png) no-repeat 0 0px;
}

#sidebar-abox {
width: 300px;
float: right;
margin-bottom: 10px;
padding: 10px;
background: #fff;
}

#sidebar-abox #abox-right { float:right; }
#sidebar-abox #abox-left,#sidebar-abox #abox-right { margin:0; padding:0; width:150px; }
#sidebar-top #twitter-img { text-align: center; margin:10px 0 0 0; }

/* Events Page */
#events-content { width: 590px; float: left; background: #fff; padding: 10px; font-size: 1.05em; line-height: 1.5em; margin: 0; }
#events-content h2.title { font: 2.2em Georgia; font-weight: bold; letter-spacing: -0.05em; border-bottom: 1px solid #ddd; border-top: 3px solid #ddd; padding: 5px 0px; }
#events-content #upcoming-events a img { border: 1px solid #ccc; margin-top: 5px; margin-right: 10px; padding: 2px; }
#events-content .info { margin-top: 5px; padding:2px; }
#events-content .info .cat { float: right; }
#events-content .info .cat a { font-weight:bold; color:#333; }

#past-events .captionfull .boxcaption { top: 195px; left: 0;}
#past-events .boxgrid{ margin:0; padding:0; width: 195px; height: 135px; overflow: hidden; position: relative; float:left; border:none; }
#past-events .boxgrid a { border:none; }
#past-events .boxgrid img{ margin:0; position: relative; top: 0; left: 0; border: 0; width: 195px; height:135px; }
#past-events .boxcaption{ float: left; position: absolute; background: #000; height: 80px; width: 195px; opacity: .8;
	/* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
#past-events .category p { margin: 0; padding:0;}
#past-events .category { /*border: 4px solid #333333;*/ background:#B71F25; color:white; }
#past-events .cover { top:195px;}
/*#past-events .cover, #past-events .boxcaption { width: 195px; }*/
#past-events p.cat_title a { padding: 5px; color: white; text-decoration: none; text-transform: lowercase; margin: 0; font-weight: bold; font-size: 0.9em; letter-spacing: -0.05em; display: block; }

/* BUSINESS PAGE */
div#business_logo{
	float:left;
	margin: 20px 20px 20px 0;
}
div#contact_info{
	float:left;
	margin:20px 0 20px 20px;
}
div#contact_info h4{
	font-weight:bold;
	color:#B71F25;
}
div#business-sidebar-top {
	width: 300px;
	float: right;
	padding: 10px;
	background: #fff;
}
div#business-sidebar-middle{
	width: 320px;
	float: right;
	margin:10px 0;
}
div#business-sidebar-middle div#sidebar-left, div#business-sidebar-middle div#sidebar-right {
	padding:10px;
}
div#business-sidebar-middle div#sidebar-left div#twitter_share, div#business-sidebar-middle div#sidebar-right div#facebook_share {
	width:55px;
	margin:0 auto;
}
div#business-sidebar-coupon {
	margin:10px 0 0 0;
	width:300px;
	float:right;
	padding:10px;
	background:#fff;
}
div#business-sidebar-bottom {
	width:300px;
	float: right;
	padding: 0 10px 10px;
	background: #fff;
}
div#past-events h3 {
	margin:0 0 10px 0;
	color:#fff;
	background:#333;
	padding:3px 5px;
}
div#past-events div#event-list ul {
	margin: 10px 0 0 0;
}
div#past-events div#event-list ul li {
	list-style:none;
	margin:5px 0;
	height:75px;
}
div#event-list h3 {
	margin:10px 0 0 0;
}
div#event-list ul li img {
	float:left;
	margin:0 10px 0 0;
}
div#event-list ul li a {
	font-size: 14px;
}
div#event-list span.date {
	font-weight:bold;
	display:block;
}
div#event-list span.date {
	display:block;
}
div#event-list span.image_link {
	width:85px;
	height:75px;
	float:left;
}
div.business_listing {
	padding-top:15px;
}
div.business_listing p {
	margin:5px 0;
}
div.business_listing img {
	float:left;
	margin-right:15px;
	margin-bottom:15px;
}

/* Form Elements */

select {
border: 1px solid #333;
width: 100%
}
	
.field {
padding: 2px;
border: 1px solid #333;
background: #fff;
font-size: 1.0em;
}

#s {
padding: 1px;
font-size: 1.0em;
width: 150px;
}
	
#searchsubmit {
padding-left: 5px;
}

#commentform input {
width: 140px;
margin: 5px 5px 1px 0;
}

#commentform textarea {
width: 99%;
margin-top: 5px;
}



/* Comments*/

.commentlist cite {
font-style: normal;
margin-bottom: 4px;
display: block;
}

.commentlist blockquote {
background: #ededed;
}
			
.commentlist li {
padding: 10px 0px 10px 0px;
list-style: none;
margin-bottom: 3px;
}

.commentlist li li {
background: none;
border: none;
list-style: square;
margin: 3px 0 3px 20px;
padding: 3px 0;
}

.commenttext {
padding: 10px 10px 0px 10px;
background: #f2f2f2;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
width: 495px;
float: right
}
		
.commentlist cite strong {
font-size: 1.1em;
}
	
li.my_comment {
background: #FFF;
border: none;
}

li.my_comment cite strong {
font-size: 1.3em;
color: #313228;
}
	
#commentform small {
background: #FFF;
font-weight: bold;
padding: 0;
}
	
.commentmetadata {
color: #4d4d4d;
display: block;
margin-top: 3px;
text-align: right;
font-size: 0.9em;
}

.commentmetadata a, .commentmetadata a:visited {
color: #959382;
}
	
.commentlist small {
background: #e9e9e9;
}

.avatar {
border: 1px solid #bbb;
margin: 0px 10px 0px 0px;
float: left;
padding: 2px;
width: 55px;
height: 55px;
}

#comment {
width: 590px;
background: #fff;
}

/* Footer*/

#front-popular {
font-size: 0.7em;
color: #fff;
width: 940px;
background: #2c2c2c url(images/bottombar.png) bottom no-repeat;
margin: 0 auto;
padding: 10px;
}

#recentpost, #mostcommented {
width: 280px;
float: left;
padding: 10px;
border: 1px solid #fff;
}

#mostcommented {
margin-left: 17px;
}

#popular_posts {
width: 280px;
float: right;
padding: 10px;
border: 1px solid #fff;
}
#popular_posts li a { display: block; }
#popular_posts .post-stats { display: block; }

#recentpost a, #mostcommented a, #popular_posts a {
color: #fff;
}

#recentpost ul, #mostcommented ul, #popular_posts ul {
margin-top: 5px;
}

#recentpost ul li, #mostcommented ul li, #popular_posts ul li {
list-style: none;
border-top: 1px dotted #fff;
padding: 5px;
display: block;
}

#recentpost ul li:hover, #mostcommented ul li:hover, #popular_posts ul li:hover {
background: #B71F25;
color: #fff;
}

#recentpost ul li:first-child, #mostcommented ul li:first-child, #popular_posts ul li:first-child {
border-top: 0px dotted #fff;
}


#footer {
margin: 0 auto;
width: 960px;
font-size: 0.6em;
padding-top: 10px;
padding-bottom: 10px;
}


/* Float Properties*/

.clearfloat:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}


.clearfloat {
display: inline-block;
}


/* Hides from IE-mac \*/
* html .clearfloat {
height: 1%;
}

*+html .clearfloat {
height: 1%;
}

.clearfloat {
display: block;
}

