/*
Theme Name: gufufu 
Author: Vitor Marinho
Version: 1.0
*/



/*** GENERAL TAGS ***/

body { 
padding: 0px;
border-top: solid 5px #19120C;
margin: 0px; 
background-image: url(http://gufufu.co.uk/wp-content/themes/guf_v_1/images/texturepaper1.jpg);
background-repeat:repeat;
background-position: top left;
}

a, a:link, a:active {
color: #19120d;
text-decoration: none; 
}

.left { 
width: 580px; 
float: left;
background-color: #583422; 
}

.right {
width: 340px;
float: right;
background-color: #F28A08;
padding: 10px;
}

.clear {
clear:both;
}

h1, h2, h3, h4, h5 {
margin: 0px;
font-weight: normal; 
}

.wrap { 
width: 940px; margin: 0px auto 0px auto; 
}

.header {
margin: 50px 0px 30px 0px;
}

/*** LOGO ***/

#headlogo {
width: 250px;
height: 150px; 
background-image: url(http://gufufu.co.uk/wp-content/themes/guf_v_1/images/tricolor2.png);
background-repeat: no-repeat;
background-position: top left;
display: block; 
text-indent: -9999px;
}

.header h1 { 
width: 350px; 
float: left; 
}

/*** MENU ***/

.header ul {
width: 560px;
float: right;
padding: 0px;
list-style: none;
text-align: right;
margin: 55px 0 0 0;
}

.header ul li { 
display: inline;
}

.header ul li a {
font-size: 20px;
padding: 10px;
font-family: 'Trebuchet MS', 'Arial', 'Verdana', sans-serif; 
text-transform: uppercase;
margin-left: 20px;
color: #2B2420;
}

.header ul li.current_page_item a {
color: #ffffff; 
background: #560909;
}

.header ul li a:hover {
color: #ffffff;
}



/***  PORTFOLIO ITEMS ***/

.portfolio-item {
background-color: #ffffff;
border-bottom: solid 1px #412E1E;
margin-bottom: 20px; 
}

.portfolio-item .left img{
padding: 4px; }



.portfolio-item .right, .page { 
color: #ffffff; 
font-family: 'Trebuchet MS', 'Arial', 'Verdana', sans-serif;
font-size: 12px; 
line-height: 18px;
}

.portfolio-item .right .details { 
text-transform: uppercase;
margin-bottom: 15px;
}

.portfolio-item .right .details span {
color: #2B2420;
text-transform: none; 
}




.post .postInfo {
				float: left;
				width: 60px;
				height: 300px;
				background-color: yellow;
			}
			
				.postInfo .category {
					width: 60px;
					height: 20px;
					background: url(images/cat_bg.gif) no-repeat;
					font-size: 10px;
					font-weight: bold;
					text-align: center;
					line-height: 20px;
					text-transform: uppercase;
					margin-bottom: 10px;
				}
				
					.category ul {
						list-style: none;
					}
				
					.category.style a {
						color: #ff0000;
					}
					
					.category.tech a {
						color: #0085cf;
					}
					
					.category.design a {
						color: #99cc33;
					}
					
					.category.flicks a {
						color: #95519e;
					}
                                        .category.features a {
						color: #feec30;
					}
					
				.postInfo .date {
					width: 60px;
					height: 68px;
					background: url(images/date-tab.gif) no-repeat;
					font-size: 30px;
					font-weight: bold;
					text-align: center;
					margin-bottom: 10px;
	                text-transform: uppercase;
	                line-height: 28px;
				}
				
					.date span {
						color: #ff0000;
                                                font-size: 18px;
					}
					
					.date.style span {
						color: #ff0000;
                                                font-size: 18px;
					}
					
					.date.tech span {
						color: #0085cf;
                                                font-size: 18px;
					}
					
					.date.design span {
						color: #99cc33;
                                                font-size: 18px;
					}
					
					.date.flicks span {
						color: #95519e;
                                                font-size: 18px;
					}
                                        .date.features span {
						color: #feec30;
                                                font-size: 18px;
					}
					


















/* FOOTER */

.footer {
background-color: #19120C;
margin-top: 10px;
}

.footer .in {
width: 940px; 
margin: 0px auto 0px auto; 
}

.footer h2 { 
font-size: 25px;
font-weight: bold;
letter-spacing: -1px;
color: #ffffff;
font-family: 'Trebuchet MS', 'Arial', 'Verdana', sans-serif;
text-transform: uppercase;
}

.footer p {
color: #AC946B;
font-family: 'Trebuchet MS', 'Arial', 'Verdana', sans-serif;
font-size: 12px;
margin: 0px;
}

.footer p a {
color: #AC946B;
text-decoration: underline;
}

.footer { padding: 40px 0 50px 0; }


.grass{
height: 250px; 
background-image: url(http://gufufu.co.uk/wp-content/themes/guf_v_1/images/grass2.png);

}

/* HOME PAGE */


.wrapbox{
height: 350px;
width: 940px;
background-color: #FFE494;
background-image: url(http://gufufu.co.uk/wp-content/themes/guf_v_1/images/mosaico1.png);
}




/* ABOUT PAGE */

.about .head h2 {
margin: 0px; 
}

.about .head span { 
color: #8E4E35;
font-weight: bold;
display: block;
margin: 0px 0px 15px 0px;
}

.page h3 { 
color: #ffffff;
font-size: 18px;
font-family: 'Georgia', 'Times New Roman';
margin: 40px 0 10px 0; 
}

.about span {
text-transform: uppercase; 
color: #B9F600;
display: block;
margin-top: 10px;
}

/*
.printing{
height:600px;
width: 800px;
background-image: url(http://gufufu.co.uk/wp-content/themes/guf_v_1/images/littlerbabit.png);
background-repeat: no-repeat;

}*/

/* NAVIGATION */



.navigation a {
background-color: #19120C;
display: block;
color: #AC946B;
padding: 10px;
font-family: 'Arial', 'Trebuchet MS', 'Verdana', sans-serif;
font-size: 15px;
font-weight: bold;
letter-spacing: -1px;
width: 155px;
text-align: center;
text-transform: uppercase;
}

.navigation .alignleft {
float: left; }

.navigation .alignright {
float: right; }

.navigation a:Hover {
color: #ffffff}





/* CONTACT FORM */


.wpcf{
height: 360px;
padding: 50px 0 40px 40px;
background-image: url(http://gufufu.co.uk/wp-content/themes/guf_v_1/images/testbg_cf.png);
background-repeat: no-repeat;
}



.cf{
float: left;
height: 300px;
width: 200px;
background-color: white;

} 

#wpcf label { 	
clear: both; 	
display: block; 	
float: left; 	
width: 150px; } 

#wpcf input { 	
float: left; 	
width: 200px; 	
padding: 1px; 	
margin: 2px 5px 2px 0; } 

#wpcf textarea { 	
width: 350px; 	
height: 100px; 	
padding: 1px; 	
margin: 0 5px 10px 0; } 

#wpcf #contactsubmit { 	
margin-left: 100px; 	
width: 100px; }




/*//////////////////////////// slider 2 /////////////////// */

#slidercont{
	width:590px;
	height:338px;
	margin-left: 190px;
	padding: 30px 0px 0px 30px;
	background-color: #5c6bfa;

}

