/* 
Theme Name: lunaticjoker.com theme
Version: 1.0
Description: Designed by lunatic joker
Author: lunatic joker
Author URI: http://www.lunaticjoker.com

********************************************************************************************************
1.) Basic Layout and commonly used container classes
*********************************************************************************************************
Small reset*/
body,ul,ol,h1,h2,h3,h4,h5,h6,form,li,p {
margin:0;
padding:0
}

body {
font-size:11px;
font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height:21px;
position:relative
}

#top {
width:940px;
position:relative;
clear:both;
margin:0 auto
}

#main {
clear:both;
position:relative;
float:left;
width:940px;
padding:20px 0 0
}

#footer {
width:940px;
position:relative;
clear:both;
font-size:10px;
margin:15px auto 0;
padding:5px 0 10px
}

.gototoppage {
background:#333;
font-size:12px;
padding:5px
}

#footer a {
text-decoration:none;
color:#FFF
}

#footer a:hover {
color:#CCC
}

.wrapper {
clear:both;
position:relative;
float:left;
padding-bottom:20px;
width:941px
}

.wrapper_side {
width:300px;
float:left
}

.box {
position:relative;
float:left;
display:block;
z-index:1;
margin:5px 15px 0 0;
padding:0 15px 0 0
}

#top .box3 {
border:none;
margin-right:0;
padding-right:0
}

.box_small {
width:292px;
z-index:2
}

.box_medium {
width:614px
}

#top .box_big {
width:940px;
border:none
}

.box .box1 {
margin-right:14px
}

.box .box2 {
padding-right:0;
margin-right:0;
border-right:0
}

/*********************************************************************************************************
2.) Head Area: 
**********************************************************************************************************/
#head {
height:135px;
position:relative;
width:940px;
z-index:5;
margin:0 auto
}

.logo,.logo a {
display:block;
height:95px;
left:0;
position:absolute;
top:5px;
width:278px
}

#top .logo a {
top:0;
left:-5px;
text-indent:-9999px;
outline:none
}

/*image slider*/
#featured {
height:410px;
clear:both;
position:relative
}

.featured_item {
position:absolute;
width:292px;
top:100px;
left:318px;
z-index:1;
overflow:hidden;
cursor:pointer
}

#top .featured_item_active {
position:absolute;
width:612px;
top:25px;
left:174px;
z-index:3
}

#top .featured_item_active img {
width:600px
}

#top .featured_item_last,#top .featured_item_upcoming {
width:392px;
left:50px;
top:75px;
z-index:2
}

#top #featured .featured_item_upcoming {
left:500px
}

#top #featured .featured3 {
left:647px
}

#top #featured .featured4 {
left:0
}

.featured_item img {
width:280px;
display:block;
position:relative
}

#top .featured_item_last img,#top .featured_item_upcoming img {
width:380px
}

.item,.wrapper img {
padding:5px
}

.item_shadow {
margin:0 auto
}

.additional_info {
position:relative;
clear:both;
padding:25px 0
}

.additional_info h2 {
font-size:28px;
width:760px;
font-weight:400;
padding:0
}

#twitterbox {
min-height:66px
}

#twitterbox h7 {
padding:0 0 0 104px
}

#tweet_follow {
height:64px;
left:0;
position:absolute;
top:28px;
width:64px;
text-indent:-9999px
}

#head #searchform {
position:absolute;
right:-4px;
bottom:5px;
width:264px;
height:30px
}

/*alternate image slider*/
.featured_alternate {
top:10px;
position:absolute;
z-index:1;
border:none
}

#top .featured_alternate_active {
z-index:2
}

/*navigation*/
#top #nav {
left:2px;
top:89px
}

#nav,#nav ul {
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:50px;
z-index:5;
margin:0;
padding:0
}

#top #nav a {
height:36px;
display:inline;
text-decoration:none;
text-align:center;
line-height:28px;
outline:none;
z-index:35;
position:relative;
float:left;
font-size:12px;
margin:0 30px 0 0;
padding:0
}

#top #nav .current_page_item a {
font-weight:700
}

#top #nav .current_page_item ul a {
font-weight:400
}

#top #nav ul a {
line-height:33px
}

#top #nav li {
float:left;
position:relative;
z-index:20;
margin-top:11px
}

#top #nav li li {
border-left:none;
margin-top:0
}

