/*
Theme Name: fstop inertia
Theme URI: http://szadkowksi.com
Description: fstopinertia theme by  <a href="http://szadkowski.com">Chris Szadkowski</a>.
Version: 0.1
Author: Chris Szadkowski
Author URL: http://szadkowski.com/
Tags: orange, fixed width, two columns

	fstopinertia v1.0
	This theme was designed and built by Chris Szadkowski,


*/

* { margin: 0px auto; }
html, body { width: 100%;  height:100%; }
body {  margin: 0px auto; text-align: center; font-size: 65.2%; color: #7c7c7c; background-color: #FFFFFF; font-family:Georgia, "Times New Roman", Serif; }

/* Global Based Styles */

h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, a img { margin: 0; padding: 0; border: 0; list-style: none; font-size: 1.3em;}
.clear { clear:both; }
span { visibility:hidden; }
a { color:#d5d5d5; text-decoration:none; }
a:hover { color:#fb8100; text-decoration:none; }
h1 {display:block; height:100px; width:290px; }
h2 { text-transform:uppercase; font-size:3.0em; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight:normal;}
h2 a { color:#fb8100;  }
h3 { position:relative; font-size:1.3em; color:#d5d5d5; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight:normal; padding-left:10px; margin: 40px 0px 20px 0px; background:url(grfx/rectangle.gif) left no-repeat; }
h3 a:hover { color:#d5d5d5; }
h4 {font-size:2.2em; font-weight:normal; color:#333;}
em { color: #333; font-weight: normal; }
strong { color: #333; }
small { font-size:1.0em; color: #d5d5d5; margin-bottom:20px; }
.line { height:1px; width:100%; background-color:#E8E8E8;}


/* Main Framework */
#wrapper { height: auto; width: 1000px; float:left; position:relative; text-align:center; }
#main {  min-height:100%;  height: auto !important; width:1000px; height:100%; text-align:left; position:relative; clear:both;  }
#header{ margin: 0 auto; margin-top:200px; margin-bottom: 60px; width:1000px; height:100px;  text-align:left; position:relative;}
#footer{ width:100%; height:50px; text-align:center; background-color:#F6F6F6; display:block; padding-top:1px;}

/* portfolio elements */
#portfolio-wrapper, #portfolio-main, #portfolio-main .portfolio-holder  { width:100%; height:99.5%; text-align:center; }

/* Nav */

#colorbar { margin:0px auto; width:100%; height:2px; text-align:left; position:relative; background-image:url(grfx/color_bar.jpg); background-repeat:repeat-x;}
#logo {  margin:0px auto; width:580px; height:100px; text-align:left; position:relative; float:left; display:block; background: url(grfx/fstopinertia_logo.jpg) no-repeat 0 0; }
#logo  { margin-left:40px; }
#nav { margin:0px auto; width:340px; height:90px; text-align:right; position:relative; float: right; list-style: none; padding-top:10px; margin: 0px 0px 0px 0px; }

#nav li { position:relative; float:left; }
.nav-blog { position:relative; float:left; display:block; background: url(grfx/nav_blog.jpg) no-repeat 0 0;  width:75px; height:47px; font-size:2em; padding-left:5px; }
a.nav-blog-on { position:relative; float:left; display:block; background: url(grfx/nav_blog-over.jpg) no-repeat 0 0;  width:75px; height:47px; font-size:2em;  padding-left:5px; }
a.nav-blog:hover { position:relative; float:left; display:block; background: url(grfx/nav_blog-over.jpg) no-repeat 0 0;  width:75px; height:47px; font-size:2em;  padding-left:5px; }

.nav-about { position:relative; float:left; display:block; background: url(grfx/nav_about.jpg) no-repeat 0 0;  width:75px; height:47px; font-size:2em; }
a.nav-about-on { position:relative; float:left; display:block; background: url(grfx/nav_about-over.jpg) no-repeat 0 0;  width:75px; height:47px; }
a.nav-about:hover { position:relative; float:left; display:block; background: url(grfx/nav_about-over.jpg) no-repeat 0 0;  width:75px; height:47px; }

.nav-portfolio { position:relative; float:left; display:block; background: url(grfx/nav_viewportfolio.jpg) no-repeat 0 0;  width:145px; height:47px; font-size:2em; }
a.nav-portfolio:hover { position:relative; float:left; display:block; background: url(grfx/nav_viewportfolio-over.jpg) no-repeat 0 0;  width:145px; height:47px; font-size:2em; }

.nav-divider { position:relative; float:left; display:block; background: url(grfx/divider.jpg) no-repeat 0 0;  width:10px; height:47px; font-size:2em; }


/* Footer */

.footer-line {width:100%; height:1px; position:relative; display:block; background-color:#fff;}
.footer-content {width:1000px; padding:20px 0px 0px 0px; position:relative; display:block; clear:both; }
.footer-left { width:610px; text-align:left; position:relative; float:left; margin:0px 0px 0px 40px; }
.footer-right {width:310px; text-align:right; position:relative; float:right; margin:0px 40px 0px 0px; }


/* Main Content */

#main .leftcolumn { margin:0px auto; width:650px; text-align:left; position:relative; margin: 20px 0px 50px 0px; float:left; }

/*Right Column */

#main .rightcolumn { margin:0px auto; width:320px; text-align:left; position:relative; float:right; padding:0px 0px 50px 0px; float:right; }

/* General Styles */

.content { padding:0px 20px 0px 40px; }
.content p { line-height: 1.3em; }
.content-right { margin:0px auto; padding:0px 20px 0px 10px; line-height:1.2em; font-size:1.2em; }
.date { font-size:1.0em; color: #d5d5d5; margin-bottom:20px; }
.links { font-size:1.0em; line-height:1.5em; padding:0px 0px 0px 10px; }

/* Icons */
.twitter  { position:relative; float:left; display:block; background: url(grfx/icon_twitter.jpg) no-repeat 0 -1px;  width:80px; height:26px; padding:10px 0px 0px 45px; font-size:.8em; }
a:hover.twitter { position:relative; float:left; display:block; background: url(grfx/icon_twitter.jpg)  no-repeat 0 -37px;  width:80px; height:26px; padding:10px 0px 0px 45px; }

.facebook  { position:relative; float:left; display:block; background: url(grfx/icon_facebook.jpg) no-repeat 0 -1px; width:80px; height:26px; padding:10px 0px 0px 45px;  font-size:.8em; }
a:hover.facebook { position:relative; float:left; display:block; background: url(grfx/icon_facebook.jpg)  no-repeat 0 -37px;  width:80px; height:26px; padding:10px 0px 0px 45px; }

.myspace  { position:relative; float:left; display:block; background: url(grfx/icon_myspace.jpg) no-repeat 0 -1px;  width:80px; height:26px; padding:10px 0px 0px 45px;  font-size:.8em; }
a:hover.myspace  { position:relative; float:left; display:block; background: url(grfx/icon_myspace.jpg) no-repeat 0 -37px;  width:80px; height:26px; padding:10px 0px 0px 45px; }

.linkedin  { position:relative; float:left; display:block; background: url(grfx/icon_linkedin.jpg) no-repeat 0 -1px;  width:80px; height:26px; padding:10px 0px 0px 45px;  font-size:.8em; }
 a:hover.linkedin { position:relative; float:left; display:block; background: url(grfx/icon_linkedin.jpg) no-repeat 0 -37px;  width:80px; height:26px; padding:10px 0px 0px 45px; }

/* Wordpress  */

.entry {padding-top:15px; }
.post { padding: 0px 0px 80px 0px; }
.post p { padding:10px 10px 10px 0px; }
.post img { padding: 0px 0px 10px 0px;}s
#respond {padding: 0px 0px 50px 0px; font-size:1em; }
.navigation { display: block; text-align: left; margin-top: 10px; margin-bottom: 60px; }

.alignleft { float:left; }
.alignright { float:right; }
.more-link { background:url(grfx/rectangle.gif) left no-repeat; padding:2px 0px 0px 10px; color: #fb8100; font-size:1.3em; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
a.more-link:hover { color: #d5d5d5; }

.next { float: right; width:95px; text-align:right; }
.previous { float: left; width:95px; }

.related { width: 100%; border: #ECECEC 1px solid; margin: 20px 0px 0px 0px; font-size:1.2em; clear:both; }
.related-full { position:relative; display:block;  padding:12px; background-color:#fafafa; border-top: #ECECEC 1px solid; }
.related-left { position:relative; display:block; float:left; width:380px; padding: 12px; }
.related-right { text-align:right; position:relative; display:block; float:right; width:140px; padding: 12px;}

.size-medium.alignleft, .size-thumbnail.alignleft { padding:10px 20px 10px 0px; vertical-align:top; }
.size-medium.alignright, .size-thumbnail.alignleft { padding:10px 0px 10px 10px; }
.size-thumbnail.alignnone { padding:15px; }

/* Comments */

.alt { margin: 0; padding: 10px; }
.commentlist { padding: 0; text-align: justify; font-size: 10px; }
.commentlist li { margin: 0px 0px 10px 0px; padding: 0px 5px 10px 10px; list-style: none; }
.commentlist li ul li { margin-right: -5px; margin-left: 10px; }
.commentlist p { margin: 10px 5px 10px 0; font-size:1em; }
form p { font-size:1em; }
.children { padding: 0; }
#commentform p { margin: 5px 0px 5px 10px; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }
label { font-size: .75em; }
input, textarea { padding:2px; border: #E8E8E8 solid 1px; font-family:Georgia, "Times New Roman", Times, serif; font-size: .9em; }
.submit { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:.9em; text-transform:uppercase; }
cite.fn { font-size:1.2em; }
.commentmetadata { font-size: 0.8em; }

/* Share Icon */
.share_icon { width:20px; height:20px;}