/* - - - - - - - - - - - - - - - - - - - - -

Title : Main styles for kellysims.com
Author : Kelly Sims
URL : http://kellysims.com

Description : Main Style Sheet

- - - - - - - - - - - - - - - - - - - - - */

/*--- RESET ---*/

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, cite, code, em, font, img, ins, strike, strong, sub, sup, var, 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;}/* 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;}

/* ----- CSS ----- */

body{
	font-size:100%;
	-webkit-font-smoothing: antialiased;
	background:rgb(255,255,255) url(/images/v7/top_bg.png) repeat-x;
}

/* ----- IDS ----- */

#wrapper{
	width:960px;
	margin:0 auto;
	background:none;
	text-align:left;
}
#header{height:250px;}
#branding{
	float:left;
	height:249px;
	width:270px;
	margin:0 0 0 -10px;
}
#main_nav{
	float:right;
	margin:0 10px 0 0;
	height:220px;
}
#footer{
	background:url(/images/v7/footer.png) no-repeat;
	height:62px;
	width:960px;
	margin:50px 0 50px 0;
	clear:both;
}
#sub_nav{
	width:960px;
	display:block;
	clear:both;
	border-bottom:1px solid rgb(226,235,239);
	margin-bottom:40px;
}

/*---THESE NEED CHANGED---*/
body.blog #localContent{
	width:460px;
	margin:0 20px 0 0;
	float:left;
}
body.blog #externalContent{
	width:479px;
	margin:0;
	float:left;
}

/* ----- CLASSES ----- */

.divider{
	clear:both;
	width:960px;
	margin:0;
	height:84px;
	background:url(/images/v7/divider.png) no-repeat;
}
.right .divider{
	clear:both;
	width:640px;
	margin:10px 0 20px 0;
	height:84px;
	background:url(/images/v7/divider.png) no-repeat -160px 0;
}
.left{
	float:left;
	width:300px;
	margin:0 20px 40px 0;
	display:block;
}
.right_2,.right{
	float:left;
	width:640px;
	display:block;
	margin:0 0 40px 0;
}
.full{
	display:block;
	width:960px;
	margin:30px 0 20px 0;
}
.intro{
	float:left;
	margin:10px 0 40px 10px;
	background:rgb(255,255,255) url(/images/v7/title_blocks.png) no-repeat bottom left;
	width:243px;
	min-height:130px;
	border-top:1px solid rgb(204,220,207);
}

body.home #process .block{
	float:left;
	width:200px;
	margin:0 13px 30px 0;
}
body.home #welcome .right_2,
body.home #welcome .left{
	margin-bottom:0;
	position:relative;
}
body.home #my_work{margin-bottom:50px;}

body.work .entry{
	float:left;
	display:block;
	width:960px;
	margin:0 0 40px 0;
}
body.work .full .divider{
	margin:20px 0 40px 0;
	float:left;
}
body.work .slide{
	float:left;
	margin:5px 20px 0 0;
	width:400px;
}
body.work .info{
	width:520px;
	margin:0 0 0 440px;
}
body.work .meta{
	float:right;
	width:160px;
	margin:0 0 20px 10px;
	padding:10px;
	background:rgb(226,235,239);
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	color:rgb(52,57,62);
}

body.resume .full .entry .testimonial{
	float:left;
	margin-top:10px;
}
body.resume .full .linkout{
	float:left;
	margin:10px 0 0 160px;
}

.elsewhere{
	margin:0 0 40px 0;
}
.elsewhere .block{
	width:240px;
	float:left;
	margin-top:30px;
}

body.blog .quotes{
	width:960px;
	float:left;
	margin:20px 0 20px 0;
}
body.blog .full .text{
	float:left;
	width:360px;
	margin:0 40px 50px 0;
}
body.blog .full .text .entry{
	margin:0 0 20px 0;
}
body.blog .full .links{margin-top:40px;}
body.blog .full .photos,
body.blog .full .videos{
	float:left;
	width:280px;
	margin:0 0 50px 0;
}
body.blog .photos .linkout{margin-right:40px;}
body.blog .linkout{
	display:block;
	border-top:1px solid rgb(226,235,239);
	padding-top:20px;
}
body.blog .full .entry .sidebar{
	float:right;
	width:200px;
	margin:0 0 30px 40px;
}
body.blog .entries .meta{
	width:640px;
	display:block;
	margin:2px 0 20px 0;
	border-top:1px solid rgb(226,235,239);
	padding-top:3px;
	font-size:90%;
	color:rgb(107,107,107);
}
body.blog .right .pagination{
	float:left:
	display:block;
	text-align:center;
}

