/*
Theme Name: Atomic Theme
Theme URI: http://ww.atomicredhead.com
Description: A 50's inspired Wordpress theme.
Author: Patrick Arlt
Author URI: http://upsidedowncity.net
version: 1.0
Tags: three-column, vintage, retro, colorful
*/



/* basics */

*{margin:0; padding:0;}

ul{
list-style:none;
}

img, img a{
border:none;
}

a{
color:#4BAAC2;
text-decoration:none;
outline:none;
}

a:hover{
color:#98dbe0;
text-decoration:none;
}

body{
background:url("images/pattern.png");
font-family:verdana, ariel, Helvetica, sans-serif;
font-size:11px;
line-height:16px;
}

#wrapper{
width:980px;
background-image:url("images/janey.png");
background-position:right 50px;
background-repeat:no-repeat;
margin:10px auto;
}

#header{
width:559px;
height:240px;
background-image:url("images/big_logo.png");
margin:0px auto;
z-index:1;
position:relative;
}

#search_box{
background-image:url("images/blocks/search.png");
width:227px;
height:46px;
}

#search_form{
border:none;
padding:16px 0 0 15px;
background:transparent;
}

#search_form input{
border:none;
background:transparent;
font-family:verdana, ariel, helvetica, sans-serif;
font-size:9px;
width:100%;
}

#center_content{
float:left;
margin:-10px 0 0 -10px;
z-index:1;
position:relative;
}

#content_block_top{
background-image:url("images/blocks/content_block_top.png");
background-repeat:no-repeat;
width:499px;
height:24px;
}

.content_block_bottom{
background-image:url("images/blocks/content_block_bottom.png");
background-repeat:no-repeat;
width:499px;
height:34px;
}

.post{
background-image:url("images/blocks/content_block_middle.png");
width:479px;
padding:0 10px;
text-align:left;
}

.second_post{
margin:10px 0 0 0;
}

.post_content{
position:relative;
top:-15px;
}

#left{
float:left;
margin:20px -15px 0 45px;
}

#right{
background-image:url("images/janey.png");
background-repeat:no-repeat;
width:283px;
height:679px;
z-index:-1;
position:relative; left:720px; top:-200px;
}

#footer{
width:650px;
background:transparent;
clear:both;
margin:0 auto;
text-align:center;
}

.secondary_block_top{
background-image:url("images/blocks/secondary_block_top.png");
background-repeat:no-repeat;
height:34px;
width:499px;
margin:-20px 0 0 0;
}

#green_block{
margin:10px 0 0 0;
}

#green_block_top{
background-image:url("images/blocks/green_block_top.png");
width:231px;
height:22px;
margin:0 0 3px 0;
}

#green_block_bottom{
background-image:url("images/blocks/green_block_bottom.png");
width:231px;
height:22px;
}

#green_block_middle{
background-image:url("images/blocks/green_block_middle.png");
width:211px;
margin:-15px 0 -10px 0;
padding:3px 10px 0;
text-align:left;
}

#blue_block{
background-image:url("images/blocks/blue_block.png");
width:243px;
height:339px;
margin:0 0 0 0;
}

#blue_block_content{
padding:15px 0 0 10px;
width:190px;
text-align:left;
}

#red_block{
margin:15px 0 0 0;
}

#red_block_top{
background-image:url("images/blocks/red_block_top.png");
background-repeat:no-repeat;
width:231px;
height:22px;
}

#red_block_bottom{
background-image:url("images/blocks/red_block_bottom.png");
background-repeat:no-repeat;
width:231px;
height:22px;
}

#red_block_middle{
background-image:url("images/blocks/red_block_middle.png");
width:211px;
margin:-7px 0 -5px 0;
padding:0 10px;
}

#red_block_content{
width:195px;
padding:5px 0 0 0;
text-align:left;
}

.post_meta_data_top{
font-size:9px;
margin:-12px 0 0 0;
}

.post_meta_data_top.first{
float:right;
}

ul#main_menu{
position:relative;
z-index:50;
float:right;
clear:both;
top:60px;
left:-40px;
}

ul#main_menu li a{
display:block;
}

