/*
Theme Name:SendSocial
Theme URI:http://blog.sendsocial.com
Description:This Wordpress theme is for the web service SendSocial. The place where virtual friends can send real gifts.
Version:0.8
Author:Marc Falk
Author URI:http://www.marcfalk.com/
Tags:white, blue, green, fixed-width, two-columns, right-sidebar, sendsocial

	"SendSocial" by http://www.marcfalk.com/

	This theme was designed and built by Marc Falk
	from SendSocial: http://www.sendsocial.com/.

*/

#blurb {

height:auto;
border-bottom:1px dotted #ccc;
width:100%;
float:left;
padding:25px 0;
font-size:240%;
font-weight:400;
line-height:120%;
}
.post {
padding:0 30px 0 0;
}
.post p {
margin:14px 0 14px 0;
}
.post em{
font-style:italic;
}
.post h2 {

font-size:24px;
margin:25px 0 10px 0;
font-weight:normal;
}
.post h1, .post h1 a{
font-size:170%;
font-weight:bold;
letter-spacing:-0.035em;
line-height:32px;
margin:30px 0 10px;
}
.post h3, .post h4 {

font-size:20px;
margin:15px 0 10px 0;
font-weight:normal;
}
.post h4 {
font-size:18px;
}
.post h1:hover, .post h2:hover, .post h3:hover, .post h4:hover {
color:#e12000;
}
.post .indent {
padding-left:10px;
}
.post .indent p {
padding-left:10px;
}
.post small {
font-size:11px;
}
.post small a {
font-weight:normal;
}
.post .alignright {
float:right;
margin-left:10px;
}
.post .alignleft {
float:left;
margin-right:10px;
}
.post .aligncenter {
margin:0 auto;
display:block;
}
.post abbr {
font-weight:normal;
}
.post ul{
list-style:circle;
margin:0 0 0 30px;
list-style-position:inside;
}
.post ol{
list-style:decimal;
margin:0 0 0 30px;
list-style-position:inside;
}
.post .wp-caption {
background:#f7f7f7;
border:1px solid #ccc;
margin:10px;
text-align:center;
padding:5px 0 0;
}
.post .wp-caption-text {
margin:0;
}
.post .wp-caption a, .post .wp-caption a:hover {
border-bottom:0;
}
.post blockquote {
color:#777;
border-left:5px solid #ccc;
margin:15px 30px 0 10px;
padding-left:20px;
}
.post pre {
font-family:courier;
font-size:12px;
letter-spacing:-1px;
margin:14px 0 14px 0;
}
.post .message ul {
margin:12px 0 0;
}
.post .message {
display:none;
background:#0F67A1;
margin-top:10px;
padding:20px;
color:#fff;
}
#comments h3, #comments h4{
font-size:24px;
margin:35px 0 20px;
font-weight:normal;
}
#comments h4{
font-size:28px;
}
#comments cite{
border-bottom:1px dotted #CCCCCC;
font-size:120%;
font-weight:bold;
padding:0 0 8px;
}
#comments em {
font-style:italic;
text-align:right;
}
#comments ol.commentlist li {
border:1px dotted #CCCCCC;
float:left;
margin-top:20px;
padding:10px 5px 20px 10px;
width:680px;
}
#comments p {
margin:10px 0 0 10px;
width:auto;
}
#comments span {
display:block;
color:#eee;
font-size:120px;
font-weight:normal;
float:right;
padding-top:25px;
}
#comments ul.formlist {
margin:20px auto;
width:600px;
clear:both;
}
#comments ul.formlist li {
display:block;
margin:10px 0 0;
}
#comments ul.formlist p{
margin:10px 0 0;
text-align:center;
}
#comments input {
border-width:1px;
font-size:100%;
font-weight:normal;
padding:5px;
width:500px;
font-family:"Trebuchet MS", Arial, Verdana;
}
#comments textarea {
border-width:1px;
font-size:100%;
font-weight:normal;
padding:5px;
width:500px;
line-height:1.5em;
font-family:"Trebuchet MS", Arial, Verdana;
}
#comments li.submitbutton input {
background:#FFFFFF none repeat scroll 0 0;
color:#000000;
font-family:"Trebuchet MS",Arial,Verdana;
font-size:120%;
font-weight:normal;
text-align:center;
width:150px;
}
#comments li.submitbutton input:hover {
text-decoration:underline;
}
#comments .center {
text-align:center;
clear:both;
}
#sidebar {
margin:0 0 25px 0;
overflow:hidden;
}
#sidebar h3 {
padding:25px 0 3px 0;
font-size:115%;
float:right;
}

#sidebar .block {
clear:both;
float:right;
text-align:right;
}

