/*
Theme Name: Allee Willis - Awmok
Theme URI: 
Author: AP
Author URI: 
Description: This is a generic starter theme, that incorporates Bootstrap, Fontawesome.
Version: 1.9
*/


/* #Misc
/***********************************************************/
body { 
	padding-top: 0; 
	background-position: center top;
    font-family: "Courier New", Courier, monospace;
    color: #404141;
    background-image: url(library/img/bg-2.jpg);
    background-repeat: repeat;
    line-height: 20px;
    font-weight: bold;
}
iframe, object, embed{ max-width:100%; }
sup{ vertical-align: super; font-size: smaller; }
sub{ vertical-align: sub; font-size: smaller; }
code{ font-family: Monaco, "Andale Mono", "Courier New", Courier, monospace; }
.navbar-fixed-top {top: auto;} 
.alignleft { float: left; margin: 1% 2% 2% 0}
.alignright { float: right; margin: 1% 0 2% 2%}
.aligncenter { clear: both; text-align: center; margin: 1%}
.alignnone { float: none; margin: 1% } 
.text-center {text-align: center;}
.text-right {text-align: right;}
.padding-left {padding-left: 0;}
.padding-right {padding-right: 0;}
.padding-none {padding: 0;}
.row {margin-left: 0; margin-right: 0;}
.members .user.with-name {height: 160px; padding: 10px!important; text-align: center; word-wrap: break-word;}
.black {color: #000;}

/* #Images
/***********************************************************/
img, a img { border:none; padding: 0; margin:0; display:inline-block; max-width: 100%; height:auto; width:auto; image-rendering: optimizeQuality; }

/* #Links
/***********************************************************/
	a { text-decoration: underline; outline: 0; max-width:100%; max-width:none\9; color: #b81cd9; }
	a:hover, a:focus, a:visited { outline: 0; text-decoration: none;}
	p a, p a:visited { line-height: inherit; }
	a img { border: 0}
	#navbar li.dropdown:hover .dropdown-menu {display: block;}
	
/***********************************************************/
/***** HEADINGS / Typography  ******************************/
/***********************************************************/

h1,h2,h3,h4,h5 { margin-top: 0; }
	h1 { font-size: 26px; line-height: 1.1em; margin-bottom: 14px; }
	h2 { font-size: 26px; line-height: 1.1em; margin-bottom: 10px; }
	h3 { font-size: 20px; line-height: 1.1em; margin-bottom: 8px; } 
	h4 { font-size: 18px; line-height: 1.1em; margin-bottom: 4px; } 
	h5 { font-size: 16px; line-height: 1.1em; }						
	h6 { font-size: 14px; line-height: 1.1em; }
	
hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }

p + h1, p + h2, p + h3, p + h4, p + h5, p + h6{ margin-top:1.4em; }
p { margin: 1em 0; }
p img { margin: 0; }
em, i { font-style: italic; }
strong, b{ font-weight: bold;  }
small { font-size: 80%; }
blockquote{ border-left-style:solid; border-left-width:7px; padding-left:20px; margin-bottom:1em; margin-right:1em; font-size: 16px; line-height: 1.5em; }
blockquote small, blockquote cite, blockquote small a, blockquote cite a, blockquote a small, blockquote a cite{font-size: 12px;}

#social_links {padding: 0; margin-left: 0; margin-top: 30px; text-align: center}
#social_links > li:first-child {margin-left: 0}
#social_links > li {list-style: none; display: inline-block; margin-left: 15px; }
#social_links > li > a {font-size: 20px; color: inherit}
.mobile {display: none;}

.about-button {line-height: 20em;}
.top-left img { margin-top: 40px;}
.top-right img {margin-top: 20px; max-width: 100px;}
.top-right .allee-instagram img {max-width: 70px;}
.padded-top1 {margin-top: 70px;}

.white_blob_middle {
    color: #404141;
    text-align: left;
    background: url(library/img/post.png) repeat-y;
    padding: 20px 0px 0px 0px;
    font-family: "Courier New", Courier, monospace;
    font-style: normal;
    padding-left: 30px;
    padding-right: 30px;
    font-variant: normal;
    margin-top: 0px;
    font-size: 12px;
	min-height: 400px;
}

.white_blob_bottom {
    padding: 0px 0px 0px 0px;
    width: 100%;
    height: 64px;
    color: #ea3d9c;
    font: normal 12px;
    font-family: courier, verdana, Arial, Verdana, Tahoma;
    background: url(library/img/post_info.png) no-repeat;
    background-repeat: no-repeat;
    margin-top: 0px;
}

.white_blob_top {
    width: 100%;
    height: 27px;
    padding: 0px 0px 0px 0px;
    color: #ea3d9c;
    font: normal 12px;
    font-family: "Courier New", Courier, monospace;
    background: url(library/img/post_title.png) no-repeat;
    background-repeat: no-repeat;
    margin-top: 0px;
}

h3.title_of_post {
    font: normal 14px Verdana;
    color: #B81CD9;
}

h3.title_of_post a {
    color: #B81CD9;
}

.pager {margin: 0;}
.cat_image ul {margin: 0; padding: 0}
.cat_image ul li {display: inline-block;}
article { padding-bottom: 30px;}
.size11 {
    font-size: 11px;
    color: #404141;
    font-weight: normal;
}
#main-content {margin-top: 30px;}
/*#footer a img {margin: 0 40px 20px;}*/
footer #nav-widget ul li {padding: 0}
#sidebar a {text-decoration: none;}
#sidebar .info ul {padding: 0; margin: 0;}
#sidebar .info ul li {background: transparent url(library/img/pedestal-01.png) no-repeat top left; list-style: none; padding-left: 35px; padding-top: 10px; padding-bottom: 10px;}
#sidebar {
    margin-bottom: 10px;
    font-family: Verdana;
    font-size: 10px;
    font-style: normal;
    line-height: 20px;
    font-weight: bold;
    z-index: 2;
}

