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

Instructions:

Add your custom styles in this file 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. */

@import url("http://fonts.googleapis.com/css?family=PT+Sans:400,700");

body {
  color:#545c60;
}



body {
background: #fbfbfb url("images/rd/body-bg.png") top left repeat-x;
}

#wrapper {
  background: #fff;
}



#header {
  background: #fbfbfb url('images/rd/body-bg.png') bottom repeat-x;	
border-top : 0;
border-bottom : 0;
}

#header #top {
  background: transparent url('images/rd/header-bg.png') top center no-repeat;
height : 108px; /* 114 after paddin g*/
padding-top : 6px;
}





#top {
	padding :0;
}

h1#intro {
  padding: 30px 0px;
  font-size: 2.5em;
  line-height: 1.5em;
  font-style: italic;
  text-align: center;
}

h1, h2, h3, h4 {
  font-family: 'PT Sans', arial, sans-serif !important;
}

#feedback {
  position: absolute;
  top: 0;
  left: 0px;
  padding: 2px 8px;
  background: #ffffcc;
}



#logo {
  padding-top: 0;
}


#logo h1 {
text-indent : -9999em;
overflow : none;
margin-top : 10px;
display : block;
width : 239px;
height : 89px;
background : transparent url("images/rd/civcoms-logo.png") no-repeat;
}

h2#tagline {
float : left;
text-indent : -9999em;
overflow : none;
width : 327px;
height : 62px;
margin-top : 23px;
margin-left : 9px;
background : transparent url("images/rd/tagline.png") no-repeat;
}

/*body.home h2#tagline {
  top: 120px;
  left:0;
  font-style: normal;
  font-size: 22px;
  color: #555;
}*/

/* Nav */

#navigation {
  position: relative;
  display: block;
  clear: right;
  padding: 17px 0 0 0;
}

#main-nav {
border : 1px solid #cccccc;
border-bottom-color : #fff;
border-top-color : #d9d9d9;
background-color : #f5f5f5;
border-right : none;
}

#main-nav a {
  padding: 8px 19px 5px 19px;
  text-transform: uppercase;
  font-family: Helvetica, Arial, sans-serif;
  font-size:16px;
color : #559efc;
font-weight : bolder;
    text-shadow: 1px 1px 0 #f5f5f5;

}

#main-nav li {
	border : 1px solid #dddddd;
	border-left : none;
	border-top : none;
	border-right-color : #dbdbdb;
}

#main-nav a:link,  
#main-nav a:visited {
	background : #f5f5f5 url("images/rd/nav-button-bg.png") bottom repeat-x;
	border-top : 1px solid #fafafa;
	border-left : 1px solid #fafafa;
	
}

#main-nav a:hover {
background-image: none;
background-color : #e6e6e6;
border-color :  #b4b4b4;
color : #006fff;
box-shadow: inset 0 0 5px 0 #a2a2a2;
-moz-box-shadow: inset 0 0 5px 0 #a2a2a2;
-webkit-box-shadow: inset 0 0 5px 0 #a2a2a2;
}

#secondary-nav {
  padding: 21px 0px 0 0;
}

#secondary-nav a {
font-size : 12px;
line-height : 12px;
  padding: 0 0 0 28px;
  font-weight: normal;
  color: #ff8700;
  text-transform: uppercase;
}


#secondary-nav a:hover {
color : #ffa137;
}

#secondary-nav a.sf-with-ul {
  padding-right: 20px;
}

/* Slide nav */

#slides {
  margin-top: 8px;
}

.slide-content {
width: 350px;
padding-bottom: 10px;
}

.slide-content.entry p {
font-size: 14px;
color: #506572;
}

.slide .video {
  margin: 0;
}

.slide-nav {
  height: 95px;
  background: transparent url("images/slidenav-bg-blue-phil.png.html") repeat-x bottom;
  border-top: 4px solid #BFD4D9;
}

#slide-nav-intro {
  float: left;
  padding: 0
  font-size: 20px;
  width: 260px;
  color: #D0DFEB;
  text-shadow: none;
  font-family: 'PT Sans', arial, sans-serif !important;
  text-indent: -9999px;
}

#slides .jcarousel-container {
  background: transparent url('images/slide-nav-intro-bg-3.png.html') left center no-repeat !important;
  position: relative;
  display: block;
}

