/*
Theme Name: LinkMe Mobile
Theme URI: http://linkmemobile.com/
Description: Custom template for LinkMe Mobile
Version: 1.0
Author: Thom Meredith
Author URI: http://thommeredith.com/
Tags: blue, custom


*/



/* Begin Typography & Colors */
@import 'css/reset-min.css';
@import 'css/fonts-min.css';

/*
Site design by Reddoor Creative, LLC
http://www.reddoorla.com

Site development by Thom Meredith Design
http://www.thommeredith.com

*/


*
{
  outline: 0;
}


body {
  background: #fff url('images/bg.png') repeat-x top;
  text-align: center;
  color: #666;
  font-family: helvetica, arial, verdana, sans-serif;
}

a {
  color: #666;
  outline: none;
}

a:hover {
  color: #0082c0;

}

img {
  border: none;
}

#wrap {
  width: 920px;
  margin: 0 auto 40px auto;
  text-align: left;
  background:  url('images/wrap_bg.png') repeat-y;

}

#head {
  background:  url('images/head_bg.png') no-repeat top;
  height: 74px;
  padding: 90px 30px 0 30px;
}

#head .rulebottom {
  height: 72px;
}

#content {
  background:  url('images/content_bg.png') top left no-repeat;
  padding: 23px 28px 40px 36px;

}

#foot {
  background:  url('images/foot_bg.png') no-repeat bottom;
  height: 30px;
  padding: 0 28px 16px 36px;
  font-size: 85%;
  letter-spacing: .04em;
}

#foot_nav {float: left;}
#disclaimer {
  float: left;
  font-size: 90%;
  margin-left: 38px;
}

a.home {float: left;}

ul#nav{
  list-style-type: none;
  margin: 32px 0 0 0 ;
  padding: 0;
  float: right;
}



#nav li {
  float: left;
  margin: 0;
  padding: 0;
}

#nav li a {
  display:block;
  height: 40px;	
  border: none;
  background-repeat: no-repeat;
}

#nav .services    { width: 92px;  background: url(images/nav/services.png) top;}
#nav .technology  { width: 122px; background: url(images/nav/technology.png) top;}
#nav .clients     { width: 83px;  background: url(images/nav/clients.png) top;}
#nav .company     { width: 91px;  background: url(images/nav/company.png) top;}
#nav .news        { width: 66px;  background: url(images/nav/news.png) top;}
#nav .blog        { width: 52px;  background: url(images/nav/blog.png) top;}

#nav li a:hover, #nav li a.selected {
  background-position: bottom;
}

#nav li span {
  display: none;
}

p, #right ul {
  font-size: 93%;
  line-height: 22px;
  padding-bottom: 16px;
  font-family: georgia, times, "times new roman", serif;
}

p a {
  font-family: helvetica, arial, verdana, sans-serif;
  color: #0082c0;
}

p a:hover {
  text-decoration: underline;
}


em {
  font-style: italic;
}

h3 em {
  font-style: normal;
  font-family: georgia, times, "times new roman", serif;
  text-transform: none;
}

/*H1*/
h1, h2 {
  font-family: georgia, times, "times new roman", serif;
  outline: none;

}

h1 {
  color: #003768;
  font-size: 200%;
  border-bottom: 5px solid #276EB3;
  padding-bottom: 6px;
  line-height: 28px;
}

h1 a, h1 a:hover {
  color: #003768;
}

h2, #tabNavigation a {
  color: #0082c0;
  font-size: 138.5%;
  border-bottom: 5px solid #0082c0;
  margin-bottom: 18px;
  line-height: 32px;
  padding-bottom: 6px;
  overflow: hidden;
  font-family: georgia, times, "times new roman", serif;
  display: block;
}

#tabNavigation a {
  font-size: 123.3%;
  margin-bottom: 6px;
  padding-bottom: 4px;
  border-bottom: 3px solid #cccccc;
  color: #888;
}

#tabNavigation a.selected {
  border-bottom: 3px solid #0082c0;
  color: #0082c0;
}

#tabNavigation a:hover {
  color: #0082c0;
  
}


h3 {
  text-transform: uppercase;
  color: #0082c0;
  letter-spacing: .025em;
}


/*HOME*/

#howitworks {
  background: url('images/how_it_works.png') top left no-repeat;
}

#howitworks p {
  font-size: 107.7%;
  line-height: 23px;
  letter-spacing: .025em;
  padding: 0;
  padding: 5px 0 16px 190px;

}

#howitworks p strong {
  font-size: 95%;
  color: #0082c0;
}

#howitworksdiagram {
  position: relative;
  height: 222px;
}

#howtext img {
  position: relative;
  top: 0;
  height: 36px;
}

#howtext {
  height: 36px;
  overflow: hidden;
}
#howtext .hidden {
  display: none;
}

