/* @override http://heyrnc.com/css/screen.css */

/*------------------------------------------------------------

	Screen.css
	http://heyrnc.com
	
	Last Modified : 	Fri October 9, 2009
	Created by : 		dave rupert
	Contact: 			info@paraveldesign.com
	
	Copyright 2009 - 2010
	Based on Blueprint 1.6.1
	
--------------------------------------------------------------*/

/* Reset
-------------------------------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;}
table{border-collapse:separate;border-spacing:0;margin-bottom:1.4em;}
caption,th,td{text-align:left;font-weight:400;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:;}
a img{border:none;}

/* Grid
-------------------------------------------------------------- */
.container{width:950px;margin:0 auto; }
.column{float:left;margin-right:10px;}
.last{margin-right:0;}

.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}

/* Page
-------------------------------------------------------------- */
html, body { height:100%; }

body { background: #AEE0EA url(/img/thatchbg.jpg) repeat top center; }

#header {
	clear: both;
	display: block;
	height:210px;
	position: relative;
}

#logo { }

#notifications {
	clear:both;
	display: block;
	padding:15px 23px 15px 20px;
	border-bottom: 1px solid #AEE0EA;
	height: 50px;
	color: #000;
	font-weight: bold;
	font-style: italic;
}

#nav {
	background: url(/img/nav.png) no-repeat;
	height: 137px;
	width: 173px;
	text-align: center;
	position: absolute;
	right: 30px;
	top: 15px;
	text-transform: uppercase;
	font-weight: bold;
}

#nav ul {
	margin:0px 0px 0px;
	padding-top: 15px;
}

#nav ul li {
	margin:32px 0px 0px 28px;
}

.tweet  {
	clear:both;
	display: block;
	padding:15px 23px 15px 20px;
	border-bottom: 1px solid #AEE0EA;
	height: 70px;
	position: relative;
	background: #fff;
}

.altrow {
	background: #f6fcfc;
}

.tweet .profileicon { 
	float:left; 
	margin:0px 10px 0px 0px; 
	border: 1px solid #B4E1EB; 
	padding: 10px 10px; 
	height: 48px; 
	width:48px; 
	background: #fff;
}

.tweet .profileicon img {
	height: 48px; 
	width:48px;
	background: #AEE0EA;
}

.tweet_text {
	position:absolute;
	width: 480px;
	top: 20px;
	left: 180px;
}

#incoming-tweets .tweet_text {
	position:absolute;
	width: 560px;
	top: 20px;
	left: 100px;
}

.rankbox{
	height: 48px;
	width: 48px;
	float: left;
	margin-right:10px;
	padding: 10px;
	border:1px solid #B4E1EB;
	color: #AEE0EA;
	background: #fff;
}

div.rank {
	font-size: 2em;
	line-height: 1em;
	font-weight: bold;
	text-align: center;
	color: #2F7989;
}

div.likes {
	font-size: 10px;
	text-align: center;
}

div.likes img {
	margin-bottom: -5px;
	margin-left: -2px;
}

div.actions_box {
	position: absolute;
	right: 23px;
	top: 25px;
	float: left;
	margin-left:10px;
	height: 50px;
	width: 50px;
	background: #fff;
}

div:hover.actions_box {
	background: #FFD739;
}

div#wrapper {	
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -76px; /* the bottom margin is the negative value of the footer's height */
}

div#content { 
	background: #fff;
	float:left; 
	width:747px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	min-height:580px;
}

div#sidebar { float:left; width:202px; font-size: 10px; padding-top: 15px; }


#footer, .push {
	height: 76px; /* .push must be the same height as .footer */
}


div#footer {
	background: #71C644 url(/img/footerbg.jpg) repeat-x top center;
	color:#fff;
	text-transform: uppercase;
	height: 76px;
	position: relative;
	z-index: 10;
}

div#footer .container { padding-top:10px;}

div#footer img {
	vertical-align: -12px;
	margin-right: 40px;
}

div#footer a {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

div.widget {
	padding: 5px 10px 5px;
	background: #fff;
	filter: alpha(opacity = 45);
	background: rgba(255,255,255, 0.45);
	margin-bottom: 20px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	overflow: hidden;
}