/*.jcarousel-item-1 {
  width: 50px !important;
  margin: 0 15px 0 0 !important;
  padding: 0 !important;
}*/

.slide-nav li {
  height: 94px;
  box-shadow: none;  
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  text-align: center;
  padding: 0 20px;
  margin: 0;
  width: 198px;
  border-right: 1px solid #0e2741;
  border-left: 1px solid #4c7597;
}
.slide-nav li.first {
  border-left: none;
}

.slide-nav li.last {
  margin-right: 0;
}

.slide-nav li.current {
background: url("images/slider-current-light.png.html") no-repeat top center;
}

.slide-nav li span.title {
margin: 24px 0 6px 0;
line-height: 1.2em;
color: #fff;
text-shadow: black 0px 1px 0px;
font-family: 'PT Sans', arial, sans-serif !important;
}

.slide-nav li span.title em {
  display: block;
}

slide-nav li.jcarousel-item-1 span.title {
  font-size: 14px;
}

.slide-nav li span.content {
  text-shadow: none;
  font-family: 'PT Sans', arial, sans-serif !important;
  font-size: 16px;
  color: #7098B5;
}

.slide-content {
  padding-top: 0;
}

.slide-content .title {
  display: none;
}

.slide a.btn {
  padding: 8px 10px;
}

#slider-bg-shadow {
background: #fff;
box-shadow: inset 0px 5px 4px rgba(0,0,0,0.3);
}


/* Mini features */

#frontpage-headline {
text-align : center;
margin : 70px 0;
font-size : 34px;
font-style : italic;
}


#mini-features .block {
width : 236px;
margin : 0;
}

#mini-features .block p {
width : 210px;
padding-left : 15px;
}

#mini-features .block a.btn {
margin-left : 15px;
}

#mini-features .block .concept a.btn {
margin-left : 0 !important;
}

.intro-block {
float  :left;
background-color : #f1f1f1;
margin : 0 0 40px 0;
width : 100%;
}

.intro-block h3#believe-header, 
.mini-features-intro  {
float : left;
width : 250px;
}

.intro-block h3, 
.intro-block .concept a {
height : 94px;
display : block;

}

.intro-block .concept a {
background-color : #437fb5;
text-indent : -9999em;
overflow : hidden;
border-right : 1px solid #5096d3;
border-left : 1px solid #2c5784;
}

.intro-block .last .concept a {
border-right : none;
}

.intro-block .first .concept a {
border-left : none;
}


.intro-block .concept a h4 {
display : block;
width : 150px;
height : 50px;
margin-top : 25px;
margin-left : 15px;
}

.intro-block .concept a#intro-sharing h4 {
background : #437fb5 url("images/rd/intro-sharing.png.html") center left no-repeat;
}

.intro-block .concept a#intro-building h4 {
background : #437fb5 url("images/rd/intro-building.png.html") center left no-repeat;
}

.intro-block .concept a#intro-spreading h4 {
background : #437fb5 url("images/rd/intro-spreading.png.html") center left no-repeat;
}


#mini-features .intro-block h3 {
	text-indent : -9999em;
	padding : 0;
	overflow : hidden;
	background : #437fb5 url("images/rd/fp-believe-bg.png.html") top left no-repeat;	
}

#mini-features .intro-block .block {
	margin : 0;
	
}

.mini-features-intro {
  margin-right: 0px;
  padding-bottom: 10px;
  clear: left;
}


#mini-features {
  margin-top: 10px;
  margin-bottom: 25px;  
}
  
#mini-features .block.firstrow {
font-size: 1.3em;
font-style: italic;
font-family: 'PT Sans';
line-height: 1.4em;
text-align: left;

}


#mini-features .block.last {
margin: 0 0px 0px 0;
}

#mini-features h3 {
  font-size: 20px;
  /*color: #869299;*/
}

#mini-features .feature {
  margin-left: 0;
}

#mini-features .home-icon {
float: none;
border: none;
margin-bottom: 12px;
}

#mini-features .lastrow .home-icon {
}

#mini-features h4 {
  font-size: 16px;
  margin-bottom: 7px;
  line-height: 1.3em;
}

