/*------------------------------------------------------------------

[Layout Stylesheet]

	Project:		Wordpress Front End Bootstrap CSS Extension File - Bootstrap Theme
	Version:		0.1
	Last change:	06/02/2014
	Assigned to:	Rab
	
	-------------------------------

[Organisation]

    >CSS is organised alphabetically from top A to bottom Z
    ABCDEFGHIJKLMNOPQRSTUVXYZ
    
    >Add more notes here about the headings sub headings etc.
    
    >Add more notes here about other organisation
    
    -------------------------------

[Main Colours Used]

    >Main Colours Used
    
        >Primary Colours
        
        >Add In                             #9B111E

        ----------------
        
        >Extended Colours

        >Add In                             #9B111E

        -------------------------------
    
[Table of contents]

    >Edited Bootstrap CSS

	1. Global
	2. Navbar / .navbar
	3. Subnavbar / .subnavbar
	4. Main / .main
	5. Footer / .footer
	6. Widget / .widget
	7. Error / .error-container
	8. Miscellaneous
	
	-------------------------------
	
    >New Bootstrap CSS

    1. Global
    
    -------------------------------

-------------------------------------------------------------------*/

/*----------------------------------------Edited Bootstrap CSS
Edited bootstrap CSS
>Copied from the bootstrap.css file and edited
------------------------------------------*/

/*-------------------Global
Global
---------------------*/

/*----- Body -----*/

body {
    margin-top:20px;
    background:url('images/') repeat-x scroll 0 0 #ffffff;
    color:#192823;
    font-family:inherit, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
    font-size:18px;
    line-height:26px;
}

p {
    margin:0px 0px 18px 0px; 
}

/*----- Links -----*/

a:link {
    color:#dd1e2f;
}

a:visited {
    color:#dd1e2f;
}

a:hover {
    color:#dd1e2f;
}

/*----- Headers -----*/

h1 {
    font-family:jrhandregular;
    font-size:26px;
    line-height:28px;
    margin:0px 0px 14px 0px;
    color:#218559;   
}

h2 {
    font-family:inherit;
    font-size:20px;
    line-height:24px;
    margin:0px 0px 14px 0px;
    color:#218559;      
}

h3 {
    font-family:inherit;
    font-size:24px;
    line-height:26px;
    margin:0px 0px 14px 0px;
    color:#24285b; 
    
}

/*----- Horizontal Rule -----*/

hr {
    border-color:#8C7773;
    border-bottom:0px;    
}

/*----- Navbar -----*/

.navbar-inverse .navbar-inner {
  background:#7a1518;
  border-bottom: 1px solid #235765;
  filter:none;
}

.navbar-inverse .brand,
.navbar-inverse .nav > li > a {
  color: #bbcbf7; 
}

.navbar-inverse .brand,
.navbar-inverse .nav > li > a:hover {
  color: #cddaff;
}

.navbar-inverse .nav-collapse .nav > li > a,
  .navbar-inverse .nav-collapse .dropdown-menu a {
    color: #ffffff;
}
  
.navbar-inverse .nav-collapse .nav > li > a,
  .navbar-inverse .nav-collapse .dropdown-menu a:hover {
    color: #ffffff;
}

.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, 
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle, 
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
    background:#235765;    
}

/*----- Dropdown Links -----*/

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  color: #fb5909;
  text-decoration: none;
  background-color: #06a2cb;
}

.dropdown-menu {
  background:#235765;    
  border: 1px solid #21434d;
  *border-right-width: 2px;
  *border-bottom-width: 2px; 
}

.dropdown-menu .divider {
  background-color:#8C7773;
  border-bottom: 0px;
}

.navbar .nav > li > .dropdown-menu:after {
  border-bottom: 6px solid #1d1917;

}

.nav-collapse .nav > li > a,
.nav-collapse .dropdown-menu a {
    font-weight:normal;        
}

/*----- Wells -----*/

.well {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    overflow:hidden;
    border-radius:0px;
    background:#403735;
    border:1px solid #8c7773;
    
}

/*----------------------------------------Roger NEW STYLES
Roger New Styles
------------------------------------------*/

/*-------------------Global
Global
---------------------*/

/*----- Font Face -----*/

