/*
Theme Name: Once and Future
Author: Stuart@createmethis.com	
Author URI: http://www.createmethis.com/
Description: Custom Theme for Once and Future
Version: 1

*/



html {
font-family: 'Libre Baskerville', serif;}

body {
font-size:.91em;
font-weight:300;
line-height:1.55em;
margin:0 auto;
background: url('images/background-swirl-top.jpg') center top no-repeat;
background: url(images/background-swirl-top.jpg) center bottom no-repeat, url(images/background-swirl-bottom.jpg) center top no-repeat;
background-color: #fffef8;
}
p 
{
color: #333333;
line-height: 1.6;
margin: 1.35em 0;}

ul,ul li {
list-style-type:square
}
.textwidget ul,ul li {
list-style-type:none;
list-style-image:none;
}


.top {
background-color:#fbfbfb;
border-bottom:2px solid #f4f4f4;
height:50px;
margin:0;
padding:0;
width:100%
}

.navi {
clear:both;

border-bottom: solid 1px #cccccc;
font-size:100%;
padding:0;
text-align:left;
padding-bottom:10px;
}
ul#menu-main-menu{
text-align:center;
padding:0;
margin:0;
}
ul#menu-main-menu li{
list-style-type: none;
list-style-image: none;
display: inline-block;
margin: 0 auto;
}
ul#menu-main-menu li a{
display:block;
padding: 10px 25px;
font-size: 1.45em;
color:#aaa;}
ul#menu-main-menu li a:hover{
text-decoration:none;
color: #BB5327;
}
.navi-break {
color:#f4f4f4;
margin:0 24px;
width:16px
}

h1 {
font-size:1.32em;
line-height:155%;
margin-top:3px;
padding-top:0
}

h2 {
}

h3 {
font-size:1em
}

.container {
margin:95px auto;
background-color: #fff; 
background-image: url('images/paper.jpg');
border: solid 1px #d8d8d8;
padding:0;
text-align:left;
width:960px;
padding:25px;
}

.titlespace {
margin-bottom:30px;
padding-top:10px;

}
.share {
margin-top:6px;
text-align:left
}

.facebook-share {
background:url(images/facebook.png) no-repeat #fff center right;
padding:6px 30px 6px 0
}

.twitter-share {
background:url(images/twitter.png) no-repeat #fff center right;
margin-left:16px;
padding:6px 30px 6px 0
}

.titlespace h1 {
color:#000;
font-size:4.5em;
font-weight:300;
margin-bottom:42px;
width:100%;
text-align:center;
}
.tagline{
width:100%;
text-align:center;
font-weight:300;
font-size:1.2em;
margin: 10px 0 15px 0;
}
.decoration{
width: 100%;
height: 50px;
background: url("images/container-decoration.png") transparent center no-repeat;
}

.content {
float:left;
margin-bottom: 25px;}

.date-tab {
float:left;
font-size:1em;
text-align:left;
width:110px
}

.article {
width:640px;

}

.article h1 {
margin:5px 0 25px 0;
}

.page-content {
margin:5px auto;
width:100%
}

.right {
float:right;
width:auto;
margin-bottom: 25px;
}

.right h2 a {
color:#333;
text-decoration:none;
}

.right h2 {
font-weight: normal;
color: #60312D;
font-size: 135%;
padding-bottom: 12px; 
border-bottom: solid 1px #bbb;
}
.right p{
color:#666;
font-size:95%;
}
.right-details {
float:left;
width:265px;
}
.right-details div{
margin-bottom:25px;
}
.sidebar-margin-left {
margin-left:30px
}
.search-page.post-box{
margin: 40px 0;}
.post-box {
margin-bottom:55px
}

.footer {
background-color:transparent;
border-top: solid 1px #cccccc;
clear:both;
overflow:auto;
margin-bottom:55px;
margin-top:25px;
width:100%
}

.internal-footer {
color:#666;
margin:0 auto;
padding-top:6px;
text-align:left;
width:960px
}

