/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/


body {
	background-color : #fff;
}

#wrapper {
    border-top: 5px solid #82b7f1;
}


#breadcrumb, #wrapper {
background-image: none !important;
}


#navigation-outer, #breadcrumb, #wrapper {
background-color : #fff !important;
}

#content {
border : none !important;
padding : 30px 0 !important;
}


  
#header-outer {
  /*background: #fff url('images/header-fade.png') bottom left repeat-x;*/
  background: #fff;
}

#header {
  padding: 12px 0;
}

#logo {
  margin-top: 3px;
}

#header .search-widget {
  width: 300px;
  margin-top: 8px;
}

#navigation {
  position: relative;
}

#latest-activity {
  position: absolute;
  top: 12px;
  right: 0;
  background: url('images/latest-activity.png') 0 50% no-repeat;
  padding-left: 38px;
  font-size: 12px;
  font-weight: bold;
}

#breadcrumb {
  border-bottom: 0;
  height: 70px;
}

#content {
  border: 1px solid #E3E3E3;
  background: #fff;
  padding: 30px;
  margin-bottom: 20px;
}

.post {
  border:none !important;
  padding: 0 0 1em;
  border-bottom: 1px solid #ddd !important;
}

.single .post, .page .post, .fullwidth .post { 
  padding: 0;
  padding-bottom: 1em;
}

#posts_outer {
  border: none;
  padding: 0;
}

#sidebar .widget,
.widget_woo_taskwidget .links {
  background-image: none;
  border-bottom: none;
}

.widget h3 {
  font-style: normal;
  border-bottom: 3px solid #DDD;
  text-transform: uppercase;
  padding-bottom: 3px;
  color: #AAA;
  font-weight: normal;
}

#sidebar .widget .searchform input.field {
margin-top : 4px;
}

.textwidget img {
  padding: 0 3px;
}

small {
  font-size: .8em;
}

/* Header 
-------------------------------------*/

#header .searchform input#email, 
#header .searchform input.submit {
margin-top : 7px;
}



/* Homepage 
-------------------------------------*/

#main.fullwidth.mini-features {
width: 980px;
margin-bottom: 30px;
}

.mini-features div {
width: 230px; 
float: left; 
height: 100px;
position: relative;
padding: 0 20px 0 74px;
}

.mini-features img {
position: absolute;
left: 0;
top: 12px;
}

body.home #content {
 margin-top: 30px;
}

/* Entry styles
# Remember to copy relevant styles to editor.css, so wysiwyg matches site.
--------------------*/

.entry .col-25 {
  width: 22%;
  padding-right: 20px;
  float: left;
  padding-bottom: 15px;
}

.entry .col-33 {
  width: 30%;
  padding-right: 20px;
  float: left;
  padding-bottom: 15px;
}

.entry .col-50 {
  width: 47%;
  padding-right: 20px;
  float: left;
  padding-bottom: 15px;
}

.entry .col-66 {
  width: 60%;
  padding-right: 20px;
  float: left;
  padding-bottom: 15px;
}

.entry .full {
  clear: both;
}

.page .post h1.title {
  font-size: 24px;
}

.entry h2 {
  clear: both;
  font-size: 18px;
  border-bottom: 5px solid #54a2f7;
  padding-bottom: 5px;
  padding-top: 10px;
  margin-bottom: 15px;
  text-transform: uppercase;
  /*color: #397EBD; no can do - it's the link color! */
  color: #666;
}

.entry h3 {
  font-size: 16px;
}

.entry p {
  font-size: 14px;
  line-height: 22px;
}

.entry ul li {
  font-size: 14px;
  line-height: 20px;
  list-style-type: none;
  list-style-image: url("images/bullet_blue.png") !important;
  margin-bottom: .5em;
}

.entry .more {
  clear: both;
  display: block;
  text-align: right;
}

/* horizontal list of people */

.entry ul.people {
  margin-left: 0;
  padding-left: 0;
}

.people li {
  float: left;
  display: block;
  width: 102px;
  height: 118px;
  text-align: center;
  padding: 0;
  background: url(images/team-pic-bg.png) 50% 0;
  margin-top: -4px;
}

