/* Scott Stevens Blog Style Sheet */
/* bieszk.com 2010 */


/* Elements */

html {
	overflow-y: scroll !important;
}

body {
	color: #616568;
	font-family: arial, tahoma, verdana, helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	margin: 0;
	padding: 0;
	background: #fff;
}

* {
	margin: 0;
	padding: 0;
	border: 0;
}


/* Body */

#wrap {
	width: 960px;
	height: 100%;
	margin: 0 auto;
}

#col-left {
	float: left;
	width: 610px;
	padding: 25px 0 25px 0;
}

#col-right {
	float: right;
	width: 290px;
	padding: 25px 0 25px 0;
}


/* Logo */

#logo {
	background: transparent url(../images/logo.gif) left top no-repeat;
}

#logo a {
	width: 610px;
	height: 40px;
	margin: 0 auto;
	display: block;
	text-indent: -9999px;
}


/* Navigation */

#nav #nav-01 { float: left; width: 100px; height: 110px; }
#nav #nav-01 a { width: 90px; height: 100px; display: block; text-indent: -9999px; background: transparent url(../images/nav-01.gif) left top no-repeat; }

#nav #nav-01-home  { float: left; width: 100px; height: 110px; }
#nav #nav-01-home a { width: 90px; height: 100px; display: block; text-indent: -9999px; }

#nav #nav-02 { float: left; width: 100px; height: 110px; }
#nav #nav-02 a#nav-02-1 { width: 90px; height: 100px; display: block; text-indent: -9999px; background: transparent url(../images/nav-02.jpg) left top no-repeat; }
#nav #nav-02 a#nav-02-2 { width: 90px; height: 100px; display: block; }
#nav #nav-02 a#nav-02-3 { width: 90px; height: 100px; display: block; }

.jcarousel-skin-tango .jcarousel-container { }
.jcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl; }
.jcarousel-skin-tango .jcarousel-container-vertical { width: 90px; height: 100px; }
.jcarousel-skin-tango .jcarousel-clip-vertical { width:  90px; height: 100px; }
.jcarousel-skin-tango .jcarousel-item { width: 90px; height: 100px; }
.jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 0; }
.jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; }

.jcarousel-skin-tango .jcarousel-next-vertical { display: none; }
.jcarousel-skin-tango .jcarousel-next-disabled-vertical { display: none; }

.jcarousel-skin-tango .jcarousel-prev-vertical { display: none; }
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical { display: none; }

#nav #nav-03 { float: left; width: 90px; height: 110px; }
#nav #nav-03 a { width: 90px; height: 100px; display: block; text-indent: -9999px; background: transparent url(../images/nav-03.gif) left top no-repeat; }

#nav #nav-04 { float: left; width: 100px; height: 110px; }
#nav #nav-04 a { width: 90px; height: 100px; display: block; text-indent: -9999px; background: transparent url(../images/nav-04.gif) left top no-repeat; }

#nav #nav-05 { float: left; width: 100px; height: 110px; }
#nav #nav-05 a { width: 90px; height: 100px; display: block; text-indent: -9999px; background: transparent url(../images/nav-05.gif) left top no-repeat; }

#nav #nav-06 { float: right; width: 90px; height: 210px; background: transparent url(../images/nav-06.gif) left top no-repeat; }
#nav #nav-06 a#nav-06-fb { float: left; width: 45px; height: 46px; display: block; text-indent: -9999px; }
#nav #nav-06 a#nav-06-tw { float: left; width: 45px; height: 46px; display: block; text-indent: -9999px; }
#nav #nav-06 a#nav-06-li { float: left; width: 90px; height: 46px; display: block; text-indent: -9999px; }
#nav #nav-06 a#nav-06-fl { float: left; width: 45px; height: 46px; display: block; text-indent: -9999px; }
#nav #nav-06 a#nav-06-rss { clear: both; float: right; width: 45px; height: 46px; display: block; text-indent: -9999px; }

#nav #nav-07 { float: left; width: 200px; height: 100px; }
#nav #nav-07 a { width: 190px; height: 100px; display: block; text-indent: -9999px; }


/* Content */

h1, h2, h3, h4, h5, h6 {
	color: #047ac4;
	font-family: arial, tahoma, verdana, helvetica, sans-serif;
	font-weight: normal;
}
h1 {	font-size: 28px; line-height: 32px; padding: 18px 0 10px 0; }
h2 {	font-size: 24px; line-height: 28px; padding: 16px 0 10px 0; }
h3 {	font-size: 20px; line-height: 24px; padding: 14px 0 10px 0; }

p {
	margin: 0;
	padding: 2px 0 14px 0;
}

a {
	color: #047ac4;
	text-decoration: none;
}

a:hover {
	color: #047ac4;
	text-decoration: underline;
}

a:active, a:focus {
	outline: none;
}

ul {
	margin: 0;
	padding: 4px 25px 12px 45px;
	list-style-type: disc;
	list-style-image: none;
}

ul ul {
	padding: 10px 16px 0 30px;
	list-style-type: circle;
}

ol {
	margin: 0;
	padding: 4px 25px 12px 45px;
}

ol ol {
	padding: 10px 16px 0 30px;
}

li {
	padding: 0 0 6px 0;
}

strong {
	color: #2c3033;
}

