/*
Theme Name: StepUp
Theme URL: http://stepupcommunications.com
Description: Based on the totally nude Wordpress theme <a href="http://elliotjaystocks.com">"Starkers" by Elliott Jay Stocks</a>, which was in turn based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>)
Version: 2 (WP2.6.2)
Author: Sigrid Albert
Author URI: http://www.stepupcommunications.com
Tags: contemporary, modern, clean
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";


/* START: TEXT STYLES */

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:1.7;
	color:#666;
	}
	/* color:#f68b1f; */
#contentFrame a, #contentFrame a:visited, #sideBar a, #sideBar a:visited, #footer a, #footer a:visited {
	color:#f68b1f;
	text-decoration:none;
	}

a, a:visited {
	color:#f68b1f;
	text-decoration:none;
	}
	
a:active, #contentFrame a:hover, #sideBar a:hover, #footer a:hover {
	text-decoration:underline;
	}

a:hover {
	text-decoration:underline;
	}	
	
p { margin:0;
	padding:0 0 10px 0;
	}
	
h1 {
	padding:0;
	margin:0;
	line-height:1;
	font-size:150%;
	color:#999;
	font-weight:normal;
	text-transform:lowercase;
	}
	
h2,h3,h4,h5,h6,h7{
	padding:0;
	margin:0;
	line-height:1.8;
	font-size:100%;
	}
	
ul {
	margin:0 0 0 0;
	padding:0;
	list-style:none outside;
	}
	
ul li {
	background: url(../../../../%7EIMAGES/bullet.gif) no-repeat 0 4px;
	margin:0;
	padding:0 0 6px 10px;
	}
	
.contentBoxRight li {
	background:none;
	padding:0 0 6px 0;
	}
	
.contentBoxRight li a {
	background: url(../../../../%7EIMAGES/bullet.gif) no-repeat 0 4px;
	padding:0 0 0 10px;
	display:block;
	}
.contentBoxRight a:hover, .contentBoxRight li.currentPage a {
	background: url(../../../../%7EIMAGES/bullet_on.gif) no-repeat 0 4px;
	}
		
p.quotesource {
	margin:-20px 0 18px 31px;
	padding:0;
	}
	
.orangeText {
	color:#f68b1f;
	}
	
.greylink {
	color:#666;
	}
	
.lightGrey {
	color: #ccc;
	}
	
.errorText {
	color:#8B0000;
	text-align:center;
	}
	
input {
	font-size:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
input.textField {
	width:315px;
	padding:7px;
	border:1px solid #999;
	color:#999;
	}
	
input.normalField {
	width:315px;
	padding:4px 7px;
	border:1px solid #999;
	color:#999;
	margin-bottom:4px;
	}
	
textarea {
	width:315px;
	height:70px;
	font-size:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:7px;
	border:1px solid #999;
	color:#999;
	}
	
	
.smalltext {font-size:75%;}
	
.largetext {font-size:125%;}
	
.size8 {font-size:8px;}
	
.size9 {font-size:9px;}
	
.size10 {font-size:10px;}
.size11 {font-size:11px;}
.size12 {font-size:12px;}
.size13 {font-size:13px;}
.size14 {font-size:14px;}

/* END: TEXT STYLES */




/* START: DEFAULT */


body {
	border:0;
	padding:0;
	margin:0;
	}
	
body#stepUp {
	background:#999;
	}
	
#bodyFrame {
	margin:0 auto;
	width:770px;
	background:#fff;
	}
	
#banner {
	float:left;
	width:770px;
	}
	
/* END: DEFAULT */	
	
	
	
	
/* START: HEADER */
#logoBox {
	float:left;
	width:162px;
	}
	
#navFrame {
	float:left;
	width:608px;
	background:#f68b1f;
	height:44px;
	margin-bottom:15px;
	}
	
#navMain {
	float:left;
	width:528px;
	}
	
#navLogin {
	float:right;
	width:80px;
	}	
