/* 
Theme Name: BAMF Portfolio
Theme URI: http://www.petersdigitalworld.com/
Description: My Personal Portfolio/Blog Theme
Author: Peter DeMartini
Author URI: http://www.petersdigitalworld.com/
Tags: Sick, Bad Ass, Portfolio, Blog, Awesomeness
Version: Beta 2.0


*/
/* 
Color Guide: 

#12fdd3=pale green
#121819= Dark blackish color (background)
#a9e2ac=Pale green for Shadow in navigation
#12171d=darkish blue/black for news section
#00f0d0=Bright pale green for news section links and links for creations and links on creations page
#676767=Gray for the subtitle effect
#e6e6e6=light gray for creations img
#fff=white
#00fffc=light blue
#00e583=green used on contact page
#496FAD=dark blue for links on about me page

*/

body {
	z-index: 1;
	background: url(images/bg.jpg) repeat-x #121819;
	color: black;
	font-family: Helvetica;
	zoom: 1;
}

a {
	text-decoration: none;
	color: black;
	cursor: pointer;
}

p {

}


h1 {
	font-size: 22px;
}

strong {
	clear: both;
	color: white;
}


.container {

}

.island {
	width: 980px;
	margin-left: auto;
	margin-bottom: 0px;
	margin-right: auto;
	margin-top: 0px;
	padding-left: 50px;
	padding-right: 50px;
}

.header {
	width: 100%;
	height: 80px;
	margin-top: 38px;

}

#name {
  background: url(images/name2.png) no-repeat;
  width: 493px;
  height: 67px;
  margin-left: 10px;
}


.none {

}


.title {
	margin-bottom: 20px;
	margin-top: 20px;
	margin-left: 7px;
}

.single {
	margin-top: 50px;
	margin-bottom: 50px;
}


.left {

}

.right {
	float: right;

}

.clear {

}

/* navigation */

#nav {

}

#nav ul {
	text-shadow: 1px 1px #a9e2ac;
	position: relative;
	top: -30px;
	width:500px;
	height: 20px;
	font-size: 20px;
	display: inline;
	margin-left: 20px;
}

#nav ul a:hover{
	text-decoration: underline;
}

#nav li {
	list-style: none;
	display: inline;
	padding-left: 10px;
}

/*news section on home page */

#news {
	/*background: url(images/newsbg.png) repeat-x;*/
	background-color: #12171d;
	/* for IE */
  	filter:alpha(opacity=90);
  	/* CSS3 standard */
  	opacity:0.9;
	border: solid 1px black;
	color: white;
	padding: 10px 15px 15px 15px;
}

#news em {
	font-style: italic;
}

#news a{
	color: #00f0d0;
	text-decoration: underline; 
}

.blogpost {
	/*background: url(images/newsbg.png) repeat-x;*/
	background-color: #12171d;
	/* for IE */
  	filter:alpha(opacity=90);
  	/* CSS3 standard */
  	opacity:0.9;
	border: solid 1px black;
	color: white;
	padding: 10px 15px 15px 15px;
}

.blogpic {
	border: white dashed 1px;
	padding: 5px 5px 0px 5px;
	display: block;
	float: left;
	margin-right: 30px;
}

.blogsum {
	width: 850px;
	float right;
	display: block;
	clear: none;
	padding: 15px 15px 0px 15px;
}

.blogpost a {
	color: #00f0d0;
}

.blogpost h2 {
	font-size: 20px;
	line-height: 15px;
	margin-top: 10px;
	border-bottom: 1px white dashed;
	margin-left: 162px;
}

.blogdate {
	position: relative;
	top:-30px;
	text-align: right;
	padding-right: 25px;
	color: #00fffc;
}

.blogsum p {
	text-indent: 25px;
}

/* slogan on main page */

#slogan {
	background: url(images/slogan-blue.png) no-repeat;
	width: 937px;
	height: 135px;
	margin-top: 50px;
	margin-left: auto;
	margin-bottom: 30px;
	margin-right: auto;

}

#slogan span {
	position: relative;
	top: 100px;
	left: 800px;
	color: gray;
	font-size: 13px;
}
#slogan a {
	color: #676767;
}
/* creations */
/* main div */
.creations2 {
	height: 595px;
	overflow: hidden;
}
/*surronding div for the individual creations */
#creations {
	margin: auto;
}
/* individual creations */
.creations {
	width: 980px;
	padding: auto;
	
}

.creation {
	background: url(images/creationsbg.png) repeat-x;
	position: relative;
	padding: 8px;
	margin: 20px;
	margin-left: 33px;
	width: 416px;
	float: right;
}

.creation img {
	border-style: solid;
	border-color: black;
	border-width: 1px;
	width: 416px;

}

.creation img:hover {
	border-style: solid;
	border-color: gray;
	border-width: 1px;

}

#creationtip { 
    padding-bottom: 5px; 
    padding-top: 0px; 
    padding-left: 5px; 
    text-shadow: 1px 1px black;
	display: none;
    background: url(images/tooltipbg.png) repeat-x; 
    font-size: 19px;
    border: 2px white solid;
    height:25px; 
    width:414px; 
    color: #00f0d0;    
}

