/*  
Theme Name: ctsd
Theme URI: http://michaelboyda.com
Description: The theme for <a href="michaelboyda.com">michaelboyda.com</a>.
Version: 1.0
Author: Michael Boyda
Author URI: http://michaelboyda.com/
*/

html, body {
  margin: 0;
  padding: 0;
  border: none;
}

body {
  font-size: 72.5%;
  font-family: 'Lucida Grande', Verdana, Geneva, Arial, Sans-Serif;
  line-height: 1.7em;
  background: #4A96C0 url() top left repeat;
/*  background: #3FA7E6 url() top left repeat;*/
  color: 222;
  }

a,
a:link,
a:visited,
a:focus,
a:hover,
a:active {
  color: #666;
  text-decoration: none;

}


a:focus,
a:hover,
a:active {
  color: #999;
  text-decoration: underline;
}

h1, h2, h3 {
  font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
  font-weight: bold;
  line-height: 1em;
  padding: 0;
  margin: .5em 0;
  }

h1 {
  font-size: 1.5em ;
}


h2 {
  font-size: 1.3em ;
}


h3 {
  font-size: 1.05em;
}

p {
  margin: .5em;
  padding: 0;
}

img {
  border: none;
}

#wrap {
  width: 980px;
  float: left;
  }

#page {
  background-color: #FEFEFE;
  float: left;
  width: 100%;
  }

#header {
  float: left;
  width: 100%;
  background: #4A96C0 url() top left repeat;
}

#content {
  width: 100%;
  float: left;
  padding-bottom: 4em;
  background: transparent url(images/brc.gif) bottom right no-repeat;
  }

#main_col {
  width: 580px;
  float: left;
  overflow: hidden;
  }

#side_col {
  width: 400px;
  float: left;
  overflow: hidden;
  }

#footer {
  float: left;
  width: 980px;
  overflow: hidden;
}

#header h1,
#header h2, 
#header h3 {
  font-size: 1.5em;
  line-height: 3em;
  margin: 0;
  padding: 0 0 0 1em;
}

#header h1.title {
  float: left;
  font-size: 1.8em;
  line-height: 2.5em;
  font-weight: normal;
}

#header h1.title span {
  text-transform: uppercase;
  font-weight: bold;
}

#header h1.title a,
#header h1.title a:link,
#header h1.title a:visited,
#header h1.title a:focus,
#header h1.title a:hover,
#header h1.title a:active {
  color: #FFF;
  text-decoration: none;
}

#header h2.tagline {
  color: #FFF;
  text-align: center;
  width: 640px;
  float: left;
  }

#header h2.tagline span {
  color: #FC0;
  }

ul.socialize {
	float: right;
	color: #FFF;
	font-size: 1.125em;
	margin: 1em 1.5em 0 0;
	padding: 0;
	list-style-type: none;
	display: block;
}

ul.socialize li {
	margin: 0 0 0 5px;
	padding: 0;
	list-style-type: none;
	float: left;
}

ul.socialize li a {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	width: 24px;
	height: 24px;
}

ul.socialize li.gplus a {
	background: transparent url(images/social_icons.png) 0px 0px no-repeat;
}

ul.socialize li.gplus a:focus,
ul.socialize li.gplus a:hover,
ul.socialize li.gplus a:active {
	background: transparent url(images/social_icons.png) 0px -24px no-repeat;
}

ul.socialize li.facebook a {
	background: transparent url(images/social_icons.png) -24px 0px no-repeat;
}

ul.socialize li.facebook a:focus,
ul.socialize li.facebook a:hover,
ul.socialize li.facebook a:active {
	background: transparent url(images/social_icons.png) -24px -24px no-repeat;
}

ul.socialize li.twitter a {
	background: transparent url(images/social_icons.png) -48px 0px no-repeat;
}


ul.socialize li.twitter a:focus,
ul.socialize li.twitter a:hover,
ul.socialize li.twitter a:active {
	background: transparent url(images/social_icons.png) -48px -24px no-repeat;
}

ul.socialize li.linkedin a {
	background: transparent url(images/social_icons.png) -72px 0px no-repeat;
}


ul.socialize li.linkedin a:focus,
ul.socialize li.linkedin a:hover,
ul.socialize li.linkedin a:active {
	background: transparent url(images/social_icons.png) -72px -24px no-repeat;
}

