/*  
Sticky Footer Solution by Steve Hatcher http://stever.ca http://www.cssstickyfooter.com */

* {
	margin:0;
	padding:0;
} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {
	height: 100%;
	background-image:url(../graphics/background_stripe.gif);
	background-repeat:repeat-x;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:100%;
}

#wrap {
	min-height: 100%;
}

#main {

	padding-bottom: 160px;/* must be same height as the footer */
	width:978px;
	margin:auto; 
	background-color:#FFF;
}

#footer {
	position: relative;
	margin-top: -160px; /* negative value of footer height */
	height: 160px;
	clear:both;
	background-image:url(../graphics/footer_skyline.gif);
	background-repeat:repeat-x;
}
#footer p {
	width:958px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:0px;
	margin-top:0px;
	padding-top:142px;
	font-size:10px; 
	color:#000;
}
#footer a:link {
	text-decoration:none;
	color:#000;
}
#footer a:visited {
	text-decoration:none;
	color:#000;
}
#footer a:hover {
	text-decoration:underline;
	color:#000;
}
#footer a:active {
	text-decoration:none;
	color:#000;
}*/

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/* negate effect of float (max allowed in Opera)*/
}

/*  
End Sticky Footer
*/

a img {
border:0px;
}

#header {
height:144px;
margin:0;
}
#header #logo {
width:252px;
float:left;
}
#header #logo img { 
padding:24px 8px 0px 0px;
}
#header #links {
width:700px;
float:right;
text-align:right;
padding:49px 0px 8px 0px;
}
#header #links p {
padding:0px 8px 0px 0px;
}
#header a:link, #content a:link {
color:#1a75bb;
text-decoration:none;
}
#header a:visited, #content a:visited {
color:#1a75bb;
text-decoration:none;
}
#header a:hover, #content a:hover {
color:#bd2438;
text-decoration:underline;
}
#header a:active, #content a:active {
color:#bd2438;
text-decoration:underline;
}

#nav {
clear:both;
margin:0;
padding-left:2px;
background-color:#FFF;
}
#nav ul li {
display:inline;
list-style-type:none;
border-right:2px solid white;
float:left;
height:168px;
width:120px;
margin-bottom:30px;
}
#nav ul li img {
border:none;
margin-top:8px;
}
#nav ul li p {
font-size:12px;
line-height:14px;
color:#FFF;
margin:4px 8px 0px 8px;
}
#nav ul li p.intro {
font-size:15px;
line-height:18px;
color:#FFF;
margin:6px 8px 0px 8px;
}
#nav ul li a:link {
display:block;
height:168px;
background-color:#1a75bb;
color:#FFF;
text-decoration:none;
}
#nav ul li a:visited {
display:block;
height:168px;
background-color:#1a75bb;
color:#FFF;
text-decoration:none;
}
#nav ul li a:hover {
display:block;
height:168px;
background-color:#bd2438;
color:#FFF;
text-decoration:none;
}
#nav ul li a:active {
display:block;
height:168px;
background-color:#bd2438;
color:#FFF;
text-decoration:none;
}

#content {
clear:both;
}

#content #column1 h2 {
font-size:18px;
line-height:21px;
margin:7px 0px 8px 10px;
color:#1a75bb;
}
#column1 ul#subnav {
margin:9px 40px 12px 10px;
padding:0px;
}
#column1 ul#subnav li {
list-style-type:square;
list-style-position:outside;
margin:0px 0px 7px 16px;
padding:0px;
color:#1a75bb;
font-size:15px;
line-height:18px;
}
#column1 ul#subnav li a:link {
text-decoration:none;
}
#column1 ul#subnav li a:visited {
text-decoration:none;
}
#column1 ul#subnav li a:hover {
text-decoration:none;
}
#column1 ul#subnav li a:active {
text-decoration:none;
}

video, embed {
	border:1px solid #999;
}

/* content image border */
#column1 img.left, #column2 img.left, #column3 img.left {
	float:left; 
	margin:0px 16px 8px 0px;
	border:1px solid #999;
}
#column1 img.right, #column2 img.right, #column3 img.right {
	float:right; 
	margin:2px 0px 8px 16px;
	border:1px solid #999;
}


/* TWITTER  */

#loading-container {
    padding:5px;
    text-align:center;  
}
  
#twitter-feed {
    width:100%;
    margin:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
    padding:5px;
    overflow:hidden;
	font-weight:lighter;
}
  
#twitter-feed h1 {
    margin:0px;
    padding:10px;
    font-size:14px;
    font-weight:lighter;    
}
  
.twitter-article, #loading-container {
    width:100%;
    float:left; 
    padding:5px;
    position:relative;
} 
.twitter-pic {
    position:absolute;
}
  
.twitter-pic img {
    float:left;
    border-radius:0px;  
    border:none;   
}
  
/* -------- TEXT STYLING ------*/
.twitter-text {
    width:100%;
    float:left;
    font-size:12px;
	font-weight:lighter;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.twitter-text p {
    margin:0px;
    line-height:26px;   
}
.twitter-text a,  h1 a {
    font-size:12px;
	color: #fff;
    text-decoration: none;
}
.twitter-text a:hover,  h1 a:hover {
    text-decoration: underline;
    color: #fff;
}
  
.tweet-time {
    font-size:10px;
    color:#fff;
    float:right;
}
.tweet-time a, .tweet-time a:hover {
    color:#fff;
}
  
.tweetprofilelink a {
    color:#fff;
}
.tweetprofilelink a:hover {
    color:#fff;
}
  
.col-left {
	display:block; 
	float: left;
	/*width: 365px;*/
	padding:15px 0px;}

#content #column2 #videoul li {
	background: url(../images/video-icon.jpg) no-repeat;
	 background-repeat: no-repeat;
	line-height:25px;
    padding-left: 30px;
	list-style-type: none;
	list-style-image:none !important;
	
}
  
/* -------- FEED  ACTIONS ------*/
#twitter-actions {
    width:75px;
    float:right;
    margin-right:5px;   
    margin-top:3px;
        display:none;
}
.intent {
    width:25px;
    height:16px;
    float:left; 
}
.intent a{
    width:25px;
    height:12px;
    display:block;
    background-image:url(http://londonaki.net/images/tweet-actions.png);
    float:left; 
} 
.intent a:hover{
    background-position:-25px 0px;
} 
  
#intent-retweet a{
    background-position:0px -17px;
} 
#intent-retweet a:hover{
    background-position:-25px -17px;
} 
#intent-fave a{
    background-position:0px -36px;
} 
#intent-fave a:hover{
    background-position:-25px -36px;
} 
  
/* -------- RETWEET INDICATOR ------*/
#retweet-indicator {
    width:14px;
    height:10px;
    background-image:url(http://londonaki.net/images/tweet-actions.png);
    background-position:-5px -54px;
    margin-top:3px;
    float:left;
}