/*
Theme Name:     crw
Description:    CRW.lu Theme
Author:         Michel Weimerskirch
Template:       twentyten
*/

@import url(../twentyten/style.css);

body, input, textarea, .page-title span, .pingback a.url,
h3#comments-title, h3#reply-title, #access .menu, #access div.menu ul, #cancel-comment-reply-link, .form-allowed-tags, #site-info, #site-title, #wp-calendar, .comment-meta, .comment-body tr th, .comment-body thead th, .entry-content label, .entry-content tr th, .entry-content thead th, .entry-meta, .entry-title, .entry-utility, #respond label, .navigation, .page-title, .pingback p, .reply, .widget-title, .wp-caption-text 
{ font-family: sans-serif; }

/* #content .gform_body p { margin-bottom: 0 } */
#content .gform_body input, #content .wpcf7 textarea { border: 1px solid black; margin-bottom: 12px; width: 100% }
#content .gform_body input:focus, #content .wpcf7 textarea:focus { border-color: white; }
#gforms_confirmation_message {
	border: 1px solid #1C99C2;
	padding: 10px;
	background: white;
	color: #333;
}

#branding img { border: 0 }
#header { padding: 0 }
#wrapper {
  margin-top: 0;
     -moz-box-shadow: 0 0 30px #000; /* FF3.5+ */
  -webkit-box-shadow: 0 0 30px #000; /* Saf3.0+, Chrome */
          box-shadow: 0 0 30px #000; /* Opera 10.5, IE9 */
}

#footer-widget-area .widget-area {
float: none;
margin-right: 0;
width: auto;
text-align: center;
}
#content .entry-title { text-transform: uppercase; font-weight: normal }
#colophon { border-top: 0; padding: 18px 0 0 0 }

#access .menu-header, div.menu { margin-left: 55px; }

#content .entry-title, .entry-title a:link, .entry-title a:visited { color: #1c99c2 }
#content h1, #content h2, #content h3 { color: #1c99c2 }
a:link, a:visited { color: #1c99c2; text-decoration: none }
a:hover{ color: #1c99c2; text-decoration: underline }


#support {
	position: absolute;
	bottom: -55px;
	left: 5px;
	opacity: 0.5;
	z-index: 100;
}
#support:hover {
	opacity: 1;
}

