/*
================================================================================================================================================
Title:				CSS - Portfolio	Page
File:				  portfolio.css
Version:			1.0
Author:				Roman Leinwather
E-mail:				roman.leinwather@thrudigital.com
Website:			Thrudigital
URI:          http://www.thrudigital.com
Copyright:		Copyright (c) 2008 - 2009 Thrudigital
Updated:			21/10/2009
================================================================================================================================================

TABLE OF CONTENT

I.	Left Column		
II.	Right Column
			
================================================================================================================================================
*/

/*  I. Left Column ========================================================================================================================== */
#portfolio #centercol .portfolio_item {float:left; width:630px; clear:both; padding:35px 0 18px 0; background:url(../img/portfolio/bg_portfolio_item_top.png) -4px 0 no-repeat;}

#portfolio #centercol .portfolio_item .portfolio_image {float:left; width:340px;}
#portfolio #centercol .portfolio_item .portfolio_image p {float:left; width:340px;}
#portfolio #centercol .portfolio_item .portfolio_image a {float:left; margin-top:15px; text-decoration:none; background: url(../img/portfolio/bg_red_arrow.png) right 5px no-repeat; padding-right:11px;}


#portfolio .blog_post_page .post h2 {padding:0px; background:none;}
#portfolio .blog_post_page .post .entry {margin-top:0px;}


/* Screenshots */
#portfolio #centercol .portfolio_item#itv .portfolio_image .screenshot {float:left; width:338px; height:138px; border:1px solid #000; background:url(../img/portfolio/img_screenshot_itv.jpg) 0 0 no-repeat;}
#portfolio #centercol .portfolio_item#tds .portfolio_image .screenshot {float:left; width:338px; height:138px; border:1px solid #000; background:url(../img/portfolio/img_screenshot_tds.jpg) 0 0 no-repeat;}
#portfolio #centercol .portfolio_item#coe .portfolio_image .screenshot {float:left; width:338px; height:138px; border:1px solid #000; background:url(../img/portfolio/img_screenshot_coe.jpg) 0 0 no-repeat;}
#portfolio #centercol .portfolio_item#ts .portfolio_image .screenshot {float:left; width:338px; height:138px; border:1px solid #000; background:url(../img/portfolio/img_screenshot_ts.jpg) 0 0 no-repeat;}
#portfolio #centercol .portfolio_item#us .portfolio_image .screenshot {float:left; width:338px; height:138px; border:1px solid #000; background:url(../img/portfolio/img_screenshot_us.jpg) 0 0 no-repeat;}
#portfolio #centercol .portfolio_item#up .portfolio_image .screenshot {float:left; width:338px; height:138px; border:1px solid #000; background:url(../img/portfolio/img_screenshot_up.jpg) 0 0 no-repeat;}
#portfolio #centercol .portfolio_item#nhs .portfolio_image .screenshot {float:left; width:338px; height:138px; border:1px solid #000; background:url(../img/portfolio/img_screenshot_nhs.jpg) 0 0 no-repeat;}
#portfolio #centercol .portfolio_item#mm .portfolio_image .screenshot {float:left; width:338px; height:138px; border:1px solid #000; background:url(../img/portfolio/img_screenshot_mm.jpg) 0 0 no-repeat;}
#portfolio #centercol .portfolio_item#im .portfolio_image .screenshot {float:left; width:338px; height:138px; border:1px solid #000; background:url(../img/portfolio/img_screenshot_im.jpg) 0 0 no-repeat;}
#portfolio #centercol .portfolio_item#coe2 .portfolio_image .screenshot {float:left; width:338px; height:138px; border:1px solid #000; background:url(../img/portfolio/img_screenshot_coe2.jpg) 0 0 no-repeat;}


#portfolio #centercol .portfolio_item .portfolio_discription {float:left; width:272px; margin-left:18px;}
#portfolio #centercol .portfolio_item .portfolio_discription h4 {float:left; width:272px; clear:both; margin-top:15px; color:#2696a2; font-size:13px; font-weight:bold; padding-bottom:15px;}
#portfolio #centercol .portfolio_item .portfolio_discription p {float:left; width:272px; clear:both;}
#portfolio #centercol .portfolio_item .portfolio_discription .read_more {float:left; width:262px; padding-right:11px; clear:both; text-decoration:none; color:#ff3c00; background: url(../img/portfolio/bg_blue_arrow.png) right 5px no-repeat; text-align:right;}
#portfolio #centercol .portfolio_item .portfolio_discription .hide_description {float:left; width:262px; padding-right:13px; clear:both; text-decoration:none; color:#999; text-align:right; background:url(../img/portfolio/btn_close.png) right 4px no-repeat;}
#portfolio #centercol .portfolio_item .portfolio_discription .hiden_description {float:left; width:272px; display:none; margin-top:15px;}

#portfolio #centercol .portfolio_item .portfolio_discription a:hover {border-bottom:none;}

/* Logos */
#portfolio #centercol .portfolio_item#itv .portfolio_discription h3 {float:left; background:url(../img/portfolio/bg_logo_itv.png) 0 0 no-repeat; width:83px; height:41px; text-indent:-99999px;}
#portfolio #centercol .portfolio_item#tds .portfolio_discription h3 {float:left; background:url(../img/portfolio/bg_logo_tds.png) 0 0 no-repeat; width:196px; height:41px; text-indent:-99999px;}
#portfolio #centercol .portfolio_item#coe .portfolio_discription h3 {float:left; background:url(../img/portfolio/bg_logo_coe.png) 0 0 no-repeat; width:196px; height:41px; text-indent:-99999px;}
#portfolio #centercol .portfolio_item#ts .portfolio_discription h3 {float:left; background:url(../img/portfolio/bg_logo_ts.png) 0 0 no-repeat; width:196px; height:41px; text-indent:-99999px;}
#portfolio #centercol .portfolio_item#us .portfolio_discription h3 {float:left; background:url(../img/portfolio/bg_logo_us.png) 0 0 no-repeat; width:196px; height:41px; text-indent:-99999px;}
#portfolio #centercol .portfolio_item#up .portfolio_discription h3 {float:left; background:url(../img/portfolio/bg_logo_up.png) 0 0 no-repeat; width:196px; height:48px; text-indent:-99999px;}
#portfolio #centercol .portfolio_item#nhs .portfolio_discription h3 {float:left; background:url(../img/portfolio/bg_logo_nhs.png) 0 0 no-repeat; width:196px; height:41px; text-indent:-99999px;}
#portfolio #centercol .portfolio_item#mm .portfolio_discription h3 {float:left; background:url(../img/portfolio/bg_logo_up.png) 0 0 no-repeat; width:196px; height:48px; text-indent:-99999px;}
#portfolio #centercol .portfolio_item#im .portfolio_discription h3 {float:left; background:url(../img/portfolio/bg_logo_im.png) 0 0 no-repeat; width:196px; height:41px; text-indent:-99999px;}
#portfolio #centercol .portfolio_item#coe2 .portfolio_discription h3 {float:left; background:url(../img/portfolio/bg_logo_coe.png) 0 0 no-repeat; width:196px; height:41px; text-indent:-99999px;}



/*  I. Right Column ========================================================================================================================== */
#rightcol {float:left; width:280px; margin: 150px 0 0 20px;}