/*
Theme Name: Stillfire_Studios
Theme URI: http://stillfirestudios.com
Description: 
Version: 1.0
Author: Marc
Author URI:
Tags:

*/

* {
	padding:0;
	margin:0;
}

body {
	font-family: Vegur , verdana, helvetica, sans-serif;
	background-color:white;
	}
a, a:visited, a:link {
	color:#ff6633;
}
.shadow {
	text-shadow:2px 2px 3px #666;
}

a:hover {
	color:#ff3300;	
}

div#aboutcontent {
	width:890px;
	margin:0 auto;
	clear:both;
	background-image:url(images/about_background.gif);
	background-repeat:no-repeat;
	min-height:355px;
	position:relative;
	left:7px;
	top:60px;
}

div#portfoliocontent {
	width:890px;
	margin:0 auto;
	clear:both;
	background-image:url(images/portfolio_boxes.gif);
	background-repeat:no-repeat;
	min-height:355px;
	position:relative;
	left:0px;
	top:60px;
}

div#servicescontent {
	width:890px;
	margin:0 auto;
	clear:both;
	background-image:url(images/services_boxes.gif);
	background-repeat:no-repeat;
	min-height:355px;
	position:relative;
	left:5px;
	top:0px;
	margin-bottom:-80px;
}

div#contactcontent {
	width:890px;
	margin:0 auto;
	clear:both;
	background-image:url(images/about_background.gif);
	background-repeat:no-repeat;
	min-height:355px;
	position:relative;
	left:7px;
	top:-10px;
	z-index:1;
}


div#content {
	margin:0 auto;
	width:850px;
	padding-top:40px;
}

div#header {
	margin:0 auto;
	width:950px;
	height:125px;
	position:relative;
	left:40px;
}

div.intro {
	float:left;
	margin-top:-15px;
	margin-left:0px;
	width:350px;
}

div.aboutcolumns {
	width:250px;
	padding:30px;
	padding-left:0px;
	padding-right:0px;
	margin-left:35px;
	float:left;
}

div.aboutcolumns2 {
	width:530px;
	padding:30px;
	padding-left:0px;
	padding-right:0px;
	margin-left:35px;
	float:left;
}

div.aboutcolumns img {
	float:right;
	margin-top:20px;
}
div#mainlinks {
	width:625px;
	float:right;
	position:relative;
	left:3px;
	

}

div#wordpressfooter {
	width:100%;
	border-top:1px solid #999;
	padding-top:25px;
	background-color:#CCC;
	margin-top:60px;
	color:#333;
	clear:both;
}

.light {
	font-weight:100;
	}

/*MAIN LINK STYLES*/

span.image_one a {
	display:inline;
	float:left;
	width:156px;
	height:69px; 
	position:relative;
	z-index:2;
	top:-60px;
}
 
span.image_one a .rollover {
	display:inline; 
	position:relative;
	float:left;
	top:69px;
	left:0px;
	z-index:2;
	width:156px; 
	height:69px; 
	background:url(images/aboutus_link_hover.gif);
	background-repeat:no-repeat;
	cursor:pointer;	
}

span.image_two a {
	display:inline;
	float:left;
	width:156px;
	height:69px; 
	position:relative;
	z-index:0;
	top:-60px;
	left:-25px;

}
 
span.image_two a .rollover {
	display:inline; 
	position:relative;
	float:left;
	top:69px;
	left:0px;
	z-index:4;
	width:156px; 
	height:69px; 
	background:url(images/blog_link_hover.gif);
	background-repeat:no-repeat;
	cursor: pointer;
}

span.image_three a {
	display:inline;
	float:left;
	width:156px;
	height:69px; 
	position:relative;
	z-index:0;
	top:-60px;
	left:-50px;

}
 
span.image_three a .rollover {
	display:inline; 
	position:relative;
	float:left;
	top:69px;
	left:0px;
	z-index:4;
	width:156px; 
	height:69px; 
	background:url(images/portfolio_link_hover.gif);
	background-repeat:no-repeat;
	cursor: pointer;
}

span.image_four a {
	display:inline;
	float:left;
	width:156px;
	height:69px; 
	position:relative;
	z-index:0;
	top:-60px;
	left:-78px;
	margin-right:-30px;


}
 
