﻿@charset "utf-8";

/************************************
 	@Header
 ************************************/

#header {
	margin: 15px 0;
    position: relative;
    padding: 0 0 15px;
    border-bottom: 1px solid #ccc;
    height: 39px;
}
    #header #logo {
        float: left;
        display: inline;
        width: 400px;
    }

	#header #logo a {
    	border: none;
    }
    
    	#header #logo a:hover {
        	border: none;
        }

    #header #blog-link {
        float: left;
        display: inline;
        width: 143px;
        margin-left: 30px;
    }

    #header #games-link {
        float: left;
        display: inline;
        width: 186px;
        margin-left: 30px;
    }

	 #header #feed-icons {
     	position: absolute; 
        right: 40px;
        top: 10px;
        width: 250px;
     }
     
	     #header #feed-icons #twitter-link {
         	display: block;
	     	float: left;
	     }
         
         #header #feed-icons #rss-link {
         	display: block;
	     	float: right;
	     }


/************************************
 	@Content
 ************************************/

#content {
	font-size: 1.4em;
    line-height: 1.7em;
    background: transparent url(images/divider.png) repeat-y 670px top;
}

	#content #content-col {
    	float: left;
    	width: 650px;
        margin-right: 21px;
    }
    
    	#content #content-col h1.pagetitle {
        	font-weight: normal;
            color: #fff;
            font-size: 2.2em;
            margin: 10px 0 30px 0;
        }
    
    	/************************************
	 		@Post	
		 ************************************/
         #content #content-col .post {
         	padding: 20px 20px 10px 20px;
            margin-bottom: 10px;
            border: 1px solid #222;
            background: #0F0F0F url(images/post_bg.gif) repeat-x scroll 0 0;
         }
         
         	#content #content-col .post h1 {
            	font-weight: normal;
                font-size: 2.2em;
                line-height: normal;
            }
            
            #content #content-col .post h2,
            #content #content-col .post h3,
            #content #content-col .post h4,
            #content #content-col .post h5,
            #content #content-col .post h6 {
            	color: #fff;
                font-weight: normal;
                font-size: 1.8em;
                margin: 15px 0 10px 0;
                line-height: 1.5em;
            }
            
            #content #content-col .post h2.archive-post-header {
            	font-weight: normal;
                font-size: 2.2em;
                margin: 0 0 10px 0;
            }
            
            #content #content-col .post h2 {
            	margin: 30px 0 15px 0;
            }
            
            #content #content-col .post h3 {
            	font-size: 1.4em;
            }
            
            #content #content-col .post h4,
            #content #content-col .post h5,
            #content #content-col .post h6 {
            	font-size: 1.2em;
            }
            
            #content #content-col .post .meta {
            	font-size: 10px;
                text-transform: uppercase;
                color: #666;
                margin-bottom: 10px;
            }
            
			
            #content #content-col .post .more-link {
            	text-align: right;
                float: right;
                font-size: 10px;
	            text-transform: uppercase;
            }
                
                #content #content-col .post .meta {
                	font-size: 10px;
                    text-transform: uppercase;
                    line-height: 30px;
                }

            #content #content-col .post .wp-caption {
            	background: #222;
                padding: 10px 5px 5px 5px;
                border: 1px solid #333;
                margin-top: 10px;
                margin-bottom: 10px;
            }

                #content #content-col .post .wp-caption .wp-caption-text {
            	    margin: 5px;
                }

    /************************************
 		@Comments
	 ************************************/
	
    #comments {}
    
    	#comments h3#comment-header {
        	margin: 20px 0 30px 0;
            font-weight: normal;
            font-size: 2.0em;
        }
    
    	#comments ol {
        	margin: 0;
            padding: 0;
            list-style: none;
        }
        
	        #comments ol li {
            	margin: 0 0 20px 0;
                padding: 0;
            }
            
            	#comments ol li div.comment_text {
                	border: 1px solid #222;
	                background-color: #000;
	                padding: 20px 20px 10px 20px;
                }
                
	            #comments ol li div.comment_meta {
                	font-size: 10px;
                    text-transform: uppercase;
                    line-height: 54px;
                    background: url(images/comment-angle.png) no-repeat top left;
                    margin-top: -1px;
                    padding-left: 65px;
                }
                
                	#comments ol li div.comment_meta cite {
                    	font-style: normal;
                    }
                
                #comments ol li.even div.comment_text {
                	background-color: #0f0f0f;
                }
                
                #comments ol li.even div.comment_meta {
                	background-image: url(images/comment-angle-even.png);
                
                }
    
    /************************************
 		@Comment-form	
	 ************************************/
    
    #comment-form {
    }
    
    	#comment-form h3 {
        	margin: 30px 0;
            font-weight: normal;
            font-size: 2.0em;
        }
        
        #comment-form input.text-input,
        #comment-form textarea {
        	border: 1px solid #333;
            padding: 5px;
        }
        
        #comment-form input.text-input {
        	width: 200px;
        }
    
	/************************************
	 	@Sublinks-col
	 ************************************/

    #content #sublinks-col {
    	float: left;
    	width: 308px;
    }
    
    	#content #sublinks-col .side-box {
        	padding: 10px 20px;
        }
        
        	#content #sublinks-col .side-box h2 {
            	font-weight: normal;
                font-size: 1.9em;
            }
            
		#content #sublinks-col #twitter-quote {
        	margin: 0 0 0 20px;
            text-indent: 40px;
            line-height: 2.0em;
        }
        
        	#content #sublinks-col #twitter-quote #twitter-quote-container {
            	background: url(images/quote-inverse.png) no-repeat bottom right;
                padding-bottom: 5px;
            }
            
            	#content #sublinks-col #twitter-quote #twitter-quote-container span.tweet-time {
                	font-size: 10px;
                    text-transform: uppercase;
                }
                
                #content #sublinks-col #twitter-quote #twitter-quote-container ul {
                	margin: 0;
                    padding: 0;
                    list-style: none;
                }
                
                	#content #sublinks-col #twitter-quote #twitter-quote-container ul li {
                    	margin: 0;
                        padding: 0;
                    }
                    
                    #content #sublinks-col #twitter-quote #twitter-quote-container ul li.aktt_more_updates {
                    	display: none;
                    }
            
            #content #sublinks-col #twitter-quote #follow-twitter {
            	text-indent: 0;
                font-size: 10px;
                text-transform: uppercase;
                padding-top: 3px;
            }
            
            	#content #sublinks-col #twitter-quote #follow-twitter img {
                	vertical-align: middle;
                }
		
        #content #sublinks-col #feed-box,        
		#content #sublinks-col #archive-box {
        	font-size: 10px;
            text-transform: uppercase;
            font-weight: bold;
        }
        
	        #content #sublinks-col #feed-box img {
            	vertical-align: middle;
                margin: 0 5px 0 4px;
            }
        
	        #content #sublinks-col #feed-box a {
                font-weight: normal;
            }

        /************************************
            @Navigation
         ************************************/
         
         .navigation {
         	margin: 0 0 10px 0;
            font-size: 10px;
            text-transform: uppercase;
         }
         
         	.navigation .alignleft {
            	float: left;
            }
            
            .navigation .alignright {
            	float: right;
                text-align: right;
            }

/************************************
 	@Footer
 ************************************/

#footer-wrapper {
	text-align: center; 
    min-width: 980px;
    border-top: 1px solid #999;
    /*background: #000 url(images/footer-bg.png) repeat-x top left;*/
    line-height: 30px;
}

	#footer {
    	width: 980px;
        margin: 0 auto;
        text-align: left;
        text-transform: uppercase;
    }