div.widget * {
	filter: alpha(opacity = 100);
	position: relative;
}

.widget h3 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
	color: #2F7989;
	padding: 10px;
	background: #fff;
	background: rgba(255,255,255, 0.45);
	margin: 0px -15px 10px -10px;
	-webkit-border-top-right-radius: 13px;
	-webkit-border-bottom-right-radius: 13px;
	-moz-border-radius-topright: 13px;
	-moz-border-radius-bottomright: 13px;
}

.widget h3.signin {
	margin-bottom: 0px;
}

.widget h3.signin a {
	background: url(/img/t.gif) no-repeat 0px 1px;
	padding-left: 18px;
	line-height:18px;
	background-repeat: no-repeat;
}

div.loggedin {
	clear: both;
	display: block;
	height: 90px;
	padding-bottom:10px;
}

div.loggedin img {
	vertical-align: -25px;
	margin-right: 10px;
	float: left;
}

.widget p {
	margin-bottom: 5px;
}

div.about { padding: 15px 25px;}

div.about p { margin-bottom: 1em; }

/* Typography
-------------------------------------------------------------- */

/* Default font settings
   The font-size percentage is of 16px (0.75 * 16px = 12px) */
body {
  	color: #666666; font: 87.5%/1.75 "Lucida Grande", Lucida, Verdana, sans-serif;}
  	

strong      { font-weight: bold; }
em		    { font-style: italic; }


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { 	
	font-weight: bold;
	font-size: 13px;
	color: #2F7989;
	margin-bottom: 1em;
	font-style:normal!important;
}

h1 { font-size: 3em; line-height: 1;}
h2 { font-size: 2em; display: inline; }
h3 { font-size: 18px;line-height: 1.2;margin-bottom: .75em;}
h4 { font-size: 1.5em; line-height: 2;color: #fff;text-transform: uppercase;}
h5 { font-size: 1em; font-weight: bold; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin:0;
}


/* Links
-------------------------------------------------------------- */

a           	{ color: #2F7989; text-decoration: none;font-weight: bold;}
a:focus, 
a:hover     	{text-decoration: underline;}
a:visited		{}
a:visted:hover 	{}


/* Tables - You still need cellspacing="0" in the markup
-------------------------------------------------------------- */

table		{}

thead		{}
tbody		{}
tfoot       { font-style: italic; }

th,td       { padding: 4px 10px 4px 5px; }
th          { border-bottom: 2px solid #ccc; font-weight: bold; background: #eee; }
td          { border-bottom: 1px solid #ddd; }
tr			{}

caption     { background: #ffc; }

/* Use this if you use span-x classes on th/td. */
table .last { padding-right: 0; }

tr.even td  { background: #eef; }


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: none; margin:0 1.5em 1.5em 0; }
ul + li		{}

ol          { list-style-type: decimal; }
ol + li		{}

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; width:80px; margin-right:20px; float:left;  }
dd          { margin-left:100px; margin-bottom:0.25em;}

ul.bulleted {list-style-type:disc; margin-left:1.5em;}

/* Forms
-------------------------------------------------------------- */

form			{}
fieldset		{padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc;}

legend			{font-weight: bold; font-size:1.2em;}
legend .span	{}

label { width:120px; float:left; margin:10px 20px 5px 0px;color: #000;font-size: 18px;font-weight: bold;}
label.error { margin-top:0px; margin-left: 140px; float:none; display: block; width:auto;}

input[type='text']		{ width: 300px; font-size:1.2em; padding:10px; }
input[type='checkbox']	{}
input[type='radio']		{}
input[type='file']		{}

textarea      	{ width: 400px; height: 150px; padding:5px; }

select        	{ width:200px; }
option			{}
optgroup		{}

.input { clear:both;}
.required { }


#url{float: left;margin-bottom: 35px;margin-right: 15px;}


input:focus,textarea:focus,select:focus {	
	border:1px solid #fff;
}

input,textarea, select {
  margin:0.5em 0;
  border:1px solid #fff;
}

/* Other Elements
-------------------------------------------------------------- */

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
dfn         { font-style: italic;font-weight: bold; background: #ffc; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: normal; font-size:1.2em; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

hr			{ margin:18px 0px; border-color:#f8f8f8;}

/* Navigation
-------------------------------------------------------------- */


/* Classes
-------------------------------------------------------------- */
.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }
.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.error,
.message, 
.success    { padding: 1em; text-align: center; }
.error      { padding: 0em; border:0px;}
.message     { 	background: #FFD739; }
.success    { background: #E6EFC2; }
.error, .error a      { color: #D12F19; }

input.text, input.title   { width: 300px; margin:0.5em 0.5em 0.5em 0; }
input.text, input.title   { border:1px solid #bbb; background:#f6f6f6; padding:5px; }
input.text:focus,
input.title:focus         { border:1px solid #999; background:#fff; }
input.title               { font-size:1.5em; }

img.left	{float:left; clear:left; margin-right:20px; margin-bottom:1.5em;}
img.right	{float:right; clear:right; margin-left:20px; margin-bottom:1.5em;}
img.middle	{float:none; clear:both; margin-bottom:1.5em; }

/* Layout
-------------------------------------------------------------- */
.paging {
	padding:15px 25px;
	position: relative;
	text-align: center;
}

.paging * {
	display: inline;
}

.paging .page {

	padding: 3px 0px;
	left:25px;float: left;margin-bottom: 15px;}

.paging .numbers span {
	border: 1px solid #ccc;
	padding: 3px 5px;
	margin-right: 5px;
}

.paging .numbers span.current {
	border: none;
}
/* Page-Specific - based on the <body> class
-------------------------------------------------------------- */


/* Debugging */
pre {
	color: #000;
	background: #f0f0f0;
	padding: 1em;
}
pre.cake-debug {
	background: #ffcc00;
	font-size: 120%;
	line-height: 140%;
	margin-top: 1em;
	overflow: auto;
	position: relative;
}
div.cake-stack-trace {
	background: #fff;
	border: 4px dotted #ffcc00;
	color: #333;
	margin: 0px;
	padding: 6px;
	font-size: 120%;
	line-height: 140%;
	overflow: auto;
	position: relative;
}
div.cake-code-dump pre {
	position: relative;
	overflow: auto;
}
div.cake-stack-trace pre, div.cake-code-dump pre {
	color: #000;
	background-color: #F0F0F0;
	margin: 0px;
	padding: 1em;
	overflow: auto;
}
div.cake-code-dump pre, div.cake-code-dump pre code {
	clear: both;
	font-size: 12px;
	line-height: 15px;
	margin: 4px 2px;
	padding: 4px;
	overflow: auto;
}
div.cake-code-dump span.code-highlight {
	background-color: #ff0;
	padding: 4px;
}
div.code-coverage-results div.code-line {
	padding-left:5px;
	display:block;
	margin-left:10px;
}
div.code-coverage-results div.uncovered span.content {
	background:#ecc;
}
div.code-coverage-results div.covered span.content {
	background:#cec;
}
div.code-coverage-results div.ignored span.content {
	color:#aaa;
}
div.code-coverage-results span.line-num {
	color:#666;
	display:block;
	float:left;
	width:20px;
	text-align:right;
	margin-right:5px;
}
div.code-coverage-results span.line-num strong {
	color:#666;
}
div.code-coverage-results div.start {
	border:1px solid #aaa;
	border-width:1px 1px 0px 1px;
	margin-top:30px;
	padding-top:5px;
}
div.code-coverage-results div.end {
	border:1px solid #aaa;
	border-width:0px 1px 1px 1px;
	margin-bottom:30px;
	padding-bottom:5px;
}
div.code-coverage-results div.realstart {
	margin-top:0px;
}
div.code-coverage-results p.note {
	color:#bbb;
	padding:5px;
	margin:5px 0 10px;
	font-size:10px;
}
div.code-coverage-results span.result-bad {
	color: #a00;
}
div.code-coverage-results span.result-ok {
	color: #fa0;
}
div.code-coverage-results span.result-good {
	color: #0a0;
}