/*


Theme Name: Red Business (3 Columns)

Theme URI: http://ericulous.com

Description: Corporate Style. Variation: 3 Columns.

Version: 1.3

Author: Genkisan

Author URI: http://ericulous.com/



StyleSheet by David Herreman

http://www.free-css-templates.com

		

*/



body { 

	padding: 0; 

	margin: 0; 

	font: 14px Arial, sans-serif; 

	line-height: 1.5em; 

	background: #fff url(images/top.jpg) repeat-x top; 

	color: #454545; 

	}

	

a { color: #DA3B3B; background: inherit; text-decoration: none; }

a:hover { color: #000; background: inherit; text-decoration: none; }

p {	margin: 5px 0; }

h1 { font: bold 1.8em Arial, Sans-Serif; padding: 8px 0 4px 0; margin: 0; letter-spacing: -1px; }

h2 { font: bold 1.6em Arial, Sans-Serif; letter-spacing: -1px; }

h3 { padding: 4px 0; margin: 0; line-height:20px; }

h4 { font-size: 1.3em; }

h5 { font-size: 1.2em; }

h6 { font-size: 1em; }

ul { margin: 0; padding : 0; list-style: none; }

img { border: 0; }

hr { height: 1px; border-style: none; color: #d0d0d0; background-color: #C0C0C0; margin: 10px 0; }





.content { margin: 0px auto; width: 950px; }



/* Top part */

#top { padding-top: 20px; background: transparent; height: 101px; }

	#top h1, #top a { font: bold 26px Arial, Sans-Serif; padding: 8px 0 4px 0; margin: 0; letter-spacing: 1px; color: #FFFFFE }

	#top h2 { font: 1.0em Arial, Sans-Serif; letter-spacing: 0px; color: #868686; margin:0; padding: 0 }

	#top #icons { float: right; margin:20px 0; padding:0 }

	#top #icons img { padding-right: 2px; border: 0 }



/* Second part */

#prec { 	height: 220px; 	margin:0; padding: 0; background: #F6F6F6; border-bottom: 1px solid #DCDCDC; overflow: hidden; margin-bottom: 15px }

	#wrap { margin: 0 auto; width: 800px; }

		#wrap #pic { float: right; background: #FF0000 url(images/mainimg.jpg) no-repeat; height: 199px; width: 589px; overflow: hidden}

			#wrap #pic #slogan { float: right; padding: 25px 30px 10px 30px; text-align: right }

			#wrap #pic #slogan h1 { font: bold 1.4em Arial, Sans-Serif; color: #FFFFFE; letter-spacing: 1px; margin:0 }

			#wrap #pic #slogan h2 { font:  1.0em Arial, Sans-Serif; color: #FFFFFE; letter-spacing: 0px; margin:0; padding: 10px 0}

			#wrap #pic #slogan a { color: #FFFFFE; }

						

		#wrap #menu { padding: 0; margin:0; background: inherit; }

		#wrap #menu a { padding-left: 25px; font:  0.9em Arial, Sans-Serif; text-decoration: none; background: #F6F6F6 url(images/lm-li.gif) no-repeat left;  }

		#wrap #menu ul { padding: 10px 0 }

		#wrap #menu li { line-height: 26px; background: #F6F6F6 url(images/li-line.gif) no-repeat bottom left; list-style: none; text-transform: uppercase; }

		



/*  Advertising */

#ad { min-height: 80px; margin-bottom: 15px; text-align: center;}

#ad a, #left_side a { text-decoration: none }

#ad a:hover, #left_side a:hover { text-decoration: underline }

		

/* main area */

#main {  }

	#sidebar { float: left; width: 320px; background: #F6F6F6; padding: 5px 10px 5px 10px; margin-left: 8px; }

	#sidebar_left {float: left; width: 150px; margin-bottom: 10px; border-right:2px solid #fff; }

	#sidebar_right {float: right; width: 150px; margin-bottom: 10px;}

		#sidebar ul { padding: 3px 0 8px 0 } 

		#sidebar li { line-height: 18px; background: #F6F6F6 url(images/cat-li.gif) no-repeat 2px 5px; list-style: none; padding-left: 20px; }

		#sidebar li ul{ padding: 0; margin: 0; }

		#sidebar li ul li{ line-height: 18px; background: #F6F6F6 url(images/cat-li.gif) no-repeat left; list-style: none; padding-left: 20px; }

		#sidebar li ul li ul { margin: 0; padding:0; }

		#sidebar li ul li ul li{ line-height: 18px; background: #F6F6F6 url(images/cat-li.gif) no-repeat left; list-style: none; padding-left: 20px; }

		#sidebar a { background: #F6F6F6; text-decoration:  none; }

		#sidebar h3 { color: #404040; font:  bold 1.2em Arial, Sans-Serif; }

	

	#post { float: left; margin-bottom: 10px; width: 600px; }

		#post h3 { background: url(images/hbg.gif) repeat-x; height:30px; padding: 5px 0 10px 0px; margin: 0; font:  bold 1.2em Arial, Sans-Serif; }

		#post h3 a { color: #000; text-decoration:none; background: url(images/h-art.gif) no-repeat left; padding: 1px 10px 0 23px; line-height: 22px; margin: 0; }		#post h3 a:hover { color: #DA3B3B; }

		#post p { color: #454545; padding: 0 5px 0 5px; text-align: justify }

		#post img { background: #F6F6F6; border: 1px solid #555; margin: 2px; padding: 5px; }

		#post blockquote { padding-left: 10px; border-left: 2px solid #DA4040; margin: 10px 0 10px 25px; }

		.date { border-top: 1px dotted #ccc; padding: 5px 0; margin: 10px 0 25px 0; text-align: right; }

		#post .rs { float: right; margin: 0 10px; border: 1px solid #ddd; padding: 5px; background: #f5f5f5;  }

		#post ul { list-style-position: inside; margin-left: 2px }

		#post ul li { list-style-type: square; margin-left: 15px;  }

		#post ul ul li { list-style: none; margin-left: 10px; list-style-type: lower-alpha; list-style-position: inside }



.navigation {

	padding-bottom: 30px;

}



.alignright {

	float: right;

}

	

.alignleft {

	float: left;

}



.centered {

display: block;

margin: 0 auto;

}



.searchform {

	margin:0 0 20px 0;

}



/* Comments*/

.commentlist li.alt {

	background-color:#FFFFEF;

}



.commentlist {

	margin-left: 15px;

	padding: 0;

	text-align: justify;

}



.commentlist li {

	margin: 15px 0 3px 0;

	padding: 5px 10px 3px;

	list-style: none;

	border: 1px solid #efefef; 

	background: #f5f5f5;

}



.commentlist p {

	margin: 10px 5px 10px 0;

}



#commentform p {

	margin: 5px 0;

}



.nocomments {

	text-align: center;

	margin: 0;

	padding: 0;

}



.commentmetadata {

	margin: 0;

}

	

/* The footer */

#footer { clear: both; border-top: 1px solid #DCDCDC; margin: 0 0 3em 0; color: #777; }

#footer .right  { float: right; text-align: right; }

#footer a { text-decoration: none; }





/* @group Special Styles */

/* This is based on styles from the Sawchuk scheme for K2 */

.download, .code, .note,

.alert, .new, .construction,

.information {

	background-position: 15px 10px;

	background-repeat: no-repeat;

	font-size: 1.2em !important;

	line-height: 115%;

	margin: 10px auto;

	padding: 10px 10px 10px 50px;

	text-align: left;

}

.download a, .code a, .note a,

.alert a, .new a, .construction a,

.information a { background: none; }





ul.download, ul.code, ul.note,

ul.alert, ul.new, ul.construction,

ul.information {

	font-size: 1em !important;

	line-height: 115%;

	list-style-type: disc;

	list-style-position: inside;

	padding: 10px 10px 10px 50px;

}



ol.download, ol.code, ol.note,

ol.alert, ol.new, ol.construction,

ol.information {

	font-size: 1em !important;

	line-height: 115%;

	list-style-type: decimal;

	list-style-position: inside;

	padding: 10px 10px 10px 65px;

}



dl.download, dl.code, dl.note,

dl.alert, dl.new, dl.construction,

dl.information {

	font-size: 1em !important;

	line-height: 115%;

	padding: 10px 10px 10px 50px;

}



dl.download dt, dl.code dt, dl.note dt,

dl.alert dt, dl.new dt, dl.construction dt,

dl.information dt {

	font-size: 1.2em !important;

	font-weight: bold;

	line-height: 115%;

}



dl.download dd, dl.code dd, dl.note dd,

dl.alert dd, dl.new dd, dl.construction dd,

dl.information dd {

	line-height: 115%;

	list-style-type: disc;

}



.download {

	background-color: #F6F6F6;

	background-image: url('images/package_go.png');

	border-bottom: 2px solid #383;

	border-top: 2px solid #383;

}





.code { /* use p class=code when you want to fake it, sometimes handy */

	background-color: #444;

	background-image: url('images/application_osx_terminal.png');

	border-bottom: 2px solid #AAA;

	border-top: 2px solid #AAA;

	font-family: 'Courier New', Courier, Fixed;

}

	

.alert {

	background-color: #F6F6F6;

	background-image: url('images/exclamation.png');

	border-bottom: 2px solid #F33;

	border-top: 2px solid #F33;

}



.new {

	background-color: #F6F6F6;

	background-image: url('images/new.png');

	border-bottom: 2px solid #F93;

	border-top: 2px solid #F93;

}



.construction {

	background-color: #F6F6F6;

	background-image: url('images/error.png');

	border-bottom: 2px solid #FF3;

	border-top: 2px solid #FF3;

}



.information {

	background-color: #F6F6F6;

	background-image: url('images/information.png');

	background-repeat: no-repeat;

	border-bottom: 2px solid #33F;

	border-top: 2px solid #33F;

}



.note {

	background-color: #F6F6F6;

	background-image: url('images/page_white_text.png');

	border-bottom: 2px solid #AAA;

	border-top: 2px solid #AAA;

}



.callout {

	border-bottom: 2px solid #CCC;

	border-top: 2px solid #CCC;

	color: #CCC;

	font-size: 1.4em !important;

	margin: 10px auto;

	padding: 10px;

	text-align: justify;

}

/* @end */



/* @group Page Navigation */

.page-nav {

	background: #F6F6F6;

	color: #999;

	font-size: 1.5em;

	font-weight: normal;

	letter-spacing: -1px;

	padding: 5px 15px 5px 15px;

	text-align: left;

	text-transform: lowercase;	

}



/*.page-nav a { color: #999; }

.page-nav a:hover { color: #BBB; }*/



.page-nav ul { }

.page-nav ul li { display: inline; }

.page-nav ul li:first-child:after { content: "" !important; }

.page-nav ul li:after { content: ","; }

.page-nav ul li:last-child:after { content: "" !important; }



.page-nav ul ul { display: inline; }

.page-nav ul ul .page_item { padding: 0px; }



/*.page-nav .current_page_item, .page-nav .current_page_item a {

	color: #DDD;

	font-weight: bold;

}

 @end */



#star { float:left; padding: 10px 0; }

#star IMG { background: none; border: 0; margin: 0; padding: 0; }



.box_ike {border: 1px solid #ccc; padding:10px; margin:20px 0 20px 0; background:#eee}