#sidebar .block ul {
text-align:right;
float:right;
clear:both;
}
#sidebar .block ul .children{
border:0;
padding: 0 0 0 8px;
text-align:right;
}
#sidebar .block li {
border-top:1px dotted #CCCCCC;
clear:both;
float:right;
line-height:2em;
width:200px;
}
#sidebar .block li a {
font-size:100%;
font-weight:normal;
padding:2px 0 2px 15px;
display:block;
border-bottom:none;
clear:both;
}
#sidebar .block li a:hover {
background:#f7f7f7;
}
#sidebar .widget_search label {
color:#000000;
display:block;
font-size:115%;
font-weight:bold;
padding:25px 0 3px;
}
#sidebar .widget_recent_comments li {
padding:2px 0 2px 15px;
}
#sidebar .widget_recent_comments li a,#sidebar .widget_recent_comments li a:hover{
font-weight:normal;
}
#sidebar .widget_recent_comments li a:hover {

}
#sidebar .widget_tag_cloud h3 {
margin:0 0 8px;
}
#sidebar .widget_text h3 , #sidebar .calendar h3{
border-bottom:1px dotted #ccc;
}
#sidebar .calendar h3{
display:none;
}
#sidebar #wp-calendar {
width:95%;
text-align:center;
}
#sidebar #wp-calendar caption, #sidebar #wp-calendar td, #sidebar #wp-calendar th{
text-align:center;
}
#sidebar #wp-calendar caption {
font-size:18px;
padding:25px 0 3px 0;
}
#sidebar #wp-calendar th {
font-weight: bold; 
border-top:1px dotted #ccc;
border-bottom:1px dotted #ccc;
}
#sidebar #wp-calendar tfoot td{
border-top:1px dotted #ccc;
border-bottom:1px dotted #ccc;
}
#footer {
width:900px;
float:left;
border-top:1px dotted #cccccc;
text-align:center;
padding:30px 0 40px 0;
}

/* ADDED LATER ON */


/*********************************

	RESET (due to compatibility)

*********************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
	margin:0;
	padding:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { 
	border:0;
}

/*********************************

	GENERAL

*********************************/

body {
	text-align:center;
	font-family:"Arial", Trebuchet MS, Verdana;
	font-size:75%;
	line-height:1em;
	color:#2c2c2c;
}

img {
	border:0px;
}

.widthWrap {
	width:960px;
	margin:0 auto;
}

.cl {
	clear:both;
	overflow:hidden;
	font-size:0;
	line-height:0;
	margin:0;
	padding:0;
}

.left {
	float:left;
}

.right{
	float:right;
}

/* TYPEFACE
*********************************/

a:link, a:active, a:visited {
	text-decoration:none;
	color:#0045a4;
}

a:hover {
	text-decoration:underline;
}

h1.content {
	color:#3d3d3d;
	font-size:240%;
	font-family:"Trebuchet MS", Arial;
	font-weight:bold;
	letter-spacing:-1px;
	line-height:2em;
	text-align:left;
	float:left;
}

h1.front {
	color:#c0c0c0;
	font-size:215%;
	font-family:"Trebuchet MS", Arial;
	font-weight:bold;
	letter-spacing:-1px;
	display:block;
	margin: 15px 0 20px 0;
}

h2 {
	font-size:100%;
	font-family:"Trebuchet MS", Arial;
	font-weight: bold;
	text-transform:uppercase;
	text-align:center;
	background:transparent;
}

h2.content {
	font-size:150%;
	font-family:"Trebuchet MS", Arial;
	font-weight:normal;
	text-transform:none;
	text-align:left;
	float:left;
	margin:10px 0 0 8px;
	line-height:2em;
	color:#afafaf;
}

h3 {
	font-size:230%;
	font-family:"Arial", Verdana;
	font-weight:bold;
	color:#000;
	letter-spacing:-1px;
	float:left;
	clear:both;
}

h4 {
	font-size:215%;
	font-family:"Arial", Verdana;
	font-weight:bold;
	color:#597a98;
	letter-spacing:-1px;
	float:left;
}

h5 {
	font-weight:bold;
}

h6 {
	font-weight:bold;
	font-size:180%;
	margin:10px 0 25px 0;
	float:left;
}

/*********************************

	HEADER

*********************************/

#headerContainer {
	background:url(images/backgrounds.png) repeat-x 0px 0px;
	height:95px;
	clear:both;
}

#headerContainer div.logo {
	width:625px;
	height:95px;
	float:left;
}

#headerContainer div.logo a {
	height: 95px;
	float: left;
}

#headerContainer div.choice {
	float:right;
	text-align:right;
	height:95px;
}

#headerContainer div.choice span {
	margin:32px 10px 0 0;
	float:right;
	display:block;
	font-weight:bold;
	color:#cdcdcd;
}

/*********************************

	MENU
	
*********************************/

#menuContainer {
	background:url('/images/backgrounds.png') repeat-x 0px -95px;
	height:43px;
	clear:both;
	margin:0 0 25px;
}

