/*
Theme Name: Midstride Products WP Theme
Theme URI: http://www.buncholinks.com
Description: A generic theme for products by Midstride
Version: 0.1
Author: Midstride Solutions - Powerful, simple, easy to use
Author URI: http://blog.midstride.com
Tags: fixed width, two columns, widgets
*/

/* ----- CSS Reset ----- */
/*Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.0
*/
html{}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}


/* ----- Core HTML ----- */
body {font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;color:#424242;}
h1, h2, h3, h4, h5, h6 {color:#000;}
h1 {font-size:2em;margin:1em 0;}
h2 {font-size:1.9em;margin:.8em 0 .5em;}
h3 {font-size:1.4em;margin:.8em 0 .3em;}
h4 {font-size:1em;margin:.5em 0 .3em;}

p {margin:.2em 0 .8em 0;font-size:.9em;font-family:Arial, sans-serif;}
a:link, a:visited {color:#1e61ad;text-decoration:none;}
a:hover, a:active {border-bottom:2px solid #1e61ad;color:#1e61ad;text-decoration:none;}
ul {font-size:.9em;font-family:Arial, sans-serif;}
ul li {}
ol {}
ol li {}
blockquote {}
small {font-weight:bold;}
strong {font-weight:bold;}

.anchor {clear:both;}

/* ----- Positional Elements ----- */
#page {margin:0 auto;background-color:#041b2d;background-image:url("images/bg.jpg");background-repeat:repeat-x;}
#header_wrapper {background-color:#fff;}
#header {width:970px;margin:10px auto;padding:10px 0 0 10px;}
#header_img {float:left;}
#header_img a {background-image:url("images/buncholinksblog_logo.gif");background-repeat:no-repeat;border:0;display:block;height:40px;width:400px;}
.description {margin:3px 0 0 45px;}

.build_bunch_button a:link, .build_bunch_button a:visited {background-image:url("images/build_bunch_button.gif");background-repeat:no-repeat;border:2px outset #039;display:block;float:right;height:30px;margin:-5px 5px 0;width:120px;}
.build_bunch_button a:hover, .build_bunch_button a:active {background-image:url("images/build_bunch_button.gif");background-repeat:no-repeat;border:2px outset #fff;display:block;float:right;height:30px;margin:-5px 5px 0;width:120px;}

#sub_nav {clear:right;float:right;margin:15px 0px 5px;}
#sub_nav li {float:left;font-size:1.2em;padding:0 10px;}

.spotlight_wrapper {width:980px; margin:10px auto;font-size:.85em;}
.spotlight_one, .spotlight_two, .spotlight_three {float:left;width:300px;height:250px;padding:5px 5px 5px 10px;

background-color:#fcfdb3;background-image:url("images/spotlight_bg_gold.gif");
border-top:2px solid #fcfdb3;border-right:4px solid #fcfdb3;border-left:1px solid #fcfdb3;

background-color:#e5ba0d;background-image:url("images/spotlight_bg_orange.gif");
border-top:2px solid #fe4800;border-right:4px solid #fe4800;border-bottom:1px solid #fe4800;border-left:1px solid #fe4800;

background-color:#01dbaa;background-image:url("images/spotlight_bg_aqua.gif");
border-top:2px solid #3195ba;border-right:4px solid #3195ba;border-bottom:1px solid #3195ba;border-left:1px solid #3195ba;

background-color:#0569a9;background-image:url("images/spotlight_bg_ocean.gif");
border-top:2px solid #0b3965;border-right:4px solid #0b3965;border-bottom:1px solid #0b3965;border-left:1px solid #0b3965;

background-color:#a6d9ff;background-image:url("images/spotlight_bg_ice.gif");
border-top:1px solid #333;border-right:4px solid #333;border-bottom:1px solid #333;border-left:1px solid #333;

background-color:#fdfb4e;background-image:url("images/spotlight_bg_fire.gif");
border-top:2px solid #f30;border-right:4px solid #f30;border-bottom:1px solid #f30;border-left:1px solid #f30;

background-color:#fdfb4e;background-image:url("images/spotlight_bg_sticky.gif");
border-top:2px solid #ffb400;border-right:4px solid #ffb400;border-bottom:1px solid #ffb400;border-left:1px solid #ffb400;

background-color:#fff;background-image:none;
border-top:1px solid #0b3965;border-right:4px solid #0b3965;border-bottom:1px solid #0b3965;border-left:1px solid #0b3965;

background-repeat:repeat-x;}
.spotlight_one {margin:0;}
.spotlight_two {margin:0 10px 0 10px;}
.spotlight_three {margin:0;}
#content_wrapper {background-color:#fff;border-top:1px solid #0b3965;border-right:4px solid #0b3965;border-bottom:4px solid #0b3965;border-left:1px solid #0b3965;width:980px;margin:5px auto;}
#content {float:left;margin:0 5px;padding:0 10px 0;width:695px;}

.post {clear:both;}

#sidebar {background-color:#e5e5e5;float:left;margin:10px 5px 10px 0;padding:10px;width:225px;}
.tweets {}
#footer_wrapper {background-color:#0f0f0f;}
#footer {clear:both;width:980px;margin:10px auto 0;padding:30px 0;text-align:center;}

/* ----- Font styling by div ----- */
.description {font-size:1.2em;}
.spotlight_wrapper {}
.spotlight_wrapper a:link, .spotlight_wrapper a:visited {text-decoration:none;}
.spotlight_wrapper a:hover, .spotlight_wrapper a:active {text-decoration:none;}
.spotlight_wrapper h2 {font-size:1.5em;margin:5px 0;}
.spotlight_wrapper h3 {font-size:1.3em;}
.spotlight_wrapper ul li {list-style-type:square;margin-left:20px;}
.spotlight_wrapper ol li {list-style-type:decimal;margin-left:25px;}

#content h3 {}
#content ul, #content ol {margin-bottom:1em;}
#content ul li {list-style-type:square;margin-left:20px;}
#content ol li {list-style-type:decimal;margin-left:25px;}

p.postmetadata {background-color:#e5e5e5;clear:both;margin:2em 0 1em;padding:10px;}

#footer {color:#ccc;font-size:.8em;}
.cform {width:90%;}
#sidebar h2 {font-size:1.4em; margin:.5em 0 .25em;}
#sidebar li {padding:0 0 .2em 0;font-size:.9em;}
#sidebar .tweets .aktt_tweets li {font-size:.8em;}

a:link img, a:visited img {border:1px solid #ccc;}
a:hover img, a:active img {border:1px solid #1e61ad;}
.alignleft {float:left; margin:0 5px 5px 0;}
.alignright {float:right; margin:0 0 5px 5px;}

/* ----- BG colours for testing -----
#page {background-color:#ccc;}
#header {}
#sub_nav {}
#content_wrapper {background-color:#f90;}
#content {background-color:#fff;}
#sidebar {background-color:#e5e5e5;}
#footer {background-color:#333;}
*/