/* Easypink - keeping it easy and pink */

*
{
margin: 0;
padding: 0;
outline: 0;
}
 
img
{
border: none;
}
 
body
{
background-color: #323030;
font-family: Arial, Verdana, Helvetica, Sans-Serif;
background: url(../images/main_bg.png);
font-size: 12px;
color: #ffffff;
}

/* basic styling and classes */
.fl
{
float: left;
}

.fr
{
float: right;
}

.clear
{
clear: both;
}

.underline
{
text-decoration: underline;
}

p
{
font-family: Arial, Verdana, Helvetica, Sans-Serif;
font-size: 12px;
color: #ffffff;
line-height: 23px;
}

.small
{
font-size: 11px;
margin: 0;
}

a
{
color: #e50e97;
text-decoration: none;
}

a:hover
{
color: #ffffff;
}

.pink
{
color: #e50e97;
}

h1
{
font-family: "Century Gothic", Verdana, Helvetica;
color: #e50e97;
font-size: 20px;
font-weight: normal;
margin-bottom: 3px;
}

h2
{
font-family: "Century Gothic", Verdana, Helvetica;
color: #e50e97;
font-size: 20px;
font-weight: normal;
margin-bottom: 3px;
}

h3
{
font-family: "Century Gothic", Verdana, Helvetica;
color: #e50e97;
font-size: 18px;
font-weight: normal;
margin-bottom: 3px;
}

/* end basic styling */

/* the wrapper holds the website */
#wrapper
{
width: 950px;
margin: 0 auto;
padding-top: 20px;
}

/* top part of the website */
#header
{
float: left;
width: 950px;
}

/* logo on the top left site */
#logo
{
float: left;
width: 330px;
height: 116px;
}

/* main navigation */
#menu
{
float: left;
width: 618px;
margin-top: 52px;
margin-left: -1px;
border-bottom: 1px solid #fff;
}

.menuslide 
{
position: relative;
padding: 10px;
margin: 0px 0;
overflow: hidden;
float: right;
}
		
.menuslide li 
{
float: left;
list-style-type: none;	
}
                   
.menuslide li.back 
{
border: 1px solid #fff;
background-color: #c81487;
width: 9px;
height: 30px;
z-index: 8;
position: absolute;
}
                    
.menuslide li a 
{
font: normal 14px arial;
text-decoration: none;
color: #ffffff;
outline: none;
text-align: center;
top: 7px;
letter-spacing: 0;
z-index: 10;
display: block;
float: left;
height: 30px;
position: relative;
overflow: hidden;
margin: auto 10px;
}

.menuslide li a:hover, .menuslide li a:active, .menuslide li a:visited 
{
border: none;
}                    

/*#menu
{
float: left;
width: 763px;
margin-top: 83px;
margin-left: -1px;
}

#menu ul
{
margin: 0;
padding-bottom: 4px;
text-align: right;
border-bottom: 1px solid #ffffff;
}

#menu ul li
{
display: inline;
list-style-type: none;
margin-right: 10px;
}

#menu ul li a
{
font-family: Arial, Verdana, Helvetica;
font-size: 12px;
color: #ffffff;
}

#menu ul li a:hover
{
color: #e50e97;
}

#menu ul li.current a
{
color: #e50e97;
}

#menu ul li.current a:hover
{
color: #ffffff;

}
*/

/* top content section */
#content_top
{
float: left;
width: 930px;
margin-top: 25px;
background-image: url(../images/divider_horz.png);
background-repeat: no-repeat;
background-position: bottom;
padding: 0 10px 30px 0px;
}
	
#content_top_slider
{
float: left;
width: 938px;
}

/* the actual image slider */
#slider
{
width: 938px;
height: 234px;
overflow: hidden;
}

#slider img
{
border: 4px solid #ffffff;
}

/* main content section */
#content_main
 {
float: left;
width: 940px;
padding-right: 10px;
margin-top: 30px;
}

/* main content entry */
.content_main_entry
{
float: left;
width: 730px;
margin-bottom: 30px;
}

