/*

File:			custom.css

Description:	Custom styles for Your Theme



HOW TO USE THIS FILE:



Override any class you want and it will change default styling to suit your needs.



For example, if you wish to change the default text blog title to grey, you would add the 

following declarations to this file:



	#header .blog-title a{ background:#cccccc }     <--- This makes blog title background grey



*/


/*========== Wordpress uploader Post Images============*/

.alignright { float:right; margin:5px 0; }
.alignleft { float:left; margin:5px 5px 0 0; }
.aligncenter { float:center; margin:5px 0 5px 5px; }
img.alignright {float:right; margin:0 0 1em 1em; }
img.alignleft {float:left; margin:0 1em 1em 0; border: 3px solid #ddd; }
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}


/* top navigation drop menu  ---------------------- */

.header_right li a { color: #1d5a76; border-bottom: 0; border-top:2px solid #fff;  }
.header_right li a:hover { color:#2C7CA2; border-top:2px solid #2C7CA2; }
.header_right li.current_page_item a, .header_right li.current-menu-item a { color:#1d5a76; border-top:2px solid #1d5a76; }

/*#breadcrumb section  =================================== */
.breadcrumb {border-top:4px solid #153b57 !important; } 
.breadcrumb a { color:#153b57;  }
.breadcrumb a:hover { color:#333; }


/* content ---------------------------- */


#content h3 { color:#153b57; border-bottom:4px solid #153b57;  }
#content h3.bnone { border-bottom:none; }
.featured_work { border-bottom:5px solid #e3e3e3; }
.featured_work img {border:none !important; }


.imgleft { margin:0 10px 15px 0; float:left; border:1px solid #ccc; padding:2px; }
.imgright { margin:0 0 15px 10px; float:right; border:1px solid #ccc; padding:2px; }



.fll { float:left; margin:0 1em 1em 0; border: 3px solid #ddd; }
img.fll { float:left; margin:0 1em 1em 0; border: 3px solid #ddd; }


/* Featured Work slider css ---------*/
.featured_work { margin-bottom:30px; position:relative; padding-bottom:20px; }
.featured_work img { margin-bottom:10px; float:left; margin:0 25px 10px 0; }
.featured_work img .wp-post-image { margin-bottom:10px; float:left; margin:0 25px 10px 0; }
#content .featured_work h4 { margin:0 0 10px 0; padding:0; font:18px Arial, Helvetica, sans-serif; font-weight:bold; }

#content .anythingSlider  { width: 580px; height: 287px; position: relative; margin: 0 auto;  }
#content .anythingSlider .wrapper   { width: 580px; overflow: auto; height: 290px;   margin:0; position: absolute; top: 0; left: 0; }
#content .anythingSlider .wrapper ul  { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; }
#content .anythingSlider ul li  { display: block; float: left; padding: 10px 0 0 0; width: 580px; margin: 0; background:none; }
.anythingSlider .arrow  { display: none;  }
.featured_work { border-bottom:4px solid #153b57; }
.featured_work img {border:none solid #babab2; }


/* Wordpress Caption Styling */

.wp-caption { border-style: solid; border-color: #ddd; background-color: #eee; text-align: center; font-style: italic; font-size: 12px !important;}


/* Thesis Class Styling */

.drop_cap { color: #888; float: left; }

.alert { background: #ffffa0; border: 2px solid #e5e597; padding: 10px; margin-bottom: 10px; margin-top: 10px;}

.note { background: #f5f5f5; border: 2px solid #ddd; padding: 10px; line-height: 22px; font-size: 14px; margin-bottom: 10px; margin-top: 10px; }

.note2 {border-bottom: 4px solid #ddd; border-top: 4px solid #ddd; padding: 10px; line-height: 22px; font-size: 14px; margin-bottom: 10px; margin-top: 10px;}

.note3 {border-bottom: 4px solid #ddd; padding: 10px; line-height: 22px; font-size: 14px; margin-bottom: 20px; margin-top: 10px;}

.normalp { padding: 10px; line-height: 22px; font-size: 14px; margin-bottom: 10px margin-top: 10px;}


.bluenote { border: 2px solid #2C7CA2; background: #B3E2FD; padding: 10px; line-height: 22px; font-size: 14px; margin-bottom: 10px; margin-top: 10px;  }

.bluenote-right { float:right; width:150px; border: 1px solid #2C7CA2; background: #B3E2FD; padding: 10px; }

.bluenote-left { float:left; width:150px; border: 1px solid #2C7CA2; background: #B3E2FD; padding: 10px; }


#banner {border-top: 1px solid #2C7CA2}

#header {background: #ffffff}

.spacer {height: 10px}

.custom_headline {font-size: 20px !important; font-weight: bold; color:#153b57; border-bottom: 4px solid #ddd;  margin-bottom: 10px; }

.author {color: black; font-weight: bold }

#sidebar .test_body { font-size: 14px !important; font-style: italic !important; background:url(http://www.christopherkrauskopf.me/wp-content/uploads/2011/04/quotes.png) no-repeat left top; }

#sidebar-inner .test_body { font-size: 14px !important; font-style: italic !important; background:url(http://www.christopherkrauskopf.me/wp-content/uploads/2011/04/quotes.png) no-repeat left top; }

.leftcol {width: 48%; float:left;}

.rightcol {width: 48%; float:right;}

.imgspaced { margin-bottom: 10px }