/*
Template Name: lambda
Version:1.0
Author: Bruno Villa
Email:bvillap@yahoo.com
*/

/*-----------------------------------------------------------------------------------------------------------------
// Reset //////////////////////////////////////////////////////////////////////////////////////////////////////////
-----------------------------------------------------------------------------------------------------------------*/

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;
}

address,caption,cite,code,dfn,em,strong,th,var 
{
	font-style:normal;
	font-weight:normal;
}

ol,ul 
{
	list-style:none;
}

h1,h2,h3,h4,h5,h6 
{
	font-size:100%;
	font-weight:normal;
	margin:0 0 20px;
	
	color:#333;
}

abbr,acronym
{ 
	border:0;
}

/*-----------------------------------------------------------------------------------------------------------------
// Common selectors ///////////////////////////////////////////////////////////////////////////////////////////////
-----------------------------------------------------------------------------------------------------------------*/

body
{
	line-height:22px;
	font-size:13px;
	font-family: Helvetica, arial;
	
	color:#808080;
	background: transparent url(/media/images/bg_light.jpg) repeat scroll 0 0;
}

a:active, a:focus
{
	outline:none;
}

p,table,pre
{
	margin:0 0 20px;
}

b
{
	color:#606060;
}

blockquote
{
	font-style:italic;
	text-indent:10px;
	margin:0 23px 0 0;
}

pre
{
	font-family:Courier New, Courier, monospace;
	white-space:normal;
	margin:20px 0;
	padding:10px;
	
	background:#f4f4f4;
	border-color:#e6e6e6;
	border-style:solid;
	border-width:1px 1px 1px 10px;
}

h1
{
	font-family: LeagueGothicRegular, Tahoma;
	font-size: 52px;
	line-height:52px;
	visibility:hidden;/* to give the script time */
}

h2
{
	font-family: Tahoma;
	font-size:27px;
	line-height:27px;
	display:inline-block;
}

h3
{
	font-size:21px;
}

h4
{
	font-size:19px;
}

h5
{
	font-size:17px;
}

h6
{
	font-size:15px;
}

h2 a, h3 a, h4 a, h5 a, h6 a
{
	text-decoration:none;
	
	color:#333;
}

li
{
	list-style-image:url(/media/images/bullet.png);
	margin:0 0 0 20px;
}

table
{
	/*border:1px solid #303030;*/
	border-collapse: collapse;
}

th, thead, thead .tr_odd
{
	background:#252525;
	font-weight:700;
	padding:5px 10px;
}

.tr_odd
{
	background:#eee;
}

td
{
	padding:5px 10px;
}

/*-----------------------------------------------------------------------------------------------------------------
// layout /////////////////////////////////////////////////////////////////////////////////////////////////////////
-----------------------------------------------------------------------------------------------------------------*/

.wrap 
{
	width:960px;
	margin:0 auto;
	padding:0 10px;
}

#header 
{
	height:155px; /* 180 with the 25 of the bottom */
	padding:0 20px;
	position:relative;
	z-index:99;
	
	background:#333;
}

#header_bar
{
	height:40px;/* 41px with the border */
	
	border-bottom:1px solid #000;
	background:#222;
	color:#ababab;
}

#header_bottom
{
	margin:0 auto;
	width:980px;
	height:40px;
	
	background:transparent url(/media/images/wrap_shadows.png) no-repeat scroll 100% 0;
}

#logo
{
	position:absolute;
	/*
	if the logo needs spacing use these:
	bottom:-5px;
	right:20px;
	*/
	bottom:-25px;
	right:0;
}

#title
{
	clear:both;
	position:absolute;
	bottom:-5px; /* The background is 25px tall so it gives the impression of being 20px above the border */
	left:20px;
	max-width:650px;
	margin:0;
	
	color:#999;
}

#title .title_focus
{
	color:#e0e0e0;
}

.content
{
	background:#fff;
	/*padding:10px 0;*/
}

	.content ul
	{
		margin:0 0 20px;
	}

.main_content
{
	min-height:200px;
}

.container_top
{
	margin:30px auto 0;
	width:980px;
	height:40px;
	
	background:transparent url(/media/images/wrap_shadows.png) no-repeat scroll 0 0;
}

