/*

Theme Name: Custom Theme.

Theme URI: www.modpassionrikedom.nu

Description: Three column layout. Custom Theme for Courage Cafe, modified by <a href="http://www.supriyadisw.net">supriyadisw.net</a>


*/

body {

  text-align: center;

  background: #FFF url(img/bg3.jpg) top center repeat-y;

  margin-top:0px;

  margin-bottom:0px;

  font-family: verdana, arial, sans-serif;font-size:12px;

  color: #666666;

}



A:link {

	COLOR: #003366; text-decoration: none; font-family: verdana, arial, sans-serif;font-size:12px;

}

A:visited {

	COLOR: #003366; text-decoration: none; font-family: verdana, arial, sans-serif;font-size:12px;

}

A:active {

	COLOR: #003366; text-decoration: none;font-family: verdana, arial, sans-serif;font-size:12px;

}

A:hover {

	COLOR: #0066cc; text-decoration: underline;font-family: verdana, arial, sans-serif;font-size:12px;

}



a.top:link {color: #003366; font-size: 18px; text-decoration: none; font-weight: bold;}

a.top:visited {color: #003366; text-decoration: none; font-size: 18px; font-weight: bold; }

a.top:hover {color: #0066cc; text-decoration: none; font-size: 18px; font-weight: bold; }





#page_wrapper {

  margin-left: auto; 

  margin-right: auto;

  width: 770px;

  text-align: left;

  xbackground: #FFFFFF url(img/bg3.jpg) top center repeat-y;

  border: 0px solid #003366;

}



#page_header {

  height: 228px;

  margin-left: auto; 

  margin-right: auto;

  width: 810px;

  xbackground: #023375 url(http://www.couragecafe.com/wp-content/themes/custom/img/header.jpg) center no-repeat;

  background: #FFF url(img/header_bg.jpg) top center no-repeat;

  clear: both;



}



.header_banner {

	width: 770px;

	margin-left: auto; 

	margin-right: auto;

	padding-top: 28px;

}



#page_header h1 {

  margin: 0px;

  padding-top:200px;

  padding-left:5px;

  font-family: verdana, arial, sans-serif;

  font-size:32px;

  font-weight: bold;

  letter-spacing: -1px;

  color: #FFFFFF;

}



#page_header h1 a

{

color:#ffffff;

text-decoration:none;

}



#page_header h1 a:visited

{

color:#ffffff;

text-decoration:none;

}

#page_header h2 {

  margin: 0px;

  padding-left:40px;

  font-family: verdana, arial, sans-serif;

  font-size:15px;

  font-weight: bold;

  letter-spacing: 0px;

  color: #036;
}



#menu_bar {

  height:40px;

  background: #FFFFFF url(img/drop_shadow.gif) top left repeat-x;

  clear: both;

}



#menu_bar ul {

  margin-top: 0px;

  padding-left: 0px;

  margin-left: 0px;

  background: #FFF url(img/menu_bg.gif) top left repeat-x;

  color: White;

  float: left;

  width: 100%;

  font-family: verdana, arial, sans-serif;

  font-size:14px;

  font-weight: bold;

}



#menu_bar ul li { display: inline; }



#menu_bar ul li a

{

  padding-top:5px;

  padding-bottom:5px;

  padding-left:15px;

  padding-right:15px;

  background: #FFF url(img/menu_bg.gif) top left repeat-x;

  color: #EFEFEF;

  text-decoration: none;

  float: left;

  border-right: 0px solid #fff;

}



#menu_bar ul li a:hover

{

  background: #FFffff url(img/menu_hover_bg.gif) top left repeat-x;

  color: #FFFFFF;

}



#content_wrapper {

  margin-top:0px;

  margin-bottom:0px;

  margin-left:1px;

  margin-right:1px;

  clear:both;

}



#left_sidebar,

#right_sidebar {

    margin: 0px 0px 2px 0px;

	padding: 0px 5px 0px 5px;

    color: #666666;

        }



#left_sidebar {

  margin-top:0px;

  float: left;

  width:175px;

  border:0px dashed #cccccc;

}



#left_sidebar h3 {

  margin-top:3px;

  margin-bottom:10px;

  font-family: verdana, arial, sans-serif;

  font-size: 16px;

  color: #ffffff;

  padding:6px;

  border: 0px solid #ffffff;

  background: #FFffff url(../custom/img/button.gif) top left repeat-x;

}



#left_sidebar p {

  margin-top:0px;

  margin-bottom:15px;

  font-family: verdana, arial, sans-serif;

  font-size: 11px;

  color: #ffffff;

  line-height: 0px;

  padding-left:4px;

}



#left_sidebar ul,

#right_sidebar ul {

	list-style-type:none;

	margin:4px 0px 0px 0px;

	padding:0px 0px 0px 2px;

}



#left_sidebar ul li,

#right_sidebar ul li {





	border:0;

	letter-spacing:0;

	margin:3px 0px 0px 0px;

	padding:0px 0px 0px 2px;

	list-style-type:none;

}