#navFrame ul {
	list-style:none outside;
	padding:0;
	margin:21px 0 0 0;
	}
	
#navFrame li {
	border-left:1px solid #fff;
	margin:0;
	padding:0 0 0 0;
	height:23px;
	float:left;
	background:none;
	}
	
#navFrame a {
	color:#333;
	font-weight:bold;
	font-size:77%;
	padding:0 14px 0 6px;
	text-transform:lowercase;
	}
	
#navLogin a {
	padding:0 0 0 6px;
	}
	
#navFrame li.currentPage a {
	font-weight:bold;
	color:#fff;
	}
	

#navFrame a:hover {
	color: #fff;
	text-decoration:none;
	}
	
/* END: TOP NAV */


/* START: SIDE NAV */

ul#sideNav {
	margin:0 0 0 0;
	padding:0;
	list-style:none outside;
	width:130px;
	}
	
ul#sideNav li {
	margin:0 0 6px 0;
	padding:0;
	background:none;
	}
	
ul#sideNav a, ul#sideNav a:visited {
	color:#666;
	background: url(../../../../%7EIMAGES/bullet.gif) no-repeat 0 4px;
	padding:0 0 0 10px;
	vertical-align:top;
	display:block;
	width:119px;
	margin:0;
	}
	
ul#sideNav li.currentPage a, ul#sideNav li.currentPage a:visited {
	color:#f68b1f;
	font-weight:bold;
	background-image: url(../../../../%7EIMAGES/bullet_on.gif);
	}
	
ul#sideNav a:hover {
	text-decoration:none;
	background-image: url(../../../../%7EIMAGES/bullet_on.gif);
	color: #f68b1f;
	}


/* START: Main Content */

#contentFrame {
	float:right;
	width:608px;
	background: url(../../../../%7EIMAGES/bg_border.gif) repeat-y left top;
	margin-bottom:10px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width:607px;
	}
	html>body #contentFrame {width: 607px;height:auto;}

.contentBox {
	float:left;
	padding:30px 100px 25px 18px;
	width:598px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width:480px;
	
	}
	html>body .contentBox {width: 480px; height:auto;}

#titleFrame {
	float:right;
	width:607px;
	background: #fff url(../../../../%7EIMAGES/bg_border.gif) no-repeat 0 6px;
	padding:0;
	vertical-align:top;
	}
	
#titleFrame h1 {
	padding:0 0 0 18px;
	margin:0 0 1px 0;
	line-height:1.2;
	}

.contentBoxLeft {
	float:left;
	width:380px;
	margin:15px 0 0 0;
	padding:0 30px 25px 18px;
	font-size:95%;
	line-height:1.4;
	voice-family: "\"}\"";
	voice-family: inherit;
	
	}
	html>body .contentBoxLeft {width: 370px;}

.post h2 {
	padding:0;
	margin:0;
	line-height:1.3;
	font-size:140%;
	color:#999;
	font-weight:normal;
	}

.tags { font-size:85%;
	line-height:1.3;
	}
	
.contentBoxRight {
	float:right;
	width:172px;
	margin:15px 0 0 0;
	padding:0 15px 25px 0;
	font-size:75%;
	line-height:1.3;
	voice-family: "\"}\"";
	voice-family: inherit;
	width:157px;
	
	}
	html>body .contentBoxRight {width: 157px;}
	
#contentFrame .contentBoxRight a, #contentFrame .contentBoxRight a:visited {
	color:#666;
	}
	
#contentFrame .contentBoxRight a:hover, #contentFrame .contentBoxRight li.currentPage a {
	color:#f68b1f;
	text-decoration:none;
	}
	
#contentFrame .contentBoxRight li.currentPage a {
	font-weight:bold;
	} 
	
.contentBoxRight p {
	padding-bottom:10px;
	}
	
#sideBar {
	float:left;
	width:161px;
	padding:0 0 25px 0;
	font-size:75%;
	line-height:1.3;
	}
	
