/*
Theme Name: K2 Child Theme Sarah
Theme URI: /home/sarahgbe/public_html/MyWonderings/wp-content/themes/k2childthemesarah
Description: my first attempt trying to utilize luckyties theme and following johnpt
Author: Sarah Bennett
Author URI: sarahgbennett.com
Template: k2
*/

/* Comment tahoma with palepink background and lucky ties blue font color */
body {
font-family: Franklin Gothic, Tahoma, arial, comic sans ms, helvetica, sans-serif !important;
background: #cc6666 !important;
font-size: 80% !important;
color: #336699 !important;
margin: 0 !important;
_margin: 0 !important;
padding-top: 10px;
padding-bottom: 10px;
}
/* Comments: setting the flexible width */
body.flex #page {
width: 90%;
width: 80%;
min-width: 970px;
max-width: 1000px;
}
/* Comment: Page code for blog's page width */
#page {
width: 970px !important; /*Width of entire Blog*/
_width: 970px !important; /*Check in IE to get the value that matches your blog*/
border: 0px !important;
padding: 0px !important;
_padding: 0px !important;

/* Comment: Shadow Effect from johntp tutorial */
background: #ede1e1 url('sidebar1.jpg') !important; /*#fff sets the background color of the page and url('sidebar.jpg') sets the sidebar image*/
background-repeat: repeat-y !important; /*this makes the sidebar shadow repeat vertically*/
background-position: right !important; /*this set the position of the background image to the right side*/
_background: #ede1e1 url('sidebar1.jpg') !important; /*these are for IE*/
_background-repeat: repeat-y;
_background-position: right; 
}
/* Comment: Custom Header */
#header {
background: #6699CC url('Kubrik-Heading-My-Wonderings-970x255-new-title.jpg') no-repeat !important;
height: 255px !important; /*sets the height of header*/
_height: 255px !important; /*IE tweak*/
border: none !important;
padding: 0;
margin: 0;
position: relative;
}
/* Comment: adjust width of header title here 
#header-title {
width: ;
float: ;
} */
/* Comment: johntp also has code to add picture to footer */

/* Comment: Menu above the Header */
ul.menu {
margin-bottom: 235px !important;
padding-left: 10px;
width: 90% !important;
word-spacing: 0;
}
/* Comment: Font-size and default color of Menu links */
ul.menu li a {
font
: 1em Tahoma, Verdana, Helvetica, Arial, Sans-Serif;
color: #ff9933;
font-weight: bold;
}
/* Comment: Hover properties of menu */
ul.menu li a:hover{
background: #ff9933 !important; /* hover background menu item
color */
color: #0072bc !important; /* text color when hovered */
}
ul.menu li.current_page_item a,
ul.menu li.current_page_item a:hover {
color: #0072bc !important; /* active tab hover text color */
background: #ff9933 !important; /* active tab background color */
}
/* Comment: Code Box */
code {
font: 1.1em 'Courier New', Courier, Fixed;
display:block;
overflow:auto;
text-align:left;
background:#fff;
border:1px solid #003333;
border-left: 6px solid #0066cc;
padding: 4px;
/* Comment: Author Comments */
.comments #commentlist li.authorcomment {
background: #66cc33 !important;
_background: #66cc33 !important;
border-top: 2px solid #669933 !important;
border-bottom: 2px solid #669933 !important;
}