/*
    ######################################
    # Wise Words Template - Template.css #
    ######################################

    Table of contents
    *****************
    1. Content
    2. Layout
    3. Navigation
        - 3.a Standard navigation
        - 3.b Tinynav.js
    4. Forms
    5. Elements
    6. Zones, Widgets and Special Stuff
        - 6.a General
        - 6.b Blog
        - 6.c 404
        - 6.d Search
        - 6.e Tags
        - 6.f Login
        - 6.g Comments
               - 6.g.i  Display
               - 6.g.ii Form
        - 6.h Zones
        - 6.i Forms
    7. Misc

*/





/***** 1. Content *****/

a {
    /*color: #9b7188;*/
    text-decoration: underline;
}

a:hover, a:focus {
    color: inherit;
    text-decoration: underline;
}

body{
	/*background-color:#eeeee6;*/
	font-family: 'PT Serif', serif;
	font-size:18px;
	line-height: 30px;
}

blockquote {
  border-left: 5px solid #abb2ba;
}

blockquote small {
  line-height: 30px;
}

body, legend {
    /*color:#494e55;*/
}

code {
  color: inherit;
  padding: 6px 6px;
}

h1 {
	/*color:#9b7188;*/
	font-family: 'Open Sans', sans-serif;
	font-size: 34px;
	font-weight: 300;
	margin-bottom: 30px;
	text-align: center;
	text-transform: uppercase;
}

h1 a, h1 a:hover, h1 a:focus {
    text-decoration:none;
}

h4 {
    margin-top:20px;
}

hr {
	margin-top:12px;
	border-top:none;
	/*border-bottom:1px solid #b2b8c1;*/
}

li {
    line-height: 30px;
}

ol, ul {
    margin-bottom:30px;
}

p {
    margin-bottom:30px;
}







/***** 2. Layout *****/

body {
	padding-top: 60px;
	padding-bottom: 60px;
}

/* Landscape phones and down */
@media (max-width: 480px) {

  body {
    padding-top: 30px;
    padding-bottom: 30px;
  }

}

.main-content {
	margin-top:90px;
  margin-bottom:70px;
}

/* Landscape phones and down */
@media (max-width: 480px) {
    .main-content {
      margin-top:40px;
      margin-bottom:30px;
    }
 }


.seperator {
  background-image:url('../img/threedots.png');
  height:6px;
    margin:100px auto; /*top  bottom left right*/
  width:35px;
}




/***** 3. Navigation *****/


/***** 3.a Standard navigation *****/

.dropdown-menu {
  /*background-color: #e2e3c8;*/
  border: none;
  display: none;
  float: left;
  left: 0;
  list-style: none;
  margin: 16px 0 0;
  min-width: 160px;
  padding: 5px 0;
  position: absolute;
  top: 100%;
  z-index: 1000;
}

.dropdown-menu > li
{
	margin-top:5px;
	margin-bottom:5px;
}

