/*
Theme Name: squareblog
Theme URI: https://s630.info
Description: Simple WP theme
Author: s630.info
Author URI: s630.info
*/


*{margin:0; padding:0;}

body {
font-family: Verdana, Arial, "Trebuchet MS", Sans-Serif, Georgia, Courier, "Times New Roman", Serif;
font-size: 12px; 
background: #093961;
color: #333; 
margin:0px 0px 10px 0px; 
padding:0;
line-height: 135%;
}

a { color: #000000; font-weight: bold; }
a:hover { text-decoration: none; color : #111; }

img{ border: none; padding: 0px; } 
img a{border:none;} 

#page {
width: 800px;
margin: 10px auto;
}
 
#header { 
font-family: "Trebuchet MS";
height: 160px;
text-align: right;
}
#header h1 {
font-size: 13px;
font-weight: 100;
letter-spacing: -3px;
padding: 70px 60px 0 0;
}
#header h1 a {
color: #FFA35F;
}
#header h1 a:hover {
color: #fff;
}
#header h2 {
letter-spacing: -1px;
color: #fff;
font-size: 19px;
font-weight: 100;
padding: 8px 60px 0 0;
}

#menu {
font-family:"Trebuchet MS", Arial, Sans-serif; 
background: #a60809;
height: 40px;
line-height: 40px;
font-size:20px;
color:white;
text-align:center;
font-weight:bold;
}
 
#content {
float: left;
width: 525px;
padding-top: 10px;
padding-bottom: 20px;

}

#sidebar {
float: right;
width: 255px;
text-align:center;
margin-top:10px;
}

#footer {
font-size: 14px;
text-align: center;
color #fff;

}

#footer p { color: #fff; }
#footer a { color: #fff; text-decoration: none; }
#footer a:hover { text-decoration: underline; }


#content h1 {
font-weight: 100;
letter-spacing: -1px;
font-size: 23px;
line-height: 25px;
margin: 0 0 4px; padding: 0 0 0px; 
text-align: left;
}

h3 {
font-weight: 100;
margin-top: 7px;
}
 
.post {text-align:center;}

.post h3 { 
font-weight: 100;
letter-spacing: -1px;
font-size: 23px;
margin: 0 0 4px; padding: 0 0 3px; 
line-height: 30px;
text-align: left;
}
.post h3 a:hover { text-decoration: underline; }

.post p {
padding: 5px;
}


#pagecontentheader h2 {
padding:6px 0px 0px 4px; 
margin:0px 0px 3px 0px; 
color:#fff;
font-size:12px;
text-align:center;
background:#000 url(images/wback.png) repeat-x;
height:21px;
font-family:verdana;}
#pagecontent h2 {
padding:6px 0px 0px 4px; 
margin:0px 0px 3px 0px; 
color:#fff;
font-size:12px;
text-align:center;
background:#000 url(images/wback.png) repeat-x;
height:21px;
font-family:verdana;}

#pagecontent{background:#fff;
border:1px #242424 solid;
padding:0px 9px 5px 9px;
text-align:justify;
font-size:14px;
font-family:tahoma;}

.entrytext .postmetadata {
clear: both; 
background:#fff; 
padding:6px; 
margin-top: 16px;
margin-bottom: 5px;
font-size: 11px;
}

 
.alignleft {float:left; } 
.alignright {float:right;} 
 
blockquote{
border-left:1px solid #A5ABAB; 
margin:15px; 
padding:0 12px 0 12px; 
}
 
#content ul {
color: #555555;
padding: 10px 30px;
}
#content ul li {
list-style-type: square;
}
 

#sidebar h2 {
padding:6px 0px 0px 4px; 
margin:0px 0px 9px 0px; 
color:#FFFFFF;
font-size:12px;
text-align:center;
background:#000 url(images/hback.png) repeat-x;
height:21px;
font-family:verdana;}
 
#sidebar ul ul li {
background: url(images/bullet.png) no-repeat center left;
padding: 2px 0 2px 22px;
}
#sidebar ul ul li a { font-size: 12px; }

#sidebar ul ul ul {
padding-left: 7px;
}

#one {float:left;width:255px;border:0px black solid;margin:5px 5px 5px 0px;background:#242424;text-align:left;}
#two {float:left;width:255px;border:0px black solid;margin:5px 8px 5px 8px;background:#242424;text-align:left;}
#three {float:left;width:255px;border:0px black solid;margin:5px 0px 5px 5px;background:#242424;text-align:left;}

#one h1, #two h1, #three h1 {padding:6px 0px 0px 4px; 
margin:0px 0px 3px 0px; 
color:#FFFFFF;
font-size:12px;
text-align:center;
background:#000 url(images/hback.png) repeat-x;
height:21px;
font-family:verdana;
}

.logos{height:150px;padding-top:10px;}


#one ul,#two ul,#three ul {
list-style-type: none;
padding: 10px;
margin-left: 0;
margin-top: 0;
}

#one a,#two a,#three a
{
font-size:12px;
line-height:25px;
}

#one li,#two li,#three li {   
list-style-image: none;
background-image: url(images/bullet1.png);
background-repeat: no-repeat;
background-position: left center;
padding-left : 28px;
margin-bottom:5px;

}

@media screen and (max-width: 640px) {
    #content{
        width:100%;
        padding-top: 0px;
    }
    #page{
        width:100%;
    }
    #header img{
        width:100%;
    }
    #menu{
        font-size: 13px;
    }
    #sidebar{
        float: left;
        width: 100%;
    }
    #one{
        width:100%;
        margin: 5px 0;
    }
    .textwidget{
        max-width: 300px;
        margin: 0 auto;
    }
    #two{
        width:100%;
        margin: 5px 0;
    }
    #three{
        width:100%;
        margin: 5px 0;
    }
    .post img{
        width:100%;
    }
    
}