/*
Theme Name: Sursly - Blue/White Whale
Theme URI: http://sursly.com/
Description: Awesomeness
Version: 1.0
Author: Tyler Finck
Author URI: http://sursly.com/
Tags: blue, whale, white, page

	

*/



/* reset.css */
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 {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}



#newblog {
background: #00B1FF;
padding: 10px 10px 0;
color: white;
font-weight: bold;
position: absolute;
top: 0;
left: 0;
right: 0;
}

/* typography.css */
body {padding-top: 55px; font-size:75%;color:#4e4e4e;background:#fff;font-family: Georgia, Times, "Times New Roman", serif; border-bottom: 1em solid #00B1FF;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
h1 {font-size:3em;font-weight:bold;font-style:italic;letter-spacing:-1px;line-height:1;margin-bottom:0.5em;color:4e4e4e;}
h1.page {font-weight: normal; font-size: 4.5em; margin-bottom: .15em;}
h2 {font-size:2em;font-style: italic; margin-bottom:0.15em;letter-spacing:-1px;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:normal;font-style:italic;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img {margin: 0 .25em .15em .25em; }
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#00b1ff; text-decoration:underline; /*background:#fff6b9;*/}
a {color:#00b1ff;text-decoration:none;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 .25em .25em .25em;}
ul {list-style-type:none;}
ol {list-style-type:none;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.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;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}




/* grid.css */
.container {width:990px;margin:0 auto;}
body {margin:1.5em 0 0 0;}
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
div.last {margin-right:0;}
.span-1 {width:45px;}
.span-2 {width:100px;}
.span-3 {width:155px;}
.span-4 {width:210px;}
.span-5 {width:265px;}
.span-6 {width:320px;}
.span-7 {width:375px;}
.span-8 {width:430px;}
.span-9 {width:485px;}
.span-10 {width:540px;}
.span-11 {width:595px;}
.span-12 {width:650px;}
.span-13 {width:705px;}
.span-14 {width:760px;}
.span-15 {width:815px;}
.span-16 {width:870px;}
.span-17 {width:925px;}
.span-18 {width:980px;}
.span-19 { width: 990px; margin:0;}

div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;}

.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#FFF;clear:both;float:none;width:100%;height:3px;margin:0 0 1.45em;border-top:1px solid #EEE; border-bottom: 1px solid #EEE;border-left:0px;border-right:0px;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/* The last column in a row needs this class. */
div.last { margin-right: 0; }


/* forms.css */
label {font-weight:bold;}
fieldset {padding:.15em; margin:0 0 1.5em 0;border:0px;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
border-right: 1px solid #EEE;
border-bottom: 1px solid #EEE;
padding: .35em .5em .35em .5em;
margin-bottom: .35em;}
input.text:focus, input.title:focus, textarea:focus, select:focus {}
input.text, input.title {/*width:300px;*/padding:5px;}
input.title {/*font-size:1.5em;*/}
textarea {/*width:390px;*/padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}


/* -------------------------------------------------------------- 
   
   ie.css
   
   Contains every hack for Internet Explorer,
   so that our core files stay sweet and nimble.
   
-------------------------------------------------------------- */

/* Make sure the layout is centered in IE5 */
body { text-align: center; }
.container { text-align: left; }

/* Fixes IE margin bugs */
* html .column { overflow-x: hidden; }


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

/* Fixes incorrect styling of legend in IE6. */
* html legend { margin:-18px -8px 16px 0; padding:0; }

/* Fixes incorrect placement of ol numbers in IE6/7. */
ol { margin-left:2em; }

/* Fixes wrong line-height on sup/sub in IE. */
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }

/* Fixes IE7 missing wrapping of code elements. */
html>body p code { *white-space: normal; } 

/* IE 6&7 has problems with setting proper <hr> margins. */
hr  { margin: -8px auto 11px; }





/* new styles
-------------------------------------------------------------- */

}
p {/*opacity:0.99;
text-shadow: 0 0 0 #000;*/}
#left p, #right p {
font-size: 1.25em;
}

#left img, #right img {
background: #FFF;
padding: 2px;
border: 1px solid #e7e7e7;
}

#meta {text-align:right;}
#nav h1 {display:inline; margin-right: 10px;}
#nav h6 {display: inline;}
#nav {margin-left: .5em;}
#nav p {color:#999999; font-style:italic; }
#nav .loud {margin: .75em 0 0 0; font-size:1.35em;}
#nav p a {color: #4e4e4e; margin:0px 2px 0px 2px;}
#header {margin-bottom: .25em;
background: #FFF url(images/headergraphic.gif) no-repeat bottom right;
}

.small {
text-transform: uppercase;
font-size: .85em !important;
color: #b1b0b0;
margin-bottom: 0px;
line-height: .75em;
}

h2 strong {
font-weight: normal;
color: #b1b0b0;
}

h2 a:hover strong{
color: #02B1ff !important;
}

.postSmall {
text-transform: uppercase;
font-size: .85em !important;
color: #b1b0b0;
text-align: right;
margin: .25em;
}

#right .postSmall {
margin: 1em;
}

.floatLeft {
float: left;
}

#left hr {
margin: 0px;
}

#footer {
background: #00b1ff url(images/surslywave.gif) repeat-x top center;
padding-top: 1.35em;
color: #FFF;
text-align: center!important;
margin: 20px 0 0 0;
}

