/*
Theme Name: Simple Concept Studio
Theme URI: http://simpleconceptstudio.com/
Description: Simple Concept Studio Wordpress theme.
Author: Rita & Piotr Polak
Author URI: http://simpleconceptstudio.com/
Version: 0.1
Tags: fixed width, two columns, widgets
*/


* { margin: 0; padding: 0; color: #474747; line-height: 140% }

body { 
	background: #efefef url(images/body_bg.jpg) repeat-x top left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small; 
	margin: 0;
	padding: 0
}

h1, h2, h3 { 
	color: #D20001;
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: normal; 
	letter-spacing: 1px;
	line-height: 1.2em; 
	margin: 1em 0 .2em 0 
}
h1 { line-height: 1.1em; font-size: 160% }
h2 { 
	border-bottom: 1px solid #ddd;
	color: #D20001;
	font-size: 130%;
	font-weight: bold;
	padding: .2em 0;
}
h3 { font-size: 120% }

h3.services { background: transparent url(images/check.gif) no-repeat left 50%; color: #474747; padding: .2em 0 .2em 30px }

ul { padding: .5em }
li { background: transparent url(images/bullet_red.gif) no-repeat 0 .4em; list-style-type: none; padding-left: 1.2em }

p { padding: .5em 0 }
b { font-size: small; font-weight: bold; }

a { border-bottom: 1px solid #D20001; color: #D20001; text-decoration: none }
a:hover { border-bottom: 1px solid #474747 }

img { border: none; background: transparent url(images/img_bg_.jpg) repeat 0 0; padding: 2px } 

#container .clearboth {clear: both; font-size: 0 }

/* MISC CLASSES */

.redit { color: #c82c00 }
.emphasis {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 110%;
	font-weight: bold;
	margin-bottom: .2em	
}

.goup {
	float: right;
	width: 10%
}
.goup a { border: none }
.group img { background: none; border: none }

/* CONTACT INFO */

.vcard-i { float: left;	background: transparent url(images/vcard.gif) no-repeat 0 50%; padding: .2em 0 .5em 32px; margin: 0; width: 60%; }
.vcard-i a { font-size: 90%; }
.mail-i { float: left; background: transparent url(images/mail.gif) no-repeat 0 50%; padding: .2em 0 .5em 32px;	margin: .5em 0 0 0; width: 60%; }
.mail-i a {	font-size: 90%; }

/* top */
.mail-ti { background: transparent url(images/mail.gif) no-repeat 0 50%; padding: .2em 0 .5em 32px;	margin: .5em 0 0 0; }

/* MICROFORMATS */

.vcard { padding: 0 0 1em 0 }
.vcard p { padding: 0 }
.org { font-weight: bold; }

/* PAGE CONTAINER */

#container { margin: 0 auto; width: 750px }

/* TOP NAVI */

#top { background: #fff url(images/top_bg.jpg) repeat-x 0 0; float: left; padding: .5em 0 1em 0; width: 100% }
#top .left { float: left; padding: 0; width: 440px }
#top .leftwraper { padding: 0 1em }
#top .right { float: right; padding: 0; width: 305px }
#top .rightwraper { padding: 0 1em }
#top p { font-size: 85%; text-align: right }

/* HEADER */

#header { background: transparent url(images/header_bg.jpg) repeat-x bottom left; float: left; width: 100% }
#header .left { background: transparent url(images/cup_top.jpg) no-repeat bottom right; float: left; padding-bottom: .7em; width: 544px }
#header .leftwraper { padding: 0 }
#header .right { float: right; width: 100px }
#header .rightwraper { padding: 0 }

/* LOGO */

#logo { margin: 0 0 .1em 1em }

#logo a.logoimg { background: transparent url(images/scs_logo.jpg) no-repeat 0 0; border: none; display: block; text-decoration: none; height: 70px; width: 340px }
#logo a.logoimg:link { border: none; display: block; text-decoration: none; height: 70px; width: 340px }
#logo a.logoimg:visited { border: none; display: block; text-decoration: none; height: 70px; width: 340px }
#logo a.logoimg:active { border: none; display: block; text-decoration: none; height: 70px; width: 340px }
#logo a.logoimg:hover {  background: transparent url(images/scs_logo.jpg) no-repeat 0 -70px; border: none; display: block; text-decoration: none; height: 70px; width: 340px }

#logo h1 { margin: 0; padding: 0; text-indent:-1000px }

/* BANNER (PHOTO) */

#banner { 
		background: #000 url(images/banner_services.jpg) no-repeat 0 0; 
		border-top: 3px solid #fff;
		float: left; 
		height: 170px;
		width: 100% 
}

body#services-bdy #banner { background: #000 url(images/banner_services.jpg) no-repeat 0 0 }
body#portfolio-bdy #banner { background: #000 url(images/banner_services.jpg) no-repeat 0 0 }
body#contact-bdy #banner { background: #000 url(images/banner_services.jpg) no-repeat 0 0 }

/* BANNER (TEXT) */

#banner .right { float: right; padding: .2em 0; width: 400px }

#banner .right h1 { 
	background: transparent url(images/h1_banner_bg.jpg) no-repeat right 50%; 
	border: none;
	color: #fff;
	font-size: 160%;
	font-weight: normal;
	margin: 0;
	margin-top: 60px;
	padding: .1em .6em;
}

#banner .right h2 { 
	background: transparent url(images/h2_banner_bg.jpg) repeat-y right top; 
	border: none;
	color: #fff; 
	font-size: 110%;
	font-weight: normal;
	margin: 0;
	padding: .5em 1em;
}

/* MAIN NAVIGATION */

#navi { background: #B9B9B9 url(images/navi_bg.jpg) no-repeat 50% bottom; border-top: 4px solid #fff; font-family: Arial, Helvetica, sans-serif; float: left; letter-spacing: 1px; width: 100%; text-transform: uppercase }
#navi ul { float: left; margin: 0; padding: 0 20px; }
#navi li { background: none; float: left; list-style-type: none; padding: 0 }
#navi a { border: none; color: #000; display: block; font-weight: bold; padding: .5em .8em; text-decoration: none }
#navi a:hover { background: transparent url(images/button_.gif) no-repeat 50% 50%; color: #fff }

#navi .current_page_item a:link, #navi .current_page_item a:visited, #navi .current_page_item a:active, #navi .current_page_item a:hover { background: #747474 url(images/navi_up_bg.gif) no-repeat 50% top; color: #fff }

/* MAIN CONTENT */

#content { background: transparent url(images/content_bg.jpg) repeat-x bottom left; float: left; padding-bottom: 1.5em; width: 100% }
#content .left { float: left; width: 440px }
#content .leftwraper { padding: .5em 1em 1.5em 1em }
#content .right { float: right; width: 305px }
#content .rightwraper { padding: .5em 0 .5em 1em }
#content .right h2 { 
	background: transparent url(images/h2_right_bg.jpg) no-repeat right bottom; 
	border: none; 
	border-top: 1px solid #fff;
	border-left: 4px solid #747474;
	color: #fff;
	font-size: 110%;
	font-weight: normal;
	margin-bottom: 0;
	padding-left: .5em;
	/* text-transform: uppercase; */
}

.list-item {
	padding: 0 1em;
}

.list-item h4 {	background: transparent url(images/bullet_red.gif) no-repeat 0 .4em; padding-left: 1.2em }

.right_box { background: transparent }
.right_boxwrapper {	padding: .5em 1em }

/* LINK ICON */

#content .right .link { clear: both; float: left; width: 100% }
.link ul { padding: 0 }
.link li { background: transparent url(images/right.gif) no-repeat 0 .5em; margin: 0; padding: .5em 0 .5em 32px }

/* PORTFOLIO THUMB */

.portfolio_th { float: left;  margin: 1em 0; width: 100% }
.portfolio_th a, a:hover { border: none }
.th_item { float: left; margin: 0 2px 2px 2px }
.th_item img { border: 2px solid #ddd; background: #fff url(images/img_bg_.jpg) repeat 0 0; padding: 4px }
.th_item:hover img { border: 2px solid #747474 }

.a_th { display: block }

/* PORTFOLIO THUM DESCRIPTION */

.portfolio_item { float: left;  margin: .2em 0; padding: .2em 0; width: 100% }
.portfolio_item h3 { font-size: 100%; margin: 0; padding: 0 }
.portfolio_item a { border: none }

.th_item_des {margin-left: 90px }
.active h3 { background: transparent url(images/item_active.gif) no-repeat right 50% }
.portfolio_item:hover h3 { background: transparent url(images/item_active.gif) no-repeat right 50% }
.portfolio_item:hover .th_item img { border: 2px solid #747474 }
.active .th_item img { border: 2px solid #747474 }

/* DETAILS VIEW */

img.details { border: 2px solid #ddd; background: #fff; margin: .2em 0; padding: 4px }
a.details_link { border: none; background: transparent }

/* SERVICES */

.services-head { margin: .5em 0 0 0; background: transparent url(images/services_head_bg.jpg) no-repeat left 50%; border-top: 1px solid #fff; color: #fff; font-size: 110%; font-weight: bold; padding: .2em .7em; }
.services-list { background: #fff; border: 1px solid #ddd; border-top: none; border-left: 4px solid #747474; margin: 0 0 1em 0 }

/* FOOTER */

#footer { 
	background: transparent url(images/footer_bg.jpg) no-repeat 50% bottom; 
	border-top: 1px solid #fff; 
	clear: both; 
	float: left; 
	font-size: 85%;
	padding: 0; 
	width: 100% 
}

#footer .left { float: left; padding: 0; width: 500px }
#footer .leftwraper { padding: .5em  0 .5em 1.5em }
#footer .right { float: right; padding: 0; width: 245px }
#footer .rightwraper { padding: .5em  0 }

/* SUB FOOTER */

#subfooter { float: left; text-align: center; width: 100% }
#subfooter p { color: #aaa; font-size: 85%; padding: .5em 0 }
#subfooter img { background: none; padding: 0 }
#subfooter a { border-bottom: 1px solid #ddd; color: #777 }
#subfooter a:hover { border-bottom: 1px solid #777 }

/* FORMS */

#searchform { background: #B9B9B9 url(images/navi_bg.jpg) no-repeat 50% top; border: 2px solid #fff; padding: .5em }
#pnfsearch { width: 305px; }