@charset "utf-8";
/* 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;
	color: #9e9e9e;
	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;
}
h1{
	height: 122px;
	width: 309px;
	background:url(../images/logo.png) center;
	float: left;
}
h1 a span {
    display:none;
}
h2{
	display: none;
}
h3{
    display:none;
}

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

#header{
	height: 122px;
	background: #163047 url(../images/header_bg.jpg);
	background-repeat: repeat-x;
	width: 100%;
}
#header_container{
	width: 1020px;
	margin: 0px auto 0px auto;
}
#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;
	color: #343434;
	margin: 60px auto 60px auto;
	padding: 0px 30px 0px 30px;
}
#welcome{
	width: 868px;
	height: 427px;
	margin: 0px auto 0px auto;
	background: url(../images/welcome.jpg);
}
#brief_intro{
	width: 390px;
	position: relative;
	top: 235px;
	left: 460px;
	line-height: 18px
}
#view_portfolio{
	width: 216px;
	height: 51px;
	position: relative;
	top: 275px;
	left: 650px;
}
#page_title{
	margin: 0px 0px 30px 0px;
}
/*======== ABOUT=========*/
#left_side{
	float: left;
	width: 380px;
	padding: 0px 10px 0px 10px;
	margin-bottom: 60px;
}
#right_side{
	float: right;
	width: 540px;
	padding: 0px 10px 0px 10px;
	margin-bottom: 60px;
}
.about_block{
	margin-top: 30px;
	font-size: 11px;
	font-style: normal;
}
.about_block a{
	font-weight: bold;
	color: #343434;
}
.section_title{
	margin-bottom: 30px;
	width: 100%;
}
#skills{
	margin-top: 115px;
	font-size: 11px;
	font-weight: bold;
	color: #343434;
		overflow: auto;
}
.skills_block{
	float: left;
	width: 240px;
}
#download_resume{
	margin-top: 50px;
}
#download_resume img{
	position: relative;
	left: -25px;
}
/*======== PORTFOLIO =========*/
.portfolio_item{
	width: 940px;
	height: 345px;
	background-color: #8ea1a4;
	margin: 30px 0px 20px 0px;
}
.portfolio_item a{
	border: none;
}
.portfolio_item img{
	margin: 10px 10px 10px 10px;
	float: left;
}
.portfolio_description{
	width: 205px;
	height: 305px;
	float: left;
	background-color: #b7c8cb;
	padding: 30px 10px 10px 20px;
}
.description_title{
	font: bold 14px Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}
.description{
	font-style: normal;
	font-size: 11px;
}
/*======== CONTACT =========*/
form{
	margin-top: 102px;
}
input{
	width: 380px;
	height: 36px;
	font: bold italic 20px Georgia, "Times New Roman", Times, serif;
	color: #a3a3a3;
	background: url(../images/input_bg.jpg) #ededed repeat-x;
	padding-top: 12px;
}
textarea{
	width:460px;
	height: 250px;
	font: bold italic 20px Georgia, "Times New Roman", Times, serif;
	color: #a3a3a3;
	background: url(../images/input_bg.jpg) #ededed repeat-x;
}
input:focus,select:focus,textarea:focus{
	color: #333333;
}
#submit{
	background: url(../images/submit.jpg);
	width: 226px;
	height: 51px;
	margin-left: 262px;
	border: none;
	cursor: pointer;
}
.follow{
	width:26px;
	height:26px;
	margin: 0px 10px 10px 10px;
	float: left;
}
/*======== CONTACT =========*/
#welcome2{
	width: 868px;
	height: 427px;
	margin: 0px auto 0px auto;
	background: url(../images/404.jpg);
}
#report_it{
	width: 216px;
	height: 51px;
	position: relative;
	top: 375px;
	left: 650px;
}

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

#footer{
	height: 435px;
	background: #163047 url(../images/footer_bg.jpg) repeat-x;
	width: auto;
	clear: both;
}
#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;
	border: none;
}
.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: 100%;
	position: relative;
	bottom: 0px;
	float: left;
	padding: 20px 100px 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;
}