@font-face {
    font-family: 'inherit';
    src: url('fonts/jr!ha___-webfont.eot');
    src: url('fonts/jr!ha___-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/jr!ha___-webfont.woff') format('woff'),
         url('fonts/jr!ha___-webfont.ttf') format('truetype'),
         url('fonts/jr!ha___-webfont.svg#jrhandregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*----- Wells -----*/

.well-advert { background:#c3c3c3; }
.well-test { background:#d2d2d2; display:inline; float:left; width:50%; }
.well-image { background:#000000; }

.well-content-single { background:#352c2a; border:1px solid #8c7773; }
    .well-content-single-content { display:inline; float:left; width:60%; }
    .well-content-single-image { display:inline; float:right; width:38%; }
    .well-content-single-image img { border:1px solid #8C7773; }

/*-------------------Header
Header
---------------------*/


    .header-logo { text-align:center; }
        .header-logo img { margin:0px auto 0px; }
    
/*-------------------Content
Content
---------------------*/

/*----- Breadcrumbs -----*/

.breadcrumbs { margin-bottom:20px; }

/*----- Wide Wrappers -----*/






    
    rgba(0, 0, 0, 0) url("images/body-background.png") no-repeat scroll center top / cover 

/*----- Main Content Wrappers -----*/

.parent-wrapper { background:#d2d2d2; padding:20px; -moz-box-sizing:border-box; box-sizing:border-box; }

.content-wrapper { margin-bottom:20px; overflow:hidden; padding:20px 0px 20px 20px; -moz-box-sizing:border-box; box-sizing:border-box; }

.content-wrapper-single { background:#cfe2f3; border:1px solid #aea898; margin-top:20px; margin-bottom:20px; overflow:hidden; padding:20px 20px 20px 20px; -moz-box-sizing:border-box; box-sizing:border-box; }

    /*----- Sidebar -----*/
    
    .sidebar { background:#F1C773; border:1px solid #a58542; }

    /*----- Wordpress alignment divs -----*/

    div.alignleft { float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;  margin:10px; }
    div.alignright { float:right; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;  margin:10px; }
    div.aligncenter { margin-left:auto; margin-right:auto; padding:0px 0px 0px 0px;  }

    /*----- Wordpress captions -----*/
    
    .wp-caption { background:#F1C773; border:1px solid #a58542; margin:10px; padding-top:10px; text-align:center; }
    .wp-caption img { border:0 none; margin:0; margin-top:5px; padding:0; }
    .wp-caption p.wp-caption-text { font-size:13px; font-style:italic; line-height:17px; margin:0; padding:10px; }
    
    /*----- Single image -----*/    
    
    .image-wrapper { margin:0px auto 0px; width:100%; text-align:center; margin:10px 0px 0px 0px; }
        .image-wrapper img { border:1px solid #8C7773; }
    .image-caption { background:#F1C773; border:1px solid #a58542; font-style:italic; margin:0px auto 0px; margin-top:20px; max-width:800px; overflow:hidden; padding:20px; text-align:center; width:auto; -moz-box-sizing:border-box; box-sizing:border-box; }

    .content-inner { margin-right:20px; }
    
    /*----- @TODO -----*/ 

    .content-single-wrappers { float:left; clear:both; overflow:hidden; width:100%; }
        .content-single { background:#f8fcfd; border:1px solid #aea898; display:inline; float:left; margin-bottom:20px; margin-right:2%; padding:20px; width:47.7%; -moz-box-sizing:border-box; box-sizing:border-box; }
            .content-single h2 { text-align:center; }            
            .content-single-image { background:#352c2a; border:1px solid #8c7773; margin-bottom:20px; width;100%; }
    
            .content-single-large-image { text-align:center; width:auto; }   
                .content-single-large-image img { border:1px solid #8c7773; margin-bottom:20px; } 
                
        .content-single-alt { background:#f8fcfd; border:1px solid #aea898; display:inline; float:left; margin-bottom:20px; margin-right:2%; min-height:400px; padding:20px; width:31%; -moz-box-sizing:border-box; box-sizing:border-box; }
                .content-single-alt h2 { text-align:center; }                       
                .content-single-alt-image { background:#352c2a; border:1px solid #8c7773; margin-bottom:20px; width;100%; }

     .content-extra { background:#F1C773; border:1px solid #a58542; overflow:hidden; padding:20px; -moz-box-sizing:border-box; box-sizing:border-box;} 
        .content-extra ul { display:inline; float:left; }  
        
/*----- Intro Text -----*/

.intro-text { background:rgba(25, 40, 35, 0.6); font-size:16px; line-height:22px; margin-bottom:20px; padding:20px; }


    .intro-text-parent h1 { color:#ffffff; text-shadow: 1px 1px 0px #255b43; }

/*-------------------Footer
Footer
---------------------*/

footer { background:#24285b; border-top:1px solid #24285b; }
    .well-footer { background:#24285b; border:none; }
        .footer-logo { float:left; width:140px; }
        .footer-links { float:right; width:40%; text-align:right; }
            .footer-links ul { }
                .footer-links li { display:inline; margin:5px; }
                
/*-------------------Helpers
Helpers
---------------------*/

.text-centre { text-align:center; }

/*-------------------Wordpress
Wordpress
---------------------*/

/*----- Blockquote -----*/

blockquote { background:#bfafa2; color:#352c2a; border:1px solid #DED4CB; font-size:24px; font-style:italic; line-height:26px; padding:20px; margin:20px 2% 20px 2%; text-shadow: 1px 1px 0px #ded4cb; }

/*----- Intro Text -----*/
.wp-caption.aligncenter {  }
img.aligncenter { border:1px solid #8c7773; margin:20px auto 20px auto; clear:both; display:block;   }

/*-------------------Adverts
Adverts
---------------------*/

/*----- @TODO -----*/ 

.advert-header-block-1 { margin:10px 0px 0px 0px; }
.advert-content-block-1 { display:inline; float:right; margin:0px 0px 20px 20px; }
.advert-content-block-2 { margin:20px 0px 0px 0px; }
.advert-content-block-3 { display:inline; float:right; margin:0px 0px 20px 20px; }

.advert-content-block-inner { background:#000000; border:1px solid #8c7773; height:100%; width:100%; }

/*----- @TODO -----*/ 

.advert-300x250 { background:#000000; border:1px solid #8c7773; float:right; height:250px; width:350px; margin:0px 0px 20px 20px; }
.advert-336x280 { background:#000000; border:1px solid #8c7773; height:250px; width:350px; }
.advert-728x90 { background:#000000; border:1px solid #8c7773; height:90px; width:728px; }
.advert-468x60 { background:#000000; border:1px solid #8c7773; height:60px; width:468px; }
.advert-320x50 { background:#000000; border:1px solid #8c7773; height:50px; width:320px; }

/*----- @TODO -----*/ 

.advert-wrapper-centre { text-align:center; }
    .advert-centre { margin:0px auto 0px auto; clear:both; display:block; }