body.blog .left .item{
	margin:0 30px 30px 10px;
}
body.blog .left .following a img{
	margin:0 2px 2px 0;
	border:1px solid rgb(226,235,239);
}


/* ----- HEADINGS ----- */

h1{
	font-size:160%;
	font-weight:bold;
	color:rgb(52,57,62);
}
h2{
	font-size:140%;
	font-weight:bold;
	color:rgb(177,34,28);
	margin:.25em .25em .25em 0;
}
h3{
	font-size:120%;
	font-weight:bold;
	color:rgb(52,57,62);
}
h1,h2,h3,h4{
	font-weight:bold;
	line-height:1.2em;
	font-family: "ff-enzo-web-1","ff-enzo-web-2", "Myriad Pro", "Lucida Grande", Helvetica, Arial, sans-serif;
}
.left h2,
.left h3,
.left h4{
	margin-left:10px;
	margin-right:20px;
}

.intro h1{
	margin:15px 10px 4px 20px;
	outline-color: rgb(246, 249, 251);
	outline-style: none;
	outline-width: 1px;
}
body.home #process .design h2{
	background:url(/images/v7/design_icon.gif) no-repeat top left;
	padding-left:25px;
}
body.home #process .create h2{
	background:url(/images/v7/create_icon.gif) no-repeat top left;
	padding-left:30px;
}
body.home #process .deploy h2{
	background:url(/images/v7/deploy_icon.gif) no-repeat top left;
	padding-left:25px;
}
body.work h2{
	border-bottom:1px solid rgb(226,235,239);
	padding:0 0 5px 0;
	margin:0 0 10px 10px;
}
.elsewhere h2{
	text-align:center;
	float:left;
	width:960px;
	margin:30px 0 0 0;
	padding-bottom:5px;
}
.elsewhere .block h3{
	text-align:center;
	border-bottom:1px solid rgb(226,235,239);
	padding-bottom:5px;
}
body.blog .full h1{
	margin:0 20px 20px 0;
}
body.blog .left h3{
	margin:20px 30px 10px 10px;
}
body.blog .archives .right h1 span{color:rgb(177,34,28);}

body.resume h1{
	margin:0 0 30px 0;
}
body.resume .testimonial h3{
	border-bottom:1px solid rgb(226,235,239);
	padding:0 0 5px 0;
	margin:15px 0 10px 0;
	color:rgb(177,34,28);
}
/* ----- PARAGRAPHS ----- */

p{
	font-family: "liberation-serif-1","liberation-serif-2",serif;
	color:rgb(52,57,62);
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-align:left;
	text-indent:0;
	text-decoration:none;
	text-shadow:none;
	text-transform:none;
	line-height:1.3em;
	letter-spacing:normal;
	word-spacing:normal;
	margin-bottom:1em;
}
.left p{
	margin:.5em 50px 1em 10px;
}
.intro p{
	margin:0 10px 15px 20px;
	font-size:120%;
}
#welcome .right_2 p{
	float:left;
	width:480px;
	margin:10px 10px 10px 0;
	font-size:150%;
	line-height:1.2em;
}
#process .block p{
	margin:0 0 20px 0;
	background:url(/images/v7/arrow_right.gif) no-repeat top left;
	padding:25px 20px 0 0;
}
#process .deploy p{
	background:url(/images/v7/arrow_none.gif) no-repeat top left;
}
.elsewhere .block p{
	margin:10px;
	text-align:center;
}
#footer p{
	float:right;
	line-height:62px;
	margin:0 40px 0 40px;
	color:rgb(52,57,62);
}

/* ----- IMAGES ----- */

img{border:none;}
img a{
	border:none;
	text-decoration:none;
}
img a:hover{border:none;}
body.work .slide img{
	border:1px solid rgb(194,213,221);
	margin:0 0 0 10px;
}
img.post_image_rt{
	float:right;
	margin:5px 0 20px 30px;
	border:3px solid rgb(194,213,221);
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.elsewhere .block ol li img{
	float:left;
	margin:0 0 20px 10px;
	width:170px;
}
body.thanks .right_2 img{
	float:right;
	margin:10px 0 20px 20px;
}

/*---Archive image styles from ABI blog---*/

.archives .entries img.smallposts{
	float:left;
	margin:0 20px 20px 0;
}

/* ----- TEXT FORMATTING ----- */

strong,b{font-weight:bold;}
em,i{font-style:italic;}

/* ----- LISTS ----- */

#main_nav ul{float:right;}
#main_nav ul li{display:inline;}
#main_nav ul li a{
	color:rgb(245,245,245);
	font-size:28px;
	display:block;
	width:120px;
	padding:183px 0 10px 0;
	float:right;
	text-align:center;
	margin-left:1px;
	text-shadow: rgb(52,57,62) 0px -1px 0px;
	font-family: "ff-enzo-web-1","ff-enzo-web-2", "Myriad Pro", "Lucida Grande", Helvetica, Arial, sans-serif;
}
#main_nav ul li#about a.active,
#main_nav ul li#work a.active,
#main_nav ul li#blog a.active,
#main_nav ul li#contact a.active{
	padding:184px 0 9px 0;
	color:rgb(52,57,62);
	background:rgb(211,228,234);
	border-bottom:5px solid rgb(211,228,234);
	text-shadow:none;
}
#main_nav ul li#about a{
	background:rgb(72, 80, 84);
	background:rgba(211,228,234,.4);
}
#main_nav ul li#about a:hover{background:rgba(211,228,234,.6);}
#main_nav ul li#work a{
	background:rgb(47, 58, 64);
	background:rgba(128,156,168,.4);
}
#main_nav ul li#work a:hover{background:rgba(128,156,168,.6);}
#main_nav ul li#blog a{
	background:rgb(19, 29, 37);
	background:rgba(28,58,77,.4);
}
#main_nav ul li#blog a:hover{background:rgba(28,58,77,.7);}
#main_nav ul li#contact a{
	background:rgb(73, 26, 23);
	background:rgba(191,45,35,.4);
}
#main_nav ul li#contact a:hover{background:rgba(191,45,35,.6);}
#main_nav ul li#about a:hover,
#main_nav ul li#work a:hover,
#main_nav ul li#blog a:hover,
#main_nav ul li#contact a:hover{
	border-bottom:0;
	text-decoration:none;
}
#main_nav ul li#about a:active,
#main_nav ul li#work a:active,
#main_nav ul li#blog a:active,
#main_nav ul li#contact a:active{
	padding:184px 0 9px 0;
}
#main_nav ul li#about a.active:hover,
#main_nav ul li#work a.active:hover,
#main_nav ul li#blog a.active:hover,
#main_nav ul li#contact a.active:hover{
	color:rgb(52,57,62);
	background:rgb(211,228,234);
	border-bottom:5px solid rgb(211,228,234);
}


#sub_nav ul{
	width:960px;
	height:20px;
	margin:20px 0 0 0;
	padding:0 0 10px 0;
}
#sub_nav ul li{display:inline;}
#sub_nav ul li a{
	float:right;
	padding:5px 20px 9px 20px;
	color:rgb(52,57,62);
	font-family: "ff-enzo-web-1","ff-enzo-web-2", "Myriad Pro", "Lucida Grande", Helvetica, Arial, sans-serif;
}
#sub_nav ul li.active a{
	color:rgb(177,34,28);
	border-bottom:1px solid rgb(127,123,124);
}

.meta ul{
	margin:5px 0 0 0;
	padding:0;
}
.meta ul li{
	list-style-type:none;
	list-style-image:none;
	list-style-position:outside;
	line-height:1.3em;
	padding:0;
}

.elsewhere .block ul,
.elsewhere .block ol{
	float:left;
	width:240px;
	margin:10px 0 50px 0;
	font-size:90%;
	border-right:1px solid rgb(226,235,239);
}
.elsewhere .block ul li,
.elsewhere .block ol li{
	list-style-type:none;
	list-style-image:none;
	list-style-position:outside;
	padding:0;
	line-height:1.3em;
}
.elsewhere .block ul li a,
body.blog .full .text ul li a,
body.blog .full .entry .sidebar ul li a,
body.blog .right .pagination a{
	background:rgb(245,245,245);
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	margin:0 10px 10px 10px;
	padding:5px;
	display:block;
	border-bottom:1px solid rgb(230,230,230);
}
.elsewhere .block ul li a:hover,
body.blog .full .text ul li a:hover,
body.blog .right .pagination a:hover{
	background:rgb(211,228,234);
	border-bottom:1px solid rgb(170,195,204);
}
body.blog .full .text ul li a{
	margin:0 0 10px 0;
}
body.blog .full .entry .sidebar ul{
	border-left:1px solid rgb(226,235,239);
	margin-bottom:30px;
}

body.blog ul.cloud{
	margin:0 10px 20px 10px;
}
body.blog ul.cloud li{display:inline;}
body.blog ul.cloud li a{
	font-size:90%;
	float:left;
	margin:3px;
	padding:4px;
	display:block;
	background:rgb(245,245,245);
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-bottom:1px solid rgb(230,230,230);
}
body.blog ul.cloud li.active a{
	background:rgb(177,34,28);
	color:rgb(255,255,255);
}
body.blog ul.cloud li a:hover{
	background:rgb(211,228,234);
	border-bottom:1px solid rgb(170,195,204);
}

body.resume ul.skills li{
	margin:0 10px 10px 5px;
	padding:0 0 0 25px;
	font-weight:bold;
	background:url(/images/icons/tick.png) no-repeat 2px 0;
}


#footer ul{
	margin:0 0 0 150px;
	height:62px;
}
#footer ul li{display:inline;}
#footer ul li a{
	float:left;
	display:block;
	line-height:62px;
	margin:0 40px 0 0;
	color:rgb(52,57,62);
}


/* ----- LINKS ----- */

a{
	color:rgb(52,57,62);
	text-decoration:none;
	border:none;
}

p a{
	color:rgb(177,34,28);
	text-decoration:none;
	border-bottom:0;
}
p a:hover{
	color:rgb(52,57,62);
	background-color:rgb(241,241,241);
	border-bottom:none;
}
p a:visited, a:active, a:focus{
	color:rgb(177,34,28);
	border-bottom:none;
}

#branding a{
	background:url(/images/v7/branding2.png) no-repeat;
	display:block;
	height:248px;
	width:270px;
	float:left;
	margin:0 10px 0 10px;
	border:none;
}
#branding a:active{
	background-position:0 -250px;
}
body.home a.get_started{
	float:right;
	width:110px;
	height:225px;
	border:none;
	text-decoration:none;
	margin-bottom:-28px;
	padding-left:5px;
	background:url(/images/v7/get_started_uparrow.png) no-repeat bottom left;
	border-left:1px solid rgb(226,235,239);
	text-indent:-5000px;
}
h2 a{color:rgb(177,34,28);}
.linkout a{
	font-size:100%;
	font-weight:normal;
	color:rgb(52,57,62);
	float:left;
	margin-right:5px;
	background:rgb(226,235,239);
	padding:6px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

body.blog .right .pagination a.previous{float:left;}
body.blog .right .pagination a.next{float:right;}


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

.form_block{
	background:rgb(211,228,234);
	width:640px;
	float:left;
	padding:20px 0 10px 0;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
body.blog .left .search_block{
	background:rgb(211,228,234);
	width:280px;
	float:left;
	padding:5px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
form{
	margin:0 0 40px 0;
}
label{
	display:block;
	margin:0 20px 3px 20px;
	font-size:110%;
	font-weight:bold;
	color:rgb(52,57,62);
}
input{
	border:1px solid rgb(226,235,239);
	width:590px;
	color:rgb(52,57,62);
	margin:0 20px 20px 20px;
	padding:2px 4px;
	font-size:100%;
}
input.send{
	width:75px;
	font-size:100%;
	font-weight:normal;
	color:rgb(52,57,62);
	background:rgb(211,228,234);
	border-top:2px solid rgb(205, 217, 220);
	padding:4px 6px;
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
}
textarea{
	border:1px solid rgb(226,235,239);
	width:590px;
	min-height:250px;
	color:rgb(52,57,62);
	margin:0 20px 10px 20px;
	padding:4px 4px;
	font-size:100%;
}


/*
 * jQuery Nivo Slider v1.9
 * http://nivo.dev7studios.com
 *
 * Copyright 2010, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */

#slider{
	position:relative;
	width:638px;
	height:400px;
	margin:10px 0 30px 0;
	border:1px solid rgb(194,213,221);
	background:rgb(255,255,255) url(http://kellysims.com/images/V7/loading.gif) no-repeat 50% 50%;
}
body.about #slider{
	width:300px;
	height:188px;
	float:right;
	margin:0 0 30px 20px;
	border:1px solid rgb(194,213,221);
	border-bottom:3px solid rgb(194,213,221);
}

 
/* The Nivo Slider styles */
.nivoSlider {position:relative;}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:rgba(128,156,168,.6);
	color:#fff;
	width:100%;
	z-index:89;
	text-align:center;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:0%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {left:0px;}
.nivo-nextNav {right:0px;}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {font-weight:bold;}


#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:39%;
	bottom:-30px;
}
body.about .nivo-controlNav {
	position:absolute;
	left:29%;
	bottom:-30px;
}

.nivo-controlNav a {
	display:block;
	width:10px;
	height:10px;
	background:rgb(240,240,240);
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {background:rgb(194,213,221);}

.nivo-directionNav a {
	display:block;
	width:32px;
	height:398px;
	background:url(/images/V7/arrows2.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-32px 0;
	right:10px;
}
a.nivo-prevNav {left:10px;}


/*--- tumblr styles ---*/
ol.tumblr_posts li{float:left;}

li.tumblr_post{
}

li.tumblr_link_post{
}
li.tumblr_quote_post .tumblr_quote,
li.tumblr_quote_post .tumblr_source{
	margin:0 10px 10px 10px;
}
li.tumblr_photo_post{
}
li.tumblr_text_post{
}
li.tumblr_video_post{
}

img.tumblr_photo,
.tumblr_text_post .tumblr_body img,
.tumblr_video_post .tumblr_video object{
	width:220px;
	margin:10px;
}

.tumblr_description{
	width:220px;
	margin:10px;
}

.tumblr_photo_post .tumblr_caption,
.tumblr_video_post .tumblr_caption,
.tumblr_body{display:none;}

ol.tumblr_posts li.tumblr_text_post,
ol.tumblr_posts li.tumblr_link_post{
	list-style-type:none;
	list-style-image:none;
	list-style-position:outside;
	padding:0;
	line-height:1.3em;
}
ol.tumblr_posts li.tumblr_text_post,
ol.tumblr_posts li.tumblr_link_post{
	background:rgb(245,245,245);
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	margin:0 10px 10px 10px;
	padding:5px;
	display:block;
	border-bottom:1px solid rgb(230,230,230);
}
ol.tumblr_posts li.tumblr_text_post a:hover,
ol.tumblr_posts li.tumblr_link_post a:hover{
	background:rgb(211,228,234);
	border-bottom:1px solid rgb(170,195,204);
}


/* Example tumblrBadge CSS */
#tumblrBadge{
	width:480px;
	float:left;
}
#tumblrBadge ul.tumblr {
	list-style: none;
}
#tumblrBadge ul.tumblr li {
	display:inline;
	float:left;
	width:218px;
	margin:20px 10px 40px 10px;
	background:rgb(255,255,255);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 6px rgba(187, 182, 186,.6);
	border:1px solid rgba(187, 182, 186,.6);
}
#tumblrBadge .tumblr li.Photo img{
	width:198px;
	margin:10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#tumblrBadge ul.tumblr p {
	padding:10px 10px 0 10px;
	margin:0;
}
#tumblrBadge ul.tumblr img {
	display: block;
	margin:5px;
}
#tumblrBadge ul.tumblr li.Text p img{
	width:198px;
	margin:0;
}
#tumblrBadge ul.tumblr em {
	display: block;
	margin-top: 5px;
}
#tumblrBadge ul.tumblr .tumblr-post-date{
	display: block;
	background:rgb(235,235,235);
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	margin:20px 0 0 0;
	padding:10px;
	text-align:center;
	border-top:1px solid rgba(187, 182, 186,.4);
}
#tumblrBadge ul.tumblr a.tumblr-post-date:hover{background:rgb(211,228,234);}
#tumblrBadge ul.tumblr li.Link p a{display:block;}