/*
Theme Name: Scollin Theme
Theme URI: http://www.scollindesigns.com/
Description: Welcome to the dope portfolio of Kyle Scollin.
Version: 1.0
Author: Kyle Scollin
Author URI: http://www.scollindesigns.com/
Tags: blue, custom header, fixed width, two columns, widgets
*/

/* Scollin Designs - CSS */
/*****************************************************
1. CSS RESET code
2. FOUNDATION code
3. HEADER code
4. MAIN BODY code
5. FOOTER code
*****************************************************/

/*=================== CSS RESET ===================*/
/* Thanks to Eric Meyers - v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*=================== END CSS RESET ===================*/
/*=================== FOUNDATION CSS ===================*/

body{
	margin: 0px 0px 0px 0px;
	font: italic 10px Georgia, Times, serif;
	background: #cfd6d7;
}
a:link {
	text-decoration: none;
	color: #9e9e9e;
}
a:visited {
	text-decoration: none;
	color: #9e9e9e;
}
a:active {
	text-decoration: none;
	color: #9e9e9e;
}
a:hover {
	text-decoration: none;
	color: #9e9e9e;
}

/*=================== HEADER CSS ===================*/

#header{
	height: 122px;
	background: #163047 url(/images/header_bg.jpg) repeat-x;
	width: auto;
}
#header_container{
	width: 1020px;
	margin: 0px auto 0px auto;
}
#logo{
	height: 122px;
	width: 309px;
	background:url(/images/logo.png) center;
	float: left;
}
#navigation{
	width: 600px;
	height: 102px;
	float: right;
	margin: 10px 30px 20px 70px;
}
/*---------- NAVIGATION DROP SHADOW ----------*/
.navigation_drop{
	width: 100%;
	height: 20px;
}
#navigation_topdropM{
	width: 556px;
	height: 20px;
	float: left;
	background: url(/images/nav_dropshadT.png) repeat-x;
}
#navigation_topdropL{
	width: 22px;
	height: 20px;
	float: left;
	background:url(/images/nav_dropshadTL.png);
}
#navigation_topdropR{
	width: 22px;
	height: 20px;
	float: left;
	background: url(/images/nav_dropshadTR.png);
}
#navigation_botdropM{
	width: 556px;
	height: 20px;
	float: left;
	background: url(/images/nav_dropshadB.png) repeat-x;
}
#navigation_botdropL{
	width: 22px;
	height: 20px;
	float: left;
	background:url(/images/nav_dropshadBL.png);
}
#navigation_botdropR{
	width: 22px;
	height: 20px;
	float: left;
	background: url(/images/nav_dropshadBR.png);
}
/*---------- END NAVIGATION DROP SHADOW ----------*/
/*---------- BUTTON SECTION ----------*/
#button_menu{
	width: 100%;
	height: 63px;
}
#button_menuM{
	width: 566px;
	height: 63px;
	background: url(/images/nav_light.png) repeat;
	float: left;
}
#button_menuL{
	width: 17px;
	height: 63px;
	float: left;
	background: url(/images/nav_lightL.png);
}
#button_menuR{
	width: 17px;
	height: 63px;
	float: left;
	background: url(/images/nav_lightR.png);
}
/*---------- BUTTONS ----------*/
#home{
	float: left;
	background: url(/images/nav_div.png) right no-repeat;
}
#home a{
	display: block;
	height: 29px;
	width: 72px;
	padding: 19px 8px 15px 8px;
}
#about{
	float: left;
	background: url(/images/nav_div.png) right no-repeat;
}
#about a{
	display: block;
	height: 29px;
	width: 114px;
	padding: 19px 8px 15px 8px;
}
#portfolio{
	float: left;
	background: url(/images/nav_div.png) right no-repeat;
}
#portfolio a{
	display: block;
	height: 29px;
	width: 121px;
	padding: 19px 8px 15px 8px;
}
#contact{
	float: left;
	background: url(/images/nav_div.png) right no-repeat;
}
#contact a{
	display: block;
	height: 29px;
	width: 108px;
	padding: 19px 8px 15px 8px;
}
#blog{
	float: left;
}
#blog a{
	display: block;
	height: 29px;
	width: 71px;
	padding: 19px 8px 15px 8px;
}

/*---------- END BUTTONS ----------*/
/*---------- END BUTTON SECTION ----------*/

#selected_home{
	width: 16px;
	height: 9px;
	background: url(/images/selected.png);
	margin-left: 25px;
}
#selected_about{
	width: 16px;
	height: 9px;
	background: url(/images/selected.png);
	margin-left: 138px;
}
#selected_portfolio{
	width: 16px;
	height: 9px;
	background: url(/images/selected.png);
	margin-left: 275px;
}
#selected_contact{
	width: 16px;
	height: 9px;
	background: url(/images/selected.png);
	margin-left: 405px;
}
#selected_blog{
	width: 16px;
	height: 9px;
	background: url(/images/selected.png);
	margin-left: 510px;
}
/*=================== END HEADER CSS ===================*/
/*==================== MAIN BODY CSS ===================*/