ul.socialize li.rss a {
	background: transparent url(images/social_icons.png) -96px 0px no-repeat;
}


ul.socialize li.rss a:focus,
ul.socialize li.rss a:hover,
ul.socialize li.rss a:active {
	background: transparent url(images/social_icons.png) -96px -24px no-repeat;
}

#navbar {
      width: 100%;
      float: left;
      padding-bottom: 2em;
      background: transparent url(images/trc.gif) top right no-repeat;
}

#navbar ul {
     margin: 0 0 0 1em;
     padding: 0;
     list-style-type: none;
     margin-top: -1px;
	float: left;
}

#navbar ul.postnav {
     float: right;
}

#navbar ul.postnav li a,
#navbar ul.postnav li a:link,
#navbar ul.postnav li a:visited,
#navbar ul.postnav li a:focus,
#navbar ul.postnav li a:hover,
#navbar ul.postnav li a:active {
  border: none;
}

#navbar ul li {
     margin: 0;
     padding: 0;
     list-style-type: none;
     float: left;
}

#navbar ul li a,
#navbar ul li a:link,
#navbar ul li a:visited,
#navbar ul li a:focus,
#navbar ul li a:hover,
#navbar ul li a:active {
    font-size: 1.3em;
    display: block;
    margin: 0;
    padding: 0 2em;
    line-height: 5em;
    text-decoration: none;
    color: #333;
    border-left: 1px dashed #CCC;
}

#navbar ul li a:focus,
#navbar ul li a:hover,
#navbar ul li a:active {
     color: #999;
}
#navbar ul li.current-cat a,
#navbar ul li.current-cat a:link,
#navbar ul li.current-cat a:visited,
#navbar ul li.current-cat a:focus,
#navbar ul li.current-cat a:hover,
#navbar ul li.current-cat a:active {
     color: #0CF;
}

.notitle, .children { display:none; }

.post {
  margin: 0 0 0 1.2em;
  padding: 1.2em 0;
  border-bottom: 1px dashed #CCC;
}

.entry, .post {
  text-align: justify;
  font-size: 1em;
}

.entry, .entrytext, .navigation, #commentform {
 margin: 1.2em;
 }


h3#respond,
.post h3 {
  color: #999;
  margin: 0 0 0 1.5em;
  padding: 0;
}
h3#respond {
  margin: 1em 1.5em;
  line-height: 1.5em;
}
.post .entry h3,
.post .entrytext h3 {
   font-size: 1.2em;
   line-height: 1em;
   margin: .5em;
   padding: 0;
   display: block;
}


.post h1 {
  margin: .125em 0 0 .6em;
  padding: 0;
  font-weight: lighter;
  font-size: 2.5em;
  color: #0CF;
}

.post h1 a,
.post h1 a:link,
.post h1 a:visited,
.post h1 a:focus,
.post h1 a:hover,
.post h1 a:active {
 color: #0CF;
}

.post h2 {
  margin: .125em 0 0 .8em;
  padding: 0;
  font-weight: lighter;
  font-size: 2em;
  color: #0CF;
}

.post h2 a,
.post h2 a:link,
.post h2 a:visited,
.post h2 a:focus,
.post h2 a:hover,
.post h2 a:active {
 color: #0CF;
}

.pagetitle {
  margin: .125em 0 0 .6em;
  padding: 0;
  font-weight: lighter;
  font-size: 2.5em;
  color: #0CF;
}

.post .postmetadata, 
.post .commentlink {
  margin: 1.2em 1.2em 0 0;
  clear: both;
}


.post .commentlink {
clear: both;
 text-align: right;
}

.post .postmetadata {
  background-color: #EEE;
  padding: .5em;
}

ul#sidebar {
  margin: 0;
  padding: 0 1.2em 1.2em 1.2em;
  list-style-type: none;

}

ul#sidebar ul, 
ul#sidebar li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

ul#sidebar li {
  margin: 0;
}

ul#sidebar li li {
  margin: 0;
  border-bottom: 1px dashed #CCC;
  padding: 1em;
}

ul#sidebar li li li {
  border: none;
}

ul#sidebar li h2 {
  background: #0CF url(images/strip-tile.gif) top left repeat;
  color: #FFF;
  line-height: 1.8em;
  padding: 0 0 0 .5em;
  margin: 0;
  clear: both;
}

