/*

Design: MagPress WordPress CMS Theme
Author: Maleika Attawel
Website: dotkraft.com

*/


/* =======================================================================================================================
=RESET
========================================================================================================================*/

html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,
abbr,acronym, address,big,cite,code,del,
dfn,em,font,img,ins,kbd,q,s,samp,small,
strike,strong,sub,sup,tt, var,dd,dl,dt,
li,ol,ul,fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td 
{
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
	text-align: left;
}

table 
{
	border-collapse: collapse;
	border-spacing: 0;
}

ol,ul 
{
	list-style: none;
}

q:before,q:after, blockquote:before,blockquote:after 
{
	content: "";
}

a {
	text-decoration:none;
}

/* =======================================================================================================================
=CLEAR FLOATS
========================================================================================================================*/
.main:after,
.column:after,
.navigation:after,
.search:after,
.featured-container:after,
.content:after,
.main-inner:after,
.top:after,
.DaikosText:after,
h1.logo a:after {
		content:".";
		display:block;
		clear:both;
		height:0;
		font-size:0;
		line-height:0em;
		visibility:hidden;
		overflow:hidden;
}

/* =======================================================================================================================
=GLOBAL STYLES
========================================================================================================================*/
body 
{
	background:#fff url(images/body.gif) repeat-x top;
	color: #777;
	text-align:center; /* for IE */
	font-family:arial, helvetica, verdana, sans-serif;
}

h1, h2, h3, h4, h5, h6, ul, ol, dl,
pre, p, blockquote, table, img
 {
	padding-bottom:.5em;
}

h1, h2, h3, h4, h5, h6, strong, em 
{
	font-weight: bold;
}

h1 {font-size: 1.4em; padding:10px 0 0 0;}
h2 {font-size: 1.2em;}
h2 a {font-size:1.1em;}
h3 {font-size: 1.2em; line-height: 1.8em;}
h4 {font-size: .7em; line-height: 1.4em; text-transform:uppercase;}

