/*
Theme Name: Engage Atlanta
Theme URI: http://www.aaronreimann.com
Description: This is the theme for engageatlanta.com
Version: 0.1
Author: Aaron Reimann
Author URI: http://www.aaronreimann.com/
Tags: based on 960
*/


/* pulling out all padding, probably done in initial.css, but redundancy in this case is ok */
* { 
	margin:0;
	padding:0;
}


body {
   text-align: left;
   font-family: 'Myriad Pro', Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 75.01%;
   /*line-height: 1em;*/
}

/*
set font size for all divs,
this overrides some body rules
*/
div {
   font-size: 1em;
}

/*
if img is inside "a" it would have 
borders, we don't want that
*/
img {
   border: 0;
}


/*****************
basic layout 
*****************/
body {
	color: #000;
	margin:0;
	background: #484848 url('images/site_bg.png') repeat-x scroll top left;
}
/* center wrapper, min max width */
div#pagewrapper {
	color: black;
	width:980px;  margin-left: auto; margin-right: auto; border: 0px;
}


/*** header ***
we will hide text and replace it with a image
we need to assign a height for it so that the image wont cut off
*/
#header-top {
	background: url('images/header_content_top_bg.png') no-repeat scroll top left;
	width: 980px;
	height: 21px;
}
#header {
	background: url('images/header_bg.png') no-repeat scroll top left;
	width: 980px;
	height: 127px;
}
div#headerHome {
	margin: 33px 0 0 49px;
	float: left;
}
div#headerHome h1 {
	background: url('images/logo_bg.png') no-repeat scroll top left;
	width: 168px;
	height: 94px;
}
div#headerHome h1 a {
	width: 168px;
	height: 94px;
	display: block;
	text-indent: -999em;
}
/*
div#menu { 
	background: url('images/menu_bg.png') no-repeat scroll top left; 
	width: 980px;
	height: 32px;
	padding: 0;
	float: left;
	list-style-type:none;
}

div#menu li {display:inline;}

div#menu li a {
	margin: 0 0 0 20px;
	font-size: 18px;
	color: #fff;	
	font-weight: bold;
	text-decoration: none;
	line-height: 22px;
	background: url('images/menu_bar_bg.png') no-repeat scroll top right;
	height: 25px;
	padding-bottom: 3px solid red;
}

div#menu li a:hover {
	color: #fff;	
}
*/
div#content {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff;
	min-height: 200px;
	clear: left;
}

div#main {
	margin-left: 0; /* this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width */
	margin-right: 0; /* and some air on the right */
	float: left;
}

div#sidebar {
   float: left;        /* set sidebar on the left side. Change to right to float it right instead. */
   width: 200px;     /* sidebar width, if you change this please also change #main margins */
   display: inline;  /* FIX IE double margin bug */
   margin-left: 0;
}

#bottom-box-group {
	padding: 0 0 0 16px;
	color: #000;
	font-size: 11px;
}
.bottom-box {
	background: url('images/box_bottom.png') no-repeat scroll top left;
	width: 220px;
	height: 89px;
	float: left;
	padding: 0 8px 0 8px;
}
#bottom-box-group h2 {
	padding: 6px 0 0 0;
	margin: 0 0 0 -10px;
	color: #213a4c;
	font-size: 16px;
	text-align: center;
}
#bottom-box-group .textwidget {
	padding: 6px 15px 0 0;
	color: #000;
	font-size: 11px;
}


div#footer {
	margin-left: auto;
	margin-right: auto;
	background: url('images/footer_bg.png') no-repeat scroll top left;
	width: 960px;
	height: 29px;
	color: #000;
}

div#footerText {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	color: #376762;
	text-align: center;
	line-height: 22px;
}
div#footerText a {
	color: #376762;
	text-decoration: none;
}


/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
   height: 1px;
   padding: 1em;
   border-bottom: 1px dotted black;
   margin: 1em;
}


/* TEXT */
p {
   font-size: 1em;
   margin: 0 0 1.5em 0; /* some air around p elements */
   line-height: 1.4em;
   padding: 0;
}

blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}
strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-family: "Courier New", Courier, monospace;
 font-size: 1em;
}

pre {
   border: 1px solid #000;  /* black border for pre blocks */
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;


}





/* END LISTS */


.recent-posts {

}



form {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	color: #213a4c;
}

h1 { font-size: 26px; }
h2 { font-size: 20px; }
h3 { font-size: 16px; }

p, ul, ol, blockquote {
	margin-top: 0;
	padding-top: 0;
	text-align: justify;
	line-height: 18px;
}
li {
	list-style: none;
}
a {
	color: #213a4c;
}

a:hover {
	text-decoration: none;
}

/* Post */

.post {
}

.post .title {
}

.post .title a {
	text-decoration: none;
	color: #FFFFFF;
}

.post .date {
	margin-bottom: 20px;
	font-size: 11px;
	font-weight: normal;
}

.post .date strong {
	font-weight: bold;
	color: #AAAAAA;
}

.navigation {
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

/* MENU */
#menu {
	background: url('images/menu_bg.png') no-repeat scroll top left; 
	width: 980px;
	height: 32px;
}

#menu ul {
	padding: 0px 0 0 0;
	list-style: none;
	margin: 0 0 0 20px;
}

#menu li {
	display: inline;
}
#menu li:hover {
	color: #fff;
}

#menu a {
	display: block;
	float: left;
	height: 29px;
	padding: 0px 12px 0 12px;
	text-decoration: none;
	font-size: 15px;
	line-height: 27px;
	font-weight: bold;
	color: #fff;
}

