/*
Theme Name: Stylefield
Theme URI: http://shatanzig.stylefield.com/
Description: Dark blue theme.
Version: 1.0
Author: Sinisa Kolundzic
Author URI: http://shatanzig.stylefield.com/
Tags: dark, two columns, vertical rhytm


*/

/* Global reset bullshit */
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	/*vertical-align: baseline;*/
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

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

body { font: normal 75% "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #C5C8D8; background: #232533; /*border-top: 1.75em solid #232533;*/ }

p, ol, ul, dl, blockquote { margin-bottom: 1.75em; line-height: 1.75em; }

ul { margin-left: 1.5em; list-style-type: square; }
ol { margin-left: 2em; }

a { text-decoration: none; color: #5283BB; /*#5283BB;*/ /*#cc3300;*/ }

a:hover { /*color: #5283BB;*/ text-decoration: underline;  }

img a { border: none; }

legend { display: none; }

textarea { overflow: auto; font-family: "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial, sans-serif; height: 17.5em; }

h1, h2, h3, h4, h5 { color: #4F5371;/*fc3;*/ font-weight: normal; text-transform: uppercase; }

h1 { font-size: 3.5em; line-height: 1em; letter-spacing: 4px; font-family: Impact, "Times New Roman"; font-weight: normal; }

h2 { font-size: 1.75em; line-height: 1em; margin-top: 0; margin-bottom: 1em; }

h3 { font-size: 1.333em; line-height: 1.313em; margin-bottom: 1.313em; }

h4 { font-size: 1em; line-height: 1.75em; margin-top: 0; margin-bottom: 1.75em; font-weight: normal; }

strong { font-weight: bold; color: #fff; }

code { font-size: 1em; font-family: monospace; color: #f3f3f3; }


/* LAYOUT */
#page { width: 64em; position: relative; margin: 0 auto; clear: both; padding-top: 3.5em; left: 9em; }

#header { float: right; width: 100%; padding: 0; text-align: center; background: #F3F3F3 /*url(images/bg.jpg) left bottom repeat-x*/; }

#content { /*float: left; width: 64em; background: #FFF; padding: 0 1.75em; border: 1px solid #f3f3f3;*/ }
#main-content, #error-content { float: left; width: 40em; padding: 0; display: inline; }


#sidebar { float: right; width: 16.5em; padding: 1.75em; background: #191A24; }

#footer { float: left; width: 42em; padding: 1.65em 0 1.75em 0; border-top: 0.1em solid #35384d; display: inline; font-family: "Trebuchet MS", Tahoma, Arial, sans-serif; text-transform: uppercase;}

/* HEADER */

#site-name a {
	color: #BE2000;
}

#site-name a:hover {
	color: #232533;
	text-decoration: none;
}

#header #site-name {  margin: 0; background: #F3F3F3 url(images/header-bg.gif) left bottom repeat-x; padding: 3.5em 0 1.75em 0; }

#header p#tagline { font-size: 0.8333em; line-height: 2.1em; margin: 0; color: #232533; }

/*
#header ul { list-style: none; margin: 0; line-height: 1em; padding: 1.25em 0; overflow: visible; text-transform: uppercase; }
#header ul li { display: inline; margin: 0 0 0 0; font-weight: normal; padding: 0; position: relative; }
#header ul li.rss-link { margin: 0; }

#header ul li a { color: #232533; width: 100%; padding: 1.05em 1em 1.425em 1em; font-family: "Trebuchet MS", Tahoma, Arial, sans-serif; margin: 0; }
#header ul li a.current-page { color: #f3f3f3; background: transparent url(images/nav-hover.gif) center bottom no-repeat; text-decoration: none; margin: 0; }
#header ul li a:hover { color: #f3f3f3; background: transparent url(images/nav-hover.gif) center bottom no-repeat; text-decoration: none; }

#header ul li.rss-link a { color: #FF7400; font-weight: bold; }
#header ul li.rss-link a:hover { color: #f3f3f3; background: transparent url(images/nav-rss.gif) center bottom no-repeat; }
*/

#header ul { list-style: none; margin: 0; font-size: 0.8333em; line-height: 2.1em; text-transform: uppercase; font-family: "Trebuchet MS", Tahoma, Arial, sans-serif; vertical-align: baseline; }
#header ul li { display: inline; margin: 0 0 0 0; font-weight: normal; padding: 0 0; position: relative; top: 0; left: 0; line-height: 2.1em; font-size: 1em; }

#header ul li a { color: #232533; width: 100%; margin: 0; padding: 0.4em 1em 1.05em 1em; line-height: 2.1em; font-size: 1em; }
#header ul li a.current-page { color: #f3f3f3; background: transparent url(images/nav-hover.gif) center bottom no-repeat; }
#header ul li a:hover { color: #f3f3f3; background: transparent url(images/nav-hover.gif) center bottom no-repeat; text-decoration: none; }

#header ul li.rss-link a { color: #FF7400; font-weight: bold; }
#header ul li.rss-link a:hover { color: #f3f3f3; background: transparent url(images/nav-rss.gif) center bottom no-repeat; }

/* MAIN CONTENT */

#main-content .post h2 a { color: #4F5371; }
#main-content .post h2 a:hover { color: #5283BB; text-decoration: none; }

.post { position: relative; margin: 0 0 3.5em 0; /*padding-top: 1.75em;*/ }


ul.postmetadata { position: absolute; position: absolute;  top: 0; left: -6em; margin: 0; width: 4em; list-style: none; }

.post-date { text-align: center; background: #ddd; margin-bottom: 1.75em; } 
.post-date span { width: 100%; display: block; font-family: "Trebuchet MS", Tahoma, Arial, sans-serif; }
.post-date .day { background: #ddd; color: #232533; font-weight: bold; line-height: 1em; padding-top: 0.75em; }
.post-date .month { background: #ddd; color: #232533; font-variant: small-caps; font-size: 0.8333em; line-height: 1em; padding: 0.5em 0 0.6em 0; font-weight: normal; }
.post-date .year { background: #4F5371; font-size: 0.8333em; line-height: 2.1em; }

.postmetadata .croportal-button { position: relative; left: -1.25em; }

div.croportal-button { margin-top: -4px; } 

.postmetadata .post-premalink { text-indent: -9999px; display: none; }

.post span.more { font-weight: bold; }
 
.entry img { padding: 0.25em; background: #C5C8D8; }
.entry img.alignleft { float: left; margin-right: 0.5em; }
.entry img.alignright { float: right; margin-left: 0.5em; }

.yt-video { position: relative;	height: 355px; width: 425px; /*border: 0.1em solid #35384d;*/ padding: 0.5em; background: #ddd; margin: 0 auto 1.75em auto; }

ul.posts-navigation { list-style: none; margin: 0 0 1.75em 0; float: left; }
ul.posts-navigation li.go-older { float: left; width: auto; }
ul.posts-navigation li.go-newer { float: right; width: auto; }


.text-box { background: #4F5371 url(images/itext-bg.jpg) left top repeat-x; width: 12em; font-size: 1em; line-height: 1em; padding: 0.375em; margin-bottom: 1.50em; border: 0; color: #C5C8D8; font-family: inherit; overflow: hidden; }
input.btn { cursor: pointer; display: block; font-size: 0.8333em; line-height: 2.1em; font-family: "Trebuchet MS", Tahoma, Arial, sans-serif; text-transform: uppercase; background: #BE2000; color: #f3f3f3; border: 0; }


/* ARCHIVE */
h2.archive-title { font-size: 1.333em; line-height: 1.313em; margin-bottom: 1.313em; }
h2.archive-title strong { background: #4F5371; color: #f3f3f3; padding: 0 0.2em; font-weight: normal; }

.archive-post { position: relative; margin: 0 0 3.5em 0; }
.archive-post h3 { font-size: 1.75em; line-height: 1em; margin-top: 0; margin-bottom: 1em; }

#main-content .archive-post h3 a { color: #4F5371; }
#main-content .archive-post h3 a:hover { color: #5283BB; text-decoration: none; }

/* SEARCH */


/* SIDEBAR */

#sidebar ul { list-style: none; margin-left: 0; }
#sidebar #search-box { width: 100%;  margin: 0 0 1.45em 0; float: right;}

#search-box input.text-box { float: left; width: 10.5em; margin: 0 1em 0 0; }
#search-box input.btn { margin: 0; float: left; width: 5em; }

#sidebar #bookmarks li { margin-bottom: 1.75em; }

#sidebar h4 { margin-bottom: 1.65em; border-bottom: 0.1em solid #232533; }

#sidebar .goto-links { text-transform: uppercase; font-size: 0.8333em; line-height: 2.1em; font-family: "Trebuchet MS", Tahoma, Arial, sans-serif; margin-bottom: 2.1em; }

#sidebar #rss { background: transparent url(images/017.png) right bottom no-repeat; } 

/* COMMENTS & COMMENT FORM */
#comments { margin-bottom: 1.75em; }

#comments ol { list-style-type: none; margin: 0; }
#comments ol li { border-top: 0.1em solid #35384d; padding: 1.65em 0 1.75em 0; position: relative; display: block; height: 1%; }
#comments ol li .comment-meta { position: absolute; top: -0.1em; left: -18em; width: 16em; text-align: right; list-style: none; margin: 0; padding-top: 1.65em; border-top: 0.1em solid #35384d;  }
#comments ol li .comment-meta p { font-size: 0.8333em; line-height: 2.1em; }
#comments ol li .comment-meta img { float: right; margin: 0.5em 0 0 0.5em; }


#comments-form { position: relative; border-top: 0.1em solid #35384d; padding: 0 0 1.65em 0; display: block; width: 100%; }
#comments-form h3 { margin-top: 1.186em; }


p#comment-notice { font-size: 0.8333em; line-height: 2.1em; float: right; width: 40.601em; }



/* ARCHIVES */
ul.archive-months { margin-left: 0; list-style: none; }
ul.archive-months li { position: relative; height: 1%; }
ul.archive-months h3 { position: absolute; top: 0; left: -18em; width: 16em; text-align: right; margin: 0; font-size: 0.8333em; line-height: 2.1em; text-transform: none; font-weight: normal; overflow: hidden; }
ul.archive-months h3 span.month { background: #ddd; color: #232533; padding: 0.5em; font-variant: small-caps; }
ul.archive-months h3 span.year { background: #4F5371; color: #f3f3f3; padding: 0.5em; }
ul.archive-months li ul {  margin-left: 0; list-style: none; }
ul.archive-months li ul li h4 { margin-bottom: 0; }
ul.archive-months li ul li p { text-transform: uppercase; font-size: 0.8333em; line-height: 2.1em; font-family: "Trebuchet MS", Tahoma, Arial, sans-serif; margin-bottom: 2.1em; }



/* LINKS */
#main-content #latest-links { list-style: none; margin-left: 0; }
#main-content #latest-links h3 { font-size: 1em; line-height: 1.75em; margin: 0; font-weight: normal; }



/* CONTACT */
form#contactform { position: relative;  }

form div { width: 100%; float: left; clear: both; }
form div label { text-transform: uppercase; float: left; font-size: 0.8333em; line-height: 2.1em; font-family: "Trebuchet MS", Tahoma, Arial, sans-serif; }

form div .text-box { width: 33em; float: right; font-size: 1em; position: relative; top: -0.15em; }
form div textarea.text-box { width: 33em; overflow: auto; font-size: 1em; position: relative; top: -0.15em; font-family: "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 0.65em; }

form div .btn { margin-left: 7.5em; height: 2.1em; border: 0; } 

/* FOOTER */

#footer p { font-size: 0.8333em; line-height: 2.1em; margin: 0; }


/* 404 */
#error-content h2 { text-align: center; }
#error-content em { background: #BE2000; color: #f3f3f3; padding: 0 0.2em; }
#error-content #search-box { float: left; width: 100%; margin-bottom: 1.75em; }