#gallery{overflow: hidden;}
.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}




.wp-pagenavi a, .wp-pagenavi a:link { padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #0066cc; color: #0066cc; background-color: #FFFFFF;	}
.wp-pagenavi a:visited {padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #0066cc; color: #0066cc; background-color: #FFFFFF;}
.wp-pagenavi a:hover {	border: 1px solid #000000;color: #000000; background-color: #FFFFFF;}
.wp-pagenavi a:active { padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #0066cc; color: #0066cc; background-color: #FFFFFF; }



.wp-pagenavi span.current {

	padding: 2px 4px 2px 4px; 

	margin: 2px;

	font-weight: bold;border: 1px solid #000000;color: #000000;background-color: #FFFFFF;

}

.wp-pagenavi span.extend {

	padding: 2px 4px 2px 4px; 

	margin: 2px;	

	border: 1px solid #000000;

	color: #000000;

	background-color: #FFFFFF;

}

http://www.woothemes.com/demo/productum/wp-content/themes/productum/styles/fresh_blue.css



#contentWrap {
	background:transparent url(img/bg-rounded-double.gif) no-repeat scroll 0 bottom !important;
}

#header {
	background:transparent url(img/bg-header.jpg) no-repeat scroll 0 0 !important;
}

a, a:link, a:visited {
	color:#2c7bb1;
}

a:hover, a:active, a.active {
	color:#2c7bb1;
}

ul.sf-menu li.page_item a:hover, ul.sf-menu li.page_item.current_page_item a {
	color:#2c7bb1;
}

#home #header {
	background:transparent url(img/bg-header-home.gif) no-repeat scroll 0 0 !important;
}

#home #header ul#featuredNav li a {
	background-color:#24251d;
	border-color:#000000;
	color:#FFFFFF;
}

#home #header ul#featuredNav li a:hover {
	border-color:#ebe9e1;
}

ul#showcase li a:hover, ul#showcase li a.active {
	border:1px solid #2c7bb1;
}



.credits {
	color:#333333 !important;
}

.credits a {
	color:#000000 !important;
}

http://www.woothemes.com/demo/productum/wp-content/themes/productum/960.css

/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Containers
----------------------------------------------------------------------------------------------------*/

.container_12,
.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.container_12 .grid_3,
.container_16 .grid_4 {
	width: 220px;
}

.container_12 .grid_6,
.container_16 .grid_8 {
	width: 460px;
}

.container_12 .grid_9,
.container_16 .grid_12 {
	width: 700px;
}

.container_12 .grid_12,
.container_16 .grid_16 {
	width: 500px;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}


/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

http://www.woothemes.com/demo/productum/wp-content/themes/productum/style.css








* { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline }
html { height: 100% }
img, fieldset, abbr, acronym { border: 0 }
ul, ol { list-style: none }
table { border-collapse: collapse; border-spacing: 0; width: 100% }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
caption, th { text-align: left }
q:before, q:after, blockquote:before, blockquote:after { content: '' }
input, select, textarea, button { font-size: 1em; line-height: normal; width: auto; vertical-align: middle }
textarea { height: auto; overflow: auto }
option { padding-left: 0.6em }
button { background: none; border: 0; cursor: pointer; text-align: center }
h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: normal; color:#666666; }







	

body {	background: white url(img/bg.gif) repeat-x;	color: #4e4e4e;	font-family: "Trebuchet MS";

	font-size: 85%;

	line-height: 1.5em;

	text-align: center;

	padding: 0 0 30px;
	
	

}



p, ul, ol, table { margin: 0 0 1.33em }