#megallery {
	margin: auto;
	width: 664px;
	height: 58px;
	clear: both;
	margin-bottom: 20px;
}

/* Blog Page */
.single {
	color: #e6e6e6;
}
.single h1{
	font-weight: bold;
	color: #00fffc;
	margin-top: 30px;
	margin-bottom: 10px;
	font-family: Century Gothic, sans-serif;
	border-bottom: 1px dashed white;
}

.single p {
	text-indent: 25px;
	clear: both;
}

.single img {
	border-color: #e6e6e6;
	border-style: solid;
	border-width: 3px;
	margin: 8px;
}

.blogpagetitle {
	border: white dashed 2px;
	font-size: 30px;
	color: #00f0d0;
	padding: 10px;
	margin-bottom: 15px;
	
}

#aboutpost {
	color:#00fffc;
	text-align: right;
	position: relative;
	margin-top:-75px;
	padding: 15px;
}


/* Creations Page */
.creationsingle {
	color: #e6e6e6;
}
.creationsingle h1{
	font-weight: bold;
	color: #00fffc;
	margin-top: 30px;
	margin-bottom: 10px;
	font-family: Century Gothic, sans-serif;
	border-bottom: 1px dashed white;
}

.creationsingle p {
	width: 700px;
	text-indent: 0px;
}

.creationsingle img {
	border-color: #e6e6e6;
	border-style: solid;
	border-width: 3px;
	margin: 0px;
}

.pagetitle {
	width: 400px;
	padding-left: 15px;
	background-image: url(images/titlebg.png);
	font-size: 30px;
	color: #353535;
	text-shadow: white 1px 1px;
}



/* link for download in creations page */

#download{
	background: url(images/downloadview.png) no-repeat 0 0px;
	width: 174px;
	height: 49px;
	margin: 15px 0px 15px 5px;
	display: block;
}

#download:hover {
	background: url(images/downloadview.png) no-repeat 0px -49px;
	width: 174px;
	height: 49px;
}

#liveview{
	background: url(images/downloadview.png) no-repeat -174px 0px;
	width: 174px;
	height: 49px;
	margin: 15px 0px 15px 5px;
	display: block;
}

#liveview:hover {
	background: url(images/downloadview.png) no-repeat -173px -49px;
	width: 174px;
	height: 49px;
}

#border {
	border-width: 1px;
	border-color: black;
}
/* about text on home page */
#about {
	clear: both;
}

#abouttext {
	color: #12fdd3;
	width: 980px;
	font-family: Verdana;
	margin-bottom: 30px;
	margin-left: 9px;
	padding-right: 9px;

}

#abouttext p{
	text-indent: 35px;
}

/* contact page */

.contact {
	clear: both;
}

.contact fieldset {
	border: none;
	float: left;
}


#contactinfo {
	font-size: 18px;
	text-shadow: 1px 1px black;
	/*background: url(images/contactbg.png) no-repeat;
	width: 682px;
	height: 239px;*/
	width:515px;
	height: 140px;
	margin: auto;
	/*padding-left: 40px;
	padding-top: 65px;*/
	padding: 25px;
	color: #fff;
	border: dashed white 2px;
}

#contactinfo b {
	color: #12fdd3;
}

#contactinfo a {
	text-decoration: underline;
	color: #00e583;
}

/* Service Page */

#prices {
	border: dashed 2px white;
	width: 100%;
	padding: 10px;
	color: white;
}

#prices p {
	font-size: 13px;
}

.services {
	background: url(images/servicesbg.png)  no-repeat;
	width:865px;
	height: 460px;
	margin-left: 40px;
	padding: 36px;
	
	
}

.servlist {

}

.servlist li  {
	text-shadow: 3px 3px black;
	color: #12fdd3;
	height: 60px;
	font-size: 28px;
	padding-left: 50px;
	background: url(images/check.png) no-repeat;
	list-style: none;
}

.servlist h1 {
	text-shadow: 3px 3px black;
	color: #00fffc;
	font-size: 36px;
	margin-bottom: 25px;
}

#serv1 {
	float:left;
	width: 418px;
	height: 475px;
	
	
}

#serv2 {
	float:left;
	width: 400px;
	height: 475px;
	
}

/* about me page */

.aboutpage {
	background: url(images/aboutbg.png) no-repeat 0 172px;
	width:1050px;
	margin: auto;
	margin-top: 50px;
	height: 800px;
}



#aboutsum {
	background: url(images/aboutme-sum.png) no-repeat;
	width: 853px;
	height: 241px;
	padding: 15px 0px 20px 20px;
	margin-left:70px;
}

#aboutsum p {
	width: 550px;
	font-size: 14px;
	text-indent: 29px;
	margin: 0px 0px 20px 19px;
}

.aboutinfo {
	background: url(images/aboutmebg2.png) no-repeat;
	width: 853px;
	height: 285px; 
	padding-left:5px;
	padding-right: 20px;
	padding-top: 20px;
	margin-left: 70px;
}

/* about slogan on about me page */

