/*
Theme Name: Cutpastecreate
Theme URI: http://cutpastecreate.com
Description:The 2009 website theme for <a href="http://cutpastecreate.com/">Cutpastecreate</a>.
Version: 2.0
Author: Benjamin Ayres & the Cutpastecreate team..test
*/

@import url("slider.css");

/* Master Resets (thanks Dr)
------------------------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;} 
table {border-collapse:collapse;border-spacing:0;} 
fieldset,img {border:0;outline:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;} 
ol,ul {list-style:none;} 
caption,th {text-align:left;} 
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:bold;} 
abbr,acronym {border:0;} 
a {outline: none;}

/* Font and Styles*/

h1.about-title {font-size: 22px; line-height: 28px; margin: 20px 0px 25px 0px;}

p, h1, h2, h3, h4 .button {color: #221e1f; font-family: "Lucida Grande", Verdana, Arial, sans-serif;}
h1{font-size: 20px; margin: 20px 0px 4px 0px;}
h2{font-size: 18px; margin: 18px 0px 4px 0px;}
h3{font-size: 15px; margin: 15px 0px 4px 0px;}
h4{font-size: 14px; margin: 14px 0px 4px 0px;}
p, ul{ line-height: 160%; font-size: 12px; margin: 12px 0px 0px 0px;}

p a:link, p a:visited {font-weight: bold; color: #221e1f; font-family: "Lucida Grande", Verdana, Arial, sans-serif; line-height: 160%; font-size: 12px; text-decoration: none;}

	/* GLobal Minions */	
	img.alignright {float: right; }
	img {border: 0;}
	
	*:focus{ outline-color: invert; outline-style: none; outline-width: medium;}

/* Basic Site structure - Plus Elements */

	body { text-align: center; min-width: 900px; margin: 0; padding: 0; font-family: "Lucida Grande", Verdana, Arial, sans-serif; background-color: #efefef;}
		
	div#wrap {margin:0 auto; width:900px; text-align: left;}
	
	div#head { overflow: hidden; background-repeat: no-repeat; background-image: url(images/head2.png); background-position: top right;}
						  
		/*Brand*/ 
		div#head img.brand { margin-left: 30px; margin-bottom: 5px; margin-right: 0px; margin-top: 10px; float: left;}
							
		/*Navigation*/ 
		ul.nav { padding: 3px 0 2px 20px; margin: 0 315px 5px 0px; clear: both; border-top: 1px dotted #000;}
			ul.nav li { display: inline; font-size: 14px; font-weight: bold; color: #ccc;}	
			ul.nav li a{ color: #000; text-decoration: none; padding: 4px 6px; margin: 5px 0 5px 2px;}
			ul.nav li a:hover { border-top: 3px solid #9c51c5;}
			
	div#main { background-repeat: repeat-y; background-image: url(images/main2.png);}
	
		div#content { background-position: center top; background-repeat: no-repeat; padding: 10px 30px 0px 30px; background-image: url(images/main1.png); clear: both; }
		
		div#content-blog { background-position: center top; background-repeat: no-repeat; padding: 10px 290px 0px 30px; background-image: url(images/main1.png); clear: both; }

		ul#sidebar { width: 260px; float: right; padding: 0 0 0 10px; margin: 20px -270px 0 10px;}
			ul#sidebar h3 { color: #002f4a; border-bottom-width: 1px; border-bottom-color: #333333; border-bottom-style: solid; text-transform: uppercase; font-size: 14px; font-weight: bold; margin: 0;}
			ul#sidebar li h4 {text-transform: uppercase; background-color: #8ed3ed; padding: 2px 4px; margin: 0;}
			ul#sidebar li p { margin: 0;}

	/* Testimonial Fader */
	ul#testimonials { background-repeat: no-repeat; background-image: url(images/testbg.png); height: 117px; margin: 10px 0 0 -20px; width: 590px; position: relative; clear: left;}
		ul#testimonials li.testimonial { padding: 5px 25px 0px 25px; position: relative; height: 113px;}
			/* Quote */
			ul#testimonials li.testimonial p.quote {font-size: 13px; }
					/* "" Marks */
					ul#testimonials li.testimonial p.quote span.pre, ul#testimonials li.testimonial p.quote span.end { font-weight: bold; font-size: 16px;}
			/* Client Name */
			ul#testimonials li.testimonial span.name { right: 30px; bottom: 20px; font-size: 12px; /* margin: 0 15px 0 30px;  */position: absolute; background: white; padding: 2px 4px 0 4px;}
		
	div#footer { padding: 35px 0 0 0; background-repeat: no-repeat; background-image: url(images/contentbg2.png); clear: both;}
		div#footer h4.great-services {margin-left: 10px; margin-bottom: 10px; margin-right: 0; margin-top: 10px;}
		div#footer ul.services {  padding: 5px; font-size: 10px; font-style: normal; font-weight: normal; border-top: 2px solid #ccc; padding-bottom: 10px; margin: 0; width: 510px;}
		div#footer ul.services li{ display: inline;}
			div#footer ul.services li a{ color: black; padding: 8px 6px; text-decoration: none;}
			div#footer ul.services li a:visited{ color: black;}
			div#footer ul.services li a:hover{ color: #fe88b5;}	
		
		div#footer ul.bottom { background: #000; margin: 5px 0 0 0; padding: 3px 15px 3px 0px; border-bottom: 1px solid #fff; text-align: right;}
			div#footer ul.bottom li { display: inline}
			div#footer ul.bottom li a {padding: 0 0 0 8px; font-size: 11px; color: #999999; text-decoration: none;}
			div#footer ul.bottom li a:hover {color: #0099ff;}
	
/*End of Basic Site Structure */

	/* Specific Page Elements */
	
	/* About Page */
	img.about-intro { margin: 20px 0 10px 0;}
	img.whats-new { float: right; margin: 0 0 0 10px;}
	
	/*Services Page - see slider.css for box */
		/*Services navigation*/	

	ul.slidenav { list-style-type: none; /* border-bottom: 1px dashed black; */ padding: 8px 45px 3px 45px; /* margin: 20px -50px;  */}
		ul.slidenav li { display: inline; font-size: 15px;}
		ul.slidenav li a{color: black; text-decoration: none; padding: 4px 6px;}
	
	.scrollContainer ul {margin: 5px 0 5px 15px; list-style-position: inside; list-style-type: disc;}
	
		/* Selcted navigation item */ ul.slidenav li a.selected { background: #BFA3E0;}
	
	/* Portfolio Page */ 
	div#client-container { padding: 15px 0 25px 0; overflow: auto;}
	
		div.client { padding: 5px 0; overflow: auto; margin: 0 10px; width: 185px; float: left; background-image: url(images/client_bg.png); background-position: -30px -27px;}
			div.client a img { margin: 0; padding:0 0 5px 0; width: 175px;}
			div.client p { margin: 0 0 0 15px;}

	/*Portfolio Single Page*/
	
	/* Previous and next button holder div */
	div.oneup { overflow: auto;}
	/* Previous Porftolio item */ .previous { float: left;}
	/* Next Porftolio item */ .next { float: right;}

	div.portfolio {}
		
	div.portfolio ul { list-style: disc; list-style-position: inside;}
	
	/* Domain */ div.portfolio p.domain { margin: 0;}
	/*Project site launch */div.portfolio p.date {}

	/* Blog page */
	div.post { padding: 10px;}
		div.post h3 { margin: 0 0 10px -34px; color: #343434; background-color: #90d5f2; padding: 8px 20px 4px 20px; text-decoration: none;}
	div.post img { border:2px solid #CCCCCC; margin:5px; padding:1px;}

	/* Contact Page */

	/* Contact Details - On Right Side.. */
	div#contact { background-repeat: no-repeat; margin: 15px -10px 0px 20px; padding: 50px 15px 45px 15px; float: right; width: 240px; background-image: url(images/contactbg.png); float: right;}
		div#contact h3 { margin: 20px 0 15px 0; color: #000;}
		div#contact ul { margin: 0 0 10px 0; padding: 0px; list-style-type: none; list-style: none; width: 230px; text-align: right;}
			div#contact ul li { margin: 0; padding: 4px 5px 2px 5px; position: relative; border-bottom: 1px solid #929292; font-size: 12px;}
				div#contact ul li a{ text-decoration: none; color: #172322; }
					div#contact ul li label { display: block; position: absolute; left: 0; bottom: 2px; width: 135px; text-align: left; font-size: 10px; line-height: normal; color: #ff4400;}
	
	/* Contact Form */
	div#form { margin: 15px 0; padding: 15px 10px; background: #b4eaff; clear: left; width: 530px; float: left;}
	
	.cssform p{ color: #172322; border-top: 1px solid #576c80; clear: left; margin: 0; padding: 8px 0; padding-left: 150px; height: 1%; }
	 p.terms { font-size: 10px; line-height: 14px; padding: 5px;}
	.cssform label{ font-weight: bold; float: left; margin-left: -140px; width: 150px;}
	.cssform input[type="text"]{ border-color: white; border-width: 1px; border-style: solid; background-color: #fafafa; width: 92%; font-size: 12px; padding: 2px; margin: 0; line-height: 14px;}
	.cssform textarea{ font-family: "Lucida Grande", Verdana, Arial, sans-serif; border-color: white; border-width: 1px; border-style: solid; background-color: #fafafa; width: 92%; height: 90px; font-size: 12px; line-height: 14px;  padding: 2px;}
	.cssform select{ margin-right: 130px;}
	.cssform input[type="submit"]{ font-weight: bold; border-width: 0px; padding: 4px 6px; background-color: white; margin: 0 0 0 410px; font-size: 12px;}
	
	/*.threepxfix class below:
	Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
	to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
	*/
	* html .threepxfix{ margin-left: 3px;}
	
	/* Error boxes and styling */
	
	label.error { float: none; color: #000; vertical-align: top; font-weight: normal; border-bottom: 1px dashed #000; ; margin: 10px 0 0 10px;}
	label.success { float: none; vertical-align: top; font-weight: normal; border-bottom: 1px dashed; margin-left: 0px;}
	
	p.error {}
	
	div#topstatus { background: #fff; margin: 0px 0;}
	div.status { margin: 5px 0;}
	
	div.success p{ color: #a3b8bc; padding: 10px 10px 10px 10px;}
	div.fail p{ padding: 5px 10px; font-weight: bold;}
	div.load p { color: #95666b; padding: 10px 10px 10px 10px;}
		div.load p img { padding: 0 5px;}
	
	.fail ol {color: red;line-height: 14px; font-size: 14px; margin: 10px 0 0 0;}
	.fail ol li {color: red; line-height: 12px;}
	.fail ol li a{color: red; font-size: 14px; text-decoration: none; border-bottom: 1px dashed #b87b79; }