/*   
Theme Name: JackQ
Theme URI: http://www.jackq.com
Description: A simple beta theme.
Version: 1.0 Beta
Author: http://www.jackq.com
Author URI: http://www.jackq.com
*/
body {
background : url(images/background.png) repeat-x;
font-size : 0.9em;
font-family : 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
a {
color : #06c;
text-decoration : none;
}
a:hover {
color : #d3360d;
}
#page {
width : 1000px;
margin : 0 auto;
}
#container {
width : 1000px;
overflow : hidden;
background-position : right top;
background-repeat : repeat-y;
background-color : #fff;
margin : 0 auto;
}
#main {
width : 730px;
float : left;
padding : 10px 0;
}
#sidebar {
width : 260px;
float : right;
padding : 10px 0;
}
#header {
margin-top : 10px;
text-align : left;
overflow : hidden;
padding : 20px 0;
}
#header h1 a {
width : 200px;
color : #0065b2;
}
#header h2 {
font-size : 14px;
color : #000;
padding : 5px;
}
#logo {
float : left;
height : 40px;
width : 250px;
margin-top : -10px;
}
#cse-search-box {
padding-left : 350px;
}
.searchinput {
border-bottom : 1px solid #ddd;
border-left : 1px solid #666;
border-right : 1px solid #ddd;
border-top : 1px solid #666;
float : left;
font-size : 120%;
width : 350px;
padding-left : 50px;
}
.searchinput:focus {
border : 1px solid #fb8c1c;
}
.searchbuttom {
background : #5ca100 url(images/search.png) 0% -1px;
background-position : 0% 50%;
cursor : pointer;
border : 0;
height : 24px;
width : 24px;
margin-left : -24px;
}
#cse-search-results {
width : 730px;
}
#cse-search-results iframe {
width : 730px;
height : 1000px;
}
#doodle {
float : right;
height : 50px;
width : 200px;
margin-top : -40px;
}
.title h2 a {
color : #000;
padding-left : 5px;
font-size : 14px;
font-weight : 400;
}
.articletitle h2 {
font-size : 16px;
color : #06c;
text-decoration : none;
}
.post {
margin-bottom : 20px;
}
.month {
text-transform : uppercase;
text-align : center;
color : #fff;
font-size : 12px;
margin : 3px 0 5px;
}
.date {
text-align : center;
margin-top : 2px;
font-size : 20px;
}
.title {
background-color : #fff;
overflow : hidden;
margin : 0;
}
.title h2 {
font-size : 14px;
text-decoration : none;
font-weight : bolder;
float : left;
padding : 5px 0;
}
.comments_numbers a {
color : #8bbf00;
font-size : 12px;
text-align : left;
float : right;
padding : 5px 0;
}
.post ul, .post ol {
padding-left : 40px;
padding-right : 40px;
margin : 0;
}
.post li {
margin : 2px;
}
.entry {
text-align : left;
color : #191919;
margin : 10px 0;
}
.entry h3 {
font-size : 16px;
margin : 10px 0;
}
.entry h4 {
margin : 10px 0;
}
.entry p {
font-size : 12px;
line-height : 180%;
text-decoration : none;
padding : 0;
}
.entry img {
max-width : 700px;
overflow : hidden;
text-align : center;
}
.share {
font-size : 12px;
margin : 5px 0;
padding : 2px;
}
.postmeta {
font-size : 12px;
color : #666;
text-align : left;
border-bottom : 1px dashed #ccc;
padding : 5px 0;
}
.postmeta_author {
background : url(images/author.png) no-repeat;
padding : 0 5px 0 18px;
}
.postmeta_tags {
background : url(images/tags.gif) no-repeat;
padding : 0 5px 0 18px;
}
.postmeta_category {
background : url(images/category.jpg) no-repeat;
padding : 0 5px 0 18px;
}
.postmeta_category a {
color : #666;
}
.postmeta_views {
float : right;
color : #036;
}
.additionalinfo {
background : #fff;
overflow : hidden;
padding-left : 10px;
margin : 0;
}
.post-licenses {
background : #ecfbd7;
border : 1px solid #7cc818;
color : #61a510;
overflow : hidden;
padding-left : 50px;
margin : 0;
}
.licenses {
color : #61a510;
float : left;
padding : 5px 5px 5px 30px;
}
.ai_comments {
float : right;
}
.ai_comments a {
background : #ff8 none repeat scroll 0% 0%;
color : #b02b2c;
display : block;
}
.ai_comments a:hover {
background : #fc0 none repeat scroll 0% 0%;
color : #a4573a;
}
#collection a {
background : #fff;
float : left;
display : block;
margin : 0;
}
#collection a img {
display : block;
margin : 2px;
padding : 2px;
}
#sidebar a {
color : #147;
text-decoration : none;
}
#sidebar ul h2 {
background : url(images/sidetitle.gif) no-repeat 0% 10px;
font-size : 14px;
color : #5fa207;
line-height : 180%;
}
#sidebar ul li {
list-style : none;
line-height : 180%;
font-size : 12px;
}
#sidebar ul ul li {
padding : 0;
}
#archives-2 {
background-color : #cdeb8b;
clear : both;
}
#archives-2 select {
width : 250px;
margin : 5px;
}
#archives-2 span {
font-size : 14px;
color : #08a;
padding : 5px;
}
#sidebar ul h2.widgettitle {
background-color : #fff;
padding : 2px 15px;
}
.blogroll {
width : 250px;
display : block;
overflow : auto;
}
.blogroll li {
float : left;
width : 100px;
display : block;
}
.navi {
background : #fff8e7;
overflow : hidden;
margin : 0 0 10px;
padding : 0;
}
.navi .left {
float : left;
clear : both;
padding : 4px;
}
.navi .right {
float : right;
padding : 4px;
}
#bottomwidget {
width : 1000px;
background : #e5ecf9;
}
#bottomwidget a {
color : #000;
text-decoration : none;
}
#bottomwidget a:hover {
color : #b02b2c;
}
#bottomwidget ul {
overflow : hidden;
padding : 0;
}
#bottomwidget ul h2 {
color : #036;
font-size : 14px;
line-height : 180%;
border-bottom : 1px solid #ccc;
}
#bottomwidget ul li {
list-style-type : none;
float : left;
width : 300px;
padding : 10px;
}
#bottomwidget ul ul li {
border-bottom : 1px solid #eee;
background : url(images/side.gif) no-repeat 0% 10px;
padding : 2px 0;
}
#footer {
clear : both;
overflow : hidden;
color : #000;
width : 1000px;
border-top : 5px solid #57a800;
margin : 0 auto 10px;
padding : 5px 0;
}
#footer a {
color : #000;
}
#footer .footer_left {
float : left;
line-height : 160%;
padding : 5px;
}
#footer .footer_right {
float : right;
line-height : 160%;
padding : 5px;
}
.commentstitle {
background : #f5f5f5 none repeat scroll 0% 0%;
border-top : 2px solid #690;
padding-left : 10px;
margin : 0;
}
.commentstitle h3 {
padding-bottom : 10px;
padding-top : 10px;
}
.commentsnumber {
color : #036;
}
.trackback {
float : right;
padding-top : 10px;
padding-right : 12px;
}
.commentlist {
color : #666;
list-style-type : none;
margin : 0;
padding : 10px 0;
}
.commentlist li {
min-height : 100px;
padding : 0 0 10px;
}
.commentlist li ol li {
min-height : 0;
}
.alt {
background-color : #f2f2f2;
}
.commentmeta {
overflow : hidden;
background : #f7f8e0 none repeat scroll 0% 0%;
width : 200px;
float : right;
padding : 10px 0 10px 5px;
}
.authcommentmeta {
overflow : hidden;
margin-bottom : 0;
background : #ffe0b8 none repeat scroll 0% 0%;
width : 200px;
float : right;
padding : 10px 0 10px 5px;
}
.commentinfo {
float : left;
width : 150px;
}
.commentauthor {
font-size : 16px;
}
.commentauthor a {
color : #06c;
}
.commenttime {
font-size : 12px;
}
.commentcontent {
width : 400px;
text-align : justify;
padding : 10px;
}
.tbinfo {
overflow : hidden;
padding : 10px;
}
.tbsource {
float : left;
width : 450px;
}
.tbtime {
float : right;
width : 150px;
}
.tbcontent {
padding : 10px;
}
.avatar {
width : 32px;
height : 32px;
display : block;
border : 1px solid #ccc;
margin : 5px;
padding : 2px;
}
#comform {
margin : 0;
}
#respond {
font-size : 18px;
color : #356aa0;
margin-bottom : 15px;
margin-top : 10px;
}
#commentform p {
margin : 0 0 10px;
}
input#author, input#email, input#url, textarea#comment {
background : #eaeaea !important ;
border-bottom : 1px solid #ddd;
border-left : 1px solid #666;
border-right : 1px solid #ddd;
border-top : 1px solid #666;
color : #000;
font-family : Arial, Tahoma, Verdana;
font-size : 12px;
margin-left : 12px;
width : 200px;
padding : 2px;
}
input#author:focus, input#email:focus, input#url:focus, textarea#comment:focus {
color : #666;
border : 1px solid #008acd;
background-color : #fff;
}
input#submit {
margin-left : 12px;
background-color : #4c4c4c;
border : 0;
width : 610px;
height : 50px;
cursor : pointer;
color : #000;
font-size : 22px;
font-weight : 700;
padding : 2px 5px;
}
input#submit:hover {
margin-left : 12px;
background-color : #666;
border : 0;
width : 610px;
height : 50px;
cursor : pointer;
color : #000;
font-size : 22px;
font-weight : 700;
padding : 2px 5px;
}
textarea#comment {
width : 600px;
height : 200px;
}
label {
margin-left : 5px;
font-size : 12px;
}
blockquote {
background-color : #ecfbd7;
color : #036;
border : 1px dashed #690;
margin : 5px;
padding : 5px 10px;
}
pre {
background : #e6e6e6 none repeat scroll 0% 0%;
border : 1px solid #bdbdbd;
color : #666;
overflow : auto;
margin : 10px;
padding : 10px;
}
code {
background : #e6e6e6 none repeat scroll 0% 0%;
border : 1px solid #bdbdbd;
color : #666;
}
.archivespage_tag {
border : 1px solid #ccc;
margin : 30px 0;
padding : 5px;
}
.archivespage_tag a {
color : #666;
text-decoration : none;
}
.thdrpy {
text-align : left;
font-size : 12px;
margin : 10px 0;
}
.breadcrumb {
background : #f2f2f2;
font-size : 12px;
padding : 5px 5px 5px 10px;
}
.related_post_title {

background : #f5f5f5;
color : #036;
font-size : 1.17em;
font-weight : 700;
border-top : 2px solid #690;
padding : 10px 5px 10px 10px;
}
*, ul, ol {
margin : 0;
padding : 0;
}
.related_posts ul li {
width : 450px;
font-size : 12px;
line-height : 180%;
}
.postmeta_category a:hover, #sidebar a:hover, .commentauthor a:hover, .archivespage_tag a:hover, .archivesnumber {
color : #b02b2c;
}
#collection p, .commentavatar {
float : left;
}
#sidebar ul ul, #bottomwidget ul ul {
padding : 0 10px;
}
#menus {
width : 1000px;
background: #ECFBD7;
overflow : hidden;
border-bottom : 5px solid #57a800;
margin : 10px auto 0;
}
#navigation {
background : #fff;
}
#menus li {
display : inline;
list-style : none;
}
#menus li a {
display : block;
color : #382e1f;
height : 31px;
line-height : 31px;
padding : 0 6px;
text-decoration : none;
font-size : 14px;
float : left;
z-index : 1;
}
#menus img {
display : block;
border: 0;
padding : 0;
margin :6px 10px;
float : right;
}
#menus li a:hover, #menus li a.current {
background : #57a800;
color : #fff;
}
#menus li.current_page_item a, #menus li.current-cat a {
background : #57a800;
color : #fff;
}
#menus li a.home {
line-height : 30px;
display : block;
color : #000;
padding : 0 6px;
}
#menus li a.lastmenu:hover {
background-position : 0% 0%;
cursor : default;
}
#single-ad2 {
width : 250px;
margin : 0;
padding : 0;
float : right;
}