strong { color: #202325; font-weight: bold }

em { font-style: italic }





/* Headlines */

h1 {

	color: #252525;

	font-size: 1.8em;

	font-weight: bold;

	line-height: 1em;

	margin: 0 0 15px;

}



h2 {

	color: #252525;

	font-size: 1.5em;

	font-weight: bold;

	line-height: 1em;

	margin: 0 0 15px;

}

h3 {
	color: #252525;
	font-size: 1.33em;
	font-weight: bold;
	line-height: 1em;
	margin: 0 0 15px;}

h4 {color: #252525;font-size: 1.2em;font-weight: bold;line-height: 1em;	margin: 0 0 15px;}
h5 {color: #252525;font-size: 1em;margin: 0 0 15px;}
h6 {color: #252525; font-size: .90em; margin: 0 0 15px;}



#footer h5 {margin-bottom:0 !important;}





/* Anchors */

a, a:link, a:visited {

	text-decoration: none;

}

a:hover, a:active, a.active {

	text-decoration: underline;

}





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

2.b Base layout

---------------------------------

[?] Mostly ID's. Classes & tags allowed.

*/



#wrap {margin: auto;text-align: left;width: 984px;position: relative;}
#header, #header_inside, #content, #footer, #contentWrap, #footerWrap {float: left; display: inline;clear: both; position: relative;}
#header_inside { background: url(img/bg-header.gif) no-repeat; height: 186px; width: 100%;}
#header {background: url(img/bg-header.jpg) no-repeat; height: 136px; width: 100%;}
#home #header {height: 376px;}
#logo { margin: 0; }
#logo a {cursor: pointer;position: absolute;top: 10px; left: 23px;}
#tagline {background: url(img/bg-tagline.png);-moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;color: #fff;
font-size: 1.33em;font-style: italic;margin: 0;padding: 10px 12px;position: absolute;top: 31px; right: 22px;}
#tagline a {color: #81c3f8;text-decoration: none;}

#content {width: 100%;}
#contentWrap {padding: 24px 12px 0px; width: 960px; background-color:white;}
#home #contentWrap { padding-top: 15px }
#footer {width: 100%; background: #e3eaf0;  }
#footerWrap {padding: 0 12px 12px; width: 960px;}

#sidebar_inside { width: 350px; float: right; padding-top: 20px;}
#sidebar_inside h3 { font-size: 1.5em }
#sidebar_inside h4 { margin: 0 0 3px }



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

2.c Navigations

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



/* Page Nav */
#nav {height: 36px;position: absolute;top: 150px; left: 8px;z-index: 9999;}
#nav a {display: block;line-height: 35px;	padding: 0 20px; z-index: 100;font-size: 14px; font-weight:bold; text-transform:uppercase; color: #ffffff;}
#nav li {	float: left;}


/* Style drop down list */
#nav li ul { position: absolute; width: 172px; left: -999em;}
#nav li ul li {	background: url(images/bg-dropdown.png) !important;background: #000; }
#nav li ul li a { line-height: 35px; width: 150px; }
#nav li ul ul {	margin: -26px 0 0 170px; }
#nav li ul ul li a { line-height: 30px; text-transform:none; }
#nav li ul li ul li a { }
#nav li:hover ul, #nav li.sfhover ul { left: auto; }
#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; }
#nav li:hover, #nav li.hover { position: static; } /* IE7 Fix */

.lang { margin-left: 140px; display:inline;}
.lang_non_aktiv {font-size: 14px; font-weight:bold; text-transform:uppercase; color: #c1d830; display: block; line-height: 35px; padding: 0 20px;
}

/* PageNavi */

.ala_navi { font-size:12px; padding: 10px; margin: 10px 30px 40px 0px; width: 150px; float: left; }
.ala_navi ul { margin: 0; padding:0; }
.ala_navi ul li { border-bottom: dotted 1px #c0c0c0; list-style-position: inside;} 

.list_otsikko { color: #2c7bb1; font-weight: bold; }
.list_inside { list-style-image: url('img/ikon_inisde.gif'); margin-left: 5px; }


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

2.d Elements, ID's & Classes

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



div#featuredTxt {

	color: white;

	width: 480px;

	position: absolute;

	top: 208px; left: 30px; font-weight: bold;

}

	#home #header h2 {

		color: #fff;

		font-size: 1.5em;

		text-transform: uppercase;

		margin: 0 0 12px;

	}

	#home #header p {

		font-size: 1.17em;

		line-height: 1.43em;

	}



#home #header ul#featuredNav {

	margin: 0;

	position: absolute;

	width:480px;

	top: 300px; left: 20px;

}

	

	#home #header ul#featuredNav li {

		float:left;

		margin-right:20px;



	}

	

	#home #header ul#featuredNav li a {

		color: #fff;

		font-size: 1.08em;

		font-weight: bold;

		text-transform: uppercase;

		text-decoration: none;

		display: block;

		border-width:1px;

		border-style:solid;

		padding:8px;

		-moz-border-radius: 10px;

		-webkit-border-radius: 10px;

	}



	

	

	ul#galleryNav {

		width: 460px;

		position: absolute;

		top: 80px; left: 0;

		z-index: 9999;

	}

		ul#galleryNav li#left a, ul#galleryNav li#right a {

			background: url(images/bt-left-right.gif) no-repeat;

			width: 14px; height: 34px;

			position: absolute;

			top: 0; left: 10px;

		}

		ul#galleryNav li#right a {

			background-position: -14px 0;

			top: 0; left: 435px;

		}



