/*
Theme Name: Gormspace
Theme URI: http://will.ph/projects/gormspace/
Description: Simple 3 column theme based on Whitespace by theundersigned.net. WordPress 2.3-friendly.
Version: 3.1
Tags: 3 Column Theme
Author: Will Garcia
Author URI: http://will.ph/
*/

body{ 
margin:0;
font-family: Georgia, Serif;
font-size:12px;
}

#container {
	width:910px;
	background: #fff;
	color: #111;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}

form {
display:inline;
margin:0;
padding:0;
}

a:link, a:visited {
text-decoration:none;
color:#FF9900;
}

a:hover {
color:#BBB;
}

img {
border:0;
}

a:link img, a:visited img {
border:1px solid #BBB;
}

a:hover img {
border:1px solid #FF9900;
}

a.nobo:link img, a.nobo:visited img {
border:0;
}

a.nobo:hover img {
border:0;
}

input
{
color: #333;
background: #fff;
border: 1px solid #333;
font-family: Georgia, Serif;
text-transform: lowercase;
}

    #navigation {
    background-image:url(img/bg.jpg);
    background-repeat:repeat-x;
    width:910px;
    height:64px;    
    border-top:5px solid #333;
    margin-left: auto;
    margin-right: auto;
    }
    
    #navigation ul {
    margin:0;
    padding:0;
    letter-spacing:1px;
    font-size:11px;
    line-height:20px;
    margin:0 20px 0 0;
    float:right;
    display:block;
    position:relative;
    }
    
        #navigation ul li {
        display:inline;
        }
        
        #navigation ul li a:link, #navigation ul li a:visited {
        color:#FFF;
        display:block;
        position:relative;
        float:left;
        background-color:#666;
        padding:40px 10px 5px 10px;
        border-bottom:4px solid #DDD;
        margin:0 5px 0 0;
        }
        
        #navigation ul li a:hover, #navigation ul .current_page_item a:link, #navigation ul .current_page_item a:visited {
        color: #333;
        background-color:#FFF;
        border-bottom:4px solid #FF9900;
        }
        
    #maincontent {
	width:505px;
	position:relative;
	float:left;
	margin:0 7px 20px 10px;
	display:inline;
    }

        .arctitle {
        text-transform:uppercase;
        color:#333;
        font-size:12px;
        margin:0;
        padding:15px 0 10px 10px;
        border-left:4px solid #FF9900;
        }

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.alignright {
        margin: 15px 0 0 0;
	text-transform:uppercase;
        float: right;
        }

.alignleft {
        margin: 15px 0 0 0;
	text-transform:uppercase;
        float: left;
        }


    .post {
    margin:30px 0 0 0;
    position:relative;
    float:left;
    }
    
        .post .posttitle {
        text-transform:uppercase;
        color:#333;
        font-size:18px;
        margin:0;
        padding:15px 0 10px 20px;
        border-left:4px solid #BBB;
        }
        
            .post .posttitle a:link, .post .posttitle a:visited {
            color:#333;
            }
        
            .post .posttitle a:hover {
            color:#FF9900;
            text-shadow: #333 0 0 2px;
            }
        
            .post .posttitle span {



            color:#999;
            font-size:xx-small;
            margin:0 0 0 5px;
            }
            
        .post p {
        margin:0;
        padding:10px 0 10px 20px;
        border-left:4px solid #FF9900;
        font-size:12px;
        line-height:20px;
        color:#333;
        }
        
        .post .postinfo {
        margin:0;
        padding:10px 0 10px 20px;
        border-left:4px solid #BBB;
        font-size:10px;
        text-transform:uppercase;
        line-height:12px;
        color:#999;
        }
        
            .post .postinfo a:link, .post .postinfo a:visited {
            color:#999;
            }
            
            .post .postinfo a:hover {
            color:#333
            }
            
        .post ul, .post ol, .post blockquote {
        margin:0;
        padding:10px 0 10px 30px;
        border-left:4px solid #BBB;
        }
        
            .post ul {
            list-style:circle;
            }

            .post ol {
            list-style:decimal;
            }
            
            .post ol ol {
            list-style:upper-latin;
            }

            .post ol ol ol {
            list-style:lower-roman;
            }
        
            .post ul li, .post ol li {
            margin:0 0 0 20px;
            }
            
            .post blockquote p {
            border:1px solid #BBB;
            margin:0;
            padding:10px 10px 10px 10px;
            font-style:italic;
            background-color:#EEE;
            }

		.post h1, .post h2, .post h3, .post h4 {
		text-transform:uppercase;
		color:#FF9900;
		margin:0;
		padding:10px 0 5px 20px;
		border-left:4px solid #BBB;
		}
		
		.post h1 {
			font-size:17px;
		}
		
		.post h2 {
			font-size:16px;
		}
		
		.post h3 {
			font-size:15px;
		}
		
		.post h4 {
			font-size:14px;
		}

#sidebar {
position:relative;
float:left;
width:365px;
margin:30px 0 0 7px;
}

#sidebar .gsearch {
margin-left:auto;
margin-right:auto;
}

#sidebar .cloud {
clear: both;
width:300px;
text-align: justify;
margin: auto;
}