#howtext01  {left: 0px;}
#howtext02  {left: 329px;}
#howtext03  {left: 577px;}
a#how01  {width: 375px; background: url("images/how/how01.png") no-repeat top left;}
a#how02  {width: 203px; background: url("images/how/how02.png") no-repeat top left;}
a#how03  {width: 278px; background: url("images/how/how03.png") no-repeat top left;}

#howitworksdiagram a{
  display: block; float: left; height: 222px;
  cursor: default;
}

#howitworksdiagram a:hover, #howitworksdiagram a.selected{
  background-position: bottom;
  cursor: default;
  
}

a#tryitnow {
  float: right;
  display: block;
  width: 70px;
  height: 70px;
  background: url('images/tryitnow.png') bottom no-repeat;
}

a#tryitnow:hover {
  background-position: top;
}

#threecol {
  width: 890px;
  margin-top: 38px;

}

#slideshow {
  height: 162px;
	overflow: hidden;
}

/*SITEWIDE*/
.blue {color: #0082c0;}

.third {
  width: 270px;
  float: left;
  margin-right: 23px;
}

.third h2 {
  border-color: #ccc;
}

.third h2 a {
  color: #0082c0;
}

.rulebottom {
  border-bottom: 2px solid #ccc;
}

.clear {
  clear: both;
}

#left {
  float: left;
  width: 268px;
}

#lefttop h1 {
  margin-bottom: 6px;
}

#lefttop p {
  padding-bottom: 15px;
}

#lefttop ul, #lefttop li {
  list-style-type: disc;
  margin-left: 7px;
  font-size: 104%;
  line-height: 30px;
  padding-bottom: 15px;
  font-family: georgia, times, "times new roman", serif;
}

#leftbottom {
  border-top: #43a6d4 solid 5px;
  margin: 36px 0 0 0; 
  padding: 0 0 24px 0;
}

#leftbottom p{
  font-style: italic;
  font-size: 107.7%;
  line-height: 25px;
  padding: 17px 0 0 0 ;
}

.clients {
  font-size: 93%;
}

.clients .clientname {
  text-transform: uppercase;
}

.clients .clientcompany {
  font-family: georgia, times, "times new roman", serif;
}

#right {
  float: right;
  width: 564px;
}

#right h2, #right h2 a {
  color: #0082c0;
}

#right h2.grey {
  border-bottom-color: #ccc;
}

#right h2.top {
  margin-top:28px;
}

#right h3.padtop {
  padding-top: 8px;
}

#right div{
}

#right ul, #right li{
  list-style-type: disc;
  margin-left: 7px;
}

#right .rulebottom {
  padding-top: 12px;
  margin-bottom: 10px;
}

.clientlist {
  width: 175px;
  height: 100px;
  margin: 0 13px 30px 0;
  float: left;
  overflow: hidden;
  text-align: center;
}

/*DEMO*/
.imageleft {
  float: left;
}

.imageright {
  float: right;
  width: 270px;
}

.contactemails,.contactemails p {
  padding-bottom: 8px;
}

p.contactaddress {
  padding-bottom: 4px;
}

.ui-tabs .ui-tabs-hide {
  display: none;
}

p.blue, ul.blue, div.blue p {
  font-size: 108%;
  line-height: 27px;
}

#left p.blue, #left ul.blue, #left div.blue p{
  margin-top: 20px;
  
}

#credit {
  background: white;
  text-align: right;
  padding-right: 26px;
  font-size: 85%;
  letter-spacing: .04em;
  color: #888;
}

#credit a {
  color:#888;
}

#credit a:hover {
  color:#0082c0;
}

/*NEWS*/

a.permalink {
  color: #666;
}

div.post-nav {
  text-align: right;
  font-family: arial, helvetica, sans-serif;
}

#left.news p{
}

#right.news {
  position: relative;
}

#right.news h2 {
  margin-bottom: 22px;
}

#right.news .rulebottom {
  padding-top: 0;
  
}

#right.news .rulebottom p {
  padding-bottom: 10px;
}

.post-single-nav.bottom {
  text-align:right;
  float: right;
}

.post-single-nav.top {
  text-align:right;
  position: absolute;
  right: 0;
  line-height:37px;
  height:28px;
}

.post {
  clear:both;
  padding-bottom: 20px;
  font-family: georgia, times, "times new roman", serif;
  font-size: 100%;
}

.post h1 {
  border-top: 5px solid #0082c0;
  border-bottom:0;

  padding-top: 10px;  
  padding-bottom:0;
  margin-top: 34px;
}
.post h2 {
  margin-bottom: 10px;
}

.post .date {
  font-family: arial, helvetica, sans-serif;
}