.container_bottom
{
	margin:0 auto 30px; /* background has 15px shadow to the top */
	width:980px;
	height:40px;
	
	background:transparent url(/media/images/wrap_shadows.png) no-repeat scroll -980px 0;
}

.wrap_shadow_left
{
	margin:0 0 0 -10px;
	padding:0 0 0 10px;
	
	background:transparent url(/media/images/wrap_shadows.png) repeat-y scroll -1970px 0;
}

.wrap_shadow_right
{
	margin:0 -10px 0 0;
	padding:0 10px 0 0;
	
	background:transparent url(/media/images/wrap_shadows.png) repeat-y scroll -1000px 0;
}

#main, #main_right
{
	overflow:hidden;
	float:left;
	padding:0 20px;
}

#main_right
{
	float:right;
}

.condensed
{
	width:650px; /* 690 with the padding */
}

#sidebar
{
	overflow:hidden;
	width:230px;/* 270 with the padding */
	padding:0 20px;
}

#sidebar_left
{
	overflow:hidden;
	width:230px;/* 270 with the padding */
	float:left;
	padding:0 20px;
}

/*-----------------------------------------------------------------------------------------------------------------
// Navigation /////////////////////////////////////////////////////////////////////////////////////////////////////
-----------------------------------------------------------------------------------------------------------------*/

/* Top navigation */

#nav 
{

}

	#nav li 
	{
		list-style:none;
		float:left;
		margin:0px 10px;
		position:relative;
		z-index:999;
		
		background:#222;
	}
	
	#nav li:hover
	{
		background:#111;
	}
	
		#nav li:hover > a
		{
			color:#d4d4d4;
		}
	
		#nav li  a
		{
			float:left;
			padding:5px 10px;
			min-height:30px; /* min-height will allow an item to occupy multiple lines */
			line-height:30px;
			text-decoration:none;
			
			color:#ababab;
		}
	
	#nav .parent_li > a
	{
		padding:5px 20px 5px 10px;
		
		background:transparent url(/media/images/mixed.png) no-repeat scroll 100% -32px;
	}
	
	#nav .parent_li .parent_li > a
	{
		background:transparent url(/media/images/mixed.png) no-repeat scroll 100% -246px;
	}
	
/* Second level */

#nav li ul
{
	position:absolute;
	top:100%;
	left:0;
	display:none;
}

	#nav li ul li
	{
		float:none;
		margin:0;
	}
	
	#nav li ul li:first-child
	{
		margin:5px 0 0; /* Leave some space between the main links and the children */
	}
	
		#nav li ul li a
		{
			width:135px;
			display:block;
			float:none;
		}
		
/* Third level */
	
#nav li ul li ul
{
	top:0;
	left:100%;
}

	#nav li ul li ul li, #nav li ul li ul li:first-child
	{
		margin:0 0 0 5px;
	}
	
/* Triggers */

/* first 			second */
#nav li:hover > ul, #nav li ul li:hover > ul
{
	display:block;
}

/* sidebar navigation */

.side_nav
{
}
	
	.side_nav li
	{
		display:block;
		margin:0;
		
		border-left:1px solid #d4d4d4;
	}

	.side_nav li a
	{
		height:30px;
		line-height:30px;
		display:block;
		text-decoration:none;
		padding:0 0 0 20px;
		
		border-left:1px solid transparent;
	}
	
	.side_nav .current a
	{
		border-left:1px solid #d4d4d4;
		color:#999;
	}
	
	.side_nav li a:hover,
	.side_nav li:hover
	{
		border-left:1px solid #999;
	}

/*-----------------------------------------------------------------------------------------------------------------
// Useful classes /////////////////////////////////////////////////////////////////////////////////////////////////
-----------------------------------------------------------------------------------------------------------------*/

.clear
{
	clear:both;
}

.overflow_hidden
{
	overflow:hidden;
}

.left
{
	float:left;
}

.right
{
	float:right;
}

/*-----------------------------------------------------------------------------------------------------------------
// Footer /////////////////////////////////////////////////////////////////////////////////////////////////////////
-----------------------------------------------------------------------------------------------------------------*/