#sidebar #left {
float:left;
width:160px;
margin:30px 5px 0 10px;
}

    #sidebar #left div {
    margin-left: auto;
    margin-right: auto;
    width:145px;
    float:left;
    }

    #sidebar #left div.item {
    margin:0 0 20px 0;
    width:145px;
    float:left;
    }

    #sidebar #left h3 {
    text-transform:uppercase;
    color:#333;
    font-size:12px;
    margin:0;
    padding:5px 0 5px 5px;
    border-left:2px solid #BBB;
    }
    
    #sidebar #left .spacer {
    line-height:10px;
    margin:0;
    border-left:2px solid #BBB;
    }


    #sidebar #left ul {
    margin:0;
    padding:0;
    padding:2px 0 2px 5px;
    border-left:2px solid #FF9900;
    }
    
        #sidebar #left ul li {
	list-style-type: none;
	list-style-image: none;
        font-size:10px;
        text-transform:uppercase;
        /* line-height:20px; */
        }


        
    #sidebar #left #Search {
    padding:5px 0 5px 5px;
    border-left:2px solid #FF9900;
    margin:0;
    }
   
        #sidebar #left #Search input {
        width:145px;
        margin:0;
        padding:0;
        text-transform:lowercase;
        font-family: Georgia, Serif;
        }

#sidebar #right {
float:right;
width:160px;
margin:30px 5px 0 10px;
}
    #sidebar #right div {
    margin-left: auto;
    margin-right: auto;
    width:145px;
    float:left;
    }

    #sidebar #right div.item {
    margin:0 0 20px 0;
    width:145px;
    float:left;

    }

    #sidebar #right h3 {
    text-transform:uppercase;
    color:#333;
    font-size:12px;
    margin:0;
    padding:5px 0 5px 5px;
    border-left:2px solid #BBB;
    }
    
    #sidebar #right .spacer {
    line-height:10px;
    margin:0;
    border-left:2px solid #BBB;
    }

    #sidebar #right ul {
    margin:0;
    padding:0;
    padding:2px 0 2px 5px;
    border-left:2px solid #FF9900;
    }
    
        #sidebar #right ul li {
	list-style-type: none;
	list-style-image: none;
        font-size:10px;
        text-transform:uppercase;
        /* line-height:20px; */
        }

#sidebar .widget {
width:90%;
margin: 10px auto;
}
    #sidebar .widget div {
    margin-left: auto;
    margin-right: auto;
    width:100%;
    float:left;
    }

    #sidebar .widget div.item {
    margin:0 0 20px 0;
    width:100%;
    float:left;

    }

    #sidebar .widget h3 {
    text-transform:uppercase;
    color:#333;
    font-size:12px;
    margin:0;
    padding:5px 0 5px 5px;
    border-left:2px solid #BBB;
    }
    
    #sidebar .widget .spacer {
    line-height:10px;
    margin:0;
    border-left:2px solid #BBB;
    }

    #sidebar .widget ul {
    margin:0;
    padding:0;
    padding:2px 0 2px 5px;
    border-left:2px solid #FF9900;
    }
    
        #sidebar .widget ul li {
	list-style-type: none;
	list-style-image: none;
        font-size:10px;
        text-transform:uppercase;
        /* line-height:20px; */
        }


#footer {
position:relative;
float:left;
background-image:url(img/bg.jpg);
border-bottom:5px solid #333;
margin:0;
width:910px;
padding:5px 5px 5px 5px;
clear:both;
}

#footer img {
position:relative;
float:left;
margin:0;
padding:5px 5px 5px 5px;
clear:both;
}

    #footer p {
position:relative;
float:right;
    margin:0 0 0 24px;
    font-size:10px;
    line-height:20px;
    color:#333;
    text-transform:uppercase;
    }
    
        #footer p a:link, #footer p a:visited {
        color:#FF9900;
        }
        
        #footer p a:hover {
        color:#BBB;
        }
        
.post .commentlist {
margin:0;
padding:0;
width:505px;
}

    .post .commentlist p {
    margin:0;
    padding:10px 0 10px 20px;
    border:0;
    font-size:11px;
    line-height:18px;
    color:#333;
    }

    .post .commentlist li {
    list-style:none;
    display:block;
    position:relative;
    background-color:#EEE;
    margin:0 0 10px 20px;
    border-top:1px solid #BBB;
    border-right:1px solid #BBB;
    border-bottom:1px solid #BBB;
    border-left:4px solid #FF9900;
    }
    

    .post .commentlist .commentlistend {
    list-style:none;
    display:block;
    background-color:#FFF;
    position:relative;
    margin:0;
    border:0;
    }
    
    .post .commentlist li .commentname {
    font-size:11px;
    }
    
    .post .commentlist li .commentmetadata {
    background-color:#DDD;
    padding:5px 10px 5px 10px;
    font-size:10px;
    text-transform:uppercase;
    line-height:12px;
    }
    
    .post .commentlist li ul, .post .commentlist li ol, .post .commentlist li blockquote {
    margin:0 20px 0 0;
    padding:10px 0 10px 30px;
    border:0;
    }
    
    .post .commentlist li ol li {
    list-style:decimal;
    display:list-item;
    border:0;
    margin:0 0 0 20px;
    }
    
    .post .commentlist li ul li {
    list-style:circle;
    display:list-item;
    border:0;
    margin:0 0 0 20px;
    }
            
    .post .commentlist li blockquote p {
    border:1px solid #BBB;
    margin:0;
    padding:10px 10px 10px 10px;
    font-style:italic;
    background-color:#FFF;
    }
            
    .post .commentlist li img {
    display:inline;
    float:none;
    vertical-align:middle;
    }
    
    .post textarea {
    width:90%;
    }

div#hidecomments {
    width:505px;
    position:relative;
    float:left;
    display:none;
    }

.commentlist li img.gravatar {
	float: right;
	margin: 2px;
	}


.commentlist li img.avatar {
	float: right;
	margin: 2px;
	}