a:link, a:visited {color:#cc0000;}
a:hover, a:focus {color: #000000;}

p {	font-size: 0.8em; line-height:1.3em;}

/* =======================================================================================================================
=LAYOUT
========================================================================================================================*/
.container {
	margin:0 auto;
	padding:0;
	background:url(images/container.gif) repeat-x top;
}

.top {
	margin:0 auto;
	padding:0;
	width:990px;
	position:relative;
}

.main {
	width:970px;
	margin: 30px auto 0 auto;
	padding:5px 0;
	border-top:1px solid #eee;
}

.content {
	padding:0;
	float:left;
}

.site-info {margin:0 auto; background:#444;}

.copyright {margin:0 auto; width:990px; padding-top:20px;}
.copyright p {text-align:center; color:#ccc;}

/* =======================================================================================================================
=LOGO
========================================================================================================================*/

h1.logo {
	width:405px;
	margin:0;
	padding:0 0 30px 0;
	float:left;
}

h1.logo a {
	background:url(images/logo.gif) no-repeat;
	float:left;
	display:block;
	width:405px;
	height:59px;
	text-indent:-9999px;
	overflow:hidden;
}


/* =======================================================================================================================
=COLUMNS
========================================================================================================================*/
.column {float:left;}

.one {width:340px; padding:0;}
.one.extended {width:680px; padding:0;}
.one.extended h2 {text-transform:uppercase; font-size:.9em;}


.two {width:340px; padding:0;}

.three {width:290px; padding:0;}







.three ul {clear:left;}

/* =======================================================================================================================
=SUBSCRIBE
========================================================================================================================*/
.subscribe {margin-bottom:10px;}

a.email {background:url(images/email.gif) no-repeat 0 0; text-indent:-9999px; display:block; height:43px; width:210px;}
a.email:hover {background-position:0 -43px;}
a.rss {background:url(images/rss.gif) no-repeat 0 0; text-indent:-9999px; display:block; height:43px; width:210px;}
a.rss:hover {background-position:0 -43px;}

/* =======================================================================================================================
=SEARCH
========================================================================================================================*/

.search {
	background:url(images/div_search.gif) no-repeat right center;
	height:30px;
	float:right;

}

.search div {margin:0; padding:6px 0 0 0;}
.search input.txt {
	border-width:1px;
	width:190px;
	margin-right:60px;
	vertical-align:middle;
}

/* =======================================================================================================================
=NAVIGATION
========================================================================================================================*/
.navigation {
	margin:0 auto 0 auto;
	padding:0;
	width:990px;
	float:left;
	text-transform:uppercase;
}

.navigation ul {float:left; padding:0 0 30px 0;}

.navigation li {float:left; padding:0 10px;}

.navigation a:link, .navigation a:visited {
	font-size:.8em; 
	color:#cc0000; 
	padding:10px 10px 6px 10px; 
	display:block;
}
.navigation a:hover, .navigation a:focus {background:#e2eff6 url(images/nav_a.gif) no-repeat center bottom; color:#555;}

/* =======================================================================================================================
=POST HEADINGS
========================================================================================================================*/
.heading {
	color:#555; 
	text-transform:uppercase; 
	font-size:.9em;
	padding-bottom:10px;
	margin-bottom:10px;
}
.heading span {color:#75a0b6;}

/* =======================================================================================================================
=FEATURED ENTRIES [HOMEPAGE]
========================================================================================================================*/

.featured-container {
	margin:0 auto 20px auto;
	padding-bottom:40px;
	background:#000000 url(images/feat_container.gif) no-repeat top center;
	
}

.featured {
	margin:0 auto;
	width:940px;
	padding:10px 40px 0 10px;
	background:url(images/featured.gif) no-repeat top left;
	position:relative;
        height: 270px;
	
}

.featured-entry {float:left;}


.featured img {
	width:276px; 
	height:225px; 
	float:left; 
	padding:8px; 
	margin:2px 10px 10px 0;
	border:2px solid #2b5e78; 
	background:#fff;
}

.badge {
	position:absolute; 
	background:url(images/badge.png) no-repeat;
	top:-30px;
	left:-30px; 
	width:110px; 
	height:110px; 
	border:0;
}


/* =======================================================================================================================
=POSTS [HOMEPAGE]
========================================================================================================================*/
.entry { margin:0 0 5px 0; width:330px; float:left; background:url(images/entry.gif) no-repeat right bottom; padding-bottom:25px;}
.entry h2, .entry h3, .entry h4, .entry p, .entry ul, .entry ol {padding:0 10px;}
.entry h2 {padding-bottom:6px; padding-left:0;}
.entry p {padding:10px 10px 10px 0; clear:left;}
/* .entry h4 {padding-left:30px; background:url(images/date.gif) no-repeat left center; display:block; height:24px; } */
.entry img {padding:10px; background:#fff;}

/* =======================================================================================================================
=POSTS EXTENDED
========================================================================================================================*/

.entry.extended {width:660px; clear:left;}
.entry.extended img {float:left; margin:10px 10px 5px 0; display:block;}
.entry.extended h2 {padding-left:0;}

/* =======================================================================================================================
=META & COMMENTS
========================================================================================================================*/

.postmetadata {background:#f0f9fd; clear:both; border:1px solid #ddd;}
p.postmetadata.alt {padding-left:10px;}

.commentlist {font-size:.8em;}

.commentlist li {padding:10px 0; border-bottom:1px solid #ddd;}

.commentlist p {font-size:100%;}

div.thumb {float:left; border:1px solid #999; background:#fff; margin-right:8px;}
div.thumb img {padding:4px;}

.comment-box textarea {background:#fff; border-width:1px; border-color:#ddd;}

/* =======================================================================================================================
=EXTRA
========================================================================================================================*/
.three h2,
h3#comments,
h3#respond, h1.pagetitle {font-size:.9em; text-transform:uppercase; margin-top:10px;}
h3#comments {margin-bottom:10px;}
h1.pagetitle {font-size:.9em; text-transform:uppercase; margin-bottom:10px;}

.three ul li ul li {
	background:url(images/bullet.gif) no-repeat left center;
	padding-left:28px;
	border-bottom:1px solid #ddd; 
	font-size:.8em;
	line-height:1.6em;
}

/* =======================================================================================================================
=CONTACT
========================================================================================================================*/

form#gb_form {font-size:.9em;}
form#gb_form input, form#gb_form textarea {border:1px solid #5c4a3f;}
form#gb_form input, form#gb_form textarea, form#gb_form select {
	margin:10px 0; 
	background:#4d3c31;
	color:#fff;
}

/* =======================================================================================================================
=ADS
========================================================================================================================*/

.leaderboard {
	background:url(images/ad.gif);
	width:468px;
	height:60px;
	float:right;
}


