/*   
Theme Name: Kremer Design Portfolio
Theme URI: http://kremerdesign.com/
Description: The New Kremer Design Template - more business like - serious this time.
Author: Ben Kremer - Kremer Design LLC
Author URI: http://kremerdesign.com
Version: 06-2010
*/

/* 
	Background-Styles 
*/

body {
	margin:0px; padding:0px;
	background-color:#131211;
	font-family:Arial, Helvetica, sans-serif;
	color:#7f7d78;
	font-size:13px;
	line-height:19px;
}
#main {
	background:#c4c0be url(images/background_light_slice.jpg) repeat-x;
	padding-bottom:30px;
}
#main .container {
	background-image:url(images/background_light.jpg);
	background-repeat:no-repeat;
}
#footer {
	background-image:url(images/background_footer.jpg);
	background-repeat:repeat-x;
	padding:40px;
	position:relative;
	top:-20px;
	/* min-height:130px;*/
}
.container {
	width:950px;
	margin:0 auto;
	position:relative;
}


/* 
	Header-Styles 
*/

#header {
	padding-top:20px;
	padding-bottom:20px;
}
#logo h1, #logo small {
	margin:0px;
	display:block;
	text-indent:-9999px;
}
#logo {
	background-image:url(images/logo.png);
	background-repeat:no-repeat;
	width:194px;
	height:83px;
}
ul#menu {
	margin:0px; padding:0px;
	position:absolute;
	right:0px;
}
ul#menu li {
	display:inline;
	margin-left:12px;
}
ul#menu li a {
	text-decoration:none;
	color:#716d6a;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
}
ul#menu li a.active, ul#menu li a:hover {
	color:#211e1e;
}



/* 
	Block-Styles 
*/

.block {
	border:1px solid #a3a09e;
	background-color:#ffffff;
	margin-bottom:20px;
	position:relative;
}
.ribbon {
	position:absolute;
	top:-3px;
	right:-3px;
}
.block_inside { 
	display:block; 
	border:1px solid #ffffff;
	background: #ffffff url(images/background_block_slice.jpg) repeat-x;	
	padding:30px;
	overflow:auto;
}
.image_block {
	border:1px solid #b5b5b5;
	background-color:#d2d2d2;
	padding:5px 5px 1px 5px;
	float:left;
	height: 260px;
	width: 260px;
	overflow: hidden;
}
.image_block img {
	border:1px solid #b5b5b5;
}
.text_block {
	float:left;
	width:430px;
	margin-left:30px;
	padding-top:30px;
}

#block_featuredblog .text_block {
margin-left:0;
margin-right: 25px;
padding-top:15px;
width:585px;
 }


/*
	Portfolio-Home-Styles
*/

#block_portfolio {
/*	overflow:auto;*/
	margin-bottom:20px;
}
#portfolio_items {
	width:615px;
	margin-left:25px;
	float:right;
	min-height:100px;
	/*padding-top:3px;*/
}
#text_column {
	float:left;
	width:310px;
}
#text_column img { margin-bottom:20px; position:relative; left:-3px;}
#text_column h2#text_title { 
	/*text-indent:-9999px;
	background-image:url(images/creatif.jpg);
	background-repeat:no-repeat;
		height:90px;
*/
	width:310px;
}

.mini_portfolio_item {
	border:1px solid #a3a09e;
	margin-bottom:10px;
	position:relative;
}
.mini_portfolio_item .block_inside { 
	background:none; background-color:#e2dddc; 
	padding:20px 30px; 
}
.mini_portfolio_item .thumbnail { float:left; margin-right:20px; border:1px solid #979390; }


/*
	Block-Content-Styles
*/

#content_area {
	width:665px;
	float:left;
}
#content_area .block_inside {
	min-height:400px;
}
#sidebar {
	float:left;
	width:281px;
	position:relative;
	left:-1px;
	/*margin-top:15px;*/
	background-color:#e2dddc;
	border:1px solid #a3a09e;
}
#sidebar .block_inside {
	background:none;
	background-color:#e2dddc;
}