#sidebar a {color: #B81CD9;}

#sidebar .widget_title {margin-bottom: 0;}
#sidebar .widget_title img {width: 100%;}
#sidebar .widget {margin-bottom: 15px; padding: 0 6px;}
#sidebar .inner {background: #bfffc0; margin: 0 3px;}
ul.default, #sidebar .widget.default ul {padding-left: 20px; margin: 0;} 
#sidebar #searchform2 input {display: inline-block; }
#sidebar #searchform2 input[type="text"] {width: 67%;}
#sidebar #searchform2 input[type="image"] {width: 61px; position: relative; top: 13px;}
#sidebar .avatar {max-width: 40px;}
ul.nostyle {list-style: none; padding-left: 10px; margin: 0;}
.sidebar-bottom > img {width: 100%;}
#searchform input {display: inline-block; }
#searchform input[type="text"] {width: 80%;}
#searchform input[type="image"] {width: 61px; position: relative; top: 13px;}
h2.title_of_post {
    font: normal 18px Verdana;
	margin-bottom: 30px;
}
.white_blob_middle h2 {
    font-size: 18px;
    color: #B81CD9;
}



/***********************************************************/
/* #MEDIA QUERIES ******************************************/
/***********************************************************/



@media only screen and ( max-width: 980px ) {
	#main.col-sm-7, #sidebar {float: none; width: 100%;}
	.top-right img {max-width: 70px;}
	.top-right .allee-instagram img {max-width: 50px;}
}

@media only screen and ( max-width: 767px ) {
	.desktop {display: none;} 
	.mobile {display: block}
	.top-left .col-sm-6, .top-right .col-sm-6 {float: left; width: 50%;}
	.top-left img {margin-top: 20px;}
	#sidebar1, #sidebar2 {float: left; width: 50%;}
	.allee-instagram {padding-top: 25px;}
	.top-right div.col-sm-6 {width: 50%; text-align: center;}
	#sidebar #searchform2 input[type="text"] {width: 77%;}
	.padded-top1 {margin-top: 0;}
	.top-right .allee-instagram img {margin-top: 0;}
	input[type="text"] {width: 100%;}
}

@media only screen and ( max-width: 479px ) {
	#sidebar1, #sidebar2 {float: none; width: 100%;}
}

@media only screen and ( max-width: 319px ) {

}