#footer
{
	padding:0 20px 20px;
}

#back_to_top
{
	position:fixed;
	bottom:20px;
	right:20px;
	display:none;
	height:32px;
	width:32px;
	
	background:transparent url(/media/images/mixed.png) no-repeat scroll 0 -214px;
}

#back_to_top:active
{
	bottom:18px;
}

/*-----------------------------------------------------------------------------------------------------------------
// Sidebar ////////////////////////////////////////////////////////////////////////////////////////////////////////
-----------------------------------------------------------------------------------------------------------------*/

#sidebar .module, #sidebar_left .module
{
	margin:0 0 40px;
}

#sidebar a img, #sidebar_left a img
{
	padding:2px;
	margin:0 0 10px;
	
	border:1px solid #bbb;
	background:#d9d9d9;
}

#sidebar a:last-child img, #sidebar_left a:last-child img
{
	margin:0;
}

#sidebar a:hover img, #sidebar_left a:hover img
{
	background:#c5c5c5;
}

/*-----------------------------------------------------------------------------------------------------------------
// Search /////////////////////////////////////////////////////////////////////////////////////////////////////////
-----------------------------------------------------------------------------------------------------------------*/

#search_wrap{
	position:relative;
	border-style:none solid solid;
	border-width:0 1px 1px;
	height:30px;
	width:230px;

	background:#e6e6e6 url(/media/images/mixed.png) repeat-x scroll 0 -152px;
	border-color:transparent #D9D9D9 #D9D9D9;
}

#search_button{
	width:22px;
	height:24px;
	position:absolute;
	top:3px;
	left:203px;
	cursor:pointer;
	border:0 none;
	
	background:transparent url(/media/images/mixed.png) no-repeat scroll 100% -88px;
}

#search_field
{
	float:left;
	padding:7px 5px 3px;
	margin:0;
	border:0;
	width:191px; /* 230 - padding - border */
}

/*-----------------------------------------------------------------------------------------------------------------
// Mixed //////////////////////////////////////////////////////////////////////////////////////////////////////////
-----------------------------------------------------------------------------------------------------------------*/

blockquote p
{
	padding:10px 30px;
	position:relative;
}


.quot_mark, .quot_mark_end
{
	font-size:40px;
	font-weight:bold;
	text-indent:0;
	position:absolute;
}

.quot_mark
{
	left:0;
}

.quot_mark_end
{
	right:0;
	bottom:0;
}

#top_panel
{
	display:none;
	/*height:200px;*/
	
	background:#222;
	/*border-bottom:1px solid #111;*/
}

#top_login
{
	padding:20px;
}

	#top_login input[type="text"], #top_login input[type="password"]{
		background:#333;
		border-color:#000;
		width:273px; /* only needed for ie but wtf */
	}

.login_link
{
	float:right;
	height:40px;
	line-height:40px;
	margin:0 20px 0 0;
	position:relative;
	display:inline-block;
	padding:0 10px;
	text-decoration:none;
	
	/*background:#111;*/
}

#social li
{
	list-style:none;
	float:right;
	margin:0;
}

	#social li a
	{
		display:block;
	}

#rss_link, #fb_link, #twitter_link
{
	height:16px;
	width:16px;
	margin:12px 20px 0 0;
	position:relative;
	
	background:transparent url(/media/images/mixed.png) no-repeat scroll 0 -72px;
}

#rss_link:hover, #fb_link:hover, #twitter_link:hover
{
	bottom:1px;
}

#fb_link
{
	background:transparent url(/media/images/mixed.png) no-repeat scroll 0 -182px;
}

#twitter_link
{
	background:transparent url(/media/images/mixed.png) no-repeat scroll 0 -198px;
}

a.make_me_btn,a.make_me_btn:visited,a.make_me_btn:hover
{
	text-decoration:none;
	font-weight:400;
	
	color:#fff;
}

.content_eyecatch
{
	display:block;
	text-align:center;
	font-size:20px;
	line-height:40px;
	padding:20px 0 0;
	margin:0 0 20px;
	
	/*background:#e4e4e4;
	border:2px solid #d9d9d9;*/
	border-top:1px dashed #d9d9d9;
	border-bottom:1px dashed #d9d9d9;
}

