/*
Theme Name: Script Flipper
Theme URI: http://scriptflipper.com
Description: Custom WP theme
Version: 2.0
Author: Michael Ciccarelli
Author URI: http://michaelciccarelli.com
*/

/* Begin Typography & Colors */
a, a:link, a:visited, a:active {color: #999;text-decoration: none;}
a:hover {color: #ccc;}
p,li {line-height:1.6em;}
p {margin: 0 0 1em 0;}
small {font-size: .8em;line-height: 1.5em;}
code, pre {font: 1.1em "Consolas", "Courier New", "Courier", "FreeMono", monospace;color: #000;}
pre {margin: 10px 5px;padding: 0 10px 0 5px;border-left: 3px solid #FFCC00;overflow-x: auto;}
acronym, abbr {color:#555;cursor: help;font-size: .9em;letter-spacing: .07em;}
blockquote {margin: 15px 30px 0 10px;padding-left: 20px;border-left: 3px solid #E5E5E5;}
blockquote cite {margin: 5px 0 0;display: block;}
h2,h3,h4,h5 {font-family: "myriad-pro-condensed-1","myriad-pro-condensed-2",Arial,sans-serif;font-weight: 800;letter-spacing: 0.02em;text-transform: uppercase;}
h2 {font-size:3em;}
h3 {font-size:2em;}
h4 {font-size:1.6em;}
h5 {font-size:1.3em;}
/* End Typography & Colors */

/* Begin Main Elements */
body {
	background-color:#f3f3f4;
	color: #666666;
	font: 12px/20px Georgia,"Times New Roman",Times,serif;
}

.container_12 {
	margin: 10px;
	background: #fff;
}

.trans95 {
	background:url("images/trans_95.png") repeat;
}
.trans85 {
	background:url("images/trans_85.png") repeat;
}
.trans75 {
	background:url("images/trans_75.png") repeat;
}
.trans65 {
	background:url("images/trans_65.png") repeat;
}
.trans50 {
	background:url("images/trans_50.png") repeat;
}


#header {
	position: fixed;
	height: 60px;
    left: 0;
	top: 120px;
	border-left: 10px solid #666666;
}

#header p.tagline {
	margin-bottom: 0;
	padding-top: 24px;
	color: #999;
	font: 11px georgia, Verdana, sans-serif;
	font-style:italic;
}

#header p.contactInfo {
	margin-bottom: 0;
	font: 11px georgia, Verdana, sans-serif;
	font-style:italic;
}

#header h1#logo {
	text-indent:-999px;
	z-index:300;
	height: 31px;
	padding-top:15px;
}

#header h1#logo a {
	background:url("images/logo.png") no-repeat center left;
	display:block;
	height:31px;
}

#content {
	padding-top: 240px;
}
#leftCol {
	padding-right: 10px;
}
#footer {
	padding-top: 30px;
	padding-bottom: 10px;
	font: 11px georgia, Verdana, sans-serif;
	font-style:italic;
}

#footer p {
	margin-bottom: 0;
	margin-top: 4px;
}

#footer ul {
	text-align: right;
}

#footer ul li {
	display: inline;
	padding: 0 10px;
	border-right: 1px solid #eee;
}

#footer ul li.last {
	border-right: none;
}

a.navTop {
	position: fixed;
	bottom: 10px;
	right: 10px;
	font: 11px georgia, Verdana, sans-serif;
	font-style:italic;
}

/* Home Page */
.post {
	margin-bottom: 30px;
	border-bottom: 1px solid #eee;
	padding-bottom: 30px;
}
.post .postTitle {
	padding-bottom: 30px;
	line-height: 1em;
}
.post .postEntry {
	padding-top: 30px;
}
.post .postMeta {
	font: 11px georgia, Verdana, sans-serif;
	font-style:italic;	
}

/* about page */
.about .socialnetwork{margin-top: 5px;}
.about .socialnetworks li {height: 16px;margin-bottom: 10px;}
.about .socialnetworks li.twitter {background: url("images/twitter.png") no-repeat;padding-left: 25px;}
.about .socialnetworks li.facebook {background: url("images/facebook.png") no-repeat;padding-left: 25px;}
.about .socialnetworks li.linkedin {background: url("images/linkedin.png") no-repeat;padding-left: 25px;}
.about .socialnetworks li.flickr {background: url("images/flickr.png") no-repeat;padding-left: 25px;}
.about .socialnetworks li.lastfm {background: url("images/lastfm.png") no-repeat;padding-left: 25px;}
.about .socialnetworks li.delicious {background: url("images/delicious.png") no-repeat;padding-left: 25px;}
.about .socialnetworks li.digg {background: url("images/digg.png") no-repeat;padding-left: 25px;}


/* Sidebar */
.widget {
	font: 11px georgia, Verdana, sans-serif;
	font-style:italic;
	margin-bottom: 10px;}