span.image_four a .rollover {
	display:inline; 
	position:relative;
	float:left;
	top:69px;
	left:0px;
	z-index:4;
	width:156px; 
	height:69px; 
	background:url(images/contact_link_hover.gif);
	background-repeat:no-repeat;
	cursor: pointer;
	margin-right:-30px;
}

/*IMAGES*/

img.compdisplay {
	float:left;
	margin-left:20px;
}

img {
	border:none;
}

img.logo {
	width:320px;
	float:left;
	margin-left:-7px;
	position:relative;
	z-index:10;
}

img.arrow {
	margin-top:80px;
}

/*FONTS*/

@font-face {  
	  font-family: Vegur ;  
	  src: url('fonts/Vegur-L 0600.otf') format("opentype");  
	}  
.vegur { 
	font-family: Vegur , verdana, helvetica, sans-serif;  
	font-weight:100;
	color:#333;
	} 
	
p.intro {
	width:325px;
	margin-top:25px;
	margin-bottom:10px;
}
p.aboutus {
	margin-top:15px;
	}
.right {
	float:right;
	margin-top:15px;
}

.left {
	float:left;
}

h2.intro {
	margin-top:30px;
}

p.about {
	margin-top:15px;
}
/* Easy Slider */
#prevBtn, #nextBtn{
            margin:0;
            padding:0;
			display:inline;
            overflow:hidden;
            text-indent:-8000px;
            }

	#slider{}
	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		margin:0 auto;
		width:850px;
		height:auto;
		overflow:hidden; 
		}	
												
	#prevBtn a {  
		color:transparent;
		margin-left:-34px;
		float:left;
		display:block;
		width:34px;
		margin-top:-210px;
		height:82px;
		background:url(images/left_arrow.gif) no-repeat 0 0;	
		}	
	#nextBtn a { 
		color:transparent;
		margin-top:-210px;
		float:right;
		display:block;
		margin-right:-34px;
		margin-top:-210px;
		width:34px;
		height:82px;
		background:url(images/right_arrow.gif) no-repeat 0 0;	
		}	
	div#footercontent {
		width:850px;
		margin:0 auto;
		padding-bottom:25px;
		padding-bottom:25px;
	}
	div#footerleft {
		float:left;
		width:570px;
		padding-left:15px;
		margin-bottom:25px;
		
	}
	div#footerright {
		float:right;
		width:265px;
	}
	div#footerleft h2.widgettitle {
		font-size:100%;
		font-weight:100;
		color:#666;
		
	}
	div#footerright h2.widgettitle {
		font-size:100%;	
		font-weight:100;
	}
	ul.tddrecentposts li {
		list-style:none;
		margin-top:15px;
	}
	
	ul.tddrecentposts a, ul.tddrecentposts a:link, ul.tddrecentposts a:visited {
		color:#333;
		margin-left:-30px;
		border-left:15px solid #999;
		padding-left:15px;
		font-family:Verdana, Geneva, sans-serif;
		font-weight:bold;
		font-size:115%;
		text-decoration:none;
	}
	
	ul.tddrecentposts a:hover {
		border-left:15px solid #666;
		
		
	}
	
	div#footerright h2.widgettitle a, div#footerright h2.widgettitle a:visited, div#footerright h2.widgettitle a:link {
		color:#333;
		text-decoration:none;
		font-size:100%;
		font-weight:100;
	}
	div#footerright li a {
		color:#333;
		text-decoration:underline;
	}
	div#footerright li {
		list-style:none;
		margin-top:18px;
	}
	
#blogright {
	width:225px;
	float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:85%;
}

#blogleft {
		float:left;
		width:570px;
		padding-left:15px;
		margin-bottom:25px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:85%;
		
}

.post small {
	margin-left: 15px;
	}
	
.post blockquote {
	margin:15px 15px 15px ;
	padding-left:15px;
	border-left:1px solid #999999;
	background-color:#eeeeee;
	}
	
.entry p {
	margin-top:15px;
}

.postmetadata {
margin-top:20px;
border-top:1px solid #ccc;
padding-top:15px;
border-bottom:1px solid #ccc;
margin-bottom:20px;
padding-bottom:15px;
}