.dropdown-menu > li > a
{
  font-size: 16px;
  font-weight: 300;
	text-align: center;
  text-transform: none;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a,
.dropdown-menu > .active > a:hover {
    /*background-color: #d8d9bf;*/
    background-image: none;
    color: black;
    filter: none;
    text-decoration: none;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus {
    color: inherit;
    background-color: inherit;
    background-image: inherit;
    background-repeat: inherit;
    filter: inherit;
    outline: inherit;
    text-decoration: none;
}

.nav {
    margin-bottom: 0px;
}

.nav > li > a:hover,
.nav > li > a:focus{
	background-color:inherit;
}

.nav > li.dropdown.open.active > a:hover,
.nav > li.dropdown.open.active > a:focus {
    background-color: inherit;
    border-color: inherit;
    color: inherit;
}

.ww-nav {
	padding-top:6px;
}

.ww-nav a {
	/*color:#494e55;*/
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	font-weight:300;
	line-height: 14px;
	margin-left: 0px;
	margin-right: 2px;
	padding-right: 0px;
	text-transform: uppercase;
	text-decoration: none;
}

.ww-nav a:hover {
	/*color:#9b7188;*/
}

.ww-nav > li {
	float:left;
	margin-left:15px;
}

.ww-nav > li > a {
    padding:25px;
}

.ww-nav > li.last a {
    padding-right:0px;
}

.zone-navigation {
    display: inline;
}








/***** 3.b Tinynav.js *****/

/* Desktop */
.tinynav {
    /*background-color:#f6f6ed; */
    display: none;
    height:40px;
    margin-top:25px;
    width:100%;
}

/* Mobile */
@media screen and (max-width: 767px) {
    .tinynav { display: inline; }
}






/***** 4. Forms *****/

button
{
	/*background-color: #9b7188;*/
	border:none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/*color:#eeeee6;*/
	font-family: 'Open Sans', sans-serif;
	font-size: 17px;
  height:55px;
  margin-top:15px;
  padding-left:30px;
  padding-right:30px;
	text-transform: uppercase;

}

button:hover
{
	/* background-color: #83536d; */
}

button.button-icon{
  padding-left: 12px;
  padding-right: 1px;
}

.contact-form{
  /*margin-top:60px;*/
}

input.text, input[type=text], input[type=password] {
	height:35px;
	width:100%;
}

label {
	font-size:18px;
	margin-bottom:20px;
	margin-top:35px;
	text-align: left;
}

legend {
	border-bottom: none;
}

textarea {
	width:100%;
}

fieldset {
    text-align:center;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  /*background-color: #f6f6ed;*/
  /*border: 1px solid #b2b8c1;*/
/*  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
*/}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  /*border-color: rgba(191, 167, 177, 0.8);*/
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
/*  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(155, 113, 136, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(155, 113, 136, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(155, 113, 136, 0.6);
*/}






/***** 5. Elements *****/

a.button-link {
  /*height:55px;*/
  /*width:61px;*/
  margin-top:15px;
  padding:15px 30px 15px 30px;
  display: inline-block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  /*color:#eeeee6;*/
  font-family: 'Open Sans', sans-serif;
  font-size: 17px;
  text-transform: uppercase;
  text-decoration: none;
}

a.button-link.foricon{
  padding:3px 1px 3px 13px;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
  /*background-color: #f6f6ed;*/
  text-decoration: none;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  text-decoration: none;
}

.nav-tabs > li > a {
  /*color:#494e55;*/
  text-decoration: none;
}

.tab-content > .tab-pane {
  margin-top: 10px;
  margin-left: 10px;
}

.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
    /*background-color: #f6f6ed;*/
}

.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
    /*background-color: #e2dbd8;*/
}

.pagination{
  font-family: 'Open Sans', sans-serif;
  font-size:16px;
  text-align: center;
  margin-top: 50px;
}

.pagination ul > li > a,
.pagination ul > li > span {
  /*background-color:  #f6f6ed;*/
}




/***** 6. Zones and Widgets*****/




/***** 6.a General *****/

.copyright {
	font-size:12px;
	text-align: left;
}

h1.page-title {
    font-size:20px;
    font-family:'Open Sans'; /*Condensed*/
    text-transform:none;
}

.zone-content h1 {
    margin-bottom:50px;
}



/***** 6.b Blog *****/

.archives ul {
    list-style: none;
    text-align: center;
}

.blog-post {
    line-height:30px;
}

.blog-pagination {
  margin-top:80px;
}

.blog-pagination .newer {
  float:left;
}

.blog-pagination .older{
  float:right;
}

.published {
	font-size:16px;
	text-align: center;
}

ul.blog-posts {
    list-style:none;
    margin:0;
}

ul.blog-posts li {
    background-image:url('../img/threedots.png');
    background-position:bottom center;
    background-repeat:no-repeat;
    margin-bottom:60px;
    padding-bottom:60px;
}

ul.blog-posts li.last {
    background-image:none;
    padding-bottom:0px;
}

.widget-blogcategories ul,
.widget-blogarchives ul
{
  list-style: none;
  text-align: center;
  margin:0;
}

.widget-blogcategories a,
.widget-blogcategories a:link,
.widget-blogarchives a,
.widget-blogarchives a:link

{
  color:inherit;
  text-decoration: none;
}

.widget-blogcategories a:hover,
.widget-blogarchives a:hover
{
  /*color:#9b7188;*/
}


/***** 6.c 404 *****/


.notfound-title {
    font-size:75px;
}