.people li img {
  width: 80px;
  height: 80px;
  margin-top: 19px;
}

/* staff page */
.entry .person {
  position: relative; 
  padding-left: 140px;
}

.entry .person img {
  position: absolute;  
  top: 3px; 
  left: 0;
  width: 120px;
  height: 120px;
}

/* press page */
.entry .press {
  position: relative; 
  padding-right: 140px;
}

.entry .press img {
  position: absolute;  
  top: 8px; 
  right: 0;
  width: 120px;
}


/* community page w/ icons
---------------------------*/
.entry p.twitter {
  background: url('planet/32x32/twitter.png') 5px 5px no-repeat;
  padding-left: 50px;
}
.entry p.delicious {
  background: url('planet/32x32/delicious.png') 5px 5px no-repeat;
  padding-left: 50px;
}
.entry p.blog {
  background: url('planet/32x32/rss.png') 5px 5px no-repeat;
  padding-left: 50px;
}
.entry p.wiki {
  background: url('planet/32x32/wiki.png') 5px 5px no-repeat;
  padding-left: 50px;
}
.entry p.menatwork {
  background: url('images/menatwork.png') 5px 5px no-repeat;
  padding-left: 50px;
}
.entry p.discussion {
  background: url('planet/32x32/gmail.png') 5px 5px no-repeat;
  padding-left: 50px;
}

table.partners {
  margin-bottom: 15px;
}

table.partners td {
  width: 25%;
  text-align: center;
  padding: 10px;
  vertical-align: middle;

}

table.press td {
  width: 25%;
  text-align: center;
  padding: 10px;
}

/* Planet Styles (/activity/)
--------------------------------*/
  .twitter h4 {
    display: none;
  }
  .blog .content {
    display: none;
  }
  .entrygroup {
    padding-left: 50px;
    background-position: 5px 4px;
    background-repeat: no-repeat;
  }
  .twitter .entrygroup {
    background-image: url('planet/32x32/twitter.png');
  }
  .blog .entrygroup {
    background-image: url('planet/32x32/rss.png');
  }
  .delicious .entrygroup, .bookmarks .entrygroup {
    background-image: url('planet/32x32/delicious.png');
  }
  .discussion .entrygroup {
    background-image: url('planet/32x32/gmail.png');
  }
  .wiki .entrygroup {
    background-image: url('planet/32x32/wiki.png');
  }  

  .open311 .entrygroup {
    background-image: url('planet/32x32/open311.png');
  }

/* Homepage
----------------------*/

#featured {
  padding: 30px;
}

#featured-map {
  width: 480px;
  margin-left: 20px;
}

#featured-content {
  width: 370px;
  margin-right: 20px;
}

#featured-content h2 {
  font-size: 26px;
}

#featured .button {
  width: auto;
background: #F9F9F9 url(http://civiccommons.org/wp-content/themes/cityguide/images/alert-overlay.png) top left no-repeat;
border: medium solid #DFDFDF;
color: #71B153 ! important;
font-weight: bold;
padding: 6px 12px;
font-size: 14px;
text-shadow: 1px 1px white;
text-transform: capitalize;
}
#featured-map .woo_map_single_output {
  border: none;
}



/* Misc
-----------------------*/

:target {
  background-color : #ffffcc;
}

.nav .sf-sub-indicator {
top: 18px;
}

.nav a {
padding: 11px 20px 7px;
}

a:link, 
a:visited {
    color: #3080CB;

}

#navigation a:link, 
#navigation a:visited {
   color: #444444;
}



a.new,
a.new:visited {
color : #666666;
}

a:hover.new {
color : #3080CB !important;
}



a.new:visited, 
#p-personal a.new:visited {
    color: #B7B7B7;
}



#p-cactions .new a, 
#p-cactions li.new a, 
#p-cactions li.new a:visited {
    color: #B7B7B7;
}

#p-cactions li a:hover,
#p-cactions li.new a:hover {
    color : #0091FF;
}

a.new:hover, 
#p-cactions .new a:hover {
color : #d86403;
}

#p-cactions li a, 
#p-cactions li a:visited {
color : #007AD7;
}

#p-cactions li a:hover {
color : #0091FF;
}