.eyecatch_link
{
	text-decoration:none;
	font-size:15px;
	line-height:30px;
	font-weight:bold;
	
	color:#f4f4f4;
}

.eyecatch_link_span
{
	margin:0 5px;
	padding:0 0 0 8px;/* 8px button radius */
}

.eyecatch_link_span2
{
	padding:0 8px 0 0;
}

.eyecatch_link, .eyecatch_link_span, .eyecatch_link_span2
{
	height:30px;
	display:inline-block;
	line-height:30px;/* needed for IE7 */
	position:relative; 
}

.blue_button, .green_button
{
	display:inline-block;
}

.blue_button a, .green_button a
{
	color:#fff !important;
}

.blue_button .eyecatch_link{ background:transparent url(/media/images/buttons.png) repeat-x scroll 0 -30px;/* buttons are 30px tall */ }

.blue_button .eyecatch_link_span{ background:transparent url(/media/images/buttons.png) no-repeat scroll 0 0; }

.blue_button .eyecatch_link_span2{ background:transparent url(/media/images/buttons.png) no-repeat scroll 100% 0; }

.eyecatch_link_span:hover{ bottom:2px; }

.green_button .eyecatch_link{ background:transparent url(/media/images/buttons.png) repeat-x scroll 0 -90px;/* buttons are 30px tall */ }

.green_button .eyecatch_link_span{ background:transparent url(/media/images/buttons.png) no-repeat scroll 0 -60px; }

.green_button .eyecatch_link_span2{ background:transparent url(/media/images/buttons.png) no-repeat scroll 100% -60px; }

/*-----------------------------------------------------------------------------------------------------------------
// Forms and inputs ///////////////////////////////////////////////////////////////////////////////////////////////
-----------------------------------------------------------------------------------------------------------------*/

textarea, input
{ 
	outline:none;
}

input[type="text"], input[type="password"],textarea, fieldset,form, select
{
	margin:0 0 20px;
}

input[type="text"], input[type="password"]
{
	border-style:none solid solid;
	border-width:0 1px 1px;
	height:20px;
	padding:7px 5px 3px 5px;
	
	background:#e6e6e6 url(/media/images/mixed.png) repeat-x scroll 0 -152px;
	color:#808080;
	border-color:transparent #D9D9D9 #D9D9D9;
}

input[type="file"]
{
	height:30px;
	display:inline-block;
	line-height:30px;
}

label
{
	display:inline-block;
	vertical-align:top;
	min-width:100px;
	padding:0 10px;
	line-height:31px;
}

label.error
{
	color:#ff0000;
}

select
{
	padding:3px 5px;
	
	background:#e6e6e6;
	color:#808080;
	border:1px solid #D9D9D9;
}

option
{
	padding:3px 5px;
}

textarea
{
	padding:7px 5px 3px 5px;
	
	background:#e6e6e6;
	color:#808080;
	border:1px solid #D9D9D9;
}

.focus_field
{
	background:#e6e6e6 !important;
}

fieldset
{
	border:1px solid #d9d9d9;
	padding:10px;
}

.button
{
	border:0 none;
	font-weight:400;
	
	text-shadow:-1px -1px 0 #111;
	color:#d4d4d4;
}

.button, .button_left, .button_right
{
	height:30px;
	display:inline-block;
	line-height:30px;/* needed for IE7 */
	position:relative; 
	
	background:transparent url(/media/images/buttons.png) repeat-x scroll 0 -150px;
}

.button_left
{
	margin:0 5px;
	padding:0 0 0 8px;/* 8px button radius */
	
	background:transparent url(/media/images/buttons.png) repeat-x scroll 0 -120px;
}

.button_right
{
	padding:0 8px 0 0;
	
	background:transparent url(/media/images/buttons.png) repeat-x scroll 100% -120px;
}

.button_left:hover .button
{
	cursor:pointer;
	background-position:0 -210px;
}

.button_left:hover .button_right
{
	background-position:100% -180px;
}

.button_left:hover 
{
	background-position:0 -180px;
}