.notfound-message {
 text-align:center;
}







/***** 6.d Search *****/

.widget .search-form {
	text-align: center;
}

.widget .search-form input#q {
	height:35px;
	margin-bottom:0px;
	width:155px;
}

.widget .search-form button {
	height:45px;
    margin-top:0px;
    padding:0px;
	width: 45px;
}

/* Large desktop */
@media (min-width: 1200px) { .widget .search-form input#q {width:205px;} }

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { .widget .search-form input#q {width:101px;}  }





/***** 6.e Tags *****/

ul.tagcloud {
	list-style: none;
	overflow:auto; /*for clearing the float */
}

ul.tagcloud li {
	float:left;
	height:36px;
	margin-right:5px;
}

ul.tagcloud a {
	color:inherit;
	text-decoration: none;
}

ul.tagcloud a:hover {
	/*color:#9b7188*/
}

li.tagCloud-1{font-size:12px;}
li.tagCloud-2{font-size:18px;}
li.tagCloud-3{font-size:24px;}
li.tagCloud-4{font-size:30px;}
li.tagCloud-5{font-size:36px;}

p.tags{
    margin-bottom:0px;
}






/***** 6.f Login *****/

.login-form input#remember-me {
    margin-bottom: 5px;
}

fieldset.login-form {
    margin-top:40px;
    margin-bottom:40px;
    text-align: center;
}

.login-form ol {
    list-style:none;
    margin-left:0;
}







/***** 6.g Comments *****/

/***** 6.g.i Display *****/

.comment a
{
	color:inherit;
	text-decoration: none;
}

article.comment h4 {
	font-weight: normal;
	margin-bottom:15px;

}

#comments {
    background-image: url('../img/threedots.png');
    background-position:center top;
    background-repeat:no-repeat;
    margin-top: 100px;
    padding-top: 100px;
}

#comments article {
	margin-top:100px;
}

#comments .text
{
	font-size: 16px;
	line-height: 30px;
	text-align: left;
}

#comments .when
{
	font-size: 14px;
}

.comments {
	text-align: center;
}


ul.comments {
	list-style: none;
	margin-left:0;
}




/***** 6.g.ii Form *****/

.comment-form {
	margin-top:125px;
	margin-bottom: 125px;
}

.comment-form button.primaryAction {
    height:55px;
    margin-top:50px;
    margin-left: 10px;
    width:300px;
 }

@media (max-width: 767px) {
	.comment-form button.primaryAction
	{
		width:200px;
	}
 }

.comment-form legend#add-comment, h2.comment-count {
	/*color:#9b7188;*/
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	font-weight: 300;
	margin-bottom: 30px;
	text-align: center;
	text-transform: uppercase;
}

fieldset.what {
	text-align: center;
}



/***** 6.h Zones *****/



aside.aside-column article.widget {
	/*border-top:1px solid #b2b8c1;*/
	margin-bottom:50px;
	padding-top:30px;
}

aside.aside-column article.widget:first-child {
	border-top: none;
	padding-top: 0;
}

aside.aside-column article.widget header h1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	font-weight:300;
}

.triple article.widget header h1,
.quad article.widget header h1 {
	font-family: 'Open Sans', sans-serif;	 /* Condensed */
	font-size: 21px;
	margin-bottom:13px;
	text-transform: none;
}

.triple article.widget,
.quad article.widget {
	font-size:16px;
	margin-top:0;
	text-align: center;
}

.triple-row {
	margin-bottom:30px;
}






/***** 7. Misc *****/

.glyphicons-icon {
  background-image: url(../img/glyphicons/glyphicons-darkgrey.svg);
}

.halflings-icon {
  background-image: url(../img/glyphicons/glyphicons_halflings-darkgrey.svg);
}

#logo {
  margin: 2px 0  0 10px;
  height:63px;
  width:324px
}

/* Landscape phones and down */
@media (max-width: 480px) {
  #logo {
    height:47.25px;
    width: 243px;
  }
 }

.glyphicons-showoff i {
  margin-right: 6px;
  margin-left: 5px;
}

.button-showoff  {
  text-align: center;
  margin-bottom:30px;
}

pre, pre code {
  white-space: pre;
  word-wrap: normal;
  overflow: auto;
}