/* TYPOGRAPHY
-------------------------------------------------------------- */

/* Font size: percentage is of 16px (0.75 * 16px = 12px). */

body { font-size: 75%; }

body,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: Helvetica, Arial, sans-serif; }

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #a00 }

h1 { font-size: 2em; line-height: 1.2; margin-bottom: 0.5em; }
h2 { font-size: 1.4em; line-height: 1.2; margin-bottom: 0.5em; }
h3 { font-size: 1.25em; line-height: 1.2; margin-bottom: 0.4em; }
h4 { font-size: 1.1em; line-height: 1; margin-bottom: 0.4em; }
h5 { font-size: 1em; margin-bottom: 1.5em; }
h6 { font-size: 1em; }

p { margin: 0 0 1em; }

ul, ol { margin: 0 1.5em 1em 1.5em; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
li {margin-bottom: 0.5em}

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }

abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: italic; } 
del { color: #000; }

a { color: #360; text-decoration: none; }
a:hover { color: #a00; }

blockquote { margin: 0 1em 0 2em; color: #666}
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5; }

sup {vertical-align: super}
sub {vertical-align: sub}


/* Tables
-------------------------------------------------------------- */

table { margin-bottom: 1.4em; }
th { border-bottom: 2px solid #ddd; font-weight: bold; }
td { border-bottom: 1px solid #ddd; }
th,td { padding: 4px 10px 4px 0; }
tfoot { font-style: italic; }
caption { background: #ffc; }


/* Default 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; }
.quiet { color: #999; }

.hide { display: none; }
.highlight { background: #ffc; }

.top { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }

.floatleft {float:left}

.alignleft {
	float: left;
	margin: 2px 12px 6px 0;
	}
	
.alignright {
	float: right;
	margin: 2px 0px 6px 12px;
	}
	
.skipnav {
		display: inline; 
		position: absolute; 
		left: -1000em;
		text-decoration:none; }


/* FORMS
-------------------------------------------------------------- */

label { font-weight: normal; }

/* Fieldsets */
fieldset { padding: 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ddd; }
legend { padding: 0 .4em; font-weight: bold; font-size: 1.2em; }

/* Textareas */
textarea { margin: 0.5em 0.5em 0 0; }
textarea { padding: .4em; }


/* hForm
-------------------------------------------------------------- */
form.hform p { margin: 0 0 .5em; }
form.hform p label { float: left; width: 100px; }

form.hform p input { width: 200px; }
form.hform p select { width: 200px; }

form.hform p input.button { width: auto; }
form.hform p input.checkbox { width: auto; }
form.hform p input.radio { width: auto; }

form.hform p.checkbox { margin-left: 100px; }
form.hform p.checkbox label { float: none; }
form.hform p.checkbox input { width: auto; }


/* vForm
-------------------------------------------------------------- */
form.vform p { margin: 0 0 .5em; }
form.vform p label { display: block; }

form.vform p.checkbox label { display: inline; }



/* LAYOUT
-------------------------------------------------------------- */


/* General
-------------------------------------------------------------- */

body { background: #E4E4E4; }

#wrapper { background: #fff; padding: 20px 10px 20px 10px; }


/* Header
-------------------------------------------------------------- */

#header {
background: #448B2F url(/img/header.jpg) repeat-x;
margin-bottom: 27px;
height: 98px;
}

#logo {float:left; margin: 0 0 0 10px}

#header1 { padding: 8px 0 7px 20px; height: 25px; float: right }

#buttons {float: right; margin-right: 12px}
	
#buttons ul, #buttons li { display: inline; margin: 0; padding: 0 } 

#buttons li { margin-right: 8px; padding-right: 10px; border-right: 1px #ddd solid }

#buttons li.final { margin: 0; padding: 0; border: 0 }

#buttons a { color: #D2EC92}

#buttons a:hover { color: #fff; }


#header2 { height: 50px; float: right}

#cse-search-box {float: right; margin: 30px 9px 0 0}

.formtext {
margin: 0 4px 0 0;
width: 130px;
height: 14px;
border: 1px solid #333;
padding: 2px;
font: 11px arial,sans-serif;
}

html>body .formtext {float: left;}



/* Article
-------------------------------------------------------------- */

#article { font-size: 1.1em; line-height: 1.4}

.box, .commentbox { background: #ededed; padding: 8px 7px 1px 7px; margin: 0 0 15px 0; line-height: 1.45}

#article .box {padding-left:10px; padding-right:10px}

.box h4 {font-size: 1.7em}



#details { font-size: 0.85em; background: #ededed; padding: 3px; margin: 15px 0 15px 0; text-align: center}


.addthis_toolbox.addthis_pill_combo {margin: 20px 0 0 75px; height: 45px}

.addthis_toolbox.addthis_pill_combo a { float: left; }

.addthis_button_facebook_like {margin-top:2px; }

.fbshare_new {margin-right: 15px }

.addthis_button_compact .at15t_compact {
    margin-right: 4px;
    float: left;
    margin-top:1px
} 

#article .addthis_button_compact {font-size: 0.9em}


.commentbox {font-size: 0.92em; margin: 15px 0 0 0; background: #fff; border: 5px solid #dedede}

.commentbox p {margin-bottom: 0.8em}

.commenttint {background: #ddd}

.commentby {font-size: 0.92em; padding-left: 18px; background: url(/img/comment.gif) no-repeat}

#commentform {margin-top: 20px; padding-top: 12px; padding-bottom: 12px}
#commentform h3 {margin-bottom: 10px}

#commentpre {margin-top:25px}

#blog li {margin-bottom:7px}




/* Homepage
-------------------------------------------------------------- */

#homelist .commentby {font-size: 1em; border-bottom: 1px solid #aaa; padding-bottom: 14px; margin-bottom:16px; background: none; padding-left:0; }

#homelist .commentby img {vertical-align: text-bottom}

#homelist p {margin-bottom:4px}

#homelist h1, #homelist h2 {margin-bottom:4px}

#homelist h1 {font-size: 1.75em; line-height: 1.3}
#homelist h2 {font-size: 1.6em}
#homelist h3 {font-size: 1.4em}

/* #homelist h1 a, #homelist h2 a, #homelist h3 a {color: #a00 } */

#homelist h1 img, #homelist h2 img {border: 1px solid #aaa}

#lategove {padding-top: 0px;}

#lategove h4 {font-size: 100px; padding:0; text-align:center; margin:0 0 -4px 0; letter-spacing: -0.05em; line-height:100px}

#lategove p {margin-bottom: 6px; }

.homefoot {text-align:right; font-weight:bold; margin: -4px 0 5px 0}

/* Aside
-------------------------------------------------------------- */

#resources ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
margin-bottom: 0
}

#resources a
{
display: block;
width: 53px;
border-top: 1px solid #aaa;
padding: 8px 0 8px 53px;
color: #000; }
html>body #resources a {width:73px}

#resources a strong { color: #360; }

#resources a:hover strong { color: #a00; }

#resource1 {background: url(/img/resource1.gif) no-repeat}
#resource2 {background: url(/img/resource2.gif) no-repeat}
#resource3 {background: url(/img/resource3.gif) no-repeat}

#resource4 a { width: 100px; padding-left: 0}
html>body #resource4 a {width:126px}


#sharebox {padding-bottom: 6px; padding-right: 0}

.fbshare {margin-left:8px}

#latest li {margin-bottom: 4px}

.allposts {margin: -5px 0; font-weight:bold; text-align:right}

#topics li  {margin-bottom: 0px}



/* Socialbar
-------------------------------------------------------------- */

#contactbox {padding-bottom: 6px; margin-bottom: 20px; padding-right:2px}

#contactbox .formtext {width: 222px; float: left; }

#cutswatch {border: 1px #888 solid; background: #efefef url(/img/cutswatch.gif); margin-bottom: 20px}

#cutswatch h4 {font-size: 1.3em; color: #eee; padding: 7px 7px 3px 7px; background: #666 ; margin: -8px -7px 10px -7px}

#cutswatch h4 span {color: #eee}

#socialbar .addthis_toolbox {margin: 18px 0 7px 0; height: 20px}

#rssfeed {background: url(/img/rss.png) no-repeat; padding-left: 20px; margin-left: 2px }

#cutswatch li {margin-top: 5px}

#cutslink {font-size: 0.9em; margin: -8px 2px 7px 0; font-weight: bold; text-align: right}

.box h4 span {color: #000; font-size: 0.7em}


/* Footer
-------------------------------------------------------------- */

#footer-box {
padding: 0 10px;
background: #30742B;
color: #eee;
height: 25px;
line-height: 25px;
margin-top: 20px
}

#footer-box ul, #footer-box li { display: inline; margin: 0; padding: 0 } 

#footer-box li { margin-right: 8px; padding-right: 10px; border-right: 1px #ddd solid }

#footer-box li.final { margin: 0; padding: 0; border: 0 }

#footer-box a { color: #D2EC92 }
#footer-box a:hover { color: #fff; }

#footer-left { float: left; }
#footer-right { float: right; }







#twitter_div, .ttWidget { width: 300px; background: #eee; padding:5px}
#twitter_div h2, .ttWidget h2 { padding: 0; margin: 0;}
#twitter_div a, #twitter_div img, .ttWidget a, .ttWidget img { border: none; text-decoration: none; }
#twitter_div img, .ttWidget img { padding-right: 10px; }
#twitter_div ul, .ttWidget ul { overflow: auto; list-style-type: none; padding: 0; text-align: left; margin: 0;}
#twitter_div ul li, .ttWidget ul li { padding: 5px 0; list-style-type: none; background-image: none; }
#twitter_div ul li img.aIcon, .ttWidget ul li img.aIcon { float: left; padding-right: 10px; width: 48px; height: 48px; }
#twitter_div ul li div.aContent, .ttWidget ul li div.aContent { float: left; width: 200px; }
#twitter_div ul li .by, .ttWidget ul li .by { font-style: italic; font-size:0.8em}
#twitter_div #tidytweet-link, .ttWidget #tidytweet-link { padding-top: 20px; }
#twitter_div .clearFix, .ttWidget .clearFix { clear: both; height: 1px; margin-bottom: -1px; }


#beta {width: 100%; background: #222; padding: 5px; text-align: center; color: #ccc; font-weight: bold}