.post-title {
	float: left;
	width: 500px;
}

.post-date {
	color: #999;
	font-family: arial, tahoma, verdana, helvetica, sans-serif;
	font-weight: normal;
	font-size: 24px;
	padding: 20px 0 0 0;
}

.post-date-month {
	font-size: 18px;
}

#most-recent-post {
	color: #3a3f42;
	font-size: 13px;
	line-height: 22px;
}

#most-recent-post .post-date { font-size: 28px; padding: 23px 0 0 0; }
#most-recent-post .post-date-month {	font-size: 22px; }

#most-recent-post img, .bloglistimg {
	border: 1px #047ac4 solid;
	margin: 3px 8px 8px 0px;
	padding: 2px 2px 2px 2px;
}

.b-continue-reading {
	float: left;
	width: 110px;
	height: 18px;
	display: block;
	text-indent: -9999px;
	background: transparent url(../images/b-continue-reading.gif) left top no-repeat; 
}
.b-continue-reading:hover { background-position: left bottom; }

.b-comments {
	float: left;
	color: #fff;
	padding: 2px 6px 6px 6px;
	margin: 0 0 0 8px;
	font-family: arial, tahoma, verdana, helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	text-decoration: none;
	background: #047ac4 url(../images/b-comments.gif) right bottom no-repeat; 
}
.b-comments:hover { color: #fff; }
	

/* Right col */

#h-tags { width: 57px; height: 32px; padding: 0; display: block; text-indent: -9999px; background: transparent url(../images/h-tags.gif) left top no-repeat; }
#h-updates-links { width: 205px; height: 32px; padding: 0; display: block; text-indent: -9999px; background: transparent url(../images/h-updates-links.gif) left top no-repeat; }
#h-newsletter { width: 241px; height: 32px; padding: 0; display: block; text-indent: -9999px; background: transparent url(../images/h-newsletter.gif) left top no-repeat; }

#col-right #twitter {
	color: #fff;
	margin: 10px 0 12px 0;
	padding: 4px 10px 8px 10px;
	line-height: 18px;
	background: #047ac4;
	height: 92px;
}

#col-right #twitter a { color: #fff; text-decoration: underline; }
#col-right #twitter a:hover { color: #fff; text-decoration: none; }

#col-right #twitter .twitter-date {
	font-weight: normal;
	font-size: 20px;
	padding: 3px 0 0 0;
}

#col-right #twitter #twitter-date-month {
	font-size: 17px;
}

#col-right #tags {
	font-size: 15px;
	line-height: 24px;
}

#col-right #tags a {
	white-space: nowrap;
}

#col-right .updates-links {
	clear: both;
	padding: 10px 0 0 0;
	line-height: 18px;
}

#col-right form#newsletter {
	margin: 0;
	padding: 8px 0 0 0;
}

#col-right form#newsletter input {
	width: 238px;
	color: #3a3f42;
	font-family: arial, tahoma, verdana, helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 4px;
	margin: 1px 6px 0 0;
	background: #fff;
	border: 1px solid #047ac4;
}

#col-right form#newsletter #b-ok { float: left; width: 34px; height: 34px; display: block; text-indent: -9999px; background: transparent url(../images/b-ok.gif) left top no-repeat; }


/* Toolbox */

.aleft { text-align: left; }
.acenter { text-align: center; }
.aright { text-align: right; }

.fleft { float: left; }
.fright { float: right; }

.cboth { clear: both; }
.cleft { clear: left; }
.cright { clear: right; }


/* Footer */

#footer {
	clear: both;
	width: 960px;
	color: #7eb9de;
	font-size: 11px;
	line-height: 14px;
	background: #047ac4;
}

#footer p {
	padding: 12px 20px 15px 20px;
}

#footer a {
	color: #7eb9de;
	text-decoration: none;
}

#footer a:hover {
	color: #dae8f0;
	text-decoration: underline;
}

#footer .footer-col-1 { float: left; width: 420px; }
#footer .footer-col-2 { float: left; width: 210px; }
#footer .footer-col-3 { float: left; width: 290px; }

#footer h2#h-featured { width: 129px; height: 45px; padding: 0; display: block; text-indent: -9999px; background: transparent url(../images/h-featured.gif) 20px 22px no-repeat; }
#footer h2#h-friends { width: 109px; height: 45px; padding: 0; display: block; text-indent: -9999px; background: transparent url(../images/h-friends.gif) 20px 22px no-repeat; }
#footer h2#h-resources { width: 142px; height: 45px; padding: 0; display: block; text-indent: -9999px; background: transparent url(../images/h-resources.gif) 20px 22px no-repeat; }

#footer .footer-col-1 ul, #footer .footer-col-2 ul, #footer .footer-col-3 ul {
	margin: 0;
	padding: 18px 10px 20px 20px;	
	list-style-type: none;
	list-style-image: none;
	font-size: 13px;
	line-height: 22px;
}

#footer .footer-col-1 ul a, #footer .footer-col-2 ul a, #footer .footer-col-3 ul a {
	color: #dae8f0;
	text-decoration: none;
}

#footer .footer-col-1 ul a:hover, #footer .footer-col-2 ul a:hover, #footer .footer-col-3 ul a:hover {
	color: #fff;
	text-decoration: underline;
}