.category {
  font-family: georgia, times, "times new roman", serif;
  text-transform: uppercase;
  letter-spacing:.1em;
}

.entry {
  font-size: 105%;
}
.postmetadata {
  border-top: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  padding: 5px 0;
  margin-top:10px;
  font-family: arial, helvetica, sans-serif;
}

.postmetadata, .postmetadata a {
  color: #0082c0;
}

.postmetadata .stico_default {
  background-image:none;
}

.postmetadata img, .metabottom img {
  vertical-align:bottom;
}
.postmetadata .share img {
  display:none;
}
.post strong {
  color: #0078c9;
}

ul#connect_head {
  width:100%;
  padding: 0 0 2px 0;
  border-bottom: 5px solid #ccc;
  margin: 10px 0 16px 0;
  font-size: 120%;
  text-align:right;
}
#connect_head li {
  display:inline;
  font-size: 75%;
  font-family: helvetica, arial, verdana, sans-serif;
}
#connect_head a {
  color: #0082c0;
}
#connect_head li img {
  vertical-align: middle;
}

/* SIDEBAR */

#sidebar h2 {
  font-family: helvetica, arial, verdana, sans-serif;
  text-transform: uppercase;
  color: #0082c0;
  border-color: #4fb3e1;
  font-size: 110%;
  padding-bottom:0;
}
form#searchform {
  width: 267px;
  height:20px;
  background: url(images/search.gif);
  margin: 25px 0;
}

#searchform #s {
  margin-left: 25px;
  margin-top: 3px;
  border:0;
  height: 16px;
  font-size: 11px;
  background: transparent;
}

div#tag_cloud {
  padding: 10px 0 25px 0;
}

div#tag_cloud a {
  margin: 0 3px;
}

#wrap #content #left #sidebar .section #outer_buzz #hot_images {
  text-align:center;
}

div#hot_images {
  width: 260px;
  min-height:325px;
}

.caption {
  font-family: georgia, times, "times new roman", serif;
  margin-top:10px;
}

#slideshow_nav {
  clear:both;
  margin-top: 10px;
  border-top: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  color: #666;
  font-size: 90%;
  padding: 5px 3px;
}

#sidebar li.rulebottom, .section {
  padding-bottom: 15px;
  margin-bottom:5px;
}

/* CATEGORIES */

li.categories h2, h2#topics, .linkcat h2, #connect h2{
  margin-bottom:0;
}
li.cat-item {
  font-family: georgia, times, "times new roman", serif;
  font-size: 125%;
  padding: 5px 0;
  border-bottom: 2px solid #ccc;
}

li.cat-item a {
  color: #888888;
}

li.cat-item a:hover {
  color: #0082c0;
}

/* Links / Connect */

ul.blogroll li, #connect li {
  padding: 8px 0;
  border-bottom: 2px solid #ccc;
}

ul.blogroll li a, #connect a {
  color: #0082c0;
  font-size: 105%;
}

#connect img {
  vertical-align: middle;
  margin-right: 5px;
}
/* Twitter */

ul#twitter_update_list, ul#twitter_update_list li {
  border-bottom:0;
  display:inline;
  line-height: 150%;
  font-family: georgia, times, "times new roman", serif;
}

ul#twitter_update_list li {
  font-size:100%;
}

#foot .share {
  float:right;
  font-size: 110%;
}

#foot .share img {
  vertical-align:top;
}


.share img {
  margin-right:3px;
}

.more_link {
  display:inline;
}

/* HOME */

h2.excerpt_title {
  border-bottom:none;
  height: auto;
  line-height: 110%;
  margin-bottom:10px;
  font-size:110%;
}

h2.excerpt_title a {
  color: #0082c0;
  line-height: 150%;
}

.excerpt img {
  display:none;
}

.excerpt h2 {
  margin-bottom:8px
}

.excerpt .entry p {
  display: inline;
}

.excerpt .entry a {
  color: #0082c0;
  font-size: 90%;
}

/* COMMENTS */

h3#comments, #respond h3 {
  border-bottom:5px solid #ccc;
  padding-bottom:5px;
  margin-bottom:10px;
}

.commentlist, .commentlist ul {
  list-style-type: none;
}

.commentlist li, .commentlist li p {
  font-family: helvetica, arial, verdana, sans-serif;
}

/* SINGLE */

#right.single .post .date,
#right.single .post .category a {
  color: #666666;
}

.commentlist li cite, 
.commentlist li cite a,
#right.single .metabottom a 
{
  color: #0082c0;
}

#right.single .metabottom {
  font-size:90%;
  float:right;
  font-family: helvetica, arial, verdana, sans-serif;
}

#right.single .metabottom .share img {
  display:none;
}
  
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
	
.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
.tabContainer h2 {
  padding-bottom:2px;
}