#menuContainer a.item {
	height:43px;
	outline:none;
	float:left;
	text-align:center;
	display:block;
	background:url('./images/menu.png') repeat-x;
}

/* HOME
*********************************/

#menuContainer a.front,
#menuContainer a.front-sel {
	background-position:0px 0px;
	width:60px;
}

#menuContainer a.front:hover {
	background-position:0px -43px;
}

#menuContainer a.front-sel {
	background-position:0px -43px;
}

/* HOW DOES IT WORK

*********************************/

#menuContainer a.how,
#menuContainer a.how-sel {
	background-position:-60px 0px;
	width:118px;
}

#menuContainer a.how:hover {
	background-position:-60px -43px;
}

#menuContainer a.how-sel {
	background-position:-60px -43px;
}

/* WHY USE SENDSOCIAL
*********************************/

#menuContainer a.why,
#menuContainer a.why-sel {
	background-position:-357px 0px;
	width:167px;
}

#menuContainer a.why:hover {
	background-position:-357px -43px;
}

#menuContainer a.why-sel {
	background-position:-357px -43px;
}

/* BLOG
*********************************/

#menuContainer a.blog,
#menuContainer a.blog-sel {
	background-position:-300px 0px;
	width:57px;
}



#menuContainer a.blog:hover {
	background-position:-300px -43px;
}

#menuContainer a.blog-sel {
	background-position:-300px -43px;
}

/* PRICING

*********************************/

#menuContainer a.pricing,
#menuContainer a.pricing-sel {
	background-position:-178px 0px;
	width:73px;
}

#menuContainer a.pricing:hover {
	background-position:-178px -43px;
}

#menuContainer a.pricing-sel {
	background-position:-178px -43px;
}

/* FAQ
*********************************/

#menuContainer a.faq,
#menuContainer a.faq-sel {
	background-position:-251px 0px;
	width:49px;
}

#menuContainer a.faq:hover {

	background-position:-251px -43px;

}



#menuContainer a.faq-sel {
	background-position:-251px -43px;
}

/* SIGN UP
*********************************/

#menuContainer a.signuphere,
#menuContainer a.signuphere-sel {
	background-position:-524px 0px;
	width:93px;
}

#menuContainer a.signuphere:hover {
	background-position:-524px -43px;
}

#menuContainer a.signuphere-sel {
	background-position:-524px -43px;
}

/* WorldCup Menu
*********************************/

#menuContainer a.worldcup,
#menuContainer a.worldcup-sel {
	background-position:-617px 0px;
	width:211px;
}

#menuContainer a.worldcup:hover {
	background-position:-617px -43px;
}

#menuContainer a.worldcup-sel {
	background-position:-617px -43px;

}

/* OTHER

*********************************/

#menuContainer div.divider {
	height:43px;
	width:2px;
	background:url('/images/landing-sprite.png') no-repeat -585px -43px;
	float:left;
}
	
/*********************************

	CONTENT

*********************************/

#contentContainer {
	clear:both;
}

.frontBack {
	background:url(images/backgrounds.png) repeat-x 0px -390px;
}

.loggedBack {
	background:url(images/repx-logged.png) repeat-x;
}

#contentContainer p {
	line-height:1.5em;
	text-align:left;
}

/* COLUMN LAYOUT
*********************************/

#contentContainer div.colContainer {
	clear:both;
	margin:10px 0 0 0;
}

#contentContainer div.colSingle {
	width:960px;
}

#contentContainer div.colHalf {
	width:470px;
	text-align:left;
}

#contentContainer div.colSmall {
	width:270px;
	text-align:left;
}


#contentContainer div.colLarge {
	width:670px;
	text-align:left;
}

#contentContainer div.colBlog {
	width:740px;
	text-align:left;
}

#contentContainer div.colSidebar {
	width:200px;
	text-align:left;
}

#contentContainer div.colContent {
	clear:both;
	padding:10px;
}

#contentContainer div.left {
	float:left;
}

#contentContainer div.right{
	float:right;
}

#contentContainer div.child {
	clear:both;
}

/* COLUMN-RELATED
*********************************/


#contentContainer div.colContent div.title {
	clear:both;
	text-align:left;
}

#contentContainer div.colContent div.content {
	clear:both;
	text-align:left;
}

#contentContainer div.colContent p {
	line-height:1.5em;
	font-size:110%;
	letter-spacing:0;
	clear:both;
	text-align:left;
}

#contentContainer div.colContent div.sneakpeak p {
	line-height:1.5em;
	font-size:110%;
	letter-spacing:0;
	clear:both;
	text-align:right;
}

#contentContainer div.colContent ul {
	clear:both;
	font-size:120%;
	margin:15px 0 15px 0;
}