/*-----------------------------------------------------------------------------------------------------------------
// Small columns //////////////////////////////////////////////////////////////////////////////////////////////////
-----------------------------------------------------------------------------------------------------------------*/

.small_columns
{
	clear:both;
	width:920px;
}

.condensed .small_columns{ width:650px; }

.col1_3,.col2_3,.col3_3,.col1_2,.col2_2
{
	float:left;
	overflow:hidden;
}

.col1_3
{
	margin:0 10px 0 0;
	width:293px;
}

.col2_3
{
	margin:0 10px;
	width:294px;
}

.col3_3
{
	margin:0 0 0 10px;
	width:293px;
}

.condensed .col1_3, .condensed .col3_3{ width:203px; }

.condensed .col2_3{ width:204px; }

.col1_2
{
	margin: 0 10px 0 0;
	width:450px;
}

.col2_2
{
	margin: 0 0 0 10px;
	width:450px;
}

.condensed .col1_2, .condensed .col2_2{ width:315px; }

/*-----------------------------------------------------------------------------------------------------------------
// Font replacement ///////////////////////////////////////////////////////////////////////////////////////////////
-----------------------------------------------------------------------------------------------------------------*/

@font-face 
{
	font-family: 'LeagueGothicRegular';
    src: url('../fonts/League_Gothic.eot');
    src: local('../fonts/League_Gothic'), 
         local('../fonts/League_Gothic'), 
         url('../fonts/League_Gothic.ttf') format('truetype');
}

/*-----------------------------------------------------------------------------------------------------------------
// Slider /////////////////////////////////////////////////////////////////////////////////////////////////////////
-----------------------------------------------------------------------------------------------------------------*/

.slider_viewport
{
	overflow:hidden;
	height:100%;
	position:relative;
	margin:0 20px;
}

.slide
{
	float:left;
	position:relative;
	width:920px;
	visibility:hidden;
	
	background:#fff;
}

.content .slider_pagination
{
	display:inline-block;
	margin:0;
}

	.slider_pagination a
	{
		width:8px;
		height:20px;
		margin:0 2px;
		
		background:#d9d9d9;
	}
	
	.slider_pagination li
	{
		display:inline-block;
		margin:0;
	}
	
	.slider_pagination .current_index a, .slider_pagination  a:hover
	{
		background:#333;
	}

.slider_controls
{
	position:relative;
	text-align:right;
	margin:10px 20px 0 0;
}

	.slider_controls a
	{
		display:inline-block;
	}

.slider_previous
{
	height:20px;
	width:16px;
	background:transparent url(/media/images/mixed.png) no-repeat scroll 0 -112px;
}

.slider_previous:hover
{
	background-position:100% -112px ; 
}

.slider_next
{
	height:20px;
	width:16px;
	background:transparent url(/media/images/mixed.png) no-repeat scroll 0 -132px;
}

.slider_next:hover
{
	background-position:100% -132px ; 
}

/*-----------------------------------------------------------------------------------------------------------------
// Post styling ///////////////////////////////////////////////////////////////////////////////////////////////////
-----------------------------------------------------------------------------------------------------------------*/

.post
{
	margin:0 0 70px;
	float:right;
	width:595px; /* same as main condensed minus space for date (50px) */
}

.post h2
{
	margin:0 0 20px;
}

.post p:first-child
{
	margin:0 0 20px;
}

.main_content img
{
	padding:2px;
	margin:0 0 20px;
	display:block;
	
	border:1px solid #bbb;
	background:#d9d9d9;
}

.main_content img.left, .main_content img[align="left"]
{
	margin:0 20px 20px 0;
}

.main_content img.right, .main_content img[align="right"]
{
	margin:0 0 20px 20px;
}

.caption_wrap
{
	display:block;
	text-align:center;
}

.caption_wrap p
{
	margin:0;
	position:relative;
	top:5px;
	font-variant:small-caps;
	text-transform:lowercase;
	
	color:#666;
}

.post_side_info
{
	float:left;
	width:50px; /* same as main condensed minus space for date (50px) */
	padding:5px 0;
	margin:0 0 5px 0;
	overflow:hidden;
	text-align:center;
}