#sidebar .block_inside h2, #sidebar .block_inside h3 {
	font-size:16px;
	line-height:23px;
	margin-bottom: 0;
}
#sidebar ul { margin:5px 0px 30px 0px; padding:0px; }
#sidebar ul li { list-style:none; margin:0px 0px 1px 0px; padding:0px; }
#sidebar ul li a { color:#7f7d78; }
#sidebar ul li a:hover { color:#0172dd; text-decoration:none; }
#sidebar ul li ul li ul li { list-style:none; margin:-4px 0 5px 10px; }

#content_area h2 { font-size:32px; line-height:31px; }

#content_area .separator {
	border-top:1px solid #e3e3e3;
	margin-top:20px;
	padding-top:20px;
}
#content_area .biggap {
	border-top:1px solid #e3e3e3;
	margin-top:40px;
	padding-top:40px;
}

/* 
	Text-Styles   
*/

h2, h2 a{
	margin:0px 0px 3px 0px;
	font-size:36px;
	font-family:Helvetica, Arial, Sans-serif;
	color:#000000;
	line-height:39px;
	letter-spacing:-1px;
}
h3, h3 a{
	margin:10px 0px 5px 0px;
	font-size:14px;
	line-height:21px;
	font-family:Helvetica, Arial, Sans-serif;
	color:#000000;
}
h4 {
	color:#007de2;
	margin:0px 0px 0px 0px;
}
small {
	color:#595856;
	font-weight:bold;
	font-size:11px;
	display:block;
	margin-bottom:15px;
}
a {
	color:#0f72c3;
	text-decoration:none;
}
small a {
	color:#0f72c3;
}
a:hover {
	text-decoration:underline;
	color:#26689f;
}
h2 a:hover {
	color:#000000;
}
p { margin: 0px 0px 10px 0px; }

a.button {
	background:#32312f url(images/button_bg.jpg) repeat-x;
	padding:5px 10px 5px 10px;
	margin-top: 25px; 
	color: #ffffff;
	text-decoration: none;
	border:1px solid #32312f;
	text-transform:uppercase;
	font-size:9px;
	line-height:25px;
}

#block_featuredblog a.more-link {
	background:#32312f url(images/button_bg.jpg) repeat-x;
	padding:2px 10px 2px 10px;
	margin-top: 25px; 
	color: #ffffff;
	text-decoration: none;
	border:1px solid #32312f;
	text-transform:uppercase;
	font-size:9px;
	line-height:20px;
	display:block;
	float:left;
	
}

a.button:hover {
	background:#007de2 url(images/button_bg_o.jpg) repeat-x;
	border-color:#007de2;
}
#block_featuredblog a.more-link:hover {
	background:#007de2 url(images/button_bg_o.jpg) repeat-x;
	border-color:#007de2;
}


/*
	Footer-Styles
*/

#footer {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
.footer_column {
	float:left;
	width:250px;
	margin-left:15px;
}
#footer .long {
	width:665px;
}
#footer h3 {
	color:#e2dddc;
	text-transform:uppercase;
	font-size:10px;
}
.footer_column ul li, .footer_column ul {
	list-style:none;
	margin:0px;
	padding:0px;
}


/*
	Comment-Styles
*/

#comments_template {
	border-top:1px solid #e3e3e3;
	margin-top:60px;
	padding-top:30px;	
}




/* 
	Miscellaneous-Styles   
*/