#sideBar.sideHome {
	margin:15px 0 25px 0;
	}
	
.sidebarLeft {
	margin:15px 10px 0 12px;
	color:#666;
	}
	
.newsBar {
	padding:15px 0;
	color:#666;
	}
	
	
/* START: PORTFOLIO NAV */
#navPortfolio {
	float:left;
	width:45px;
	padding:0 0;
	margin:15px 0 0 0;
	}
	
#navPortfolio ul {
	list-style:none outside;
	margin:0;
	padding:0;
	}
	
#navPortfolio li {
	padding:0 0 3px 0;
	margin:0;
	text-align:right;
	background:none;
	text-decoration: none;
	}
	
.portfolio_arrow {
	float:right;
	width:5px;
	}
	
#navPortfolio a {
	height:17px;
	width:43px;
	display:block;
	text-decoration:none;
	}
	
a#portfolioLink1 {
	background: url(../../../../%7EIMAGES/nav_portfolio_1.gif) no-repeat right top;
}
a#portfolioLink1:hover {
	background: url(../../../../%7EIMAGES/nav_portfolio_1-over.gif) no-repeat right top;
	text-decoration:none;
}
li.currentPage a#portfolioLink1, li.currentPage a#portfolioLink1:hover {
	background: url(../../../../%7EIMAGES/nav_portfolio_1-on.gif) no-repeat right top;
	text-decoration:none;
}

a#portfolioLink2 {
	background: url(../../../../%7EIMAGES/nav_portfolio_2.gif) no-repeat right top;
}
a#portfolioLink2:hover {
	background: url(../../../../%7EIMAGES/nav_portfolio_2-over.gif) no-repeat right top;
	text-decoration:none;
}
li.currentPage a#portfolioLink2, li.currentPage a#portfolioLink2:hover {
	background: url(../../../../%7EIMAGES/nav_portfolio_2-on.gif) no-repeat right top;
	text-decoration:none;
}

a#portfolioLink3 {
	background: url(../../../../%7EIMAGES/nav_portfolio_3.gif) no-repeat right top;
}
a#portfolioLink3:hover {
	background: url(../../../../%7EIMAGES/nav_portfolio_3-over.gif) no-repeat right top;
	text-decoration:none;
}
li.currentPage a#portfolioLink3, li.currentPage a#portfolioLink3:hover {
	background: url(../../../../%7EIMAGES/nav_portfolio_3-on.gif) no-repeat right top;
	text-decoration:none;
}

a#portfolioLink4 {
	background: url(../../../../%7EIMAGES/nav_portfolio_4.gif) no-repeat right top;
}
a#portfolioLink4:hover {
	background: url(../../../../%7EIMAGES/nav_portfolio_4-over.gif) no-repeat right top;
	text-decoration:none;
}
li.currentPage a#portfolioLink4, li.currentPage a#portfolioLink4:hover {
	background: url(../../../../%7EIMAGES/nav_portfolio_4-on.gif) no-repeat right top;
	text-decoration:none;
}

a#portfolioLink5 {
	background: url(../../../../%7EIMAGES/nav_portfolio_5.gif) no-repeat right top;
}
a#portfolioLink5:hover {
	background: url(../../../../%7EIMAGES/nav_portfolio_5-over.gif) no-repeat right top;
	text-decoration:none;
}
li.currentPage a#portfolioLink5, li.currentPage a#portfolioLink5:hover {
	background: url(../../../../%7EIMAGES/nav_portfolio_5-on.gif) no-repeat right top;
	text-decoration:none;
}

a#portfolioLink6 {
	background: url(../../../../%7EIMAGES/nav_portfolio_6.gif) no-repeat right top;
}
a#portfolioLink6:hover {
	background: url(../../../../%7EIMAGES/nav_portfolio_6-over.gif) no-repeat right top;
	text-decoration:none;
}
li.currentPage a#portfolioLink6, li.currentPage a#portfolioLink6:hover {
	background: url(../../../../%7EIMAGES/nav_portfolio_6-on.gif) no-repeat right top;
	text-decoration:none;
}

