/*
Theme Name: 50 Pages Website
Theme URI: http://www.50pageswebsite.com
Description: EVERYTHING SOLD :P
Author: Sergios Singkeridis aka feios
Author URI: http://www.feios.info
Version: release 0.1
*/


a{outline:none;}

body{
margin:0;
padding:0;
background:url(images/bg.png) left top repeat-x;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#555555;
}

/* LINK STYLE */
a{
color:#3f8d15;
text-decoration:underline;
font-weight:bold;
}

a:hover{
text-decoration:none;
}

#wrapper{
width:780px;
margin:0 auto;
position:relative;
}

#header{
width:780px;
height:160px;
position:relative;
background:url(images/logo.png) left 15px no-repeat;
margin-bottom:20px;
}

#header img{
float:right;
margin:15px 20px auto auto;
}

#content{
width:780px;
}

.contentbox{
width:760px;
padding:10px;
background:#f8f8f8;
margin-bottom:10px;
}

.clearfix:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.contentbox img{
float:left;
}

.description{
width:530px;
float:right;
}

.description h1{
font-size:18px;
margin:0;
padding:0;
}

.description h1 a{
color:#1777b1;
text-decoration:underline;
}

.description h1 a:hover{
text-decoration:none;
}

.description p{
font-size:14px;
text-align:justify;
}

#footer{
width:780px;
background:url(images/footer.png) top center no-repeat;
height:42px;
margin-top:20px;
font-size:10px;
clear:both;
}

.copyright{
float:left;
margin-left:5px;
margin-top:15px;
}

.foonav{
float:right;
margin-right:5px;
margin-top:15px;
}

#prext{
width:530px;
font-size:10px;
height:40px;
clear:both;
}

.linkpre{
float:left;
margin-left:5px;
margin-top:15px;
}

.linkne{
float:right;
margin-right:5px;
margin-top:15px;
}

#buy{
width:760px;
font-size:12px;
height:90px;
clear:both;
background:#fff6bf;
border-top:2px solid #ffd324;
border-bottom:2px solid #ffd324;
padding:10px;
}

#buy form{
float:right;
}

#buy p{
width:550px;
float:left;
text-align:justify;
font-size:14px;
margin-top:0;
color:#333333;
}

#content input{
width:300px;
height:20px;
color:#555555;
font-size:14px;
font-weight:bold;
}

#content p{
text-align:justify;
}

.menu{
width:450px;
height:25px;
float:left;
position:relative;
margin-top:137px;
margin-left:150px;
display:inline;
}

.menu a{
background:#ffffff;
text-decoration:none;
padding:5px 10px;
}

.menu a:hover{
background:#3f8d15;
color:#ffffff;
}

#sidebar{
width:170px;
border-left:1px solid #dddddd;
padding:10px 15px;
float:right;
}

#periexomeno{
width:530px;
padding:10px 15px;
float:left;
}


/* POST STYLING ETC... */

.post{
margin-bottom:25px;
width:530px;
}

.post h2, #content h2{
font-size:18px;
font-weight:bold;
margin:0;
}

.post h2 a, #content h2 a{
color:#1777b1;
text-decoration:none;
}

.post h2 a:hover, #content h2 a:hover{
text-decoration:none;
}

.post_date{
color:#878787;
font-size:9px;
margin-bottom:-5px;
}

.post_date a{
color:#878787;
text-decoration:none;
}

.post_date a:hover{
text-decoration:underline;
}

.post p{
text-align:justify;
font-size:14px;
}

.meta{
border-top:1px solid #888888;
background:#f8f8f8;
padding:5px;
}

.meta a{
font-weight:bold;
text-decoration:underline;
}

.meta a:hover{
text-decoration:none;
}

/* SIDEBAR */
#sidebar h2{
font-size:13px;
font-weight:bold;
margin-top:0;
margin-bottom:5px;
border-bottom:1px solid #dddddd;
}

#sidebar ul li{
list-style-type:none;
left:0;
font-size:11px;
line-height:16px;
}

#sidebar ul{
margin-left:-35px;
}

* html #sidebar ul{
margin-left:3px;
}

#sidebar a{
color:#000000;
text-decoration:none;
}

#sidebar a:hover{
text-decoration:underline;
}

/* some other styles */

.post img{
margin: 0 5px;
padding: 4px;
border: 1px solid #ccc;
max-width: 100%;
}

.center{
text-align: center;
}

.alignright{
float: right;
}

.alignleft{
float: left
}

img.center, img[align="center"]{
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright, img[align="right"]{
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft, img[align="left"]{
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

img.noborder{
border: none !important;
}

.comments{
margin-bottom:20px;
background:#f8f8f8;
padding:20px;
}

.comments form{
clear: both;
padding: 1px 0 10px;
margin: 0;
}

input[type=text], textarea{
font: 1em Verdana, Arial, Helvetica, Sans-Serif;
padding: 3px;
color: #777;
}

input[type=text]:focus, textarea:focus{
background: #fff;
color: #333;
border-color: #666;
}

.comments form input[type=text]{
width: 45%;
margin: 5px 5px 1px 0;
}

.comments form textarea{
height: 250px;
padding: 2px;
width: 100%;
margin: 10px 0;
}

.comments form #submit{
margin: 0;
float: right;
}

#commentform a{
color:#000000;
text-decoration:underline;
}

#commentform a:hover{
text-decoration:none;
}

h1{
font-size:13px;
font-weight:bold;
margin:0;
text-align:center;
margin-bottom:15px;
}

.center{
text-align:center;
}

.navi a{
color:#000000;
text-decoration:underline;
}

.navi a:hover{
text-decoration:none;
}