#slider{}	
#slider ul, #slider li, #slider2 ul, #slider2 li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li, #slider2 li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:560px;
	height:308px;
	overflow:hidden; 
	}	
	
p#controls, p#controls2{
	margin:0;
	position:relative;
	} 

#prevBtn, #nextBtn, #prevBtn2, #nextBtn2{ 
	display:block;
	margin:2px;
	overflow:hidden;
	text-indent:-8000px;		
	width:80px;
	height:77px;
	position:absolute;
	left:-30px;
	top:-178px;
	}	
#nextBtn, #nextBtn2{ 
	left:538px;
	}														
#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{  
	display:block;
	width:48px;
	height:77px;
	background:url(images/left_slide.png) no-repeat 0 0;	
	}	
#nextBtn a, #nextBtn2 a{ 
	background:url(images/right_slide.png) no-repeat 0 0;	
	}

#prevBtn:hover, #nextBtn:hover{
background-position: top right;
border:				none;
}


ul#feature_buttons{
margin:				0 0 0 440px;
padding:			3px 0 0 0;
width:				130px;
height:				27px;
}

ul#feature_buttons li{
display: 			block;
float:				left;
text-align: 		center;
color:				#7fb260;
padding:			0 0 5px 0;
font-size:			15px;
font-weight:		bold;
cursor: 			pointer;
margin:				0 4px 0 0;
width:				20px;
height:				17px;
overflow:			hidden;
background:			transparent url("images/feature_butt.jpg") no-repeat left 0; 		
}


ul#feature_buttons li:hover {
background-position:left -22px; 
color:				#558439;	
}

ul#feature_buttons li.active {
background-position:left -44px; 	
color:				#fefefe;
}





		/* EASYTOOLTIP */
		
#easyTooltip{
	color: 				#efefef;
	width: 				180px;
	z-index: 			13000;
	margin:				-125px 0 0 -103px;
	background:#5e5e5e  url(bg.gif) repeat-x;

}
	

#easyTooltip {
font-weight: 		bold;
font-size: 			16px;
margin: 			0;
color: 				#1b4b53;
padding: 			12px 8px 2px 8px;
text-align:			left;
line-height:		11px;
font-style:			italic;
background: 		url("images/bubble-top.png") no-repeat top right;
}


.tool-text {
color:				#fefefe;
font-size: 			13px;
padding: 			6px 8px 30px 8px;
line-height:		14px;
background: 		url("images/bubble-bottom.png") bottom left;
}