.content_main_left
{
float: left;
width: 600px;
padding-right: 10px;
background: url(../images/divider_vert.png) right no-repeat;
}

.content_main_content
{
float: left;
width: 600px;
margin-top: 10px;
}

.content_main_thumb
{
float: left;
width: 578px;
height: 151px;
margin-top: 7px;
border: 4px solid #fff;
}

.content_main_right
{
float: left;
width: 318px;
}

.update
{
float: left;
width: 305px;
padding-left: 20px;
}

.update .smalltitle
{
clear: both;
float: left;
width: 100%;
margin-top: 6px;
}

.update p
{
clear: both;
width: 100%;
margin-bottom: 10px;
}

/* bottom services styling */
#services
{
float: left;
width: 940px;
margin-top: 30px;
padding-top: 25px;
padding-right: 10px;
background: url(../images/divider_horz.png) no-repeat top;
}		

/* a box inside services */
.services_box
{
float: left;
width: 290px;
margin-left: 20px;
}

.services_box .icon
{
float: left;
padding-top: 0;
padding-right: 5px;
}

.services_box img
{
float: left;
padding-top: 8px;
}

.services_box p
{
float: left;
clear: both;
margin-top: 4px;
}

/* top title */
.toptitle
{
float: left;
width: 950px;
}

.titleb
{
font-family: Verdana, Helvetica;
font-size: 50px;
color: #e50e97;
font-weight: normal;
line-height: 50px;
}

.white
{
color: #ffffff;
}

.pink
{
color: #e50e97;
}

/* the facebook icons etc */
#icons, #resume
{
float: left;
width: 337px;
margin: 10px 50px 0 0;
}

#icons img, #resume img
{
float: left;
}

#icons li, #resume li
{
float: left;
width: 337px;
list-style-type: none;
margin-bottom: 12px;
padding-bottom: 12px;
background-image: url(../images/divider_horz_small.png);
background-repeat: no-repeat;
background-position: bottom;
line-height: 23px;
margin-left: 5px;
color: #ffffff;
}

#icons li a, #resume li a
{
line-height: 23px;
margin-left: 5px;
color: #ffffff;
}

#icons li a:hover, #resume li a:hover
{
text-decoration: underline;
}

/* profile image on the about page */
#profile
{
float: right;
width: 128px;
height: 138px;
margin: 40px 40px 0 0;
}

#profile img
{
float: left;
border: 2px solid #e50e97;
margin: 3px;
}

/* portfolio section */
#portfolio
{
float: left;
width: 950px;
margin-top: -10px;
}

/* blog page, styling */

.blogtitle
{
width: 622px;
padding-bottom: 25px;
margin-bottom: 25px;
float: left;
background: url(../images/divider_horz_blog.png) no-repeat bottom;
}

/* blog search box and sidebar */
#blog_side
{
float: right;
width: 275px;
padding-left: 25px;
background: url(../images/divider_vert_blog.png) no-repeat left;
}

/* the search form styling */
.blogbox
{
float: left;
width: 280px;
margin-bottom: 25px;
padding-bottom: 40px;
background: url(../images/divider_horz_blog_small.png) no-repeat bottom;
}

.blogbox .input
{
float: left;
background-color: #403e3e;
width: 178px;
height: 19px;
margin-top: 10px;
padding-top: 4px;
padding-left: 2px;
color: #fff;
font-style: italic;
font-size: 12px;
border: 1px solid #4a4646;
}

.blogbox .buttongo
{
float: left;
background: url(../images/search_btn.png) no-repeat;
border: none;
width: 51px;
height: 25px;
margin: 10px 0 0 4px;
}

.buttonmore
{
background: url(../images/buttonmore.png) no-repeat;
border: none;
width: 82px;
height: 19px;
margin: 10px 0 0 0px;
}

.blogtitle h2
{
font-family: "Century Gothic", Verdana, Helvetica;
color: #e50e97;
font-size: 20px;
margin-bottom: 3px;
}