#featuredImg {

	height: 285px; width: 480;

	position: absolute;

	top: 133px; right: 0;

	z-index: 9999;

}

	#featuredImg p {

		top: 0; right: 15px;

		position: absolute;

		z-index: 9999;

	}



div#loader {

	

	height: 285; width: 480px;

	position: absolute;

	top: 33px; right: 0;

	z-index: 10000;

}



ul#showcase {

	float: left;

	display: inline;

	width: 480px;

	margin: 75px 0 20px -20px;

	padding: 0 0 0 10px;

}

	ul#showcase li {

		float: left;

		display: inline;

		margin: 15px 0 0 20px;

	}

		ul#showcase li a {

			float: left;

			border: 1px solid #d2d2d2;

			width: 98px;

		}

	

			ul#showcase li a img { display: block }





h2.single { font-size: 2.17em; margin-bottom:15px; }
h2.archive { border-bottom: 1px solid #E4E4E4; padding-bottom:15px;}
#sidebar h3, #sidebar2 h3 { font-size: 1.5em }
#sidebar h4, #sidebar2 h4 { margin: 0 0 3px }
#home #sidebar h4, #home #sidebar2 h4 { margin: 0 0 18px }



#sidebar .thumbnail {
	margin-bottom:15px;
	border: 1px solid #e4e4e4;}


#footerWrap h4 { margin: 0 0 10px }
#footerWrap h3 { padding: 5px 0 5px 0 }
#footerWrap h2 {font-size:1.33em; line-height:1em; padding: 5px 0 5px 0 }
h3#news { background: url(images/ico-news.gif) no-repeat; height: 32px; padding: 5px 0 0 0px; text-align:center; margin-bottom:20px }
h3#subscribe { background: url(images/ico-subscribe.gif) no-repeat; height: 32px; padding: 5px 0 0 44px }
h3#popular { background: url(images/ico-press.gif) no-repeat; height: 32px; padding: 5px 0 0 44px }
blockquote p {

	color: #666;

	font-size: 16px;

	font-style: italic;

	margin-left: -15px;	
	line-height: 22px;

}



ul.news li {border-bottom: 1px solid #e4e4e4;margin: 0 0 15px;}
ul.news li h4 {	margin: 0 }	
#sidebar2 ul.photos {width: 240px;margin: 0 0 1.5em -20px;}




span.website {color:#e5edf0;font-family:Georgia,"Times New Roman",Times,serif; font-size:1.1em; font-style:italic; line-height:1.43em; padding:3px;text-align:center;
	background-attachment: scroll;background-color: #A3B7BD;background-image: none;background-repeat: repeat; background-position: 0 0;}



span.website a {color:#e5edf0;}







.wp-caption {

	-moz-border-radius-bottomleft:3px;

	-moz-border-radius-bottomright:3px;

	-moz-border-radius-topleft:3px;

	-moz-border-radius-topright:3px;

	background-color:#EEEEEE;

	border:1px solid #DDDDDD;

	padding:4px 0 5px;

	text-align:center;

}

.wp-caption-text {padding:3px 0 0;	font-size:11px;}



#footerWrap ul { margin: 0 0 8px; }
#footerWrap h4 {color: #2f3032; font-size: 1.17em;font-weight: bold;line-height: 1.43em;}
#footerWrap ul li p {color:#333333;margin:0;}
#footerWrap ul li {margin: 0 0 5px;}
#footerWrap ul li ul {margin: 0;}

#footerWrap .div_left { width: 450px; float:left; padding: 15px 25px 0 5px;}	
#footerWrap .div_right { width: 450px;  float:left;  padding: 15px 5px 0 0px; text-align:right;}	
#footerWrap .div_right  li {	float: right; padding: 0 15px 0 15px; }

.credits {

	text-align:center;

	padding-top:15px;

	color:#FFFFFF;

}

	

	 .credits a {

		display:inline;

		color:#FFFFFF;

		text-decoration:underline;

	}

	

	 .credits img {

		vertical-align:middle;

	}





/* Blog */



.entry {padding-bottom:1em;margin-bottom:1em;}
.entry ul li {background:transparent url(images/bullet.gif) no-repeat scroll 4px 4px;line-height:140%;padding:0 0 1em 18px;}
.entry ol li {line-height:140%;padding:0 0 1em 0;list-style-position: inside;list-style-type:decimal;}



#line_break {

	margin-top:2.5em;

	padding-top:3em;

	border-top:1px solid #E4E4E4;

}



#prevPosts {

	background: #232528;

	width: 460px;

	height: 200px;

	position: relative;

}

	#prevPosts h3 {

		color: #fff;

		height: 32px;

		padding: 5px 0 0 0;

		position: absolute;

		top: 10px; left: 10px;

	}

	

p.post_meta { font-size:11px; color:#333333; }



p.post_meta span { background: url(images/post_meta_bg.jpg) no-repeat; padding: 3px 0 3px 21px; }



div#comments {}



	ol.commentlist { margin-bottom: 3em; border-top:1px solid #E4E4E4; }

	

		ol.commentlist li.odd {background-color:#f4f4f4;}

		

		ol.commentlist li h4 { margin-bottom: 0; }

		

		ol.commentlist li { padding:1.5em; border-bottom:1px solid #E4E4E4; position: relative; }



			ol.commentlist .avatar { float: right; display: inline; margin: 0 0 1.5em 1.5em; padding:4px; background-color:#ffffff; border: solid 1px #E4E4E4; }



			ol.commentlist li cite { font-size: 1.3em; font-weight:bold }

			

			ol.commentlist li .comment-meta { font-size: .92e; margin-bottom:1em }

			

		ol.commentlist ul.children li { position:relative; margin:1.5em 1.5em 0 1.5em; }

		

		ol.commentlist .odd ul.children li { background-color:#ffffff; }

		

		ol.commentlist .odd ul li ul.children li { background-color:#F4F4F4; }

		

	#respond #author, #respond #email, #respond #url, #respond #comment {

		border: 1px solid #cccccc;

		padding:5px;

	}

	

	#respond label {

		padding:5px;

		margin-left:5px;

	}

	

	

	



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



3.	FORMS

	Styles for forms only



--------------------------------------------------------------------



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

3.a Form styles

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



input.text, select.select, textarea.textarea

{

	border: 1px solid #B6CCD4;

	color: #000;

	padding: 6px;

}

input.text { width: 195px }

select.select { width: 200px }

textarea.textarea { height: 10em; width: 446px }



select.select.free {	width: auto }



button.button {

	color: #000;

	height: auto; width: auto;

	line-height: normal;

	white-space: nowrap;

}



input.submit {

	color: #000;

	cursor: pointer;

	padding: 0;

}





/* General forms */

form.form { /* nothing here */ }



	form.form ol.fieldset {	list-style: none }

	

		form.form ol.fieldset li.field {

			margin: 0 0 1em;

			position: relative;

		}

			form.form ol.fieldset li.field label {

				font-weight: bold;

				display: block;

			}

			

	form.form p.submit { /* nothing here */ }





/* Search forms where button and text input are next to each other  */

form.search { /* nothing here */ }



	form.search p.fields { margin: 0 }



		form.search p.fields input, form.search p.fields button {

			display: inline;

			vertical-align: middle;

		}



		




.l { text-align: left }

.c { text-align: center }

.r { text-align: right }



.wrap, .col { float: left;	display: inline; position: relative; }

.wrap { clear: both }



.clear { clear: both }

.fl { float: left }

.fr { float: right }

.hide, .hidden, .skip { display: none }

.nomargin { margin-bottom: 0 !important }

.noborder { border: 0 !important }

.top { margin-top: 0 !important }



.hr { background: #ccc; height: 1px; margin: 1.5em 0; }

.hr hr { display: none }



.replace, .br { display: block; font-size: 1%; line-height: 0; text-align: left; text-indent: -10000px; }

.opacity { -moz-opacity: 0.95; opacity: 0.95; filter: alpha(opacity = 95); }

.rounded { -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }



.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden }



.fix {

	clear:both;

	height: 1px;

	margin: 0 0 -1px;

	overflow: hidden;

}



/* Align */



.aligncenter {

	margin: 10px auto 20px auto;

	display: block;

}



.alignleft {

	margin: 10px 20px 8px 0;

	float: left;

}



.alignright {

	margin: 10px 0px 8px 20px;

	float: right;

}