#top #nav ul {
display:none;
left:-19px;
position:absolute;
top:35px;
width:172px
}

#top #nav li ul a {
width:128px;
height:auto;
float:left;
text-align:left;
border-top:none;
padding:0 21px
}

#top #nav ul ul {
top:auto;
border-top:none
}

#top #nav li ul ul {
left:171px;
top:-1px
}

/*********************************************************************************************************
3.) Additional info Area: 
**********************************************************************************************************/
.advanced_button {
height:72px;
width:222px;
display:block;
text-indent:-9999px
}

.get_in_touch {
position:absolute;
right:0;
top:20px;
outline:none
}

/*********************************************************************************************************
4.) Content Area: 
**********************************************************************************************************/
.entry {
width:614px;
float:left;
clear:both;
padding-bottom:80px;
position:relative
}

.entry-head {
display:block;
position:relative;
top:-8px;
font-size:10px;
padding:0 0 0 1px
}

.entry-head span {
padding:0 5px
}

.entry img {
max-width:600px
}

.entry-head .categories {
padding:0 5px 0 0
}

.entry li {
padding:3px 10px
}

.entry ul,.entry ol {
list-style-position:inside;
list-style-type:disc;
margin:0;
padding:0 0 20px
}

#top .entry ol {
list-style-type:decimal
}

/*********************************************************************************************************
5.) Sidebar area
**********************************************************************************************************/
.widget ul {
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0
}

#top #latest_news .post_name {
font-size:13px;
display:block
}

#top #latest_news a,.widget a {
display:block;
text-decoration:none;
padding:5px 3px 10px
}

.meta_sub {
padding-right:4px
}

#top .widget a {
width:286px;
padding:6px 3px
}

.widget {
width:292px;
float:left;
padding-bottom:30px
}

/*generic*/
.portfoliobox img {
width:280px
}

blockquote {
font-size:12px;
font-style:italic;
margin:0 0 22px 5px;
padding:0 15px
}

p {
padding:0 0 1em
}

ul,ol {
list-style-position:outside;
margin-left:20px
}

#sidebar ul,#sidebar ol {
margin-left:0
}

h1,h2,h3,h4,h5,h6,legend {
font-weight:400;
padding-bottom:10px;
line-height:1.5em
}

h1 {
clear:both;
font-size:32px
}

h2 {
font-size:24px;
clear:both
}

h3,legend {
font-size:18px;
clear:both
}

h4 {
font-size:16px;
clear:both
}

h5 {
font-size:14px;
clear:both
}

h6 {
font-size:13px;
clear:both
}

h7 {
font-family:san-serif ,ヒラギノ角ゴ Pro W3′ ;
font-size:20px
}

.twitter {
clear:both;
margin-left:100px;
font-size:16px;
color:#999
}

blockquote p {
padding:11px 0
}

.alignleft {
float:left;
margin:0 15px 15px 0
}

.alignright {
float:right;
margin:0 0 15px 15px
}

.aligncenter {
clear:both;
display:block;
margin:10px auto;
padding:10px 0
}

#top .wp-smiley {
border:none;
padding:0
}

.meta {
display:none;
position:relative;
top:3px;
font-size:11px;
line-height:14px
}

.more-link {
clear:both;
display:block;
line-height:20px;
text-decoration:none;
width:75px;
padding:0 0 0 16px
}

#s {
height:16px;
position:absolute;
bottom:2px
}

#s,.text_input,.text_area {
font-family:san-serif ,ヒラギノ角ゴ Pro W3′ , 'Hiragino Kaku Gothic Pro;
width:200px;
font-size:11.5px;
padding:4px
}

#searchsubmit,#send,#submit {
font-family:san-serif ,ヒラギノ角ゴ Pro W3′ , 'Hiragino Kaku Gothic Pro;
font-size:11.5px;
padding:4px 20px
}

#commentform {
padding-bottom:20px
}

fieldset {
border:none;
overflow:hidden;
margin:0;
padding:0
}

fieldset label {
padding-left:7px
}

.blocklabel {
display:block;
padding:10px 0 0
}

#top .text_area {
width:450px
}

#searchsubmit {
width:53px;
height:34px;
cursor:pointer;
text-indent:-9999px;
border:none;
position:absolute;
bottom:-2px;
right:0;
margin:0;
padding:0
}