ul#sidebar li.cat-item {
  display: inline;
}

ul#twitter_update_list {
  margin: 0;
  padding: 0 0 0 70px;
  background: transparent url(images/twitbird.gif) center left no-repeat;
}

ul#sidebar ul#twitter_update_list li {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #CCC;
padding: 1em;
margin: 1em 0 0 80px;
float: none !important;
}

ul#sidebar ul#twitter_update_list li span {
margin-left: -1.9em;
padding-left: 2em;
background: transparent url(images/lpoint.gif) center left no-repeat;
display: block;
}

ul#sidebar ul#twitter_update_list:focus li span,
ul#sidebar ul#twitter_update_list:hover li span,
ul#sidebar ul#twitter_update_list:active li span {
background: transparent url(images/bpoint.gif) center left no-repeat;
}

ul#sidebar ul#twitter_update_list:focus li,
ul#sidebar ul#twitter_update_list:hover li,
ul#sidebar ul#twitter_update_list:active li {
color: #FFF;
background-color: #3FA7E6;
}

ul#sidebar ul#twitter_update_list:focus li a,
ul#sidebar ul#twitter_update_list:hover li a,
ul#sidebar ul#twitter_update_list:active li a {
color: #FFF;
text-decoration: none;
}


#s {
  width: 77%;
}

#searchsubmit {
  width: 70px;
  padding: 5px 3px;
  margin: 0;
}

#searchform {
  margin: 2em 0;
}

#searchform input {
	padding: 5px 3px;
	font-size: 12px;
	font-family: tahoma;
	border: 1px solid #CCC;
	background: #FFF url() repeat-x scroll center top;
}


.copyright {
  float: right;
}

#footergroup {
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 40%;
}

#footergroup h2 {
  font-family: serif;
}

#footergroup ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#footergroup ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: inline;
}

#footernav {
     margin: 0 0 4em 0;
     padding: 0;
     list-style-type: none;
     float: right;
}

#footernav h2 {
  color: #0CF;
  font-size: 2em;
  line-height: 1em;
  font-weight: normal;
}

#footernav ul {
     margin: 0;
     padding: 0;
     list-style-type: none;
     margin-top: -1px;
}

#footernav li {
     margin: 0 2em 0 0;
     padding: 0 0 0 1em;
     list-style-type: none;
     border-left: 1px dashed #CCC;
     float: left;
}

#footernav ul li {
     border: none;
}


#footernav ul ul,
#footernav ul li {
     margin: 0;
     padding: 0;
     list-style-type: none;
     float: none;
}

#footernav ul li a,
#footernav ul li a:link,
#footernav ul li a:visited,
#footernav ul li a:focus,
#footernav ul li a:hover,
#footernav ul li a:active {
    font-size: 1.3em;
    height: 2em;
    margin: 0;
    padding: 0 1em 0 .5em;
    line-height: 2em;
    text-decoration: none;
    color: #333;
    text-transform: lowercase;

}

#footernav ul li a:focus,
#footernav ul li a:hover,
#footernav ul li a:active {
     color: #FFF;
}

/*
Images are wrapped in divs classed "flickr_badge_image" with ids "flickr_badge_imageX" where "X" is an integer specifying ordinal position. Below are some styles to get you started!
*/
#flickr_badge_uber_wrapper { float: left; margin-bottom: 1em;}
#flickr_badge_wrapper { }
.flickr_badge_image { float: left; }
.flickr_badge_image img { margin: .7em 0 0 .7em; padding: .25em; border: 1px solid #666 !important;}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}



#pandoraPluginSongs {
  visibility: hidden;
  margin: 0;
  padding: 0;
  height: 182px;
}

#pandoraTitleSongs {
  display: none;
	}

#pandoraContentSongs {
	}

#pandoraContentSongs a {
	}

#pandoraContentSongs img {
  visibility: visible;
  margin: .7em 0 0 .7em;
  padding: .25em; 
  border: 1px solid #666 !important;
  width: 75px;
  height: 75px;
	}

#pandoraContentSongs a:hover {
	}

.blogrollitemSongs {
  width: 91px;
  height: 91px;
  display: block;
  overflow: hidden;
  float: left;
	}