.block_inside blockquote {
	border-top:1px solid #acc7da;
	border-bottom:1px solid #acc7da;
	background-color:#ebf1f6;
	margin:0px;
	padding:20px;
	padding-bottom:13px;
	margin-bottom:20px;	
	color:#465c6b;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}
.block_inside pre.code {
	border-top:1px solid #acacac;
	border-bottom:1px solid #acacac;
	background-color:#ebebeb;
	margin:0px;
	padding:20px;
	padding-bottom:13px;	
	margin-bottom:20px;	
	font-size:10px;
	font-family:Monaco, "Courier New", Courier, monospace;	
}

.block_inside h1 {
	margin:0px 0px 3px 0px;
	font-size:36px;
	font-family:Helvetica, Arial, Sans-serif;
	color:#000000;
	line-height:39px;
	letter-spacing:-1px;
	
}
.block_inside h2 {
	margin:0px 0px 3px 0px;
	font-size:26px;
	font-family:Helvetica, Arial, Sans-serif;
	color:#000000;
	line-height:39px;
	letter-spacing:-1px;
	
}
.block_inside h3 {
	margin:0px;
	/* margin:10px 0px 5px 0px;*/
	font-size:20px;
	line-height:21px;
	font-family:Helvetica, Arial, Sans-serif;
	color:#000000;
	
}
.block_inside h4 {
	color:#007de2;
	margin:0px 0px 0px 0px;
	font-size:16px;		
}
.block_inside h5 {
	color:#007de2;
	margin:0px 0px 0px 0px;
	font-size:12px;			
}

.input, textarea, select {
	border:1px solid #e5e5e5;
	padding:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}


/* Fix up IE6 PNG Support */
img, #logo { 
behavior: url(scripts/iepngfix.htc); 
}





/*
	Alternate Styles
*/
body#dark {
	background-color:#1e1d1b;
}
body#dark #main {
	background:#292826 url(images/background_dark_slice.jpg) repeat-x;
}
body#dark #main .container {
	background-image:url(images/background_dark.jpg);
}
body#dark #footer {
	background-image:url(images/background_dark_footer.jpg);
}
body#dark ul#menu li a.active, ul#menu li a:hover {
	color:#ffffff;
}
body#dark .block, body#dark .mini_portfolio_item { 
	border-color:#1b1a19; 
}
body#dark #text_column h2#text_title { 
	background-image:url(images/creatif_dark.jpg);
}




/* Portfolio Page */
	.portfolio_main {
		border:1px solid #b5b5b5;
		margin-bottom:30px;
	}
	.portfolio_thumbs {
		border:1px solid #e1dfde;
		background-color:#f0eeed;
		padding:15px;
		/*margin-left:20px;
		float:right;*/
		
	}
	.portfolio_thumbs img {
		display:inline;
		margin-right:20px;
		border:1px solid #e1dfde;
	}
	
.portfolio_main img { 
behavior: url(scripts/iepngfix.htc); 
margin:0 auto;
display:block;
}
	
	
/* Images and Captions */	
	.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
   margin: 0 10px 5px 0;
}

.alignright {
   float: right;
   margin: 0 0 5px 10px;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}
   /* start over */