#footer a {
color: #FFF;
text-decoration: none;
}
#footer p {
margin: 0 0 1em 0;
}
#footer h2 {
font-size: 2.5em;
}

#footerContainer .span-19 {
margin: 0pt auto;
text-align: left;
}

#footer h4 {
display: none;
}

#recentcomments {
font-size: 1.15em;
}

.center {
text-align: center;
}

.sidebar h4 {
color: #ff9c00;
font-size: 1.35em;
margin: .25em 0 .25em 0;

}

.sidebar {
background: #FFF url(images/vertbars.gif) repeat-y top center;
margin: .5em;
}

.sidebar .last {
float: right;
}

.sidebar ul {
margin: 0 0 0 .15em;
}

#twitter_div li span{
padding: .35em;
background:#fff6b9;
margin: .25em;
display: block;
}

#twitter_div li a {
display: block;
margin: 0.5em .5em 1.5em .5em;
}

.sidebar h4 img {
border: 0 !important;
padding: 0 !important;
margin: 0;
}

#header .orange a{
color: #FF9C00;
}

#header .orange img {
margin: 0;
}


#header input, #commentform textarea {
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
border-right: 1px solid #EEE;
border-bottom: 1px solid #EEE;
padding: .35em .5em .35em .5em;
margin-bottom: .35em;
color: #999;
width:100px ;
font-family: verdana, arial, sans-serif;
font-size: .9em !important;
}


#header input:focus, #commentform textarea:focus{
background: #fff6b9;
color: #4e4e4e;
}

#left input {
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
border-right: 1px solid #EEE;
border-bottom: 1px solid #EEE;
padding: .35em .5em .35em .5em;
margin-bottom: .35em;
color: #999;
width:230px ;
font-family: verdana, arial, sans-serif;
font-size: .9em !important;
}

#left input:focus {
background: #fff6b9;
color: #4e4e4e;
}

.top {
border-bottom: 1px solid #EEE;
padding-bottom: 1em;
}

#searchsubmit{
background: #02b1FF;
border: 0px;
color:#FFF !important;
font-weight: bold;
width: 30px !important;
}

 #submit {
background: #02b1FF;
border: 0px;
color:#FFF !important;
font-weight: bold;
}
#comments, #respond {
margin-top: .66em;
}

#comments {
padding: .25em;
}

cite {
font-size: 1.25em;
font-style: normal;
color:FF9C00;
}

.commentlist li {
padding: 1em;
margin: 1em;
}

.commentlist li.alt {
border-top: 1px solid #ededed;
border-bottom: 1px solid #ededed;
}

.commentmetadata {
font-size: 1em;
}

.avatar {
float: left;
margin: 0 .5em .5em 0;
}

.commentlist p {
clear: left;
font-style: italic;
font-size: 1.15em !important;
}

h2.extra {
font-size: 2.5em;
}

h1 a {
color: #4e4e4e;
}


.flickrImg img {
max-width: 200px;
margin: 0 5px 10px 13px;
}

#contactFormArea input, #contactFormArea textarea {
width: 260px;
color: #999;
}

#contactFormArea textarea {
font-family: verdana, arial, sans-serif;
height: 90px;
font-size: 1.15em;
}

#contactFormArea input:focus, #contactFormArea textarea:focus{
background: #fff6b9;
color: #4e4e4e;
}


#selfCC {
width: 12px !important;
height: 12px;
}

#sendContactEmail {
width: 60px !important;
height: 30px;
margin-left: 80px;
background: #FFF;
border: 0px;
color:#02b1FF !important;
font-weight: bold;
}

#emailSuccess p {
margin: 0;
}

a.commentPostLink{
text-decoration: underline !important;
}

a.commentPostLink:hover {
background:#fff6b9;
color: #02b1FF !important;
text-decoration: none !important;
}

#widgetSidebar ul li {
padding-left: 17px;
background: #FFF url(images/link.gif) no-repeat center left;
}

.top {
margin-top: 12px;
}

#widgetSidebar select {
width: 200px;
color:#999;
}

#widgetSidebar select:focus{
background: #fff6b9;
color: #4e4e4e;
}

#posRegard {
display: none;
}

ul.recent-posts li {
border-bottom: 1px solid #EEEEEE;
padding-top: 1em;
}

textarea#comment {
width: 450px;
height: 100px;
}

.sociable_tagline {

}

/* new styles for new site */

#newsite {
font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif !important;
color: #74d4ff;
}
#newsite a:link, #newsite a:visited {
color: #aee6ff;
}

#newsite a:hover, #newsite a:active {
color: #FFF;
}

#newsite h1, #newsite h2, #newsite h3 {
font-style: normal;
margin-bottom: 0;
color: #74D4FF;
}

#newLeft {
background: transparent url('http://www.sursly.com/whaleBG.gif') no-repeat center center;
padding: 410px 0 0 20px;
}

#newsite #contactFormArea input, #newsite #contactFormArea textarea {
width: 200px;
background-color: #AEE6FF;
}

#newsite #sendContactEmail {
margin-left: 20px;
}

#newRight {
padding-top: 200px;
padding-left: 60px;
}

#twitter_div li span a {
display: inline;
}

img#wpstats{width:0px;height:0px;overflow:hidden;}