/* 
	Important styles - (used by this app and must be included in own stylesheet ) 
*/
.tweet_rotator { overflow: hidden;  position: relative;/* background-image: url(/images/overlay.png); background-repeat: repeat-x; */ }
.tweet_holder { position: relative; }
.tweetparent { overflow: hidden;  }
.tweetbox { display: block;  padding: 10px 10px 20px; text-align: left; }
.tweet_rotator ul.nav { position: absolute; bottom: 0px; right: 0px; padding: 5px;}
.tweet_rotator ul.nav li { cursor: pointer; width: 20px; height: 20px; background-image: url(/images/sprite.png); background-repeat: no-repeat; display: block; }
.tweet_rotator ul.nav li.active { background-position: 0px -20px; }

/* Tweet rotator colors */
.color_1 	{ background-color: none; } /* Base color, and so on */
.color_2 	{ background-color: #a300c6; }
.color_3 	{ background-color: #ffda10; }
.color_4 	{ background-color: #fe0b8f; }
.color_5 	{ background-color: #ff8315; }
.color_6 	{ background-color: #ff1800; }
/*
	End of app styles
*/

#example iframe.twitter-timeline{
	height: 450px !important;;
}

/* 
	General app styling 
*/
#example, #example_vert, #example_nocolor { /*width: 300px;*/ height: 330px; margin: auto;   }
.tweetbox span { font-family: 'Droid Sans', serif; font-size: 13px; color: #fff; text-transform: uppercase; }
.tweetbox span a { color: #fff; text-decoration: none; }
.tweetbox p { padding-top: 0px; font-family: 'Lato', sans-serif; font-size: 22px; color: #fff; font-weight: 300; letter-spacing: 0.010em; line-height: 32px; padding-bottom: 0px; word-spacing: 0.04em;  margin: 10px 0; }
.tweetbox p a { color: #06cae6; font-weight: 700}
.tweetbox em { font-family: 'Droid Sans', serif; font-size: 12px; color: #fff; text-transform: uppercase;  }
.shadow { background-image: url("/images/shadow.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    padding-bottom: 42px; }
    
/* Alternative colors */
.color_alt_1 	{ background-color: #a300c6; } /* Base color, and so on */
.color_alt_2 	{ background-color: #ff1800; }
.color_alt_3 	{ background-color: #06bbfe; }
.color_alt_4 	{ background-color: #fe0b8f; }
.color_alt_5 	{ background-color: #ff1800; }
.color_alt_6 	{ background-color: #ff8315; }


/*
	Documentation styling
*/
.wrapper { width: 300px; margin: auto; overflow: hidden; font-family: 'Droid Sans', arial; }
.documentation {  padding: 40px; text-align: left; font-size: 14px; }
h1 { font-size: 24px; font-weight: bold; border-bottom: 1px solid #d4d4d4; margin-bottom: 20px; padding-bottom: 10px; text-align: left;  }
.documentation p { margin-bottom: 20px; line-height: 22px; width: 90%; }
.documentation p span { font-size: 13px;  display: block; padding-left: 10px;}
.documentation p span em { font-size: 13px; width: 400px; left: 30px; position: relative;float: right;}
.documentation strong { font-weight: bold; }
.documentation em { color: #666; font-style: italic; font-size: 15px; }
.documentation a.ac { display: inline-block; background-color: #B64926; padding: 8px; color: #fff; text-decoration: none; -moz-border-radius: 16px; }
.documentation ul { padding-left: 14px; }
.documentation ul li { list-style: disc; font-size: 13px; line-height: 18px; }