.aboutslogan {
	background: url(images/aboutmebg2.png) no-repeat;
	width: 853px;
	height: 264px;
	padding-top: 20px;
	margin-left: 70px;
	padding: 10px 0px 20px 20px;
	font-size: 12px;
}

.aboutslogan dl {
	padding-left:19px;
}

.aboutslogan dt {
	font-size:14px;
	font-weight: bold;
}

.aboutslogan dd {
	width:800px;
}

/* about me page Columns */
.ab {
	width: 230px;
	float: left;
	height: 220px;
	padding-right: 30px;
	padding-left: 30px;
	border-left: black dashed 1px;
	display: block;
}

.ab a{
	text-decoration: underline;
	color: #496FAD; 
}

/* unneeded about me stuff 

.aboutpagetxt {
	text-shadow: 1px 1px #cdcdcd;
	font-size: 14px;
	width: 800px;
	clear: both;
	margin-left: 50px; 
	margin-top: 500px
}

.aboutpagetxt a {
	text-shadow: 1px 1px #565656;
	color: #00fffc;
	text-decoration: underline;
}

.aboutpagetxt a:hover {

}

#profile {
	background: url(images/profilepic.png) no-repeat;
	width: 389px;
	height: 304px;
	margin-left: 20px;
	float: left;
}

#helloabout {
	background: url(images/Helloabout.png) no-repeat;
	width: 592px;
	height: 184px;
	float: left;
	margin-top: 60px;
}

*/

/* Contact Form */


#col1 {
	width: 375px;
	margin-top: 10px;
	margin-left: 9px;
	float: left;
}

#col2 {
	width: 430px;
	height: 175px;
	float: left;
	position: relative;
	left: -20px;
}

#col3 {
	margin-left: 0px;
	width: 165px;
	float: left;
	margin-top: 5px;
}


.form1 {
	padding-left: 10px;
	padding-bottom: 25px;
	padding-right: 17px;
	padding-top: 12px;
	background: url(images/formbox1.png) no-repeat;
	height: 45px;
	margin-bottom: 25px;

}

#form2 {
	padding-left: 10px;
	padding-bottom: 150px;
	padding-right: 17px;
	padding-top: 5px;
	background: url(images/formbox2.png) no-repeat;
	height: 15px;
	width: 400px;
	margin-bottom: 15px;
	display: block;
	
}

#form3 {
	padding-left: 32px;
	padding-bottom: 25px;
	padding-top: 5px;
	background: url(images/formbox3.png) no-repeat;
	height: 35px;
	width: 130px;
	margin-bottom: -5px;
	display: block;	

}

#name2 , #url , #email , #spamcheck  {
	background-color: transparent;
	border:dashed gray 1px;
	margin-bottom: 30px;
	margin-right: 15px;
	margin-top: 0px;
	margin-left: 3px;

}

#url {
	margin-left: 24px;
}

#name2 , #url , #email {
	height: 15px;
	width: 228px;
}

#spamcheck {
	padding: auto;
	height: 0px:
	width: 50px;
	font-size: 12px;
}

#spamfix {
	padding-right: 32px;
	height: 30px;
}

#message {
	background-color: transparent;
	border: dashed gray 1px;
	width: 395px;
	height: 110px;
	margin-bottom: 30px;
	margin-left: 5px;
	overflow: hidden;
	
}

.req {
	color: red;
}

#submit {
	height: 55px;
	width: 165px;
	background: transparent url(images/submitbutton.png);
	border: none;
}

#submit value{
	display: none;
}
#submit:hover {
	background-position: 0 57px;
	background-image: url(images/submitbutton.png);
}

div.wpcf7 {
	margin: 0;
	padding: 0;
	color: black;
}

.wpcf7-quiz-label {
	color: black;
}

div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
	color: #00fffc;
}

div.wpcf7-mail-sent-ok {
	color: #00fffc;
	clear: both;
	text-align: center;
	
}

div.wpcf7-mail-sent-ng {
	color: #00fffc;
	clear: both;
	text-align: center;
}

div.wpcf7-spam-blocked {
	color: #00fffc;
}

div.wpcf7-validation-errors {
	color: #00fffc;
	clear: both;
	text-align: center;
}

span.wpcf7-form-control-wrap {
	position: relative;
	color: #00fffc;
}

span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	background: #fff;
	border: 1px solid #ff0000;
	font-size: 10pt;
	width: 280px;
	padding: 2px;
	color: #00fffc;
}

.wpcf7-not-valid-tip-no-ajax {
	color:red;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
	color: #00fffc;
}

.wpcf7-display-none {
	display: none;
	color: #00fffc;
}

img.ajax-loader {
	border: none;
	vertical-align: middle;
	color: #00fffc;
}

/*  footer */

.footer {
	padding-top: 15px;
	clear: both;
	border-top-style: dashed;
	min-height: 1px;
	height: 49px;
	border-top-color: white;
	border-top-width: 2px;
	background: url(images/footerbg.png) repeat-x 0 0px;
	color: white;
	font-size: 16px;
}

.footer em {
	color: gray;
}

.footer a {
	color: #12fdd3;
	text-decoration: underline;
}

.footercenter {
 	text-align: center;
}