/*
Theme Name: Kimberly Case
Description: Theme for Kimberly Case
Author: Mae Paulino
Author URL: http://tech-hive.com
Version: 1.0
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.container_12 .grid_3{width:220px}.container_12 .grid_6{width:460px}.container_12 .grid_9{width:700px}.container_12 .grid_12{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}body{font:13px/1.5 Georgia,serif}a:focus{outline:1px dotted invert}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:disc}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}

/*layout*/
html { background: #f4f5f7; color: #333; }
body { padding: 35px 0; background: url(images/main-bg.gif) no-repeat 50% 100%; }
h2, h3, h4, h5, h6 {font-weight: normal; color: #666;}
a:link { color: #0066cc; text-decoration: underline; }
a:hover { text-decoration: none; }
a:visited { color: #3d5a76; }
a:active, a:focus { color: #06C; line-height: 1.75; }

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

/*#page { -webkit-box-shadow: 0 5px 5px #999; }*/

.platforms img { width:260px!important; height: auto!important; }

#header { background: #0279b5; }
  #title { padding: 15px 0 0; margin: 0; }
  #title a { background: url(images/logo.png); display: block; width: 940px; padding-top: 71px; height: 0; overflow: hidden; margin:0px auto; }
  .description, .skip-link { display: none; }
  
  #access { background: url(images/navigation.png) no-repeat 0 0; width: 1000px; margin: 0 -20px; padding-top: 23px; }
    #access ul, #access ul li { list-style: none; margin: 0; padding: 0; }
    #access ul { padding: 0 20px; height: 41px; text-transform: uppercase; }
    #access li { float: left; border-right: 1px solid #898989; }
    #access a { color: #FFF; text-decoration: none; text-shadow: 1px 1px #000; font-size: 14px; padding: 10px 15px; display: block; border-right: 1px solid #000; }
    #access a:hover { background: #333 url(images/nav-hover.gif) repeat-x 0 0; }
    #access a:active, #access a:hover { line-height: 1.5; }
    #menu-item-20, #menu-item-20 a, #menu-item-19, #menu-item-19 a { border: 0 none!important; }
    li#menu-item-19 { float: right; }
    li#menu-item-19 a:hover { background: none; text-shadow: -1px -1px #000; }
    
#body { padding: 0 0 70px; -webkit-box-shadow: #999 0px 0px 5px; background: white; margin-top: 20px; }
  .home #body { -webkit-box-shadow: 0 0 0; background: transparent; margin: 10px 0 0; }
    
.carousel { background: url(images/carousel-bg.png) no-repeat 0 0; height: 270px; width: 968px; position: relative; margin: 5px -4px 15px; overflow: hidden; }
  .carousel ul, .carousel ul li { list-style: none; margin: 0; }
  
.jcarousel-skin-tango { padding: 10px; height: 250px; }
  .jcarousel-skin-tango li { width: 948px!important; height: 250px!important; color: #FFF; }
  .jcarousel-skin-tango img { float:left; margin: 4px 15px 4px 9px; -webkit-box-shadow: #333 0px 0px 5px; }
  .jcarousel-skin-tango .carousel_content { width: 282px; float:left; padding: 15px 10px 0; }
  .jcarousel-skin-tango h2 { text-align: center; font-weight: normal; text-shadow: 1px 1px #000; color: #FFF; }
  .jcarousel-skin-tango h2 span { padding: 10px; background: #666; }
.jcarousel-control { position: absolute; bottom: 20px; right: 80px; z-index: 99; }
  .jcarousel-control a { display: block; padding: 8px 15px 10px; background: #717171; color: #FFF; text-decoration: none; float: left; margin: 0 5px; line-height: 1; }
  .jcarousel-control a:hover { background: #000; }
  .jcarousel-control a:active, .jcarousel-control a:focus { background: #333; }
  
.platforms .grid_4 { background: url(images/content-bg.gif) repeat-x 0 0; padding: 10px; width: 280px; }
  .platforms .content { border: 1px solid #f4f5f7; padding: 10px; }
  .platforms h2 { font-weight: normal; text-align: center; text-transform: uppercase; font-size: 22px; margin: 0 0 10px; padding: 0 0 13px; background: url(images/title.png) no-repeat 50% 100%; text-shadow: 1px 1px #FFF; }
  
.button { width: 120px; margin: 0 auto; text-align: center; text-transform: uppercase; -webkit-box-shadow: 0 1px #000; clear:both; }
  .button a { text-decoration: none; color: #FFF; background: #930202 url(images/button.gif) repeat-x 0 top; display: block; padding: 8px 0;  height: 19px; }
  .button a:hover { text-shadow: 1px 1px #000; }
  
#footer { background: #0279b5 url(images/footer-bg.gif) repeat-x 0 0; color: #FFF; padding: 4px 0 150px; text-align: center; }
  #footer p { margin: 0; background: url(images/footer-panel.gif) no-repeat 0 0; padding: 17px 0 0; margin: 0 -9px 7px; }
  #footer ul, #footer ul li { list-style: none; margin: 0; padding: 0; }
  #footer li { float: none; display: inline; padding: 0 8px!important; border-right: 1px solid #FFF!important; }
  #footer li:last-child { border-right: 0 none #FFF!important; }
  #footer a { color: #FFC; }
  #footer a:hover { text-shadow: 0 0; }
  
.xoxo, .xoxo li { list-style: none; margin: 0; padding: 0; }
.widget-container { background: #666666; padding: 10px !important; margin-bottom: 20px !important; color: #FFF; }
  .widget-container h3 { text-align: center; font-weight: normal; color: #FFF; }
  .widget-container a { color: #FFC; }
  .widget-container .content { border: 1px solid #807f7f; padding: 10px !important; }
  .widget-container .icon { width: 115px; background: url(images/icons.png) no-repeat; float: left; }
  .widget-container#text-6 .icon { background-position: 0 0; height: 110px; }
  .widget-container#text-5 .icon { background-position: 0 -112px; height: 95px; }
  .widget-container#text-4 .icon { background-position: 0 -210px; height: 88px; }
  .widget-container#recent-posts-3 ul { padding-left: 110px!important; background: url(images/icons.png) no-repeat 0 100%; min-height: 100px; }
  .widget-container#recent-posts-3 li { margin-bottom: 8px!important; }
  .widget-container .button { margin-top: 20px; -webkit-box-shadow: 0 1px #FFF; }
  .widget-container .button a { color: #FFF; }

/*twitter*/
.twitter { background: url(images/twitter-bottom.png) no-repeat 100% 100%; padding: 0 0 30px 0; position: relative; margin-bottom: 20px; margin-top: 40px; }
  .twitter ul, .twitter ul li {  list-style: none; padding-left: 40px!important; margin: 0; }
  .twitter ul {background: #cd0606 url(images/twitter-bg.gif) repeat-x 0 0; color: #FFF; padding: 10px 10px 0 0; min-height: 30px; }
  p.follow { position: absolute; bottom: 5px; right: 30px; margin: 0; }
  .twitter li span a { color: #FFC; }
  .twitter li > a { position: absolute; bottom: 5px; right: 170px; font-size: 100% !important; padding-right: 10px; display: block; border-right: 1px solid #333; }
    .xoxo .twitter li > a { right: 160px; }
  .bird { width: 96px; height: 69px; position: absolute; top: -24px; left: -15px; background: url(images/twitter-icon.png) no-repeat 0 0; }
  
  .xoxo .twitter ul { padding-bottom: 10px; }
  .home .twitter { margin: 25px 0 10px; }
  
/*page*/
#content{padding: 15px 0 15px 10px;}

.entry-title, .page-title { color: #0279b5; font-weight: normal; margin: 0 0 25px; border-bottom: 1px dashed #0279b5; }
.entry-utility { background: #EEE; margin: 40px 0px 0px; padding: 10px 15px; }
  .entry-meta { margin-right: 5px; padding-right: 5px; border-right: 1px solid #999; }
.archive .hentry, .blog .hentry { border-bottom: 1px dashed #0279b5; margin: 15px 0 15px; padding: 0px 10px 30px; }
  .archive .hentry .entry-title, .blog .hentry .entry-title { border: 0 none; margin: 0 0 10px; }

/* comments */
#comments { clear: both; }
#comments .navigation { padding: 0 0 18px 0; }
h3#comments-title, h3#reply-title { color: #0279B5; font-weight: normal; font-size: 20px; margin-bottom: 0; }
h3#comments-title { padding: 24px 0; }
.commentlist { list-style: none; margin: 0; }
.commentlist li.comment { border-bottom: 1px solid #e7e7e7; line-height: 24px; margin: 0 0 24px 0; padding: 0 0 0 56px; position: relative; }
.commentlist li:last-child { border-bottom:none; margin-bottom:0; }
#comments .comment-body ul, #comments .comment-body ol { margin-bottom: 18px; }
#comments .comment-body p:last-child { margin-bottom: 6px; }
#comments .comment-body blockquote p:last-child { margin-bottom: 24px; }
.commentlist ol { list-style: decimal; }
.commentlist .avatar { position: absolute; top: 4px; left: 0; }
.comment-author { }
.comment-author cite { color: #000; font-style: normal; font-weight: bold; }
.comment-author .says { font-style: italic; }
.comment-meta { font-size: 12px; margin: 0 0 18px 0; }
.comment-meta a:link, .comment-meta a:visited { color: #888; text-decoration: none; }
.comment-meta a:active, .comment-meta a:hover { color: #FF4B33; }
.commentlist .even { }
.commentlist .bypostauthor { }
.reply { font-size: 12px; padding: 0 0 24px 0; }
.reply a, a.comment-edit-link { color: #888; }
.reply a:hover, a.comment-edit-link:hover { color: #FF4B33; }
.commentlist .children { list-style: none; margin: 0; }
.commentlist .children li { border: none; margin: 0; }
.nopassword, .nocomments { display: none; }
#comments .pingback { margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px solid #e7e7e7; }
.commentlist li.comment+li.pingback { margin-top: -6px; }
#comments .pingback p { color: #888; font-size: 12px; line-height: 18px; display:block; margin: 0; }
#comments .pingback .url { font-style: italic; font-size: 13px; }

/* Comments form */
input[type=submit] { color: #333; }
#respond { margin: 24px 0; border-top: 1px solid #e7e7e7; overflow: hidden; position: relative; }
#respond p { margin: 0; }
#respond .comment-notes { margin-bottom: 1em; }
.form-allowed-tags { line-height: 1em; }
.children #respond { margin: 0 48px 0 0; }
h3#reply-title { margin: 18px 0; }
#comments-list #respond { margin: 0 0 18px 0; }
#comments-list ul #respond { margin: 0; }
#cancel-comment-reply-link { font-size: 12px; line-height: 18px; font-weight: normal; }
#respond .required { color:#FF4B33; font-weight:bold; }
#respond label { color: #888; font-size: 12px; }
#respond input { margin:0 0 9px; width:98%; }
#respond textarea { width:98%; }
#respond .form-allowed-tags { color: #888; font-size: 12px; line-height: 18px; }
#respond .form-allowed-tags code { font-size: 11px; }
#respond .form-submit { margin: 12px 0; }
#respond .form-submit input { width: auto; font-size: 14px; }