.menu_home{
background-image:url("images/menu/home.png");
width:82px;
height:37px;
}

.menu_home:hover{
background-position:0px -36px;
}

.menu_home.current{
background-position:0px -72px;
}

ul#main_menu li a.menu_about{
margin:10px 0 0 0;
}

.menu_about{
background-image:url("images/menu/about.png");
width:81px;
height:33px;
}

.menu_about:hover{
background-position:0px -33px;
}

.menu_about.current{
background-position:0px -66px;
}

ul#main_menu li a.menu_contact{
margin:10px 0 0 -2px;
}

.menu_contact{
background-image:url("images/menu/contact.png");
width:86px;
height:39px;
}

.menu_contact:hover{
background-position:0px -39px;
}

.menu_contact.current{
background-position:0px -78px;
}

ul#main_menu li a.menu_archives{
margin:7px 0 0 -12px;
}

.menu_archives{
background-image:url("images/menu/archives.png");
width:98px;
height:44px;
}

.menu_archives:hover{
background-position:0px -44px;
}

.menu_archives.current{
background-position:0px -88px;
}

ul#main_menu li a.menu_links{
margin:7px 0 0 -52px;
}

ul#main_menu li a.menu_gallery{
margin:-41px 0 0 25px;
}

.menu_links{
background-image:url("images/menu/links.png");
width:75px;
height:41px;
}

.menu_links:hover{
background-position:0px -42px;
}

.menu_links.current{
background-position:0px -84px;
}

.menu_gallery{
background-image:url("images/menu/gallery.png");
width:92px;
height:41px;
}

.menu_gallery:hover{
background-position:0px -41px;
}

.menu_galery.current{
background-position:0px -82px;
}


#footer_block{
background-image:url("images/blocks/footer_block.png");
width:148px;
padding:35px 5px 10px 5px;
float:right;
}

#footer_block p{
line-height:14px;
padding:6px 0 0 0;
text-align:left;
}

ul#footer_menu li a{
display:block;
}

#footer_left{
width:480px;
float:left;
}

ul#footer_menu{
margin:0 0 0 -40px;
}

ul#footer_menu li{
float:left;
padding:0 5px;
}

.post_footer{
background-image:url("images/post_footer.png");
background-repeat:no-repeat;
width:402px;
height:25px;
margin:10px auto 0;
padding:15px 0 0;
clear:both;
}

.comment_button{
background-image:url("images/buttons/comment.png");
width:84px;
height:38px;
display:block;
float:right;
margin: -15px 65px 0 0;
}

.comment_button:hover{
background-position:0 -38px;
}

.share_button{
background-image:url("images/buttons/share.png");
width:76px;
display:block;
height:42px;
float:left;
margin: -15px 0 0 65px;
}

.share_button:hover{
background-position:0 -42px;
}

#flickr_feed{
float:left;
padding0 0 0 5px;
}

#flickr_feed li{
float:left;
padding:7px;
}

.clear{
clear:both;
}

ul#twitter_feed li{
padding:4px 0;
}

.sidebar_headers{
padding:4px 0px 0px 0px	;
text-align:left;
}

.flickr_link{
padding:0 0 0 8px;
}

.post h2{
font-style:italic;
font-weight:bold;
font-size:18px;
width:100%;
margin:0 0 -5px 0;
}

.post p{
padding:10px 0 0 0;
text-align:justify;
}

#comment_form_content{
padding:0 10px;
}

#comment_form_col_1{
float:left;
}

#comment_form_col_2{
float:right;
width:265px;
}

small{
font-size:9px;
}

strong{
font-weight:bold;
}

p.form_label{
font-size:12px;
}

p input, p textarea{
border:1px #999 solid;
margin:-8px 0 0 0;
padding:3px 1px;
width:99%;
}

input.no_border{
border:none;
background:transparent;
}

p#allowed_tags{
line-height:12px;
padding:0;
}

#submit{
background-image:url("images/buttons/submit.png");
background-color:transparent;
float:right;
width:86px;
height:40px;
margin:10px 0 0 0;
clear:both;
border:none;
}

#submit:hover, .button:hover{
background-position:0 -39px;
}