#menu a:hover {
	background: #EF8F18;
	color: #fff;
}


/* Search */
#search {
	float: right;
	width: 234px;
	padding: 32px 20px 0 0;
}

#search form {
	margin: 0;
	padding: 0;
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#s {
	width: 175px;
	background: #aaa;
	border: none;
}
#searchsubmit {
	height: 19px;
	background: #ef8f18;
	border: none;
	text-transform: lowercase;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}

/* Page */
#page {
	width: 904px;
	margin: 0 auto;
}



/* Calendar */
#calendar table {
	width: 100%;
}

#calendar thead th {
	text-align: center;
}

#calendar tbody td {
	text-align: center;
}

#next {
	text-align: right;
}

#prev {
	text-align: left;
}

#calendar a {
	font-weight: bold;
}

/* Content */
#content {

}

#comment {
	width: 460px;
}

.pagetitle {
	padding-bottom: 10px;
}



/* TWITTER */
.twitter_title_link {
	color: #fff;
	text-decoration: none;
}
.twitter-item li {
	padding: 8px 0 8px 0;
}
.twitter-item {
	padding: 8px 0 8px 0;
	border-bottom: 1px solid #333;
	text-align: left;
	line-height: 14px;
	font-size: 11px;
}




#suckerfishnav {z-index: 1001; font-size:18px;font-family:verdana,sans-serif;font-weight:bold;	width:100%;}

#suckerfishnav, #suckerfishnav ul {z-index: 1001; float:left;list-style:none;line-height:40px;padding:0;margin:0;	width:100%;}

#suckerfishnav a {z-index: 1001; display:block;color:#FFF;text-decoration:none;padding:0px 10px;}

#suckerfishnav li {z-index: 1001; float:left;padding:0;}

#suckerfishnav ul {z-index: 1001; position:absolute;left:-999em;height:auto;	width:151px;font-weight:normal;margin:0;line-height:1;	border:0;border-top:1px solid #666666;	
	margin: 27px 0 0 0;
}

#suckerfishnav li li {	width:149px;border-bottom:1px solid #666666;border-left:1px solid #666666;border-right:1px solid #666666;font-weight:bold;font-family:verdana,sans-serif;}

#suckerfishnav li li a {padding:4px 10px;	width:130px;font-size:12px;color:#dddddd;}

#suckerfishnav li ul ul {margin:-21px 0 0 150px;}

#suckerfishnav li li:hover {background:#1F3E9F;}

#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a  {color:#dddddd;}

#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {color:#FFFFFF;}

#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {color:#dddddd;}

#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul  {left:-999em;}

#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul  {left:auto;background:#444444;}

#suckerfishnav li:hover, #suckerfishnav li.sfhover {background:#5E7AD3;}



/* SLIDER CSS */
#sliderWrap 	{ 
/*border: 1px solid black;*/
 float: left; width: 470px; margin: 0 10px 0 0; height: 353px; background: url(images/widget-bottom-bg.jpg) 7px bottom no-repeat; padding-bottom: 30px; position: relative; overflow:hidden; }
#slider 		{ float: right; margin-left: 0px; padding: 0; width: 470px; background: transparent; }
.stripViewer 	{ position: relative; overflow: hidden; clear: both; }
.stripViewer .panelContainer { position: relative; left: 0px; top: 0px; }
.stripViewer .panelContainer .panel { float: left; position: relative; width: 470px; }
.wrapper 		{ padding: 0px; }
.innerWrap 		{ width: 470px; overflow: hidden; }
#push 			{ height: 35px; }

.panel ul               { width: 240px; }
.panel ul li a             { border-bottom: 1px solid #C1B599; color: #303030;
                        display: block; padding: 7px 10px; }
.panel ul li:last-child a { /* Remove bottom border on last list item
	Hooray for pseudo selectors! */
	border: none;
}
.stripNavL a, .stripNavR a { display: block; position: absolute; top: 160px; width: 32px; height: 32px; text-indent: -9999px; z-index: 1001; background: transparent; }
.stripNavL a { left: 0px; background: url(images/arrow-left-32.png); }
.stripNavR a { right: 0px; background: url(images/arrow-right-32.png); position: absolute; }
.stripNav { display: none; }



	.twitter_followers{
	/*float:left;*/
	}
	.text { /*float: left; */ }
	.name {
	font-size:12px;
	font-weight: bold;
	/*float: left;*/
	padding: 0 10px 0 4px;
	color: #fff;
	vertical-align: middle;
	}

	#news {
		font-size: 11px;
		margin-left: auto; margin-right: auto;
		width: 960px;
		height: 31px;
		padding: 0px 0 0 0;
	}
	#news a {
		font-weight: normal;
		font-size: 11px;
		vertical-align: middle;
		text-decoration: none;
		color: #fff;
	}

	.newsid{
		margin-left: auto; margin-right: auto;
		border: 0;
		padding: 4px 0 0 0;
		color : #fff;
		margin-left: auto; 
		margin-right: auto;
		text-align: center;
		width: 100%;
		vertical-align: middle;
	}
  @media screen and (-webkit-min-device-pixel-ratio:0) {
	.newsid{
		border: 0px;
		padding: 1px 0 0 0;
		color : #fff;
		margin-left: auto; 
		margin-right: auto;
		text-align: center;
		width: 100%;
		vertical-align: middle;
	}
}
	.newsid img {
		border: 0px;
		vertical-align: middle;
	}




.post .title a {
	color: #213a4c;
}