p#technical-assistance {
  clear:both;
  text-align: center;
  margin-left: 260px;
  font-style: italic;
  padding-top: 10px;
}


/* Posts & pages */

.entry img, img.thumbnail {
  border: none;
}

#main h1.title {
  margin-bottom: 1em;
  text-transform:uppercase;
  font-weight:bold;
}

.entry h3 {
  color: #909090;
  font-style: italic;
}

/* 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;
}

.entry h2 {
  clear: both;
border-bottom: 2px solid #54A2F7;
color : #666666;}


/* 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.html") 50% 0;
  margin-top: -4px;
}

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

.entry .person {
  position: relative; 
  padding-left: 150px;
  margin-bottom: 3em;
}

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

#main-page1 {
  margin-bottom: 0;
}

#main-page2 {
  margin-bottom: 30px;
  padding: 0 0 10px;
}


/* community page w/ icons
---------------------------*/

body.page-id-79 .entry p+h2 {	
  margin-top : 1.5em;
}
.entry p.twitter {
  background: url('planet/32x32/twitter.png.html') 5px 5px no-repeat;
  padding-left: 50px;
}
.entry p.delicious {
  background: url('planet/32x32/delicious.png.html') 5px 5px no-repeat;
  padding-left: 50px;
}
.entry p.blog {
  background: url('planet/32x32/rss.png.html') 5px 5px no-repeat;
  padding-left: 50px;
}
.entry p.wiki {
  background: url('planet/32x32/wiki.png.html') 5px 5px no-repeat;
  padding-left: 50px;
}
.entry p.menatwork {
  background: url('images/menatwork.png.html') 5px 5px no-repeat;
  padding-left: 50px;
}
.entry p.discussion {
  background: url('planet/32x32/gmail.png.html') 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;
}

/* Press Page 
----------------*/

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

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


/* Portfolio
----------------*/
#port-tags {
  clear: both;
  margin: 0 0px 20px;
  padding: 10px 20px 20px 0;
  border-top: 1px solid #BFD4D9;
  background: none;
}

#portfolio {
width : 960px;
	
}

#portfolio .block {
width: 300px;
height: 32em;
}

#portfolio .portfolio-img {
  margin-bottom: 20px;
  border: 1px solid #BFD4D9;
}

#portfolio h3 {
font-size: 18px;
}



/* Activity Feed 
--------------------------------*/

/*  body.home #main {
    width: 960px;
  }*/
  
  #activity-nav {
    float: left;
    width: 200px;
    margin-top: 30px;
    border-right: 1px solid #BFD4D9;
  }

  #activity-feeds {
    margin-top: 30px;
    float: left;
    width: 600px;
    padding: 5px 0 0 20px;
  }
  
  #activity-feeds h3 {
    margin-bottom: 20px;
  }
  
  #activity-nav ul {
    padding: 0;
    margin-left: 40px;
  }
  
  #activity-nav li {
    display: block;
    padding: 0;
    margin: 0;
    text-align: right;
  }
  
  #activity-nav li a {
    display: block;
    padding: 7px 22px 7px 0;
    /*background-position: top right;
    background-repeat: no-repeat;*/
    text-decoration: none;
  }
  
  #activity-nav a:hover {
    background: #efefef;
    color: #225F97;
  }
  
  #activity-nav a.selected {
    background: #fff;
    margin-right: -1px;
    padding-right: 23px;
    border: 1px solid #BFD4D9;
    border-right: none;
  }
  
  #activity-nav li#everything a {
  }
  
  .activity-intro {
    background: #d2d9e5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 5px 10px;
    margin: 0 0 15px;
  }

  #activity-feeds .entrygroup {
    clear: both;
  }
  
  #activity-feeds .entry {
    clear: both;
  }
  
  #activity-feeds .entry {
    position: relative;
    padding: 0 0 20px
  }
  
  #activity-feeds .thumbnail {
    padding: 20px 0 10px 15px;
  } 
  
  .entry .meta {
    color: #999;
    padding: 5px 0 0 25px;  
    background-position: 0 6px;
    background-repeat: no-repeat;
  }
  
  .entry.blog .meta {
    /* blog posts only */
    padding-bottom: 20px;
    padding-left: 0;
    background: none;
  }

  .entry.tumblr .content {
    background: #efefef;
    padding: 12px;
    margin: 7px 25px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }
  .entry.blog .meta p {
    padding-top: 12px;
  }
  
  .entry .meta p {
    padding: 0;
    margin: 0;
  }
  
  .entry .meta img {
    float: left;
    margin: 0 10px 0 0;
    border: 1px solid #ccc;
  }

  #activity-feeds .entry h4 {
    margin: 0;
    padding: 0;
  }
  
  #activity-everything a.twitter-follow-button {
    margin-bottom: 15px;
    display:block;
  }
  
  .blog-network .meta {
    background-image: url('planet/16x16/rss.png.html');
  }
  .delicious .meta {
    background-image: url('planet/16x16/delicious.png.html');
  }
  .discussion .meta {
    background-image: url('planet/16x16/gmail.png.html');
  }
  .wiki .meta {
    background-image: url('planet/16x16/wiki.png.html');
  }  
  .open311 .meta {
    background-image: url('planet/16x16/open311.png.html');
  }
  .twitter .meta {
    background-image: url('planet/16x16/twitter.png.html');
  }
  .civcoms .meta {
    background-image: url('planet/16x16/civcoms.png.html');
  }  
  .tumblr .meta {
    background-image: url('planet/16x16/tumblr.png.html');
  }