body {
background-color:#131211;
color:#7F7D78;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
line-height:19px;
margin:0;
padding:0;
}
#main {
background:url("images/background_light_slice.jpg") repeat-x scroll 0 0 #C4C0BE;
padding-bottom:30px;
}
#main .container {
background-image:url("images/background_light.jpg");
background-repeat:no-repeat;
}
#footer {
background-image:url("images/background_footer.jpg");
background-repeat:repeat-x;
padding:40px;
position:relative;
top:-20px;
}
.container {
margin:0 auto;
position:relative;
width:950px;
}
#header {
padding-bottom:20px;
padding-top:20px;
}
#logo h1, #logo small {
display:block;
margin:0;
text-indent:-9999px;
}
#logo {
background-image:url("images/logo.png");
background-repeat:no-repeat;
height:83px;
width:194px;
}
ul#menu {
margin:0;
padding:0;
position:absolute;
right:0;
}
ul#menu li {
display:inline;
margin-left:12px;
}
ul#menu li a {
color:#716D6A;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
}
ul#menu li a.active, ul#menu li a:hover {
color:#211E1E;
}
.block {
background-color:#FFFFFF;
border:1px solid #A3A09E;
float:right;
margin-bottom:20px;
overflow:hidden;
position:relative;
width:615px;
}
.ribbon {
position:absolute;
right:-3px;
top:-3px;
}
.block_inside {
background:url("images/background_block_slice.jpg") repeat-x scroll 0 0 #FFFFFF;
border:1px solid #FFFFFF;
display:block;
overflow:auto;
padding:30px;
}
.image_block {
background-color:#D2D2D2;
border:1px solid #B5B5B5;
float:left;
height:260px;
overflow:hidden;
padding:5px 5px 1px;
width:540px;
}
.image_block img {
border:1px solid #B5B5B5;
}
.text_block {
float:left;
margin-left:30px;
padding-top:30px;
width:430px;
}
#block_featuredblog .text_block {
margin-left:0;
margin-right:25px;
padding-top:15px;
width:555px;
}
#block_portfolio {
margin-bottom:20px;
}
#portfolio_items {
float:right;
margin-left:25px;
min-height:100px;
width:615px;
}
#text_column {
float:left;
width:300px;
}
#text_column img {
left:-3px;
margin-bottom:20px;
position:relative;
}
#text_column h2#text_title {
width:310px;
}
.mini_portfolio_item {
border:1px solid #A3A09E;
margin-bottom:10px;
position:relative;
}
.mini_portfolio_item .block_inside {
background:none repeat scroll 0 0 #E2DDDC;
padding:20px 30px;
}
.mini_portfolio_item .thumbnail {
border:1px solid #979390;
float:left;
margin-right:20px;
}
#content_area {
float:left;
width:665px;
}
#content_area .block_inside {
min-height:400px;
}
#sidebar {
background-color:#E2DDDC;
border:1px solid #A3A09E;
float:left;
left:-1px;
position:relative;
width:281px;
}
#sidebar .block_inside {
overflow:hidden;
padding:15px;
background:none repeat scroll 0 0 #E2DDDC;
}
#sidebar .block_inside h2, #sidebar .block_inside h3 {
font-size:16px;
line-height:23px;
margin-bottom:0;
}
#sidebar ul {
margin:5px 0 30px;
padding:0;
}
#sidebar ul li {
list-style:none outside none;
margin:0 0 1px;
padding:0;
}
#sidebar ul li a {
color:#7F7D78;
}
#sidebar ul li a:hover {
color:#0172DD;
text-decoration:none;
}
#sidebar ul li ul li ul li {
list-style:none outside none;
margin:-4px 0 5px 10px;
}
#content_area h2 {
font-size:32px;
line-height:31px;
}
#content_area .separator {
border-top:1px solid #E3E3E3;
margin-top:20px;
padding-top:20px;
}
#content_area .biggap {
border-top:1px solid #E3E3E3;
margin-top:40px;
padding-top:40px;
}
h2, h2 a {
color:#000000;
font-family:Helvetica,Arial,Sans-serif;
font-size:36px;
letter-spacing:-1px;
line-height:39px;
margin:0 0 3px;
}
h3, h3 a {
color:#000000;
font-family:Helvetica,Arial,Sans-serif;
font-size:14px;
line-height:21px;
margin:10px 0 5px;
}
h4 {
color:#007DE2;
margin:0;
}
small {
color:#595856;
display:block;
font-size:11px;
font-weight:bold;
margin-bottom:15px;
}
a {
color:#0F72C3;
text-decoration:none;
}
small a {
color:#0F72C3;
}
a:hover {
color:#26689F;
text-decoration:underline;
}
h2 a:hover {
color:#000000;
}
p {
margin:0 0 10px;
}
a.button {
background:url("images/button_bg.jpg") repeat-x scroll 0 0 #32312F;
border:1px solid #32312F;
color:#FFFFFF;
font-size:9px;
line-height:25px;
margin-top:25px;
padding:5px 10px;
text-decoration:none;
text-transform:uppercase;
}
#block_featuredblog a.more-link {
background:url("images/button_bg.jpg") repeat-x scroll 0 0 #32312F;
border:1px solid #32312F;
color:#FFFFFF;
display:block;
float:left;
font-size:9px;
line-height:20px;
margin-top:25px;
padding:2px 10px;
text-decoration:none;
text-transform:uppercase;
}
a.button:hover {
background:url("images/button_bg_o.jpg") repeat-x scroll 0 0 #007DE2;
border-color:#007DE2;
}
#block_featuredblog a.more-link:hover {
background:url("images/button_bg_o.jpg") repeat-x scroll 0 0 #007DE2;
border-color:#007DE2;
}
#footer {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
}
.footer_column {
float:left;
margin-left:15px;
width:250px;
}
#footer .long {
width:665px;
}
#footer h3 {
color:#E2DDDC;
font-size:10px;
text-transform:uppercase;
}
.footer_column ul li, .footer_column ul {
list-style:none outside none;
margin:0;
padding:0;
}
#comments_template {
border-top:1px solid #E3E3E3;
margin-top:60px;
padding-top:30px;
}
.block_inside blockquote {
background-color:#EBF1F6;
border-bottom:1px solid #ACC7DA;
border-top:1px solid #ACC7DA;
color:#465C6B;
font-family:Georgia,"Times New Roman",Times,serif;
font-style:italic;
margin:0 0 20px;
padding:20px 20px 13px;
}
.block_inside pre.code {
background-color:#EBEBEB;
border-bottom:1px solid #ACACAC;
border-top:1px solid #ACACAC;
font-family:Monaco,"Courier New",Courier,monospace;
font-size:10px;
margin:0 0 20px;
padding:20px 20px 13px;
}
.block_inside h1 {
color:#000000;
font-family:Helvetica,Arial,Sans-serif;
font-size:36px;
letter-spacing:-1px;
line-height:39px;
margin:0 0 3px;
}
.block_inside h2 {
color:#000000;
font-family:Helvetica,Arial,Sans-serif;
font-size:26px;
letter-spacing:-1px;
line-height:39px;
margin:0 0 3px;
}
.block_inside h3 {
color:#000000;
font-family:Helvetica,Arial,Sans-serif;
font-size:20px;
line-height:21px;
margin:0;
}
.block_inside h4 {
color:#007DE2;
font-size:16px;
margin:0;
}
.block_inside h5 {
color:#007DE2;
font-size:12px;
margin:0;
}
.input, textarea, select {
border:1px solid #E5E5E5;
color:#333333;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
padding:4px;
}
img, #logo {
}
body#dark {
background-color:#1E1D1B;
}
body#dark #main {
background:url("images/background_dark_slice.jpg") repeat-x scroll 0 0 #292826;
}
body#dark #main .container {
background-image:url("images/background_dark.jpg");
}
body#dark #footer {
background-image:url("images/background_dark_footer.jpg");
}
body#dark ul#menu li a.active, ul#menu li a:hover {
color:#FFFFFF;
}
body#dark .block, body#dark .mini_portfolio_item {
border-color:#1B1A19;
}
body#dark #text_column h2#text_title {
background-image:url("images/creatif_dark.jpg");
}
.portfolio_main {
border:1px solid #B5B5B5;
margin-bottom:30px;
}
.portfolio_thumbs {
background-color:#F0EEED;
border:1px solid #E1DFDE;
padding:15px;
}
.portfolio_thumbs img {
border:1px solid #E1DFDE;
display:inline;
margin-right:20px;
}
.portfolio_main img {
display:block;
margin:0 auto;
}
.aligncenter, div.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}
.alignleft {
float:left;
margin:0 10px 5px 0;
}
.alignright {
float:right;
margin:0 0 5px 10px;
}
.wp-caption {
-moz-border-radius:3px 3px 3px 3px;
background-color:#F3F3F3;
border:1px solid #DDDDDD;
margin:10px;
padding-top:4px;
text-align:center;
}
.wp-caption img {
border:0 none;
margin:0;
padding:0;
}
.wp-caption p.wp-caption-text {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}