textarea#comment{
width:100%;
height:115px;
}

#comment_number{
font-size:20px;
padding:0 0 0 10px;
}

.commentlist{
padding:20px 10px;
margin:-40px 0 0 0;
}

div.gravatar{
float:left;
width:60px;
}

li.comment.depth-1{
clear:both;
padding:10px;
border:1px #e2f2f2 solid;
margin:10px 0;
}

div.comment{
float:right;
}

div.comment{
float:right;
padding:0 0 10px 0;
}

div.comment.depth-1{
width:380px;
}

div.comment.depth-2{
width:245px;
}

li.depth-1{
width:456px;
}

ul.children{
width:75%;
float:right;
padding:10px;
margin:10px 0 0 0;
}

li.byuser{
background-color:#dcf6f5;
border:1px #999 solid;
}

.comments_header{
margin:-26px 0 0 0;
padding:0 0 0 10px;
}

li.depth-2{
padding:10px;
}

.single_post{
min-height:575px;
}

#page_col_1{
width:48%;
float:left;
padding:10px 0 0 0;
}

#page_col_2{
width:48%;
float:right;
padding:10px 0 0 0;
}

#page{
min-height:885px;
}

.post img.alignright{
float:right;
margin:3px 0 0 10px;
}

.post img.alignleft{
float:left;
margin:3px 10px 0 0;
}

.post ul, #page ul{
padding:0 0 15px 0;
}

.post ul li, #page ul li{
padding:2px 0;
}

.page_headers{
height:18px;
}

.left{
float:left;
}

.right{
float:right;
}

.entry p{
padding:0 0 16px 0;
}

.navigation{
background-image:url("images/small_post_footer.png");
background-position:center bottom;
background-repeat:no-repeat;
width:479px;
height:42px;
margin:0 auto;
text-align:center;
}

.prev a{
width:66px;
height:40px;
background-image:url("images/buttons/prev.png");
float:left;
margin:0 0 0 72px;
}

.prev{
background-position:0 -40px;
}

.next a{
background-image:url("images/buttons/next.png");
width:66px;
height:40px;
float:right;
margin:0 72px 0 0;
}

.next a:hover{
background-position:0 -40px;
}

.page{
min-height:875px;
}

.link{
margin:15px 0 0 0;	
}

.link_img{
margin:0 0 0 10px;
width:151px;
height:121px;
}

.link_content{
width:290px;
padding:0 10px;
}

.entry{
padding:0 0 15px 0;	
}

.entry h3{
font-size:16px;
font-family:verdana, ariel, Helvetica, sans-serif;
font-style:italic;
width:100%;
clear:both;
padding:10px 0 5px;
margin:0 0 -9px 3px;
}

.entry h4{
font-size:14px;
font-family:verdana, ariel, Helvetica, sans-serif;
font-weight:bold;
width:100%;
clear:both;
padding:10px 0 1px;
margin:0 0 -10px;
}

.post ul{
list-style-image:url('images/ul_dot.png');
list-style-position:inside;
list-style-type:square;
}

h4.contact{
margin:15px 0 -15px;
}

h4.message{
margin:15px 0 -9px;
}

ul.gallery{
list-style:none;
}

ul.gallery li{
float:left;
margin:2px 4px;
padding:0px;
}

div.up_left{
background-position: 0 0;
position:relative;
z-index:100;
background-image:url('images/linkstemplete.png');
width:151px;
height:121px;
}

div.up_right{
background-position: -152px 0;
position:relative;
z-index:100;
background-image:url('images/linkstemplete.png');
width:151px;
height:121px;
}

div.up_right:hover, div.up_left:hover{
background-image:url('images/linkstemplete_hover.png');
}

.link_img img{
position:relative;
top:-121px;
}

.post ul.archive_ul{
list-style-type:square;
list-style-position:outside;
list-style-image:url("images/ul_dot.png");
margin:0 0 0 20px;
}

.entry ul{
margin:-18px 0 0 0;
}

ul.twitter{
list-style-position:outside;
list-style-type:square;
list-style-image:url("images/ul_dot.png");
}


ul.twitter li{
padding:0 0 6px;
}