#contentContainer div.colContent li {
	clear:both;
	line-height:1.5em;
}

#contentContainer div.colContent div.security {
	clear:both;
}

#contentContainer div.colContent div.security div {
	float:left;
	background:url(images/sprite.png) no-repeat -80px -160px;
	width:16px;
	height:16px;
}

#contentContainer div.colContent div.security span {
	float:left;
	margin:2px 0 0 5px;
	display:block;
}


/*********************************

	FOOTER

*********************************/

#footerContainer {
	height:80px;
	clear:both;
	margin:20px 0 0 0;
}

#footerContainer div.line {
	height:5px;
	background:#f3f3f3;
	border-bottom:5px solid #e0e0e0;
	overflow:hidden;
	line-height:0;
	font-size:0;
}

#footerContainer div.text {
	color:#bbbbbb;
	font-family:"Verdana", Arial;
	font-size:90%;
	margin:5px 0 0 0;
}

#footerContainer a:link,
#footerContainer a:active,
#footerContainer a:visited {
	color:#8c8c8c;
	text-decoration:none;
}

#footerContainer a:hover {
	text-decoration:none;
	color:#2c2c2c;
}

#footerContainer div.text div.left {
	float:left;
	text-align:left;
	line-height:1.75em;
}

#footerContainer div.text div.left a {
	margin-right:10px;
}


#footerContainer div.text div.right {
	float:right;
	text-align:right;
	line-height:1.75em;
}

#footerContainer div.text div.right a,
#footerContainer div.text div.right span {
	margin-left:10px;
}

div.globalwarning {
	text-align:center;
	clear:both;
	padding:15px;
	background:#FFFDD8;
	border-bottom:3px solid #F0EDC2;
	color:#514933;
	
}

div.globalwarning a {
	color:#4e3d27;
	text-decoration:underline;
}

/* CHOICE
*********************************/

#headerContainer div.choice {
	float:right;
	text-align:left;
	height:95px;
}

#headerContainer div.choice span {
	margin:42px 10px 0 0;
	float:right;
	display:block;
	font-weight:bold;
	color:#cdcdcd;
}

/* SIGNIN-BUTTONS
*********************************/

#headerContainer div.methods {
	width:320px;
	height:36px;
	border:none;
	float:right;
	margin:18px 0 0 0;
	display:none;
}

#headerContainer div.methods a {
	width:91px;
	height:26px;
	border:none;
	float:right;
	display:block;
	margin:0 0 0 5px;
	background:url('http://sendsocial.com/images/landing-sprite.png') repeat-x 0px 0px;
	text-indent:-9999px;
	outline:none;
}

#headerContainer div.methods a.twitter {
	width:91px;
	background-position:-630px -125px;
}

#headerContainer div.methods a.twitter:hover {
	background-position:-630px -99px;
}

#headerContainer div.methods a.facebook {
	width:108px;
	background-position:-721px -125px;
}

#headerContainer div.methods a.facebook:hover {
	background-position:-721px -99px;
}

#headerContainer div.methods a.email {
	width:79px;
	background-position:-829px -125px;
}

#headerContainer div.methods a.email:hover {
	background-position:-829px -99px;
}


#headerContainer div.methods div.text {
	width:244px;
	height:25px;
	clear:both;
	float:right;
	background:url('/images/landing-sprite.png') repeat-x -710px -68px;
}

/* LOGIN-BOX
*********************************/

#headerContainer div.choice div.login {
	width:320px;
	height:60px;
	border:none;
	float:right;
	margin:29px 0 0 0;
}

#headerContainer div.choice div.login input {
	border:none;
	float:left;
}

/* INPUTS */

#headerContainer div.choice div.login input.login {
	width:55px;
	height:28px;
	background:url('http://sendsocial.com/images/landing-sprite.png') no-repeat -495px -64px;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
}

#headerContainer div.choice div.login input.field {
	width:110px;
	height:15px;
	background:url('http://sendsocial.com/images/landing-sprite.png') no-repeat -710px -43px;
	padding:5px 5px;
	font-size:100%;
}

#headerContainer div.choice div.login input.leftfield {
	margin:0 0 0 15px;
}

#headerContainer div.choice div.login input.centerfield {
	margin:0 5px;
}

#headerContainer div.choice div.login input.enteremail {
	background-position:-590px -43px;
}

#headerContainer div.choice div.login input.enterpassword {
	background-position:-590px -68px;
}

/* LINKS */

#headerContainer div.choice div.login a {
	float:right;
	color:#ababab;
	font-size:90%;
	font-weight:normal;
	margin:3px 0 0 0;
}

#headerContainer div.choice div.login a:hover {
	text-decoration:none;
	color:#757575;
}

#headerContainer div.choice div.login span {
	float:right;
	color:#dbdbdb;
	margin:3px 8px 0 6px;
	font-weight:normal;
}