.widget h4 {margin-bottom: 5px;}
.widget p {
	margin-bottom: 0;
}
/* End Sidebar */

/* Begin Images */
p img {padding: 3px;max-width: 100%;background: #fff;border: 1px solid #e5e5e5;}
a img {border: none;}
img.aligncenter {display: block;margin: 0 auto 10px auto;}
img.alignright {padding: 4px;margin: 0 0 0 10px;display: inline;float: right;}
img.alignleft {padding: 4px;margin: 0 10px 0 0;display: inline;float: left;}
img.wp-caption {font: 11px georgia, Verdana, sans-serif;font-style:italic;background: #fff;padding-top: 5px;color: #999;}
/* End Images */

/* Begin Lists */
ul,li {list-style: none;margin: 0;padding: 0;}
.entry ul {margin:10px;padding:0px;list-style:none;}
.entry ul li{background: url(images/bullet-off.png) no-repeat -5px 4px;padding-left:15px;margin: 1px 0;}
.entry ul li:hover{background: url(images/bullet-on.png) no-repeat -5px 4px;padding-left:15px;}
ul.check li {background: url(images/check.png) no-repeat;padding-left:20px;}
ul.check li.nocheck {background: none;padding-left:20px;}
ul.lined {margin: 0 0 10px 0px;padding:0;list-style-type: none;border-bottom: 1px solid #E5E5E5;}
ul.lined li {margin: 0;border-top: 1px solid #e5e5e5;}
ul.lined li a {padding:5px;display: block;font-size: .9em;color: #666;}
ul.lined li a:hover {color: #999;text-decoration: none;}
ul.lined li a img {margin-right: 10px;vertical-align: -3px;}
/* End Entry Lists */

/* Begin Various Tags & Classes */
.center {text-align: center;margin-left: auto;margin-right: auto;}
.floatRight {float: right;text-align: right;}
.floatLeft {float: left;text-align: left;}
/* End Various Tags & Classes*/


/* Begin Comments */
.comments {padding-top: 30px;border-top: 1px solid #E5E5E5;}
h3.responses {margin-bottom: 30px;}
.commentMeta {font-style: italic;font-size: .9em;color: #777;}
.comment {padding: 30px 0;border-top: 1px solid #e5e5e5;}
img.avatar {float: right;padding: 3px;background: #E9E9E9;}
.commentFieldset {padding: 30px 0;}
#commentForm input, #commentForm textarea {border:1px solid #e5e5e5;background: #e9e9e9;color:#333;}
#commentForm input {width: 210px;padding: 5px;}
#commentForm textarea {width: 508px;;padding: 5px;}
#commentForm #submit {margin: 0;float: left;background: #333;color: #FFF;width: 50px;}
/* End Comments */

/* Begin Contact Form */
.contact .form .cform {margin: 10px 0;	width: 100%;}
.contact .form .cform label {width:200px;margin:0px 10px 2px 0;text-align:left;font-size: 18px;font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;font-style:normal;display:block;color:#333;padding:2px;}
.contact .form .cform input,.cform textarea,.cform select {width:94%;margin:0 0 5px 0;padding: 10px;font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;font-size:1.2em;font-weight:normal;background: #e9e9e9;border: 1px solid #e5e5e5;vertical-align:top;color:#333;}
.contact .form .cform input.backbutton,.contact .form .cform input.resetbutton,.contact .form .cform input.sendbutton	{width:100%;padding:5px;margin: 20px 0px;font-size:1.4em;background: #e9e9e9;border: 1px solid #E5E5E5;}
/* End Contact Form */


/* Begin Contact Form */
.gform_body input {width:438px;margin:0 0 5px 0;padding: 10px;font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;font-size:1.2em;font-weight:normal;background: #FFF;border: 1px solid #e5e5e5;vertical-align:top;color:#111;}
.gform_body textarea {width:438px;margin:0 0 5px 0;padding: 10px;font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;font-size:1.2em;font-weight:normal;background: #fff;border: 1px solid #e5e5e5;vertical-align:top;color:#111;}
.gform_body .reason,.gform_body .captcha {margin-bottom: 10px;}
.contact .form .cform {margin: 10px 0;	width: 100%;}
.contact .form .cform label {width:200px;margin:0px 10px 2px 0;text-align:left;font-size: 18px;font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;font-style:normal;display:block;color:#111;padding:2px;}
.contact .form .cform input,.cform textarea,.cform select {width:94%;margin:0 0 5px 0;padding: 10px;font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;font-size:1.2em;font-weight:normal;background: #E5E5E5;border: 1px solid #D9D9D9;vertical-align:top;color:#111;}
.contact .form .cform input.backbutton,.contact .form .cform input.resetbutton,.contact .form .cform input.sendbutton	{width:100%;padding:5px;margin: 20px 0px;font-size:1.4em;background: #4a720a;border: 1px solid #222;}
/* End Contact Form */