.ajax_form {
padding-bottom:30px
}

/* ---------------------- Pagination -------------------*/
.pagination {
clear:both;
display:block;
float:left;
position:relative;
z-index:3;
padding:0 0 20px
}

.pagination span,.pagination a {
float:left;
font-size:11px;
line-height:13px;
display:block;
text-decoration:none;
margin:2px 2px 2px 0;
padding:3px 6px
}

.pagination .current {
font-size:11px;
padding:3px 6px
}

/*commentlist basewidth: width:614px;*/
.commentlist {
margin-bottom:20px;
float:left;
width:100%
}

#top .commentlist #comment {
width:70%
}

.commentlist li {
width:100%;
clear:both;
float:left;
list-style-type:none;
position:relative;
padding:20px 0 0
}

.commentlist .children,.commentlist .children li {
border:none;
list-style-type:none
}

.gravatar {
float:left;
width:60px;
text-align:center;
padding:0 10px
}

.comment_content {
float:left;
width:524px;
padding-bottom:20px
}

.commentmetadata {
float:right;
padding-right:10px
}

.commentmetadata a,.comment-edit-link,.comment-reply-link {
text-decoration:none;
font-size:10px;
display:none
}

.comment-edit-link {
padding-left:10px;
display:none
}

.author_name {
font-weight:700;
font-style:normal;
font-size:15px;
float:left;
display:none
}

.comment-reply-link {
text-align:center;
display:none
}

.commentlist #respond {
padding-left:80px
}

#cancel-comment-reply-link {
text-decoration:none;
margin-left:15px;
font-size:10px;
display:none
}

.commentlist .children {
padding:0 0 0 70px
}

.commentlist .children li .comment_content {
width:454px
}

.commentlist .children .children li .comment_content {
width:384px
}

.commentlist .children .children .children li .comment_content {
width:314px
}

.commentlist .children .children .children .children li .comment_content {
width:244px
}

.commentlist .children .children .children .children .children li .comment_content {
padding:0
}

.comment_nav {
position:relative;
top:-13px;
font-size:10px;
z-index:4
}

/*sidebar widgets*/
.widget_categories a,.widget_pages a,.widget_archive a,.widget_recent_entries a,li.recentcomments,.widget_meta a {
display:block;
text-decoration:none;
width:282px;
padding:5px
}

/* uncomment this if you want sublevels with indents
.small_box ul ul a{
padding-left:25px;
width:230px;
}

.small_box ul ul ul a{
padding-left:45px;
width:210px;
}

.small_box ul ul ul ul a{
padding-left:65px;
width:190px;
}*/
#top .widget_tag_cloud a {
text-decoration:none;
display:inline;
border:none;
line-height:1.3em;
padding:0 3px
}

.widget_tag_cloud a:hover {
text-decoration:none;
font-weight:700
}

/*--------------------calendar--------------------*/
#wp-calendar a,#wp-calendar a:visited {
display:block;
text-decoration:none;
border:none;
width:auto;
padding:0
}

#wp-calendar {
empty-cells:show;
width:100%;
text-align:center
}

#wp-calendar #next a,#wp-calendar #prev a {
text-decoration:none;
display:block;
border:none
}

#wp-calendar caption {
margin-bottom:5px
}

.additional_info h2 a,.additional_info h2 a:hover,.entry-head a,.entry-head a:hover,a,a:hover,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,h7 a,.comment_nav a,li.recentcomments a {
text-decoration:none
}

#top .featured_alternate:hover,#top .featured_alternate:hover img,a img {
border:none
}

#top #nav li:hover ul ul,#top #nav li:hover ul ul ul,#top #nav li:hover ul ul ul ul,#wpstats,.hidden,.says {
display:none
}

#top #nav li:hover ul,#top #nav li li:hover ul,#top #nav li li li:hover ul,#top #nav li li li li:hover ul,.gravatar img,#wp-calendar a:hover {
display:block
}

#sidebar .widget,.clearboth,.comment_text {
clear:both
}

#sidebar li,#top .commentlist .odd,#top .commentlist .even {
list-style-type:none
}

.floatleft,.comment_prev {
float:left
}

.floatright,.comment_next {
float:right
}

#searchsubmit,#send,#top #submit,#send,#top #submit {
cursor:pointer
}