/* Sidebar */

#sidebar .page_item ul.children {
  display: none;
}

#sidebar .current_page_item ul.children,
#sidebar .current_page_parent ul.children {
  display: block;
}


.widget_woo_twitter ul li {
border:none;
border-bottom: 1px solid #BFD4D9;
}

/*
#
# IMPORTED FONTS
#

@font-face {
    font-family: 'CartoGothicStdBook';
    src: url('fonts/CartoGothic-Std-fontfacekit/CartoGothicStd-Book-webfont.eot.html');
    src: url('fonts/CartoGothic-Std-fontfacekit/CartoGothicStd-Book-webfont.eot-.html#iefix') format('embedded-opentype'),
         url('fonts/CartoGothic-Std-fontfacekit/CartoGothicStd-Book-webfont.woff.html') format('woff'),
         url('fonts/CartoGothic-Std-fontfacekit/CartoGothicStd-Book-webfont.ttf.html') format('truetype'),
         url('fonts/CartoGothic-Std-fontfacekit/CartoGothicStd-Book-webfont.svg.html#CartoGothicStdBook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CartoGothicStdItalic';
    src: url('fonts/CartoGothic-Std-fontfacekit/CartoGothicStd-Italic-webfont.eot.html');
    src: url('fonts/CartoGothic-Std-fontfacekit/CartoGothicStd-Italic-webfont.eot-.html#iefix') format('embedded-opentype'),
         url('fonts/CartoGothic-Std-fontfacekit/CartoGothicStd-Italic-webfont.woff.html') format('woff'),
         url('fonts/CartoGothic-Std-fontfacekit/CartoGothicStd-Italic-webfont.ttf.html') format('truetype'),
         url('fonts/CartoGothic-Std-fontfacekit/CartoGothicStd-Italic-webfont.svg.html#CartoGothicStdItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CartoGothicStdBold';
    src: url('fonts/CartoGothic-Std-fontfacekit/CartoGothicStd-Bold-webfont.eot.html');
    src: url('fonts/CartoGothic-Std-fontfacekit/CartoGothicStd-Bold-webfont.eot-.html#iefix') format('embedded-opentype'),
         url('fonts/CartoGothic-Std-fontfacekit/CartoGothicStd-Bold-webfont.woff.html') format('woff'),
         url('fonts/CartoGothic-Std-fontfacekit/CartoGothicStd-Bold-webfont.ttf.html') format('truetype'),
         url('fonts/CartoGothic-Std-fontfacekit/CartoGothicStd-Bold-webfont.svg.html#CartoGothicStdBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CartoGothicStdBoldItalic';
    src: url('fonts/CartoGothic-Std-fontfacekit/CartoGothicStd-BoldItalic-webfont.eot.html');
    src: url('fonts/CartoGothic-Std-fontfacekit/CartoGothicStd-BoldItalic-webfont.eot-.html#iefix') format('embedded-opentype'),
         url('fonts/CartoGothic-Std-fontfacekit/CartoGothicStd-BoldItalic-webfont.woff.html') format('woff'),
         url('fonts/CartoGothic-Std-fontfacekit/CartoGothicStd-BoldItalic-webfont.ttf.html') format('truetype'),
         url('fonts/CartoGothic-Std-fontfacekit/CartoGothicStd-BoldItalic-webfont.svg.html#CartoGothicStdBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'CabinRegular';
    src: url('fonts/Cabin-Regular-webfont.eot.html');
    src: url('fonts/Cabin-Regular-webfont.eot-.html#iefix') format('embedded-opentype'),
         url('fonts/Cabin-Regular-webfont.woff.html') format('woff'),
         url('fonts/Cabin-Regular-webfont.ttf.html') format('truetype'),
         url('fonts/Cabin-Regular-webfont.svg.html#CabinRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CabinItalic';
    src: url('fonts/Cabin-Italic-webfont.eot.html');
    src: url('fonts/Cabin-Italic-webfont.eot-.html#iefix') format('embedded-opentype'),
         url('fonts/Cabin-Italic-webfont.woff.html') format('woff'),
         url('fonts/Cabin-Italic-webfont.ttf.html') format('truetype'),
         url('fonts/Cabin-Italic-webfont.svg.html#CabinItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CabinMedium';
    src: url('fonts/Cabin-Medium-webfont.eot.html');
    src: url('fonts/Cabin-Medium-webfont.eot-.html#iefix') format('embedded-opentype'),
         url('fonts/Cabin-Medium-webfont.woff.html') format('woff'),
         url('fonts/Cabin-Medium-webfont.ttf.html') format('truetype'),
         url('fonts/Cabin-Medium-webfont.svg.html#CabinMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CabinMediumItalic';
    src: url('fonts/Cabin-MediumItalic-webfont.eot.html');
    src: url('fonts/Cabin-MediumItalic-webfont.eot-.html#iefix') format('embedded-opentype'),
         url('fonts/Cabin-MediumItalic-webfont.woff.html') format('woff'),
         url('fonts/Cabin-MediumItalic-webfont.ttf.html') format('truetype'),
         url('fonts/Cabin-MediumItalic-webfont.svg.html#CabinMediumItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CabinSemiBold';
    src: url('fonts/Cabin-SemiBold-webfont.eot.html');
    src: url('fonts/Cabin-SemiBold-webfont.eot-.html#iefix') format('embedded-opentype'),
         url('fonts/Cabin-SemiBold-webfont.woff.html') format('woff'),
         url('fonts/Cabin-SemiBold-webfont.ttf.html') format('truetype'),
         url('fonts/Cabin-SemiBold-webfont.svg.html#CabinSemiBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CabinSemiBoldItalic';
    src: url('fonts/Cabin-SemiBoldItalic-webfont.eot.html');
    src: url('fonts/Cabin-SemiBoldItalic-webfont.eot-.html#iefix') format('embedded-opentype'),
         url('fonts/Cabin-SemiBoldItalic-webfont.woff.html') format('woff'),
         url('fonts/Cabin-SemiBoldItalic-webfont.ttf.html') format('truetype'),
         url('fonts/Cabin-SemiBoldItalic-webfont.svg.html#CabinSemiBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CabinBold';
    src: url('fonts/Cabin-Bold-webfont.eot.html');
    src: url('fonts/Cabin-Bold-webfont.eot-.html#iefix') format('embedded-opentype'),
         url('fonts/Cabin-Bold-webfont.woff.html') format('woff'),
         url('fonts/Cabin-Bold-webfont.ttf.html') format('truetype'),
         url('fonts/Cabin-Bold-webfont.svg.html#CabinBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CabinBoldItalic';
    src: url('fonts/Cabin-BoldItalic-webfont.eot.html');
    src: url('fonts/Cabin-BoldItalic-webfont.eot-.html#iefix') format('embedded-opentype'),
         url('fonts/Cabin-BoldItalic-webfont.woff.html') format('woff'),
         url('fonts/Cabin-BoldItalic-webfont.ttf.html') format('truetype'),
         url('fonts/Cabin-BoldItalic-webfont.svg.html#CabinBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

*/