#pandoraAlbumArtSongs {
	}

#pandoraFormDivSongs {
  display: none;
	}


#pandoraFooterSongs {
  display: none;
	}

#pandoraFooterSongs a {
  display: none;
	}

#pandoraFooterSongs a:hover {
  display: none;
	}
.aligncenter {
  text-align: center;
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.recent-comment {
  border-bottom: 1px dashed #CCC;
}

.recent-comment a {
  display: block;
}

.recent-comment p {
  margin: 0;
  padding: 0;
}

.recent-comment span {
  display: block;
  color: #666;
  font-size: .8em;
}


a.more-link,
a.more-link:link,
a.more-link:visited,
a.more-link:focus,
a.more-link:hover,
a.more-link:active,
a.follow-link,
a.follow-link:link,
a.follow-link:visited,
a.follow-link:focus,
a.follow-link:hover,
a.follow-link:active {
  font-size: 1.2em;
  display: block;
  clear: both;
  text-align: right;
  padding: .5em 1em;
  margin: .5em 0;
  text-decoration: none;
}

a.more-link,
a.more-link:link,
a.more-link:visited,
a.more-link:focus,
a.more-link:hover,
a.more-link:active {
  text-align: left;
}

a.more-link:focus,
a.more-link:hover,
a.more-link:active,
a.follow-link:focus,
a.follow-link:hover,
a.follow-link:active {
  background-color: #3FA7E6;
  color: #FFF;
}

#resume {
	text-align: left;
}

#resume h2 {
  margin: 0;
  padding: 0;
}

#resume ul {
margin: 0;
padding: 0;
}

#resume ul li {
margin: 0 0 0 2em;
padding: 0;
}
 
.resumePDF {
	float: right;
	margin: 1.3em 1.5em 2em 0;
}

.resumePDF a,
.resumePDF a:link,
.resumePDF a:visited,
.resumePDF a:focus,
.resumePDF a:hover,
.resumePDF a:active {
	background: transparent url(/media/pdf.png) 8px 3px no-repeat;
	padding: .5em 1em 0 40px;
	display: block;
	line-height: 32px;
	text-decoration: none;
}

.resumePDF a:focus,
.resumePDF a:hover,
.resumePDF a:active {
	background: #3FA7E6 url(/media/pdf.png) 8px 3px no-repeat;
	color: #FFF;
}

.ctn,
.ltn,
.rtn,
.size-thumbnail,
.size-medium,
.size-full,
.attachment-full,
.kjgrcGravatar {
        padding: .25em;
        border: 1px solid #666;
        background-color: #FFF;
}

.ltn {
  margin: .4em .7em 0 0;
}

.rtn {
  margin: .4em 0 0 0;
}

.ctn {
  margin: .4em;
}

.kjgrcGravatar {
  float: left;
  margin: .4em .7em 0 0;
}

.video {
  display:block;
}

.video span.caption {
  font-size: .8em;
  padding: .4em 10px;
  width: 300px;
  display: block;
}

.widgettitle {
  cursor: pointer;
  cursor: hand;
}

.textwidget, 
.get_recent_comments_wrap
 {
  display: none;
} 

/* Friendfeed */

.friendfeed {
border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.friendfeed .widget {
  margin: 0 !important;
  padding: 0 !important;
}

.friendfeed.widget a {
text-decoration: none !important;
color: #666!important;
border: none !important;

}

.friendfeed.widget a:hover {
text-decoration: underline !important;
border: none !important;
color: #999 !important;
}

.friendfeed .feed {
  margin: 0 0 2em 0 !important;
  padding: 0 !important;
}

.friendfeed .feed .entry {
  background-color: transparent;
  margin: 0 !important;
  padding: 0 !important;
}

.friendfeed .feed .cluster {
  border-bottom: 1px dashed #CCC !important;
  background-color: transparent;
  margin: 0 !important;
  padding: 1em !important;
}

.friendfeed .feed .cluster table,
.friendfeed .feed .cluster td,
.friendfeed .feed .cluster tr,
.friendfeed .feed .cluster div,
.friendfeed .feed .cluster span {
  background-color: transparent;
  margin: 0 !important;
  padding: 0 !important;
}

.friendfeed .feed .cluster .icon { 
  display: none;
}

.friendfeed .feed .cluster .body {
  background-color: transparent;
  margin: 0 !important;
  padding: 0 !important;
}

.friendfeed .feed .cluster .body .summary {
  background-color: transparent;
  margin: 0 !important;
  padding: 0 !important;
}

ul#sidebar li div#flixster_widget_container br {
  display: none;
}


