﻿html 
{
    background-color:       #eeeeee;
}

body {
	text-align:			center;
	width:				100%;
	font-family:		"Segoe UI", Tahoma, Verdana, Arial, Serif;
	font-size:			62.5%;
	color:				#717171;
	background-image:   url(/content/images/bg_body.jpg);
	background-repeat:  repeat-x;
	background-color:       #eeeeee;
}

/* Basic Defaults */

img.alignright 
{
    float:      right;
    margin:     0 0 10px 10px;   
}

img.alignleft
{
    float:      left;
    margin:     5px 10px 5px 0;   
}
h1 {
	display:		none;

}

h2 {
	font-size:		2.0em;
	padding:		20px 30px 0 30px;
	margin:         0 0 0 0;
	color:          #ffffff;
	font-weight:    bold;
}

h3 {
	font-size:		2.0em;
	font-weight:	normal;
	padding:		20px 0 20px 0;
}

h4 {
	font-size:		1.6em;
	font-weight:	normal;
	padding:		20px 0 20px 0;
}

p {
	font-size:		1.2em;
	padding:		0 30px 10px 30px;
}

a {
	color:	#ff0090;
}

a.tweetme {
	padding-left:	20px;
	background-image:	url(/content/images/icon_twittertiny.png);
	background-repeat:	no-repeat;
	background-position:	5px 0px;
}	

strong {
	font-weight:		bold;
}

/* End Basic Defaults */



#container {
	width:			960px;
	margin:			0 auto;
	text-align:		left;
}

#sidebar 
{
    width:      370px;
    float:      left;   
}

	#sidebar .box {
		margin:			0 30px 30px 30px;
		border-top:		1px solid #dddddd;
		border-bottom:	5px solid #000000;
		padding:		0 0 10px 0;
	    background-color:	#ffffff;		
	}
	
	#sidebar .boxprofile 
	{
	    border:             0; 
	    background-color:   #000000;
	    margin-bottom:      60px;
	    cursor:             pointer;
	    height:             215px;
	    overflow:           hide;
	}
	
	#sidebar .boxprofile:hover 
	{
	    background-image:   url(/content/images/bg_home.png);   
	    background-repeat:  no-repeat;
	    background-position: 50% 0;
	}
	
	
	#sidebar .box h3
	{
	    color:      #333333;
	    text-transform: uppercase;
	    padding:        20px 30px 10px 30px;
	    font-size:      1.3em;
	    font-weight:    bold;
	}	
	
	#sidebar .box p
	{
	    padding:        0 30px 10px 30px;
	    font-size:      1.4em;
	}	
	
	#sidebar .boxprofile h3
	{
	    color:      #eeeeee;
	    text-transform: uppercase;
	    padding:        0 30px 20px 30px;
	    font-size:      1.2em;
	}
	
	#sidebar .boxprofile p 
	{
	    color:      #ffffff; 
	    font-size:  1.2em !important;  
	}	
	
	#content .box p {
		padding:		0;
		font-size:		1.1em;
		text-align:		center;
		font-family:	Verdana, Arial, Serif;
	}
	
	#content .boxprofile p 
	{
	    padding:        0 0 0 -30px !important;   
	}

#content {
	width:			560px;
	float:			left;
}

	#content div.posterous {
		padding:		0 30px 20px 30px;
		font-size:		1.0em;
		background-color:	#ffffff;
		border-bottom:      5px solid #000000;
	}
	
	#content div.posterous p {
		padding:		0 0 20px 0;
		font-size:		14px !important;
	}
	
	#content div.posterous ul 
	{
	    margin:     0 0 15px 0;  
	    padding:    0 20px 0 16px; 
	}
	
	#content div.posterous ul li 
	{
	    font-size:      13px;
	    list-style-type:    square;	       
	    padding:            0 0 5px 0;
	    margin:             0;
	}
	
	#content div.posterous div 
	{
	    font-size:      14px !important;   
	}
	
	#content div.posterous p.timestamp {
		padding:		5px 10px 5px 10px;
		margin:         0 0 5px 0;
		font-size:		10px !important;
		font-weight:    bold;
		color:			#ffffff;
		background-color:   #ff0090;
		float:          right;
	}
	
	#content div.posterous ul.metasummary {
	
	}
	
	#content div.posterous ul.metasummary li {
		list-style-type:	none;
		display:		inline;
		padding:		0 15px 0 0;
	}
	
	#content div.posterous label {
		float:			left;
		padding:		5px;
		font-size:		1.1em;
		width:			80px;
	}
	
	#content div.posterous input[type="text"] {
		padding:		5px;
		float:			left;
		font-size:		1.1em;
		width:			200px;
		margin-bottom:	5px;
	}
	
	#content div.posterous input[type="submit"] {
		padding:		5px;
		float:			left;
		font-size:		1.1em;
		font-weight:    bold;
		text-transform: uppercase;
		margin:			0 0 20px 90px;
		background-color:	#ff0090;
		border:			0;
		color:			#ffffff;
	}
	
	#content div.posterous textarea {
		padding:		5px;
		float:			left;
		font-size:		1.1em;
		width:			380px;
		height:			120px;
		font-family:	Verdana, Arial, Serif;
		margin-bottom:	5px;
	}
	
	
	form 
	{
	    padding-bottom: 20px;   
	}
	
    hr  {
		border:			0;
		display:		block;
		background-color:	transparent;
		padding:		10px 0 10px 0;
		margin:			0;
	}

	
	#footer {
		margin:			30px 0 25px 0;
	}

	#footer p {
		font-size:		1.0em;
		padding:		0 60px 5px 400px;
	}
	
	#footer img {
		float:			right;
		margin-left:	5px;
	}
	
	#footer img.shifty {
		margin-top:	-3px;
	}


.clearFix {
	clear:			both;
}

.failwhale 
{
    background-image:   url(/content/images/failwhale.png);   
    background-repeat:  no-repeat;
    background-position:    5px 140px;
}

.twittericon 
{
    margin-top:     -3px !important;   
}

img.loader 
{
    margin-top:     -10px !important;   
}