.date {
font-size:.95em;
margin:auto;
padding:0 0 15px 0;
color:#666666;}


a.noline:hover {
text-decoration:none
}

.postfooter {
border-bottom: solid 1px #cccccc;
display:inline-block;
font-size:85%;
height:auto;
margin-bottom:6px;
padding:8px 0px 8px 0;
width:100%
}

.comments {
display:inline-block;
width:100%
}

blockquote {
margin:0 0 35px;
padding:15px 0 0 25px
}

blockquote p {
margin:0
}

.postmetadata {
margin:0 0 6px;
width:100%;
color: #999;
}
.postmetadata a, .postmetadata a:link, .postmetadata a:visited {
color: #BB5327;}

img {
border:0
}

textarea#comment {
padding:5px;
width:400px
}

commentmetadata {
font-size:10px
}

.commentlist {
margin-left:10px;
margin-top:20px;
padding-left:10px
}

.wp-caption-text {
font-size:80%;
font-style:italic
}

.content .post-box .comments ul li {
list-style-type:none
}

img.centered {
display:block;
margin-left:auto;
margin-right:auto
}

img.alignright {
display:inline;
margin:0 0 0 15px;
padding:6px 0
}

img.alignleft {
display:inline;
margin:0 15px 0 0;
padding:6px 0
}

.alignright {
float:right
}

a.cmt:hover {
color:red
}

li.comment img.avatar {
display:none
}

.menu ul {
list-style-type:none;
margin-top:0;
padding-left:0
}

.menu ul li {
display:inline;
padding:0 24px 5px 0
}

.right ul {
margin-left:0;
padding-left:0;
}

.right ul li {
color:#aaa;
list-style-type:none; 
border-bottom: solid 1px #eee;
padding: 5px 0;
}

.page-divide {
clear:both;
color:#f4f4f4;
width:40%
}
.titlespace h1 a{
display:block;
height:72px;
}
.article h2 a{
color:#333;
padding-top:20px;}



.titlespace h1 a{
color:#333;
text-decoration:none;
font-weight: 300;
}
.post-box h2{
font-weight: 300;
font-size: 1.8em;
margin-top:15px;

}
.post-box h2 a,.post-box h2 a:active {
color:#823317;
text-decoration:none;
}

.left,.alignleft {
float:left
}

a:link,a:visited {
color:#999;
text-decoration:none
}


a:hover {
color:#BB5327;
text-decoration:underline
}
.primary-menu  ul#menu-primary-menu, ul#menu-primary-menu-1{
padding:0;
margin:0;
display: block;
width: auto;
float:right;
}
.menu-primary-menu-container{
overflow:auto;
}
ul#menu-primary-menu-1{
width:100%;
text-align:left;
float:right;
border-bottom: dashed 2px #b9c8cd;
padding-bottom:6px;
margin-bottom: 10px;}

.primary-menu  ul#menu-primary-menu li{
list-style:none;
display:block;
float:left;
padding: 5px 20px;
font-weight:600;
}

.primary-menu  ul#menu-primary-menu li a{
color:#454545;
cursor:pointer;
}

.primary-menu  ul#menu-primary-menu li a:hover{
color: #BB5327;
text-decoration:none; }


ul#menu-primary-menu-1 li{
list-style:none;
display:block;
text-align:right;
float:left;
padding: 5px 20px;
font-weight:600;
}

ul#menu-primary-menu-1 li a{
color:#454545;
cursor:pointer;
}

ul#menu-primary-menu-1 li a:hover{
color: #BB5327;
text-decoration:none; }




.search{
float:right;
text-align:right;
width:265px;
margin-bottom:25px;}

#text-2, #text-3, #text-4,  #text-5, #text-6, #text-7,  #text-8, #text-9, #text-10{
margin-left:17px;
margin-bottom:20px;
border-style:dashed;
border-width:2px;
height:200px;
width:160px;
}

#text-2, #text-7  {
border-color: #fc878c;
}
#text-3, #text-8{
border-color: #e66b7d;
}
#text-4, #text-9 {
border-color: #9cd1ba;
}
#text-5, #text-10{
border-color: #6f6eb2;
}
#text-6{
border-color: #78c4f8;
}

#text-2.box a, #text-7.box a  {
color: #fc878c;
}
#text-3.box a, #text-8.box a{
color: #e66b7d;
}
#text-4.box a, #text-9.box a {
color: #9cd1ba;
}
#text-5.box a, #text-10.box a{
color: #6f6eb2;
}
#text-6.box a{
color: #78c4f8;
}
.search-terms{
color: #fc878c;
}


.right-buttons .box a{
font-weight: normal;
font-size: 1.2em;
display:block;
text-align:center;
cursor:pointer;}
.right-buttons .box a:hover{
}

.right-buttons .box img{
margin-top:16px;
margin-left:15px;
margin-right:15px;
margin-bottom: 10px;
width:130px;
height:130px;
overflow:none;
}
.rounded-image{
border-radius: 20px;
}
.rounded{
border-radius: 30px;
}


.left-footer{
width:28%;
float:left;
margin-right:5%;}
/*--Better HR--*/
.right hr{
border:0;
border-bottom: solid 1px #999;}
/*--Group - not clearfix--*/
.group:before,
.group:after {
    content: "";
    display: table;
} 
.group:after {
    clear: both;
}
.group {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}
/***  Widgets  ***/
.right div.textwidget ul li{
list-style-type:none;
list-style-imagee:none;
border-bottom: solid 1px #999; 
}


/***** Images ********************/

img.centered  {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding: 0;
	}

img.alignnone {
	padding: 0;
	margin: 0 0 10px 0;
	display: inline;
	}

img.alignright {
	padding: 0;
	margin: 0 0 10px 15px;
	display: inline;
	}

img.alignleft {
	padding: 0;
	margin: 0 15px 10px 0;
	display: inline;
	}

.aligncenter,
#sidebar .aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	}

.alignright {
	float: right;
	margin: 0 0 10px 10px;
	}

.alignleft {
	float: left;
	margin: 0 10px 10px 0;
	}

.wp-caption {
	background: #F5F5F5;
	text-align: center;
	max-width: 99%;
	padding: 7px 2px 7px 2px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #E4E4E4;
	}

.wp-caption img {
	height: auto;
	margin: 0 0 0 0;
	max-width: 98%;
	padding: 0;
	border: 0;
	}

.wp-caption p.wp-caption-text {
	margin: 0;
	padding: 5px 0 0 !important;
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
	}