#main_container{
	width: 960px;
	line-height: 21px;
	margin: 60px auto 60px auto;
	padding: 0px 30px 0px 30px;
	overflow: auto;
}
#content{
	width: 540px;
	padding-right: 160px;
	margin: 0px 10px 0px 10px;
	float: left;
}
#sidebar{
	width: 220px;
	float: right;
	margin: 30px 10px 0px 10px;
	position: relative;
	top: 0px;
	border: thick #009933;
}
.post{
	margin-bottom: 30px;
}
.post-title{
	font: bold 30px Arial, Helvetica, sans-serif;
	border-bottom: 2px #333333;
	color: #0b2c4b;
}
.post-title a{
	color: #0b2c4b;
}
.line{
	border-top: 2px solid #7a7a7a;
	height: 3px;
	width: 100%;
}
.post-month{
	font: italic 11px Georgia, "Times New Roman", Times, serif;
	color: #757575;
	width: 100px;
	float: left;
}
.post-comments{
	font: italic 11px Georgia, "Times New Roman", Times, serif;
	color: #757575;
	width: 100px;
	float: right;
	text-align: right;
}
.entry{
	font: normal 14px Arial, Helvetica, sans-serif;
	color: #343434;
	line-height: 20px;
	margin-top: 30px;
}
#searchsubmit{
	background: url(/images/go.jpg) no-repeat;
	width: 43px;
	height: 32px;
	border: none;
	cursor: pointer;
	position: relative;
	top: -6px;
}

h3{
	font: bold 24px Arial, Helvetica, sans-serif;
	color: #757575;
}
.previous-entries{
	font: italic 11px Georgia, "Times New Roman", Times, serif;
	color: #757575;
	width: 200px;
	float: left;
}
.next-entries{
	font: italic 11px Georgia, "Times New Roman", Times, serif;
	color: #757575;
	width: 200px;
	float: right;
	text-align: right;
}
#comments{
	margin-top: 30px;
}
#comment{
	width: 540px;
}
#submit{
	background: url(/images/submit.jpg);
	width: 226px;
	height: 51px;
	margin: 20px 0px 0px 320px;
	border: none;
	cursor: pointer;
}
.commentlist{
}
.commentlist li{
	width: 520px;
	margin: 10px 0px 10px 0px;
	padding: 10px;
	background: #e1e5e6;
	border: solid 1px #bbc2c3;
}
.commentlist img{
	float: right;
	border: solid 2px #bbc2c3;
}
.comment-author vcard{
	font: 12px bold Arial, Helvetica, sans-serif;
}
#rss_feed{
	margin-top: 15px;
}

/*================== END MAIN BODY CSS ===================*/
/*===================== FOOTER CSS =======================*/

#footer{
	height: 435px;
	background: #163047 url(/images/footer_bg.jpg) repeat-x;
	width: auto;
}
#footer_container{
	width: 960px;
	margin: 0px auto 0px auto;
	padding: 20px 30px 20px 30px;
}
.footer_block{
	width: 220px;
	float: left;
	margin: 0px 10px 0px 10px;
	font: bold normal 14px Arial, Helvetica, sans-serif;
	color: #b4c6d8;
	line-height: 21px;
}
.footer_block a{
	color: #b4c6d8;
}
.block_title{
	width: 100%;
	position: relative;
	left: -10px;
	margin-bottom: 5px;
}
.contact_details{
	width: 100%;
	height: 23px;
	color: #9e9e9e;
	font: italic normal 10px Georgia, Times, serif;
	margin-bottom: 3px;
}
.contact_details a{
	color: #9e9e9e;
}
.contact_details img{
	position: relative;
	top: 7px;
}
.follow_block{
	float: left;
	font-size: 10px;
}
.follow_block a{
	display: block;
	width: 105px;
	height: 34px;
}
.follow_block img{
	position: relative;
	top: 9px;
}
#bottom_block{
	width: 960px;
	position: relative;
	bottom: 0px;
	float: left;
	padding: 20px 20px 0px 10px;
}
#copyright{
	float: left;
}
.valid{
	float: right;
	width: 105px;
}
.valid img{
	position: relative;
	top: 0px;
}
.valid a{
	display: block;
	width: 95px;
	height: 36px;
}
/*------ BLOG FEED ------*/
.post_footer{
	font: italic normal 10px Georgia, "Times New Roman", Times, serif;
	color: #9e9e9e;
}
.post_footer a{
	color: #9e9e9e;
}
/*------ TWITTER FEED ------*/

#tweet { 
	font-size: 12px;
}
#tweet li{
	margin-bottom: 15px;
}
#tweet a{
	color: #9e9e9e;
}
#twitterTime{
	font: italic normal 10px Georgia, Times, serif;
	color: #9e9e9e;
}