.post_date span
{
	display:block;
	font-weight:bold;
}

.post_comments_icon, .post_comments_icon:visited
{
	display:block;
	margin:0 auto;
	height:32px;
	width:26px; /* 32px with the padding */
	line-height:25px;
	text-decoration:none;
	padding:0 3px;
	overflow:hidden;
	position:relative;
	
	background:transparent url(/media/images/mixed.png) no-repeat scroll 0 0;
	color:#333;
}

.year
{
	font-size:15px;
	
	color:#bbb;
}

.month
{
	font-size:17px;
	
	color:#aaa;
}

.day
{
	font-size:19px;
}

/* comments */

.comment_wrap
{
	padding:0 0 0 20px;
	clear:both;
}

.comment_wrap .comment_wrap
{
	background:transparent url(/media/images/alpha70.png) no-repeat scroll 0 8px;
}

.comment
{
	margin:10px 0 0;
	max-width:794px; /* 650 - avatar - margin */
}

.comment_wrap .comment{max-width: 774px;}
.comment_wrap .comment_wrap .comment{max-width: 754px;}
.comment_wrap .comment_wrap .comment_wrap .comment{max-width: 734px;}
.comment_wrap .comment_wrap .comment_wrap .comment_wrap .comment{max-width: 714px;}

.condensed .comment
{
	max-width: 524px; /* 650 - avatar - margin */
}

.condensed .comment_wrap .comment{max-width: 504px;}
.condensed .comment_wrap .comment_wrap .comment{max-width: 484px;}
.condensed .comment_wrap .comment_wrap .comment_wrap .comment{max-width: 464px;}
.condensed .comment_wrap .comment_wrap .comment_wrap .comment_wrap .comment{max-width: 444px;}

.comment_author
{
	font-weight:800;
	font-size:16px;
}

.comment_author a
{
	text-decoration:none;
}

.comments_pagination li
{	
	display:inline-block;
	margin:5px 1px;
}

.comments_pagination li a,
.comments_current_page
{
	display:block;
	height:20px;
	width:20px;
	line-height:20px;
	text-decoration:none;
	text-align:center;
	border:1px solid transparent;
}

.comments_pagination li a:hover
{
	border:1px solid #ccc;
}

.comments_current_page
{	
	background:#E6E6E6;
	border:1px solid #d9d9d9;
}

#reply
{
	margin:20px 0 0;
}

/*-----------------------------------------------------------------------------------------------------------------
// Contact ////////////////////////////////////////////////////////////////////////////////////////////////////////
-----------------------------------------------------------------------------------------------------------------*/

.address
{
	width:180px;
	padding:0 20px 20px 0;
}

.address_item
{
	font-weight:800;
}

#contact_form
{
	margin:40px 0;
}

/*-----------------------------------------------------------------------------------------------------------------
// Portfolio //////////////////////////////////////////////////////////////////////////////////////////////////////
-----------------------------------------------------------------------------------------------------------------*/

.tabs_nav
{
	position:relative;
	top:-25px;
	
	background:#e6e6e6;
	border-bottom:1px solid #d9d9d9;
}

	.tabs_nav ul
	{
		margin:0;
	}

	.tabs_nav li
	{
		display:inline-block;
	}

	.tabs_nav li a
	{
		display:inline-block;
		height:40px;
		padding:0 10px;
		line-height:40px;
		font-size:14px;
		text-decoration:none;
		border-width:0 1px;
		border-style:solid;
		border-color:transparent;
	}
	
	.tabs_nav .current a
	{
		background:#fff;
		border-color:#d9d9d9;
		position:relative;
		top:1px;
	}

div.tabs .portfolio_item
{
	position:relative;
	float:left;
	margin:0 13px 26px;
	overflow:hidden;
	display:block;
}

	.portfolio_item img
	{
		margin:0;
		padding:4px;
	}
	
.portfolio_description
{
	position:absolute;
	z-index:99;
	padding:9px;
	border-width:0 1px 1px;
	border-style:solid;
	
	background:#d9d9d9;
	border-color:#bbb;
}

	.portfolio_description h3,
	.portfolio_description h4,
	.portfolio_description h5
	{
		margin:0 0 5px;
	}
	
	.portfolio_description p
	{
		margin:0;
	}