ul#sidebar li div#flixster br {	
  display: inline;
}

ul#sidebar li div#flixster {
  width: 100%;
  height: 175px;
  overflow-x: scroll;
  overflow-y: hidden;
}

ul#sidebar li div#flixster ul {
  width: 1820px;
  margin: 0 0 0 .7em;
  padding: 0;
  list-style-type: none;
}

ul#sidebar li div#flixster ul li  {
  padding: 0;
  list-style-type: none;
  float: left;
  border: none;
  text-align: center;
  margin: .7em .7em .7em 0;
}


.poster {
  padding: .25em; 
  border: 1px solid #666 !important;
  width: 75px !important;
  height: 108px !important;
}

div.resultDiv_gsvb {
  background-color: transparent !important;
}

ul.inline {
  margin: 0;
  padding: 0;
}

ul.inline li {
  display: inline;
}

div.entryhead {
  position: relative;
}

div.sociable {
  display: block;
  position: absolute;
  top: 0; 
  right: 0;
  margin: .5em !important;
}

div.sociable ul li {
  padding: 0;
}

div.sociable img {
  width: auto;
  height: auto;
}

.blurb:hover, 
ul#sidebar li li:hover,
.friendfeed .feed .cluster:hover {
  background-color: #F9F9F9;
  color: #000;
}

.hilite {
  background-color: # 29A1D5;
  color: #FFF;
}

#fbLike {
width: 60px;
height: 20px;
overflow: hidden;
}

ul.tags {
list-style-type: none;
margin: 0 0 2em 0;
padding: 0;
display: block;
float: left;
width: 100%;
}

ul.tags h3 {
display: block;
border-bottom: 1px solid #CCC;
line-height: 1.5em;
margin: 0;
padding: 0;
}

ul.tags li {
list-style-type: none;
margin: 0; 
padding: 0;
float: left;
display: block;
}

ul.tags li a,
ul.tags li a:link,
ul.tags li a:visited,
ul.tags li a:focus,
ul.tags li a:hover,
ul.tags li a:active {
display: block;
padding: 0 .5em;
text-decoration: none;
line-height: 2em;
}

ul.tags li a:focus,
ul.tags li a:hover,
ul.tags li a:active {
color: #FFF;
background-color: #3FA7E6;
}

h2 a.rsswidget {
  color: #FFF;
}

a.rsswidget img {
  display: none;
}

ul.tDate {
  margin: 0 1.2em .5em;
  padding: .25em 1em;
  list-style-type: none;
  float: right;
  background-color: #FFF;
  border: 1px solid #CCC;
  display: inline;
  font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

ul.tDate li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-transform: uppercase;
  text-align: center;
  line-height: 1em;
}

ul.tDate li.tMonth {
  font-size: 1.3em;
  color: #999;
}

ul.tDate li.tDay {
  font-size: 1.9em;
  font-weight: bold;
  color: #666;
}

ul.tDate li.tYear {
  font-size: 1em;
  color: #999;
}

.map {
  margin: 1em 0 0 0;
}

/* #0CF = 29A1D5 */

ul#carousel,
ul#carousel li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  height: 12em;
}

ul#carousel li span {
  float: right;
}

.twitter-follow-button {
  width: 180px !important;
}

.vcard #screen-name {
  display: none !important;
  visibility: none !important;
}

#___plusone_0 {
  float: left !important;
  width: 70px !important;
}

#plus_card {
  border: none !important;
  margin: .5em 0 !important;
  display: block !important;
  float: left !important;
  height: auto !important;
}

#plus_card_image {
  float: left !important;
  position: relative !important;
}

#plus_card_image img {
  padding: .25em !important;
  border: 1px solid #666 !important;
  width: 75px !important;
  height: 75px !important;
  
}

#plus_card_name {
  margin-left: 5px !important;
  display: block !important;
}

#plus_card_add {
  margin-left: 5px !important;
  display: block !important;
}

#plusCardCount {
  background: transparent !important;
  display: none !important;
  visibility: hidden !important;
}