.blog_entry
{
float: left;
width: 622px;
margin-bottom: 25px;
padding-bottom: 25px;
background: url(../images/divider_horz_blog.png) no-repeat bottom;
}

.blog_entry h4.date
{
font-family: Arial, Verdana, Helvetica;
font-size: 12px;
color: #c2c0c1;
font-weight: italic;
}

/* the height and width of the blog thumbnail image */
.blog_thumb
{
width: 570px;
height: 50px;
margin: 4px 0 8px 0;
border: 4px solid #fff;
}

/* obviously the blog content =) */
.blog_content
{
float: left;
width: 580px;
margin: 15px 0 0 0;
}

/* contact page, form styling */
#contact_left
{
float: left;
width: 640px;
}

#contact_left h2, #contact_right h2
{
padding-bottom: 5px;
margin-bottom: 10px;
background: url(../images/divider_horz_smaller.png) no-repeat bottom left;
}

#contact_form
{
float: left;
width: 440px;
padding:15px;
border:none;
}

#contact_form fieldset { padding:5px; border:0px solid #eee; moz-border-radius:5px; -webkit-border-radius:5px; }

#contact_form label
{
display: block;
margin-bottom: 5px;
}

#contact_form input
{
width: 196px;
height: 14px;
background-color: #4f4d4d;
color: #ffffff;
margin-bottom: 10px;
padding: 5px;
border: none;
border: 1px solid #2a2828;
}

#contact_form textarea
{
width: 420px;
height: 105px;
background-color: #4f4d4d;
color: #ffffff;
border: none;
border: 1px solid #2a2828;
padding: 5px;
font-family: Arial, Verdana, Helvetica;
font-size: 12px;
overflow: hidden;
}

#contact_form .button
{
float: right;
margin: 10px 10px 0 0;
border: none;
background: url(../images/buttonsend.png) no-repeat;
width: 82px;
height: 19px;
padding: 0;
font-size: 11px;
cursor:pointer;
}

#contact_form .error
{
font-size: 11px;
font-style: italic;
color: #d21616;
margin: 3px;
}

/* contact right part */
#contact_right
{
float: left;
width: 300px;
}

/* footer styling */
#footer_fecha
{
float: left;
width: 741px;
height: 48px;
margin-top: 60px;
background: url(../images/footer_bg2.png) no-repeat;
padding-top:18px;
}
#footer_contacto
{
float: right;
width: 209px;
height: 48px;
margin-top: 60px;
}

#footer p
{
line-height: 0;
margin: 0;
padding: 0;
line-height: 48px;
}

/* tooltip styling */
#tooltip
{
position: absolute;
border: 1px solid #4b484a;
background: #323030;
padding: 2px 5px;
color: #ffffff;
display: none;
}

/* sliding panel styling for headings etc, for general styling check slide.css */

/* sliding login bg button with blue bg */
.tab ul.login {
	display: block;
	position: relative;
  	float: right;
  	clear: right;
  	height: 30px;
  	font-weight: bold;
  	height: 30px;
	margin: 0;
	right: 150px;
  	color: white;
  	font-size: 80%;
	text-align: center;
	background: url(../images/login_bg_pink.png) no-repeat;
}

#panel h1 {
	font-size: 1.6em;
	padding: 5px 0 10px;
	margin: 0;
	color: #e50e97;
}

#panel h2{
	font-size: 1.2em;
	padding: 10px 0 5px;
	margin: 0;
	color: white;
}

#panel p {
	margin: 0px 0;
	padding: 0;
}

#panel a {
	text-decoration: none;
	color: #e50e97;
}

#panel a:hover {
	color: white;
}

#panel .content input.bt_login {
	width: 82px;
	background: transparent url(../images/login_pink.png) no-repeat 0 0;
}

#panel .content input.bt_register {
	width: 82px;
	color: white;
	background: transparent url(../images/register_pink.png) no-repeat 0 0;
}
/* end stylesheet specifc panel styling */