a#portfolioLink7 {
	background: url(../../../../%7EIMAGES/nav_portfolio_7.gif) no-repeat right top;
}
a#portfolioLink7:hover {
	background: url(../../../../%7EIMAGES/nav_portfolio_7-over.gif) no-repeat right top;
	text-decoration:none;
}
li.currentPage a#portfolioLink7, li.currentPage a#portfolioLink7:hover {
	background: url(../../../../%7EIMAGES/nav_portfolio_7-on.gif) no-repeat right top;
	text-decoration:none;
}

a#portfolioLink8 {
	background: url(../../../../%7EIMAGES/nav_portfolio_8.gif) no-repeat right top;
}
a#portfolioLink8:hover {
	background: url(../../../../%7EIMAGES/nav_portfolio_8-over.gif) no-repeat right top;
	text-decoration:none;
}
li.currentPage a#portfolioLink8, li.currentPage a#portfolioLink8:hover {
	background: url(../../../../%7EIMAGES/nav_portfolio_8-on.gif) no-repeat right top;
	text-decoration:none;
}

a#portfolioLink9 {
	background: url(../../../../%7EIMAGES/nav_portfolio_9.gif) no-repeat right top;
}
a#portfolioLink9:hover {
	background: url(../../../../%7EIMAGES/nav_portfolio_9-over.gif) no-repeat right top;
}
li.currentPage a#portfolioLink9, li.currentPage a#portfolioLink9:hover {
	background: url(../../../../%7EIMAGES/nav_portfolio_9-on.gif) no-repeat right top;
	text-decoration:none;
}

a#portfolioLink10 {
	background: url(../../../../%7EIMAGES/nav_portfolio_10.gif) no-repeat right top;
}
a#portfolioLink10:hover {
	background: url(../../../../%7EIMAGES/nav_portfolio_10-over.gif) no-repeat right top;
	text-decoration:none;
}
li.currentPage a#portfolioLink10, li.currentPage a#portfolioLink10:hover {
	background: url(../../../../%7EIMAGES/nav_portfolio_10-on.gif) no-repeat right top;
	text-decoration:none;
}

/* END: PORTFOLIO NAV */

/* START: PORTFOLIO */

.portfolioBoxLeft {
	float:left;
	width:350px;
	text-align:center;
	padding:0 0 0 0;
	margin:15px 0 0 0;
	min-height:207px;
	height:207px;
	}
html>body .portfolioBoxLeft {height:auto;}

.portfolioBoxRight {
	float:left;
	width:195px;
	padding:0;
	height:150px;
	font-size:75%;
	line-height:1.3;
	}
	
#portfolioImageBox {
	float:left;
	width:195px;
	padding:0 0 0 0;
	margin:15px 0 0 0;
	height:35px;
	}
	
#portfolioImageBox ul {
	margin:0;
	padding:0;
	list-style:none outside;
	}
	
#portfolioImageBox li {
	padding:0;
	margin:0;
	width:15px;
	float:left;
	text-align:left;
	position:relative;
	background:none;
	}
	
#portfolioImageBox a {
	border:1px solid #999;
	width:10px;
	height:10px;
	line-height:10px;
	text-decoration:none;
	display:block;
	}
	
#portfolioImageBox a:hover, #portfolioImageBox li.currentPage a {
	border:1px solid #F68B1F;
	text-decoration:none;
	}
	
#previousNextBox {
	float:left;
	width:195px;
	font-size:75%;
	}
	
#previousNextBox a {
	color:#666;
	}
	
/* START: FOOTER */
	
#footer {
	background:#ccc;
	height:200px;
	}
	
#footer p {
	margin:0;
	padding:10px;
	font-size:75%;
	line-height:1.4;
	color:#666;
	}
		
/* END: FOOTER */