h2.sideheader {
	color:#999999;
}
#blogright ul {
list-style:none;
margin-bottom:15px;
}

#blogright div {
	margin-bottom:15px;
	}
	
img.flickr_photo {
	margin:15px;
	border:2px solid #ccc;
}

img.ducky {
	margin-left:-30px;
}
img.webPort {
	margin-left:0px;
}
img.contact_main {
	margin:0 auto;
	margin-top:-40px;
	position:relative;
	z-index:2;
}
img.about_main {
	margin:0 auto;
	margin-top:-30px;
	position:relative;
	z-index:2;
}
div.contact_content {
	text-align:center;
	margin:0 auto;
	
}
div#contactform {
	width:520px;
	float:left;
	margin-top:30px;
	margin-left:40px;
	background-image:url(images/contact_bg.gif);
	background-repeat:repeat;
	margin-bottom:30px;
}
div#formtop {
	width:520px;
	background-image:url(images/contactForm_top.gif);
	background-repeat:none;
	height:11px;
}
div#formbottom {
	width:520px;
	background-image:url(images/contactForm_bottom.gif);
	background-repeat:none;
	height:11px;
	clear:both;
	
}
div#contactform_content {
	padding:10px 20px 0px 20px;
	padding-right:30px;
}

.center {
	text-align:center;
	}
.port_categories {
	width:400px; 
	padding:5px; 
	float:left;
	margin-top:36px;
	margin-left:22px;
}

.servport_categories {
	width:390px; 
	padding:5px;
	padding-left:20px;
	float:left;
	margin-top:15px;
	margin-left:22px;
}

.servport_categories h2 {
	margin-bottom:15px;
	
	}
	
.servport_categories p {
	margin-left:20px;
	
	}
	
.servport_categories p.indentp {
	margin-left:40px;
	
	}
	
.servport_categories p.packlink {
	margin-top:25px;
	
	}
	
.port_blurb {
	position:relative; 
	left:220px; 
	top:50px;
}

/*CONTACT FORM STYLE*/
p.label {
	float:left;
	clear:both;
	margin-top:5px;
	margin-bottom:5px;
	
}
p.input {
	float:right;
	width:325px;
	clear:right;
	font-family: Vegur , verdana, helvetica, sans-serif;
	}
p.captchahelp {
	float:right;
	clear:right;
	font-family: Vegur , verdana, helvetica, sans-serif;
	color:#666666;
	margin-bottom:10px;
	}
p.input input {
	width:325px;
	background-color:white;
	padding:5px;
	border:1px solid #ccc;
	font-family: Vegur , verdana, helvetica, sans-serif;
	font-size:100%;
	margin-bottom:10px;
	}
p.input select {
	width:337px;
	background-color:white;
	padding:5px;
	border:1px solid #ccc;
	margin-bottom:7px;
	font-family: Vegur , verdana, helvetica, sans-serif;
	font-size:100%;
		margin-bottom:10px;
	}
p.input option {
	padding-left:5px;
	padding-right:5px;
}
p.submit {
	float:right;
	clear:both;
	}
p.submit input {
	width: 100px;
	padding:5px;
	background-color:transparent;
	font-family: Vegur , verdana, helvetica, sans-serif;
	border:1px solid #ccc;
	font-weight:bold;
	font-size:100%;
	color:#666666;
	cursor:pointer;
	margin-bottom:10px;
}

p.capthca {
	float:left;
	clear:both;
	margin-top:6px;
	}
p.input textarea {
	width:325px;
	background-color:white;
	padding:5px;
	border:1px solid #ccc;
	margin-bottom:7px;
	font-family: Vegur , verdana, helvetica, sans-serif;
	font-size:100%;
	height:150px;
	}
.wpcf7-validation-errors {
	clear:both;
	font-family: Vegur , verdana, helvetica, sans-serif;
	font-size:100%;
	color:#FF3300;
	
}
.wpcf7-not-valid-tip-no-ajax {
	font-family: Vegur , verdana, helvetica, sans-serif;
	font-size:80%;
	color:#FF3300;
	float:right;
	margin-bottom:5px;
}
.wpcf7-response-output {
	clear:both;
	color:#FF3300;
	font-weight:bold;
	}