/*
Theme Name: Graphic & web design Carine Ferry
Theme URI: http://www.carineferry.com
Description: A portfolio of webs and graphic design
Version 3.0
Author: Carine Ferry
Author URI: http://carineferry.com
Tags: portofolio, photography, web, graphic design


orange: rgba(227, 60, 11, .9) #ff0000;
blue: rgba(51, 51, 153, .9) #333399;
h1#logo {
	width:288px;
	height:33px;
	background: url(images/logo) top left no-repeat;
	text-indent:-9999px;
	margin: 0 10px 8px 0;
	float:left}
*/
	
	
	
	/* --------------------------------------------------------------

   grid.css
   * Sets up an easy-to-use grid of 24 columns.

   By default, the grid is 950px wide, with 24 columns
   spanning 30px, and a 10px margin between columns.

   If you need fewer or more columns, namespaces or semantic
   element names, use the compressor script (lib/compress.rb)

-------------------------------------------------------------- */

/* typography.css */


html {font-size:100.01%;}
body {margin:0; font-size:75%;line-height:1.5;color:#222;font-family: 'Droid Serif', arial, serif;  background-color:#f9f7f6; background: url(http://localhost/carineferry/wp-content/uploads/body-background.png) top center repeat-x; background-color:#F4F4F4;	margin: 0 auto;}
h1 {font-family: 'Droid Sans', arial, serif; font-weight:300; font-size:1.5em;line-height:1em; color:#333399; margin-top:10px}
h2 {font-family: 'Droid Sans', arial, serif; font-weight:300; font-size:1.5em;line-height:1em; color:#333399; margin-top:10px}
.arrow {font-family: 'Droid Sans', arial, serif; font-weight:300; font-size:1.5em; color:#fff;}
h2.white {font-family: 'Droid Sans', arial, serif; font-weight:bold; font-size:1.5em; line-height:1em; color:#fff; margin-top:5px;}
h3 {font-family: 'Droid Sans', arial, serif; font-weight:100;font-size:1.2em;line-height:0.5; color:#000099; margin-bottom:1.6em; margin-top:2px; width:920px; float:left}
h3.slider {font-family: 'Droid Sans', arial, serif;  font-weight:100;font-size:1.2em;line-height:1; color:#666;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold; margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
p {margin:0 0 1em 0;}

a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
ul, li {margin:0; padding:0; list-style-type:none;}
img {
	margin:0; padding:0;
	border: none; text-decoration:none;}
	
strong {
	font-weight:700}



/* A container should group all your columns. */
#container {
background-color:#F4F4F4;
	min-height:800px;
	height:100%;
	width: 960px;
  	margin: 0 auto;
}

/* Use this class on any .span / container to see the grid. */
.showgrid {
  background: url(http://localhost/carineferry/wp-content/uploads/grid-960.jpg);
  background-repeat:repeat-y;
}


/* Columns
-------------------------------------------------------------- */

/* Sets up basic grid floating and margin. */
.column, .span-1, .span-2, .span-3, .span-3a,.span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24 {
  float: left;
  margin-right: 20px;
}

/* The last column in a row needs this class. */
.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1 {width: 60px;}
.span-2 {width: 140px;}
.span-3 {width: 220px;}
.span-3a {width: 225px;}
.span-4 {width: 300px;}
.span-5 {width: 380px;}
.span-6 {width: 460px;}
.span-7 {width: 540px;}
.span-8 {width: 620px;}
.span-9 {width: 700px;}
.span-10 {width: 780px;}
.span-11 {width: 860px;}
.span-12 {width: 960px;}


/* Add these to a column to append empty cols. */
.append { padding-right: 20px;}
.append-1 { padding-right: 40px;}
.append-2 { padding-right: 80px;}
.append-3 { padding-right: 120px;}
.append-4 { padding-right: 160px;}
.append-5 { padding-right: 200px;}
.append-6 { padding-right: 240px;}
.append-7 { padding-right: 280px;}
.append-8 { padding-right: 320px;}
.append-9 { padding-right: 360px;}
.append-10 { padding-right: 400px;}
.append-11 { padding-right: 440px;}
.append-12 { padding-right: 480px;}
.append-13 { padding-right: 520px;}
.append-14 { padding-right: 560px;}
.append-15 { padding-right: 600px;}
.append-16 { padding-right: 640px;}
.append-17 { padding-right: 680px;}
.append-18 { padding-right: 720px;}
.append-19 { padding-right: 760px;}
.append-20 { padding-right: 800px;}
.append-21 { padding-right: 840px;}
.append-22 { padding-right: 880px;}
.append-23 { padding-right: 920px;}

/* Add these to a column to prepend empty cols. */
.prepend { padding-left: 20px;}
.prepend-1 { padding-left: 40px;}
.prepend-2 { padding-left: 80px;}
.prepend-3 { padding-left: 120px;}
.prepend-4 { padding-left: 160px;}
.prepend-5 { padding-left: 200px;}
.prepend-6 { padding-left: 240px;}
.prepend-7 { padding-left: 280px;}
.prepend-8 { padding-left: 320px;}
.prepend-9 { padding-left: 360px;}
.prepend-10 { padding-left: 400px;}
.prepend-11 { padding-left: 440px;}
.prepend-12 { padding-left: 480px;}
.prepend-13 { padding-left: 520px;}
.prepend-14 { padding-left: 560px;}
.prepend-15 { padding-left: 600px;}
.prepend-16 { padding-left: 640px;}
.prepend-17 { padding-left: 680px;}
.prepend-18 { padding-left: 720px;}
.prepend-19 { padding-left: 760px;}
.prepend-20 { padding-left: 800px;}
.prepend-21 { padding-left: 840px;}
.prepend-22 { padding-left: 880px;}
.prepend-23 { padding-left: 920px;}

.marge {
	height:20px;
	width:960px;
float:left}


/* Border on right hand side of a column. */
.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eee;
}


/* Use these classes on an element to push it into the
next column, or to pull it into the previous column.  */


.pull-1 { margin-left: -40px; }
.pull-2 { margin-left: -80px; }
.pull-3 { margin-left: -120px; }
.pull-4 { margin-left: -160px; }
.pull-5 { margin-left: -200px; }
.pull-6 { margin-left: -240px; }
.pull-7 { margin-left: -280px; }
.pull-8 { margin-left: -320px; }
.pull-9 { margin-left: -360px; }
.pull-10 { margin-left: -400px; }
.pull-11 { margin-left: -440px; }
.pull-12 { margin-left: -480px; }
.pull-13 { margin-left: -520px; }
.pull-14 { margin-left: -560px; }
.pull-15 { margin-left: -600px; }
.pull-16 { margin-left: -640px; }
.pull-17 { margin-left: -680px; }
.pull-18 { margin-left: -720px; }
.pull-19 { margin-left: -760px; }
.pull-20 { margin-left: -800px; }
.pull-21 { margin-left: -840px; }
.pull-22 { margin-left: -880px; }
.pull-23 { margin-left: -920px; }
.pull-24 { margin-left: -960px; }

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float: left; position:relative;}


.push-1 { margin: 0 -40px 1.5em 40px; }
.push-2 { margin: 0 -80px 1.5em 80px; }
.push-3 { margin: 0 -120px 1.5em 120px; }
.push-4 { margin: 0 -160px 1.5em 160px; }
.push-5 { margin: 0 -200px 1.5em 200px; }
.push-6 { margin: 0 -240px 1.5em 240px; }
.push-7 { margin: 0 -280px 1.5em 280px; }
.push-8 { margin: 0 -320px 1.5em 320px; }
.push-9 { margin: 0 -360px 1.5em 360px; }
.push-10 { margin: 0 -400px 1.5em 400px; }
.push-11 { margin: 0 -440px 1.5em 440px; }
.push-12 { margin: 0 -480px 1.5em 480px; }
.push-13 { margin: 0 -520px 1.5em 520px; }
.push-14 { margin: 0 -560px 1.5em 560px; }
.push-15 { margin: 0 -600px 1.5em 600px; }
.push-16 { margin: 0 -640px 1.5em 640px; }
.push-17 { margin: 0 -680px 1.5em 680px; }
.push-18 { margin: 0 -720px 1.5em 720px; }
.push-19 { margin: 0 -760px 1.5em 760px; }
.push-20 { margin: 0 -800px 1.5em 800px; }
.push-21 { margin: 0 -840px 1.5em 840px; }
.push-22 { margin: 0 -880px 1.5em 880px; }
.push-23 { margin: 0 -920px 1.5em 920px; }
.push-24 { margin: 0 -960px 1.5em 960px; }

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float: right; position:relative;}


/* Misc classes and elements
-------------------------------------------------------------- */

/* In case you need to add a gutter above/below an element */
.prepend-top {
  margin-top:1.5em;
}
.append-bottom {
  margin-bottom:1.5em;
}

/* Use a .box to create a padded box inside a column.  */
.box {
  padding: 1.5em;
  margin-bottom: 1.5em;
  background: #E5ECF9;
}

hr {
  background: #ff0000;
  color: #ddd;
  clear: both;
  float: none;
  width: 100%;
  height: .1em;
  margin: 0 0 1.45em;
  border: none;
}

hr.space {
  background: #fff;
  color: #fff;
  visibility: hidden;
}

.clear { clear:both; }

.clear-20 { clear:both;
width:900px;
height:20px;}



	/*MY STYLES */
	
	
	a {	color:#e2007a;
		text-decoration:none;
		margin:0;
		padding:0;
		}
		
	a:hover {
		color:#e2007a;
		text-decoration:none;
		margin:0;
		padding:0;
		}
				
	a.link-white:link {
		font-family: 'Droid Sans', arial, serif;  
		font-weight:bold; 
		width:100px;
		padding-top:-10px;
		color:#fff; 		
		}
		
	a.link-white:hover {
		font-family: 'Droid Sans', arial, serif;  
		font-weight:bold; 
		color:#fff; 		
		}
		
	a.link-white:visited {
		font-family: 'Droid Sans', arial, serif;  
		font-weight:bold;	
		color:#fff; 		
		}
		
		a.link-white2:link {
		font-family: 'Droid Sans', arial, serif;  
		font-weight:bold; 
		color:#fff; 
		font-size:1.5em; 
		margin-top:35px;
		}
		
	a.link-white2:hover {
		font-family: 'Droid Sans', arial, serif;  
		font-weight:bold; 
		color:#fff; 
		font-size:1.5em; 
		line-height:1em; 
		margin-top:35px;
		}
		
	a.link-white2:visited {
		font-family: 'Droid Sans', arial, serif;  
		font-weight:bold;	
		color:#fff; 
		font-size:1.5em; 
		line-height:1em; 
		margin-top:35px;
		}
		
	a.link_portfolio {	
		color:#999;
		text-decoration:none
		}
		
	a.link_portfolio:hover {
		color:#58585a;
		text-decoration:none
		}
	
	h1 a{
		color:#ff0000;
		}
		
	h1#logo {
	width:288px;
	height:33px;
	margin: 0 10px 8px 0;
	float:left}
		
	h2 a{
		color:#ff0000;}
				
	h1 a:hover{
		color:#e4f7f6;
		}
		
	h2 a:hover{
		color:#ff0000;
		}
		
	font.pink {
		color:#e2007a;
		font-weight:bold;}
		
	#header {	
		height:65px;
		background: url(http://localhost/carineferry/wp-content/uploads/header.png);
		text-align:center;
		width:960px}
		
	.header-line {
		float:left;
		height:6px;
		background: url(http://localhost/carineferry/wp-content/uploads/header-line.png);
		background-repeat: repeat}
		
	ul#nav {
		float:left;	
		padding-left:0;
		width:960px
		}
		
	ul#nav li {
		color:#ff0000;
		float:left;
		font-family: font-family: 'Droid Sans', arial, serif; 
		font-weight:400;
		font-size:1.7em;
		margin-right:20px;		
		list-style-type:none;
		text-align:center;
		height:25px;
		width:140px}
		
	ul#nav li.current_page_item a {
		color:#000099;
		border-bottom:4px solid #ff0000;
		}
		
	ul#nav li a {
		color:#ff0000;}
		
	ul#nav li a:hover {
		color:#000099;
		}
		
	ul#nav li.current_page_ancestor a {
		color:#ff0000;
		border-bottom:4px solid #e2007a;
		}
		
	.post-snippet {
		float:left;
		width:675px;
		}
		
	#sidebar {
		background-color:#fff;
		float:left;
		border:#F00 1px solid;
		height:100px;
		margin-bottom:400px;
		padding:10px;
		width:298px;
		}
		
	#sidebar-2 {
		float:left;
		height:280px;
		margin-top:-8px;
		padding:0;
		width:300px;
		overflow:hidden;
		}
		
	#sidebar-3 {
		background-color:#fff;
		border:#F00 1px solid;
		float:left;
		height:282px;
		margin-top:1px;
		padding-left:10px;
		padding-right:40px;
		width:268px;
		overflow:hidden;
		}
		
	ol#comments_section {
		margin:10px 0
		}
		
	.comments_form {
		margin:10px 0;
		}
		
	p.comments_form {
		margin-bottom:5px;}
		
	.data_form {
		margin-right:20px;}
		
	.data_form_mail {
		margin-right:17px;}
		
	.data_form_website {
		margin-right:14px;}
		
	.data_form_not_published {
		margin-left:14px;
		}
		
	.button {
		background-color:#FFF;}
		
	.button:hover {
		background-color:#096} /*can use these as class="button" to make all the buttons look alike*/

		
	.red-banner {
		background: url(http://localhost/carineferry/wp-content/uploads/banner-orange.jpg) top center repeat-x}
		
	.blue {
		background-color:#e4f7f6;}
		
	.bluecolor {
		 color:#e4f7f6;}
		 
	.redcolor {
		color: color:#ff0000;}
	
		
	.green {
		background-color:#0F0}
		
	.h30 {
		height:30px;}
	
	.h40 {
		float:left;
		height:40px;
		background-color:#fff}
		
	.h400 {
		height:700px;
		}
		
	.floatright {
		float:right}
		
	.floatleft {
		float:left}
		
	.etiqueta-blue {
		background-image:url(http://www.carineferry.com/wp-content/uploads/black-tag.png);
		height:25px;
		margin-right:640px;
		margin-top:1.5em;
		margin-bottom:1.5em;
		width:300px;
		float:left;}
		
	
 .etiqueta-blue2 {	   
		background-image:url(http://www.carineferry.com/wp-content/uploads/black-tag.png);
		height:25px;
		margin-right:340px;
		margin-top:1.3em;
		margin-bottom:1.5em;
		width:300px;
		float:left;}
		
	.etiqueta-blue4 {
		background-image:url(http://www.carineferry.com/wp-content/uploads/black-tag.png);
		height:25px;
		margin-right:640px;
		margin-top:2em;
		margin-bottom:1.5em;
		width:300px;
		float:left;}
  	
	.etiqueta-blue3 {
		background-image:url(http://www.carineferry.com/wp-content/uploads/black-tag.png);
		height:25px;
		margin-top:1.5em;
		margin-bottom:1.5em;
		width:210px;
		float:left}
		
	.etiqueta-blue-5 {
		background-image:url(http://www.carineferry.com/wp-content/uploads/red-tag-arrow.jpg);
		background-repeat:no-repeat;
		height:20px;
		padding-left:50px;
		padding-top:4px;
		margin-right:640px;
		margin-top:2.2em;
		width:340px;
		float:left;}
		
	.slider {
		float:left;
		height:280px;
		padding:0;
		margin-bottom:35px;
		margin-right:15px;
		margin-top:-25px;
		width:625px;}
		
	#text-intro {
		height:85px;}
				
	.orange: rgba(227, 60, 11, .9);
	
	.photo1 {
		background-color:#fff;
		float:left;
		height:185px;
		width:300px}
		

	.category-package {
		float:left;
		background-color;
		height:400px;
		width:220px;}
	
	.margin-right-20 {
		margin-right:20px;}
		
	.package-title {
	color:#FFF;
	font-size:1.3em;
	font-family: 'Droid Sans', arial, serif;  
	font-weight:400;
	height:15px;
	position:relative;
	left:0px;
	text-align:left;
	top:23px;
	width:225px;
}
.package-text {
	background-color:#f7f7f7;
	margin-top:45px;
	text-align:left;
	float:left;
	height:100px;
	padding-left:6px;
	padding-right:6px;
	width:213px;
}
.package-enquire {
	float:right;
	padding-bottom:6px;
	width:125px;
}

	.rounded-corners {
	-moz-border-radius: 1em;
	-webkit-border-radius: 5px;}
	
	#footer {
		margin-top:20px;
		text-align:center;
	}
		
	.image {
		background-color:#fff;
		border:#F00 1px solid;
		float:left;
		margin-bottom:14px;
		margin-right:80px;}	
		
	
	.fotos {
		float:left;
		background-color:#F30;
		height:40px;
		margin-right:20px;
		width:200px}
	
	.foto {
		float:left;
		background-color:#F30;
		width:200px}
	
	.post-snippet {
		margin-right:20px;
		width:620px;}
		
	.post-snippet-2 {
		margin-right:20px;
		width:300px;
		overflow:hidden;}
		
	h3.single {
		color:#7f8081;
		font-size:1.2em;
		font-weight:200;
		font-style:italic;
		font-variant:small-caps;
		text-decoration:underline}
		
	.blog-entry {
		float:left;
		background-color:#FFF;
		margin-bottom:10px;
		padding-right:20px;
		padding-left:10px;
		width:590px;
		border:#F00 1px solid;
		margin-right:20px;}
		
		.single-entry{
		float:left;
		background-color:#FFF;
		padding-right:20px;
		padding-left:10px;
		padding-top:10px;
		width:590px;
		border:#F00 1px solid;
		margin-right:20px;}
		
	
	.contactform {background-color:#fff;
		border:#F00 1px solid;
		float:left;
		height:430px;
		margin-top:8px;
		padding-left:10px;
		padding-right:120px;
		padding-top:10px;
		width:330px;}
	.contactform label {margin:10px}
	.contactform input {margin:10px}
	.contactform textarea {margin:10px}
	.contactform_respons {margin:10px}
	.contactform_error {margin:10px}
	.widget .contactform { /* same fields but in sidebar */ }
	
	.highlight {
		font-size:1.2em}


	.la-flauta {
		border:#F00 1px solid;
		width:750px;
		height:400px;
		float:left;
		margin-bottom:15px;}
		
	.superman{
		width:544px;
		height:398px;
		float:left;
		margin-bottom:15px;}
		
		
		
		#footer_language_list{
  margin-bottom: 25px;
  text-align: center;
}

#footer_language_list ul{
  list-style: none;
  margin:0;
  padding:0;
}

#footer_language_list ul li img{
  margin-right:5px;
}

#footer_language_list ul li{
  display:inline;
  margin:0 5px 0 5px;
  padding:0;
}

#footer_language_list ul li a, #footer_language_list ul li a:visited{
  color: #fff;
  text-decoration:underline;
}

#footer_language_list ul li a:hover, #footer_language_list ul li a:active{
  color: #fff;
}

.contact-alice {
	margin-top:7px;
	float:left;
	margin-left:50px;}