/*   
Theme Name: Quantum Mind default theme
Theme URI: http://screencandy.co.uk
Description: Quantum Mind default theme. Based on the HTML5 Reset theme from MonkeyDo!
Author: ScreenCandy
Author URI: http://screencandy.co.uk
Version: 2.0
*/

/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.chromeframe {position: absolute; top: 0;}

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

body { font-family: Book Antiqua, Palatino Linotype, Palatino, serif;
 }

/* Using local fonts? Check out Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */

/* We like off-black for text. */
body, select, input, textarea {color: #000020;}

h1, h2, h3, h4, h5, h6 { color: #000048; margin-bottom: 15px; }
.home h1 { margin: 0;} 
.content h2 { font-size: 160%; text-transform: uppercase; }
.content h3 { font-size: 150%; font-weight: bold; }
h1, .home h2 { font-size: 180%; text-align: center; margin: 30px 20%; }
#sidebar h2 { font-size: 135%; margin: 0 0 10px 0; text-align: left; }

a {color: #9b0003;}
a:hover {color: #FD8D00;}

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

p, ul, ol { margin-bottom: 15px; line-height: 1.5em; }
.alignright { float: right; margin-left: 10px; }
.alignleft { float: left; margin-right: 10px; }

input, textarea { margin-bottom: 10px; }

input#searchsubmit, input#submit {
border: none;
   border-top: 1px solid #f7e797;
   background: #9e5a2f;
   background: -webkit-gradient(linear, left top, left bottom, from(#fd8b00), to(#9e5a2f));
   background: -webkit-linear-gradient(top, #fd8b00, #9e5a2f);
   background: -moz-linear-gradient(top, #fd8b00, #9e5a2f);
   background: -ms-linear-gradient(top, #fd8b00, #9e5a2f);
   background: -o-linear-gradient(top, #fd8b00, #9e5a2f);
   padding: 10px 20px;
   -webkit-border-radius: 12px;
   -moz-border-radius: 12px;
   border-radius: 12px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: Tahoma, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
input#searchsubmit:hover, input#submit:hover {
   border-top-color: #b5682d;
   background: #b5682d;
   color: #fff;
   }
input#searchsubmit:active, input#submit:active {
   border-top-color: #5c1b1b;
   background: #5c1b1b;
   }

/* And here begins the Wordpress fun.
-------------------------------------------------------------------------------*/

body { background: #7ec4ff url(images/body.jpg) repeat-x scroll 0 0; }

#wrapper {width: 1000px; margin: 10px auto; background-color: #fff; }

.content { width: 75%; float: right; padding: 20px 2% 20px 1%; }
#sidebar { width: 25%; float: left; padding: 20px 1% 20px 2%; font-size: 85%; font-family: Tahoma, Verdana, Arial, sans-serif; }

#footer { clear: both; background-color: #f0f0f0; text-align: center; font-size: 80%; font-family: Tahoma, Verdana, Arial, sans-serif; padding: 10px 0; }

#site-title { background: url(images/header.jpg) no-repeat 0 0; height: 150px; }
#site-title a { display: block; height: 100%; width: 100%; }
#site-title a span { position: absolute; left: -9999px; }

#nav { background-color: #f0f0f0; border-top:1px solid #ddd; border-bottom:2px solid #9b0003; font-family: Tahoma, Verdana, Arial, sans-serif;
font-weight: bold; font-size: 95%; height: 3.05em; }
#nav ul { text-align:center; margin: 0; }
#nav li { display:block; float: left; position: relative;  }
#nav a { display: block; padding:10px 20px; color: #9b0003; text-decoration: none;  }
#nav a:hover { background-color: #fff; color: #ff8d06; }

#nav ul.sub-menu { position: absolute; left: -9999px; }
#nav li:hover ul.sub-menu { left: 0; border-bottom: 2px solid #ddd; border-left: 2px solid #ddd; border-right: 2px solid #ddd; }
#nav li ul.sub-menu li { display: block; min-width: 200px; text-align: left; font-size: 85%;  }
#nav li ul.sub-menu li a { padding: 5px; background-color: #f0f0f0; display: block; width: 100%; height: 100%; }
#nav li ul.sub-menu li a:hover { padding: 5px;  background-color: #fff; }

.menu-main-navigation-container { float: left; }
#nav form#searchform { margin-bottom: 0; padding-bottom: 0; border-bottom: none; float: right; margin-right: 20px; }
#nav form#searchform > div { }
#nav input#s { clear: none; width: 120px; padding: 7px; border: 1px solid #ddd; font-size: 16px; line-height: 16px; }
#nav form#searchform label { display: inline; font-size: 80%; }
#nav input#searchsubmit, #nav input#submit { padding: 3px 12px; position: relative; top: 1px; }

.post { margin-bottom: 30px; padding-bottom: 20px; border-bottom: 2px solid #FD8D00; }

form#searchform { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px dotted #FD8D00; }
input#s { clear: both; width: 100%; padding: 7px; border: 1px solid #ddd; font-size: 16px; line-height: 16px; position: relative; top: 3px; }
form#searchform label { margin-bottom: 5px; display: block; }

.widget { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 5px solid #FD8D00; }

ol.commentlist {list-style: none;}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {border-bottom: 1px dotted #666; padding: 10px;}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {font-style: normal;}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {float:right; margin: 0 0 10px 10px;}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {font-size: 10px;}
ol.commentlist li.comment div.comment-meta a {color: #ccc;}
ol.commentlist li.comment p {}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {font-size: 11px;}
ol.commentlist li.comment div.reply a {font-weight: bold;}
ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {border-left: 5px solid #555; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-3 {border-left: 5px solid #999; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-4 {border-left: 5px solid #bbb; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {background: #fff;}
ol.commentlist li.odd {background: #f6f6f6;}
ol.commentlist li.parent {border-left: 5px solid #111;}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}


/* Print styles!
-------------------------------------------------------------------------------*/
@media print {

}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {

}

@media all and (orientation: portrait) {
	
}

@media all and (orientation: landscape) {
	
}