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

[Layout Stylesheet]

	Project:		Warriors & Legends - www.warriorsandlegends.com 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:40px;
    background:url('/wp-content/themes/warriors-and-legends/images/body-background.png') repeat-x scroll 0 0 #735e5b;;
    color:#F3E5E2;
    font-family:Palatino Linotype,Book Antiqua3,Palatino,serif;
    font-size:15px;
    line-height:22px;
}

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

a:link {
    color:#bbcbf7;
}

a:visited {
    color:#bbcbf7;
}

a:hover {
    color:#cddaff;
}

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

h1 {
    font-size:30px;
    line-height:38px;
    margin:0px 0px 10px 0px;
    color:#fc8c55;
    text-shadow: 2px 2px 0px #221c1a;    
}

h2 {
    font-size:22px;
    line-height:30px;
    margin:0px 0px 10px 0px;
    color:#f4a882;
    text-shadow: 2px 2px 0px #221c1a;    
}

h3 {
    font-size:18px;
    line-height:26px;
    margin:0px 0px 10px 0px;
    color:#f1b89c;
    text-shadow: 2px 2px 0px #221c1a;
}

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

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

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

.navbar-inverse .navbar-inner {
  background-color: #1d1917;
  background-image: none;
  background-repeat: repeat-x;
  border-bottom: 1px solid #8C7773;
  filter:none;
}

.navbar-inverse .brand,
.navbar-inverse .nav > li > a {
  color: #bbcbf7;
  text-shadow: 1px 1px 0px #000000; 
}

.navbar-inverse .brand,
.navbar-inverse .nav > li > a:hover {
  color: #cddaff;
  text-shadow: 1px 1px 0px #000000; 
}

.navbar-inverse .nav-collapse .nav > li > a,
  .navbar-inverse .nav-collapse .dropdown-menu a {
    color: #cddaff;
    text-shadow: 1px 1px 0px #000000; 
}
  
.navbar-inverse .nav-collapse .nav > li > a,
  .navbar-inverse .nav-collapse .dropdown-menu a:hover {
    color: #cddaff;
    text-shadow: 1px 1px 0px #000000; 
}

/*----- 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: #cddaff;
  background-image: -moz-linear-gradient(top, #fb5909, #fdbb9b);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fb5909), to(#fdbb9b));
  background-image: -webkit-linear-gradient(top, #fb5909, #fdbb9b);
  background-image: -o-linear-gradient(top, #fb5909, #fdbb9b);
  background-image: linear-gradient(to bottom, #fb5909, #fdbb9b);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffb5909', endColorstr='#fffdbb9b', GradientType=0);
}

.dropdown-menu {
  background-color: #1d1917;
  border: 1px solid #1d1917;
  *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
---------------------*/

/*----- 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 { }
    .header-logo { text-align:center; }
        .header-logo img { margin:0px auto 0px; }
    
/*-------------------Content
Content
---------------------*/

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

.breadcrumbs { margin-bottom:20px; }

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

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

.content-wrapper { background:#403735; border:1px solid #8c7773; margin-bottom:20px; overflow:hidden; padding:20px 0px 20px 20px; -moz-box-sizing:border-box; box-sizing:border-box; }

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

    /*----- 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-color:#352C2A; border:1px solid #8C7773; 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:#352c2a; border:1px solid #8c7773; 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:#352c2a; border:1px solid #8c7773; 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-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:#352c2a; border:1px solid #8c7773; 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-image { background:#352c2a; border:1px solid #8c7773; margin-bottom:20px; width;100%; }

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

.intro-text { font-size:16px; line-height:22px; margin-bottom:20px; }

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

footer { }
    .well-footer { background:#1d1917; }
        .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; }