#right_side {



  margin-top:0px;

  float: right;

  width:175px;

  border:0px dashed #cccccc;

}



#right_side h3 {

  margin-top:3px;

  margin-bottom:10px;

  font-family: verdana, arial, sans-serif;

  font-size: 16px;

  color: #ffffff;

  padding:6px;

  border: 0px solid #ffffff;

  background: #FFffff url(../custom/img/button.gif) top left repeat-x;

}



#right_side p {

  margin-top:0px;

  margin-bottom:15px;

  font-family: verdana, arial, sans-serif;

  font-size: 11px;

  color: #ffffff;

  line-height: 0px;

  padding-left:4px;

}



#left_side {

  float: left;

  width:520px;

  background-color: #FFFFFF;

  border:0px dashed #cccccc;

  padding: 5px;

}





#left_side_page {

  background-color: #FFFFFF;

  border:0px dashed #cccccc;

  padding: 5px 20px;
  width: 500px;
  margin: 0 auto;

}



#left_side h3,

#left_side_page h3 {

  margin-top:0px;

  margin-bottom:10px;

  font-family: verdana, arial, sans-serif;

  font-size: 18px;

  color: #FF6600;

  background-color:#FFFFFF;

  padding:4px;

  border-bottom: 0px solid #ffffff;

  clear:both;

}



#left_side p,

#left_side_page p {

  margin-top:0px;

  margin-bottom:15px;

  font-family: verdana, arial, sans-serif;

  font-size: 12px;

  color: #666666;

  line-height: 18px;

  padding-left:4px;



}



#left_sidebar h2 {

	background: url(img/button.gif) 0 center no-repeat;

}



#left_sidebar h2 {

	display: block;

	height: 20px;

	width: 175px;

	padding-left: 5px;

	padding-top: 3px;

	color: #FFF;

	font: bold 12px verdana, arial, sans-serif;

}



#left_sidebar a,

#left_sidebar a:visited

{

	color:#003366;

	text-decoration:none;

}



#left_sidebar a:hover

{

	color:#0066cc;

	text-decoration: underline;

}



.float_left {

  float: left;

  margin-right: 5px;

}



.float_right {

  float: right;

  margin-left: 5px;

}



#feature_box {

  float:left;

  width:250px;

  background-color: #0066cc;

  border:0px solid #ffffff;

  padding:10px;

  margin-top:10px;

  margin-bottom:5px;

  margin-right:8px;

}



#feature_box h4 {

  padding-left:5px;

  margin-top:0px;

  margin-bottom:5px;

  font-family: verdana, arial, sans-serif;

  font-size: 12px;

  color: #419ed7;

}



#feature_box p {

  font-family: verdana, arial, sans-serif;

  font-size: 11px;

  color: #555555;

  line-height: 16px;

  margin-bottom:5px;

}



#page_footer {

  height: 118px;

  background: #ffffff url(img/footer_shadow.jpg) top center no-repeat;

  clear: both;

}



#page_footer p {

  padding-top:18px;

  text-align: center;

  font-family: verdana, arial, sans-serif;

  font-size: 10px;

  color: #FFFFFF;

  letter-spacing:0px;

}



#spacer {

  height:20px;

  clear:both;

}



.arrow_list { 

  margin-left: 10px;

  padding-left: 0;

  list-style: none;

} 



.arrow_list li { 

  padding-left: 10px;

  background-image: url(img/arrow.gif);

  background-repeat: no-repeat;

  background-position: 0 7px;

  font-family: verdana, arial, sans-serif;

  font-size: 11px;

  line-height:18px;

}





#commentlist li {

margin-bottom: 1.5em;

padding-bottom: 1em;

border-bottom: 1px solid #700000;

}



#commentform {

margin: 1em 0;

background: #ffffcc;

width: 280px;

}



#commentform textarea {

background: #f8f7f6;

border: 1px solid #d6d3d3;

width: 280px;

}

#commentform textarea:hover {

background: #FFFFFF;

border: 1px solid #d6d3d3;

}

#commentform textarea:focus {

background: #ffffcc;

border: 1px solid #939793;

}



#commentform #email, #commentform #author, #commentform #url {

font-size: 1.1em;

background: #f8f7f6;

border: 1px solid #d6d3d3;

width: 280px;

}

#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {

font-size: 1.1em;

background: #ffffcc;

border: 1px solid #d6d3d3;

width: 280px;

}

#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {

font-size: 1.1em;

background: #ffffcc;

border: 1px solid #939793;

width: 280px;

}

#commentform input{


margin-bottom: 3px;


}



.alignleft {

	float:left;

}



.intro p {

	margin: 0 0 20px 0;

}



.intro hr {

	width: 80%;

	color: #00F;

	background-color: #00F;

	height: 1px;

}



.separator {

     height: 2px;

     margin: 5px 0;

     border-bottom: 1px dotted #006300;

}



.clear {

     clear: both;

}



.red {

     color: red;

     font-weight: bold;

}