/* pagination */
div.tabs .portfolio_pagination
{
	margin:10px 0 0;
}

.portfolio_pagination li,
.blog_pagination li
{	
	display:inline-block;
	margin:5px 3px;
}

.portfolio_pagination li a,
.blog_pagination li a
{
	display:block;
	height:25px;
	width:25px;
	line-height:25px;
	text-decoration:none;
	text-align:center;
	
	background:#E6E6E6;
	border:1px solid #d9d9d9;
}

.portfolio_pagination .next_page a, 
.portfolio_pagination .prev_page a,
.blog_pagination .next_page a,
.blog_pagination .prev_page a
{
	width:auto;
	padding:0 5px;
}

.portfolio_pagination li a:hover,
.blog_pagination li a:hover
{
	background:#fff;
	border:1px solid #ccc;
}

.portfolio_pagination .current_page a,
.blog_pagination .current_page a
{	
	background:0 none;
}

.img_overlay
{
	position:absolute;
	top:5px;/* images have 5px border + padding */
	left:5px;
	
	background:transparent url(/media/images/alpha70.png) repeat scroll 0 0;
}

/*-----------------------------------------------------------------------------------------------------------------
// Browser specific ///////////////////////////////////////////////////////////////////////////////////////////////
-----------------------------------------------------------------------------------------------------------------*/

.ie7 #header_bar
{
	float:left; /* without float it won't move when the panle slides down */
}

.ie7 ul.side_nav li, 
.ie7 ul#nav li, 
.ie7 .tabs_nav li, 
.ie7 .portfolio_pagination li,
.ie7 .blog_pagination li,
.ie7 .comments_pagination li ,
.ie7 div.tabs li
{
	list-style:none;
	list-style-image:none; /* setting display:block doesn't remove the bullet */
}

.ie7 .portfolio_pagination li, 
.ie7 .tabs_nav li, 
.ie7 .comments_pagination li , 
.ie7 .content .slider_pagination li, 
.ie7 .content .slider_pagination,
.ie7 .portfolio_pagination li,
.ie7 .blog_pagination li,
.ie7 div.tabs li
{
	display:inline;
}

.ie7 span.img_overlay
{
	cursor:pointer;
}

.ie7 #nav li ul
{
	width:165px;/* giving sub lists a width fixes the choppy slidedown effect */
}

.ie7 #nav li ul li ul
{
	width:170px;/* mind the padding */
}

.ie7 label
{
	margin:1px 0 0;
}

.ie7 #cboxTopCenter
{
	/*height:30px;*/
}

.ie7 .comments_pagination li
{
	margin:0 2px;
}

.ie7 .comments_pagination li a
{
	background:#fff; /* this is a weird one - with only a border ie7 doesn't get the whole thing is clickable */
}

.ie7 .tabs_nav
{
	height:40px;
}

.ie7 legend
{
	color:#808080;
	margin:0 0 10px;
}

.ie7 #title
{
	line-height:50px;/* unfortunately ie will cut the lower part of the letters if this line-height is the same as the font size */
}

.ie7 #logo
{
	bottom:-28px;
}

.ie7 .quot_mark, 
.ie7 .quot_mark_end
{
	line-height:40px;
}

/*-----------------------------------------------------------------------------------------------------------------
// Colorbox ///////////////////////////////////////////////////////////////////////////////////////////////////////
-----------------------------------------------------------------------------------------------------------------*/

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(/media/images/colorbox/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(/media/images/colorbox/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(/media/images/colorbox/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/media/images/colorbox/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(/media/images/colorbox/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(/media/images/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/media/images/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/media/images/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/media/images/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/media/images/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/media/images/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(/media/images/colorbox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(/media/images/colorbox/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(/media/images/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
/*.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/media/images/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/media/images/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/media/images/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/media/images/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/media/images/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/media/images/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/media/images/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/media/images/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}*/

#tilfreds table{background:#fff;}
#tilfreds tr, th{background:#fff;}
#tilfreds img{background:#fff;}




/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */