/*
Theme Name: Sonny Gill
Theme URI: http://www.sonnygill.com/
Description: WordPress Theme For SonnyGill.com with updated comments by Travis Hines
Version: 3.0
Author: Shannon Farrell
Author URI: http://shannonfarrell.com/
*/

/* General */
* { margin: 0; padding: 0; font-weight: normal; outline: none; }
body { width: 100%; background: #fff; font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; }
.wrapper { width: 860px; margin: 0 auto; }
.clear:after { content: "."; visibility: hidden; display: block; height: 0px; clear: both; }
* html .clear	{ height: 1%; }
img { border: none; margin: 0; padding: 0;}
.clear { clear: both; }

/* Header */
#header { width: 100%; background: #46474b; height: 95px; }
#header h1 { width: 393px; height: 58px; background: url(images/logo.gif) no-repeat; margin: 20px 0 0 0; float: left; }
#header h1 a { width: 220px; height: 58px; display: block; text-indent: -9999px; }
#header #nav { float: right; margin: 60px 0 0 0px; text-transform: lowercase; }
#nav ul { float: left; list-style: none; font-family: "Century Gothic", sans-serif; }
#nav ul li { float: left; display: inline; font-size: 16px; margin-right: 20px; }
#nav ul li a { float: left; color: #fff; text-decoration: none; }
#nav ul li#rss { margin: -10px 0 0 0; }
#nav ul li#rss a { float: left; }
#nav ul li#rss a:hover { border-bottom: none; }
#nav ul li.blog a:hover { border-bottom: 3px solid #faebad; }
#nav ul li.about a:hover { border-bottom: 3px solid #b2bff7; }
#nav ul li.career a:hover { border-bottom: 3px solid #95c494; }
#nav ul li.contact a:hover { border-bottom: 3px solid #b2bff7; }

/* Featured */
#featured { width: 100%; background: #f7e495; padding: 15px 0; border-bottom: 1px solid #d9c575; }
#featured .left img { width: 254px; height: 148px; float: left; border: 0; padding: 10px 0 0; }
#featured .right { width: 570px; float: right; }
#featured h1 a, #featured h1 { padding: 2px 0 2px 0; color: #723f03; font-size: 21px; float: left; margin: 0 0 0 0; text-decoration: none; text-transform: lowercase; }
#featured h1 a:hover { background: #723f03; color: #fff; }
#featured span { color: #ba6c10; font-size: 21px; text-decoration: none; margin: 4px 0 2px 5px; float: left; }
#featured p { color: #46474b; float: left; width: 570px; line-height: 17px; }
#featured p a { color: #723f03; text-decoration: none;  }
#featured p a:hover { background: #723f03; color: #fff; }
#featured p.right { float: right; background: url(images/more.gif) no-repeat; text-indent: -9999px; width: 130px; height: 17px; }
#featured p.right a { display: block; }
#featured p.right a:hover { background: none; color: none; }
#featured a.more-link { display: none; }

/* Content */
#main { width: 100%; padding: 20px 0 0 0; }
.content { float: left; width: 590px; }
.post { margin: 0 0 25px 0; float: left; }
.post strong { font-weight: bold; }
.post h1 a { color: #525252; font-size: 21px; float: left; text-decoration: none; text-transform: lowercase; }
.post h1 a:hover { background: #f7e495; color: #723f03; }
.post h1 span { float: inherit; color: #a8a8a8; font-size: 21px; margin: 0 0 0 5px; }
.post h3 { color: #6779b8; padding: 10px 0 0; font-weight: bold; }
.post p { padding: 10px 0 0 0; color: #505050; line-height: 18px; }
.post p a { color: #6779b8; text-decoration: none;  }
.post p a:hover { background: #6779b8; color: #fff; }
.post blockquote { border-left: 5px solid #fbe9a0; font-size: 16px; font-family: Georgia, serif; float: left; padding: 0px 0 10px 10px; width: 570px; color: #505050; font-style: italic; margin: 10px 0 10px 15px; }
.post img { padding:4px; background-color: #BA6C10; border:1px solid #713F02; }
img.alignleft { float: left; margin: 0 10px 0 0; }
img.alignright { float: right; margin: 0 0 0 10px; }

.post .meta { background: url(images/comment.gif) no-repeat left; width: 590px; border: 1px solid #b9b9b9; border-left: none; border-right: none; float: left; height: 25px; margin: 15px 0 0 0; font-size: 11px; color: #6b6b6b; }
.post .meta a { font-size: 11px; float: none; text-transform: lowercase; margin: 0; text-decoration: none; }
.meta .left { float: left; background: url(images/comment.gif) no-repeat left bottom; padding: 5px 0 0 18px; color: #6574a8; }
.meta .left a { color: #6574a8; }
.meta .left a:hover { background: #6574a8; color: #fff; }
.meta .right { float: right; background: url(images/file.gif) no-repeat left bottom; padding: 5px 0 0 18px; font-size: 11px; color: #6b6b6b; }
.meta .right a { color: #6574a8; }
.meta .right a:hover { background: #6574a8; color: #fff; }
.post ul { margin: 10px 0px 5px 0px; color: #505050; list-style-type: none; background: url(images/bullet.gif) no-repeat; padding-left: 20px; }
.post ul a:hover { background: #6574a8; color: #fff; }
.post ul li a { color: #6779b8; text-decoration: none; }

.whatsnext { background: #ffffff url(images/social.gif) no-repeat right top; width: 535px; border: 2px solid #f8e7a0; float: left; padding: 15px 25px; color: #c27216; margin: 0 0 10px 0; }
.whatsnext p { margin: 10px 0 5px 0; font-size: 13px; }
.whatsnext h2 { font-size: 21px; color: #6b6b6b; text-transform: lowercase; }
.whatsnext h2 span { color: #6574a8; }
.whatsnext a { color: #844903; text-decoration: none; font-size: 12px; padding: 1px; }
.whatsnext a:hover { background: #844903; color: #fff; }

.twitter-share-button { margin: 0px -18px -6px 0px; }

.rss { font-size: 13px; width: 535px; border: 2px solid #f8e7a0; float: left; padding: 10px 25px; color: #c27216; margin: 0 0 20px 0; }
.rss img { margin-bottom: -4px; margin-right: 8px; background: none; border: none; }
.rss a { color: #844903; text-decoration: none; padding: 1px; }
.rss a:hover { background: #844903; color: #fff;  }

/* Sidebar */
.sidebar { float: left; width: 240px; margin: 0 0 20px 30px; }
.search { float: left; width: 240px; height: 33px; background: url(images/search.gif) left no-repeat; }
.search form input#search { float: left; width: 188px; height: 25px; border: 0; font-size: 13px; font-family: "Century Gothic", sans-serif; padding-left: 10px; color: #6f6f6f; outline: none; background: transparent; padding-top: 8px; }
.search form input#submit { float: left; background: url(images/submit.gif) no-repeat; width: 24px; height: 16px; border: 0; margin: 10px 0 0 0; }
.feed-subscription form { margin: 15px 0 0 0; }
.feed-subscription form input#text { color: #727272; font-size: 12px; font-family: "Century Gothic"; }
.sidebar h3 { font-size: 18px; font-family: "Century Gothic", sans-serif; font-size: 16px; text-transform: lowercase; margin: 15px 0 10px 0; float: left; color: #6b6b6b; }
.sidebar h3 span { color: #6574a8; }
.sidebar ul { float: left; margin-bottom: 10px; text-transform: lowercase; }
.sidebar ul li { float: left; list-style: none; border-top: 1px solid #cccccc; font-size: 11px; width: 238px; }
.sidebar ul li a { color: #46474b; text-decoration: none; padding: 4px 0 4px 2px; float: left; display: block; width: 236px; }
.sidebar ul li a:hover { background: #6574a8; color: #fff; }
.sidebar ul li.last-child { border-top: 1px solid #cccccc; }
#twitter { float: right; width: 221px; height: 116px; background: url(images/twitter.gif) no-repeat; margin-top: -25px; padding: 36px 0 0 17px; font-size: 11px; }
#twitter span { float: left; width: 153px; line-height: 14px; color: #46474b; }
#twitter a { color: #6574A8; text-decoration: none; margin: 5px 8px 0 0; }
#twitter a:hover { color: #FFF; background-color: #6574A8; text-decoration: none; margin: 5px 8px 0 0; }

/* Footer */
#footer { width: 100%; height: 140px; background: #3c3d40; border-top: 1px solid #acacac; clear: both; font-size: 11px; }
#footer .left { width: 615px; float: left;  padding: 20px 0; }
#footer .left img { float: left; width: 95px; height: 94px; margin-right: 5px;}
#footer p { width: 515px; float: left; color: #fff; margin: 5px 0; line-height: 15px; }
#footer h3 { color: #f7e495; font-size: 17px; }
#footer span { float: left; color: #ababac; margin-top: -2px; }
#unit { float: right; width: 237px; height: 48px; background: url(images/unit.jpg) no-repeat top right; padding: 12px 0 0 0; }
#footer #unit ul li { border: 0; width: 25px; height: 25px; float: left;  list-style: none; text-indent: -9999px; }
#footer #unit ul li a { width: 25px; height: 25px; display: block; }
#footer #unit ul li.wp { margin-left: 35px; background: url(images/wp.png) no-repeat; }
#footer #unit ul li.home { margin-left: 20px; background: url(images/home.png) no-repeat; }
#footer #unit ul li.rss2 { margin-left: 20px; background: url(images/rss.png) no-repeat;}
#footer #unit ul li.up { margin-left: 20px; background: url(images/up.png) no-repeat;}
#footer #unit ul li.wp:hover { background: url(images/wp-hover.png) no-repeat; }
#footer #unit ul li.home:hover { background: url(images/home-hover.png) no-repeat; }
#footer #unit ul li.rss2:hover { background: url(images/rss-hover.png) no-repeat; }
#footer #unit ul li.up:hover { background: url(images/up-hover.png) no-repeat; }

/* Comments Template*/

div.comments { float: left; margin: 0 0 20px; padding: 0 0 15px; width: 550px; }
div.comments p { padding: 10px 0 0 0; color: #505050; line-height: 18px; }
div.comments h4 { border-bottom: 1px solid #bcbcbc; color: #b36913; max-width: 415px; min-width: 415px; }
div.comments h4 a { text-decoration: none; color: #b36913; }
div.comments span.trackback { margin: 5px 0 0 0; float: left; }
div.comments span.trackback a { color: #5c5c5c; text-decoration: none; margin-right: 20px; font-size: 11px; }
div.comments span.trackback a img { margin-bottom: -3px; margin-right: 5px; border: 0; }
	
.comment-meta { float: left; overflow: hidden; position: relative; }
.comment-meta a { color: #2279a6; }	

.comment-info { float: left; margin: 4px 0 0; }
.comment-info .comment-title { font-size: 16px; }
.comment-info .comment-title a { color: #844903; text-decoration: none; }
.comment-info .comment-title a:hover { text-decoration: none; background: #723F03; color: #fff; }
.comment-info .twitter-comment { }
.comment-gravatar { background: #fff; border: 1px solid #c3c3c3; float: left; margin-right: 10px; padding: 5px; }

.comment-text { float: left; overflow: hidden; }
		
.comment-date a { color: #8294c2; text-decoration: none; }
.comment-date a:hover { text-decoration: none; color: #51618C; }

a.twitter-comment { background: transparent url(images/twitter-comment.gif) no-repeat left; margin: 0 3px; padding-left: 18px; }

ol.commentlist { border-top: 1px solid #c3c3c3; float: left; list-style-type: none; margin: 20px 0; padding: 0; width: 590px; }
ol.commentlist ul { float: left; position: relative; }
ol.commentlist li { border-bottom: 1px solid #c3c3c3; float: left; line-height: 18px; list-style-type: none; padding: 15px 0; width: 590px; }
/*.alt { background: #e9f4f8 url(images/blue-pattern-bg.gif) repeat-x top !important; }*/
.bypostauthor { background: #e4e9fc !important;	}
.bypostauthor .comment-title a { color: #55648d; }
.bypostauthor .comment-title a:hover { color: #fff; background: #6779b8; text-decoration: none; }
	
ol.commentlist li .comment-meta { margin: 0 15px 5px; width: 550px; }
ol.commentlist li .comment-text { margin: 0 15px; width: 550px; }	
	
ol.commentlist .children li.bypostauthor { background: #e4e9fc url(images/reply-arrow.gif) no-repeat 0 15px !important; }

ol.commentlist .children li.depth-2 { background: url(images/reply-arrow.gif) no-repeat 0 15px !important; margin: 0 !important; width: 590px; }
ol.commentlist .children li.depth-2.bypostauthor { background: #e4e9fc url(images/reply-arrow.gif) no-repeat 0 15px !important; }
ol.commentlist li.depth-2 .comment-meta { margin-left: 30px; width: 535px; }
ol.commentlist li.depth-2 .comment-text { margin-left: 30px; width: 535px; }

ol.commentlist .children li.depth-3 { background: url(images/reply-arrow.gif) no-repeat 30px 15px !important; }
ol.commentlist .children li.depth-3.bypostauthor { background: #e4e9fc url(images/reply-arrow.gif) no-repeat 30px 15px !important; }
ol.commentlist li.depth-3 .comment-meta { margin-left: 60px; width: 505px; }
ol.commentlist li.depth-3 .comment-text { margin-left: 60px; width: 505px; }			

ol.commentlist .children li.depth-4 { background: url(images/reply-arrow.gif) no-repeat 60px 15px !important; }
ol.commentlist .children li.depth-4.bypostauthor { background: #e4e9fc url(images/reply-arrow.gif) no-repeat 60px 15px !important; }
ol.commentlist li.depth-4 .comment-meta { margin-left: 90px; width: 500px; }
ol.commentlist li.depth-4 .comment-text { margin-left: 90px; width: 500px; }	

div.trackbacks { color: #723f03; font-weight: bold; float: left; margin: 0 0 20px; padding: 0 0 15px; width: 550px; }

ol.trackbacklist { border-top: 1px solid #c3c3c3; list-style-type: none; margin-top: 10px; width: 590px; }
ol.trackbacklist li { background: #fff !important; border-bottom: 1px solid #c3c3c3; float: left; padding: 10px 0; width: 590px; }
ol.trackbacklist li a { color: #8294c2; font-size: 14px; font-weight: bold; text-decoration: none; }
ol.trackbacklist li a:hover { color: #51618c; }

#respond { border-bottom: 1px solid #c3c3c3; float: left; margin: 20px 0; position: relative; width: 590px; }
#respond h2 { background: url(images/sharevoice.png) no-repeat; color: #ffffff; margin-bottom: 5px; text-indent: -9999px; }
			
.comment-legend { color: #6f6f6f; float: left; height: 22px; margin: 0 0 10px 0; padding: 7px 0 0 0; width: 132px; }

#commentform .comment-field { float: left; height: 20px; margin: 0 0 10px; width: 330px; }	

#commentform input { background: #fff; border: 1px solid #cacaca; background: #f3f3f3; float: left; height: 15px; margin: 0 5px 10px 0; padding: 5px 0 5px 10px; font-size: 12px; font-family: Verdana, sans-serif; color: #717171; width: 300px;	}
#commentform textarea#comment { border: 1px solid #cacaca; background: #f3f3f3; float: left; font-size: 12px; font-family: Verdana, sans-serif; color: #717171; height: 150px; margin: 0 0 10px; padding: 10px; width: 400px; }	
#commentform textarea#comment:hover { border: 1px solid #cacaca; }
	
#commentform input:hover, #commentform textarea:hover { border: 1px solid #cacaca; }
#commentform input#author, #commentform input#email { background: url(images/required.png) no-repeat scroll 255px 8px; background: #f3f3f3; padding-right: 65px; width: 235px !important; }	
#commentform input#author, #commentform input#email, #commentform input#url { }
#commentform #submit { margin: 0 0 15px; }
#commentform input#submit { float: left; background: url(images/postsubmit.png) no-repeat; width: 115px; height: 31px; border: 0; text-indent: -9999px; }
#commentform input#submit:hover { float: left; background: url(images/postsubmithover.png) no-repeat; width: 99px; height: 31px; border: 0; }

.twitter_id { font-size: 12px; }
.reply a, .cancel-comment-reply a { color: #8294c2; position: absolute; right: 0; text-decoration: none; top: 8px; }
.reply a:hover, .cancel-comment-reply a:hover { text-decoration: none; background: #6779b8; color: #fff; }
.cancel-comment-reply a { right: 20px; }
.subscribe-to-comments { color: #c27216; float: left; margin-bottom: 15px; }
p.logged-in { margin: 10px 0; }			
.comment-mod { background: #ffffdb; font-style: italic; margin: 10px 0 0; padding: 5px 15px; }	
.comment-nav { clear: both; margin-bottom: 15px; width: 530px; }
	.comment-nav .previous { float: right; }
	.comment-nav .next { float: left; }

/* About */

#about { width: 100%; background: #b2bff7; padding: 15px 0; border-bottom: 1px solid #7b98da; }
#about .left img { float: left; border: 2px solid #7896da;  }
#about p { float: left; width: 630px; padding: 10px 0 10px 20px; line-height: 19px; color: #3c3d42; }
#main p a { color: #6779b8; text-decoration: none;  }
#main p a:hover { background: #6779b8; color: #fff; }
#about h2 { font-family: "Century Gothic", sans-serif; color: #6779b8; font-size: 26px; border-bottom: 1px solid #89a1f3; float: left; width: 600px; margin: 0 0 0 20px; }
.main-about { float: left; width: 590px; }
.main-about h2 { color: #7c7c7c; font-size: 21px; float: left; text-decoration: none; text-transform: lowercase; }
.main-about h3 { float: left; color: #727272; font-size: 22px; }
.main-about h3 span { color: #6f7fb5; }
.main-about ul { float: left; margin: 10px 0; list-style: none; }
.main-about ul li { float: left; color: #505050; background: url(images/list-arrow.gif) no-repeat left; padding: 0 0 0 20px; margin: 8px 0; width: 560px; }
.main-about ul li a:hover { background: #6779b8; color: #fff; }
.main-about ul li a { color: #6779b8; text-decoration: none;  }
.main-about p { float: left; color: #7c7c7c; padding: 10px 0; line-height: 18px; width: 580px; }
.main-about p.gallery { width: 550px; float: left;}
#slideshow { width: 530px; position: absolute; margin-top: 580px;  }
#chat { margin-top: 960px;}

/* Inspiration */

#inspiration { width: 100%; background: #b2bff7; padding: 15px 0; border-bottom: 1px solid #7b98da; }
#inspiration .left img { float: left; border: 2px solid #7896da;  }
#inspiration p { float: left; width: 630px; padding: 10px 0 10px 20px; line-height: 19px; color: #3c3d42; }
#main p a { color: #6779b8; text-decoration: none;  }
#main p a:hover { background: #6779b8; color: #fff; }
#inspiration h2 { font-family: "Century Gothic", sans-serif; color: #6779b8; font-size: 26px; border-bottom: 1px solid #89a1f3; float: left; width: 600px; margin: 0 0 0 20px; }
.main-inspiration { float: left; width: 590px; }
.main-inspiration h2 { color: #7c7c7c; font-size: 21px; float: left; text-decoration: none; text-transform: lowercase; }
.main-inspiration h3 { float: left; color: #727272; font-size: 22px; }
.main-inspiration h3 span { color: #6f7fb5; }
.main-inspiration ul { float: left; margin: 10px 0; list-style: none; }
.main-inspiration ul li { float: left; color: #505050; background: url(images/list-arrow.gif) no-repeat left; padding: 0 0 0 20px; margin: 8px 0; width: 560px; }
.main-inspiration p { float: left; color: #7c7c7c; padding: 10px 0; line-height: 18px; width: 580px; }

/* Career */

#career { width: 100%; background: #95c494; padding: 15px 0; border-bottom: 1px solid #64a262; }
#career h2 { font-family: "Century Gothic", sans-serif; color: #548652; font-size: 26px; border-bottom: 1px solid #82aa80; float: left; width: 600px; margin: 0 0 0 20px; }
#career .left img { float: left; border: 2px solid #699667;  }
#career p { float: left; width: 630px; padding: 10px 0 10px 20px; line-height: 19px; color: #3c3d42; }
.main-career { float: left; width: 590px; }
.main-career p { float: left; color: #7c7c7c; padding: 10px 0; line-height: 18px; }
.main-career h2 { color: #7c7c7c; font-size: 21px; text-decoration: none; text-transform: lowercase; }
.main-career h3 { font-size: 17px; color: #548652; border-bottom: 1px solid #cdcdcd; text-transform: lowercase; }
.main-career h4 { color: #6574a8; padding-top: 10px;}
.main-career ul.regular { float: left; margin: 10px 0; list-style: none; }
.main-career ul.regular li { float: left; color: #505050; padding: 0 0 0 25px; margin: 5px 0; width: 230px; background: url(images/list-arrow.gif) no-repeat left top; }
.main-career ul.regular li.right { margin-left: 60px;}

.main-career ul { float: left; margin: 10px 0; list-style: none; }
.main-career ul li { float: left; color: #505050; padding: 0 0 0 25px; margin: 10px 0px 0px 0px; width: 250px; height: 21px;}
.main-career ul li a { color: #7c7c7c; text-decoration: none; border-bottom: 1px solid #cdcdcd; width: 250px; float: left; height: 14px; display: inline; }
.main-career ul li img { float: right; }
.main-career ul li.linkedin { background: url(images/linkedin.gif) no-repeat left top; margin-right: 40px;}
.main-career ul li.twitter { background: url(images/twitter2.gif) no-repeat left top; margin-right: 40px;}
.main-career ul li.facebook { background: url(images/facebook.gif) no-repeat left top; margin-right: 40px;}
.main-career ul li.plurk { background: url(images/plurk.gif) no-repeat left top; margin-right: 40px; }
.main-career ul li.digg { background: url(images/digg.gif) no-repeat left top; }
.main-career ul li.mixx { background: url(images/mixx.gif) no-repeat left top; }
.main-career ul li.stumbleupon { background: url(images/stumbleupon.gif) no-repeat left top; }
.main-career ul li.microsoft { background: url(images/microsoft.gif) no-repeat left top; }
.main-career ul li.linkedin { background: url(images/linkedin.gif) no-repeat left top; }
.main-career ul li.delicious { background: url(images/delicious.gif) no-repeat left top; }

/* Management List */
.main-career ul.management { float: left; margin: 10px 0; list-style: none; width: 260px; height: 230px; }
.main-career ul.management li { float: left; color: #505050; padding: 0 0 0 25px; margin: 5px 0; width: 260px; height: 21px; }
.main-career ul.management li a { color: #7c7c7c; text-decoration: none; border-bottom: 1px solid #cdcdcd; width: 250px; float: left; height: 14px; display: inline; }
.main-career ul.management li img { float: right; }
.main-career ul.management li.microsoft { background: url(images/microsoft.gif) no-repeat left top; }
.main-career ul.management li.wordpress { background: url(images/wordpress.gif) no-repeat left top; }
.main-career ul.management li.typepad { background: url(images/typepad.gif) no-repeat left top; }

/* Development List */
#dev { width: 240px; float: left; height: 230px; position: absolute; margin: -25px 0px 0px 315px; }
.main-career ul.dev { float: left; margin: 10px 0px 0px 20px; list-style: none; width: 240px; height: 230px; }
.main-career ul.dev li { float: left; color: #505050; padding: 0 0 0 25px; margin-left: -20px; width: 250px; height: 21px;}
.main-career ul.dev li a { color: #7c7c7c; text-decoration: none; border-bottom: 1px solid #cdcdcd; width: 250px; float: left; height: 14px; display: inline; }
.main-career ul.dev li img {float: right;}
.main-career ul.dev li.html { background: url(images/xhtml.gif) no-repeat left top; }
.main-career ul.dev li.css { background: url(images/css.gif) no-repeat left top; }

/* Design List */
#design { width: 260px; height: 230px; position: absolute; margin: 0px 0px 0px 0px; padding-top: 100px; float: left; }
.main-career ul.design { float: left; margin: 10px 0px 0px 20px; list-style: none; width: 260px; height: 230px; }
.main-career ul.design li { float: left; color: #505050; padding: 0 0 0 25px; margin-left: -20px; width: 260px; height: 21px; }
.main-career ul.design li a { color: #7c7c7c; text-decoration: none; border-bottom: 1px solid #cdcdcd; width: 250px; float: left; height: 14px; display: inline; }
.main-career ul.design li img { float: right; }
.main-career ul.design li.photoshop { background: url(images/photoshop.gif) no-repeat left top; }
.main-career ul.design li.dreamweaver { background: url(images/dreamweaver.gif) no-repeat left top; }
.main-career ul.design li.illustrator { background: url(images/illustartor.gif) no-repeat left top; }
.main-career ul.design li.indesign { background: url(images/indesign.gif) no-repeat left top; }

/* Navigation */
.navigation{float:left;}
#alignleft{background:url(images/prevpage.png)}

/* Navigations */
.navigations{float:right;}
#alignright{background:url(images/nextpage.png)}

/* Analytics List */
#analytics { width: 240px; height: 230px; position: absolute; margin: 0px 0px 0px 315px; padding-top: 100px; float: left; }
.main-career ul.analytics { float: left; margin: 16px 0; list-style: none; width: 240px; height: 230px; }
.main-career ul.analytics li { float: left; color: #505050; padding: 0 0 0 25px; margin: 5px 0; width: 240px; height: 21px; }
.main-career ul.analytics li a { color: #7c7c7c; text-decoration: none; border-bottom: 1px solid #cdcdcd; width: 250px; float: left; height: 14px; display: inline; }
.main-career ul.analytics li img { float: right; }
.main-career ul.analytics li.webtrends { background: url(images/webtrends.gif) no-repeat left top; }
.main-career ul.analytics li.ganalytics { background: url(images/google.gif) no-repeat left top; }
.main-career ul.analytics li.hitbox { background: url(images/hitbox.gif) no-repeat left top; }
.main-career ul.analytics li.comscore { background: url(images/comscore.gif) no-repeat left top; }

/* Resume */
#resume { width: 590px; height: 40px; border: 2px solid #95c494; position: absolute; margin-top: 340px; text-align: center; font-family: "Century Gothic", sans-serif; color: #95c494; font-size: 16px; padding-top: 18px;}
#resume img { padding: 0px 10px 10px 6px; margin-top: -8px; position: absolute; margin-right: 30px;}
#resume span {color: #6574a8; margin-left: 50px;}
#resume a { text-decoration: none; font-weight: bold; color: #95c494; }
#resume a:hover { color: #fff; background: #569e54; }

.chat { float: left; border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; padding: 8px 12px; width: 550px; margin-bottom: 50px; }
.chat p span { color: #7887c5; font-weight: bold; margin-right: 3px; line-height: 20px; }
.chat p.left { width: 200px; float: left; }
.chat p.right { float: right; width: 110px; }

/* Contact */

#contact { width: 100%; background: #b2bff7; padding: 15px 0; border-top: 1px solid #7b98da; clear: both; }
#contact h2 { color: #6b7bbd; text-transform: lowercase; border-bottom: 1px solid #a9b3dd; font-family: "Century Gothic", sans-serif; font-size: 22px; }
#contact p.linklove { display: none; }
#contact ol { list-style: none; margin: 20px 0; }
#contact fieldset { display: none; }
#contact #cf_field_1 { border: 1px solid #7b98da; float: left; width: 200px; height: 20px; font-size: 12px; font-family: "Century Gothic", sans-serif; padding-left: 6px; color: #6f6f6f; padding-top: 5px; margin-right: 7px;}
#contact #cf_field_2 { border: 1px solid #7b98da; float: left; width: 200px; height: 20px; font-size: 12px; font-family: "Century Gothic", sans-serif; padding-left: 6px; color: #6f6f6f; padding-top: 8px; margin: 68px 0px 0px -215px; position: absolute;}
#contact #cf_field_3 { border: 1px solid #7b98da; float: left; width: 200px; height: 20px; font-size: 12px; font-family: "Century Gothic", sans-serif; padding-left: 6px; color: #6f6f6f; padding-top: 8px; margin: 136px 0px 0px -215px; position: absolute;}
#contact ol li#li--4 textarea { border: 1px solid #7b98da; float: left; width: 500px; font-size: 16px; font-family: "Century Gothic", sans-serif; padding-left: 6px; padding-top: 6px; color: #6f6f6f; margin-right: 30px; margin-left: 30px; height: 160px;}
#contact #sendbutton { display: block; background: url(images/aboutsubmit.png) bottom no-repeat; border: 0; width: 99px; height: 25px; font-size: 0px; text-indent: -9999px; position: absolute; margin: 141px 0px 0px 760px;}
#contact #sendbutton:hover { display: block; background: url(images/aboutsubmithover.png) bottom no-repeat; border: 0; width: 99px; height: 25px; font-size: 0px; text-indent: -9999px; position: absolute; margin: 141px 0px 0px 760px;}
#contact #sendbutton:hover { cursor: pointer; }
#contact label span, #contact span.reqtxt, #contact span.emailreqtxt { display: none; }

/* IE Fixes */

*+html .post p { width: auto; }
*+html .post h1 { width: 600px; }
*+html .main-about h2 { float: left; width: 600px; }
*+html #main { margin-bottom: 20px; }
*+html div.comments p input#author, div.comments p input#email, div.comments p input#url { margin-top: 5px; }
*+html div.comments #respond p { line-height: 18px;  }
*+html #slideshow { width: 530px; position: absolute; margin-top: 280px;  margin-left: -560px;}
*+html #chat { margin-top: 660px;}
*+html #dev { float: left; }
*+html #management{ float: left; }
*+html #contact ol li#li--4 textarea { float: left; margin: -40px 0 0 260px; }
*+html #contact #cf_field_1, #contact #cf_field_2, #contact #cf_field_3 { height: 22px; padding-top: 6px; }
*+html #contact { padding-bottom: 0px; }
*+html .whatsnext { padding-left: 15px; width: 545px; }
*+html #dev { margin: 20px 0px 0px 60px; }
*+html #analytics { margin: 0px 0px 0px 0px; }
*+html #design { margin: 55px 0px 0px -255px; }
*+html #analytics { margin: 55px 0px 0px 60px; }
*+html #resume { margin: 55px 0 0 0; position: relative; }
*+html #contact #cf_field_2 { margin: 58px 0px 0px -215px; }
*+html #contact #cf_field_3 { margin: 110px 0px 0px -215px;}
*+html #contact #sendbutton { margin: 65px 0px 0px 18px}