@media screen {
	#access .menu-header, div.menu, #colophon, #branding, #main, #wrapper { width: 950px; }

	body { background-color: #e5e5e5 }
	#wrapper { background: black url(images/bg.jpg) repeat-x; padding: 0 }
	#access { background-color: transparent }
	#access .menu-header ul, div.menu ul { width: 950px; margin: 0 auto }
	#access a { color: #191919; background: transparent url(images/menubutton.png) no-repeat 0 10px; /*background-color: #E5E5E5; */margin: 0 -10px 0 -30px; /*padding: 0 15px*/ text-align: center; width: 163px; text-transform: uppercase; font-weight: bold; letter-spacing: -1px; line-height: 52px }
	#access ul li.current_page_item > a, #access ul li.current-menu-ancestor > a, #access ul li.current-menu-item > a, #access ul li.current-menu-parent > a, #access a:hover { background: transparent url(images/menubutton.png) no-repeat 0 -42px !important; color: black !important }
	#access ul li ul li a { background: #e5e5e5 }
	#access ul li ul li.current_page_item a,
	#access ul li ul li.current-menu-ancestor a,
	#access ul li ul li.current-menu-item a,
	#access ul li ul li.current-menu-parent a,
	#access ul li ul li a:hover { background: #e5e5e5 !important }
	#access ul li ul { top: 46px }

	#footertag { color: #707070; width: 950px; margin: 0 auto; text-align: right; padding: 10px 10px; margin-bottom: 20px }
	#footertag a { color: #707070; text-decoration: none }
	#footertag a:hover { color: #444 }

	#main { overflow: visible }
	#container { position: relative; }
	#content { margin: 0; padding: 20px 0 20px 20px; border-left: 1px solid #1c99c2; border-top: 1px solid #1c99c2; }
	#content, #colophon a, .default_product_display .wpsc_variation_forms label { color: #C9C9C9 !important }

	#content_border { margin: 0 0 0 420px; padding-right: 80px; background: transparent url(images/content-bg.png) repeat; }
	#bottom_border1 { clear: both; float: right; width: 530px;  }
	#bottom_border1 div { border-left: 1px solid #1c99c2; border-bottom: 1px solid #1c99c2; margin-right: 400px; }
	#bottom_border2 { margin-top: -1px; clear: both; float: right; width: 400px; background: transparent url(images/content-bg.png) repeat;  }
	#bottom_border2 div { border-left: 1px solid #1c99c2; border-bottom: 1px solid #1c99c2; margin-right: 300px; height: 10px }
	#bottom_border3 { clear: both; width: 600px; height: 20px; border-right: 1px solid #1c99c2; border-bottom: 1px solid #1c99c2; margin-bottom: 40px }
    
	#colophon { background: transparent url(images/signature-small.png) no-repeat 5px 20px; position: relative }
	
	#postimage { position: absolute; top: 25px; left: -20px; z-index: 100; }
	#postimage img, .imagecol img {
		-moz-box-shadow: 0 0 10px #000; /* FF3.5+ */
		-webkit-box-shadow: 0 0 10px #000; /* Saf3.0+, Chrome */
		box-shadow: 0 0 10px #000; /* Opera 10.5, IE9 */
	}
	
	.entry-content fieldset legend { color: white; background: transparent; }

	.home #access { display: none }
	.home #content { background: transparent url(images/content-bg-home.png) repeat-x 0 70%; margin: 0; padding: 0; border: 0 }
	.home #content a { float: left; width: 475px; height: 440px; display: block; background: transparent url(images/home-fg2.png) no-repeat }
	.home #content a div { display: none }
	.home #colophon { background: none }

	.home #content a#servicesbutton { background-position: 0 0 }
	.home #content a#shopbutton { background-position: -475px 0 }
	.home #content a#servicesbutton:hover { background-position: 0 -440px }
/*	.home #content a#shopbutton:hover { background-position: -475px -440px } */
	.home #content a#shopbutton:hover { cursor: default }

	.home #signature { clear:both; text-align: center; padding-top: 20px }
	
	.facebookbutton { position: absolute; right: 5px; bottom: 0 }
	
/*	.wpsc-shopping-cart #content_border {
		margin: 0 0 0 80px;
		color: white;
	}*/

	.woocommerce div.product div.images, .woocommerce-page div.product div.images, .woocommerce #content div.product div.images, .woocommerce-page #content div.product div.images {
		float: none !important;
		position: absolute;
		left: -460px !important;
		width: 410px !important;
	}
	
	#content .products h3 {
		margin-bottom: 0;
	}
	
	.one-column #content,
	body.post-type-archive-product #content,
	body.tax-product_cat #content {
		margin: 0;
		width: auto;
		border: 0;
		padding: 20px;
	}
	
	body.post-type-archive-product #container,
	body.tax-product_cat #container {
		 width: 680px;
	}
	
	#content dt, #content th { color: white; }
	
	.woocommerce div.product div.summary, .woocommerce-page div.product div.summary, .woocommerce #content div.product div.summary, .woocommerce-page #content div.product div.summary {
		float: none !important;
	}
	
	.woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce-page button.button.alt, .woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt {
		background: #85ad74 !important;
		background: -webkit-gradient(linear,left top,left bottom,from(#85ad74),to(#749665)) !important;
		background: -webkit-linear-gradient(#85ad74,#749665) !important;
		background: -moz-linear-gradient(center top,#85ad74 0,#749665 100%) !important;
		background: -moz-gradient(center top,#85ad74 0,#749665 100%) !important;
		border-color: #749665 !important;
	}
	
	.product-name a {
		font-weight: bold;
	}
	
	.woocommerce a.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce-page #content input.button.alt:hover {
		background: #749665 !important;
	}

	.woocommerce div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active a {
		color: #333 !important;
	}
	#masthead { position: relative }
	.widget_qtranslate { position: absolute; top: 10px; right: 10px; }
	.widget_qtranslate ul { margin: 0 }
	.widget_qtranslate ul li { list-style-type: none; display: inline }
	.widget_qtranslate ul li .qtrans_flag { float: left; margin-right: 5px; }
	.widget_qtranslate ul li a { opacity: 0.6 }
	.widget_qtranslate ul li a:hover, 
	.widget_qtranslate ul li.active a { opacity: 1 }
	
	#sidebar2 {
		float: right;
		width: 250px;
		margin-top: 20px;
		color: white;
	}
	
	#sidebar2 .widget-title {
		color: white;
	}
}

@media print {
	#footer { margin: 0; border: 0 }
	#branding img { display: block !important }
	#access, #header .widget-container, #footertag, .facebookbutton, .widget_qtranslate { display: none }
}