/*

Theme Name: mw3
Theme URI: http://mw2mw.com/
Description: mw3
Version: 1. 
Author: Marek Walczak
Author URI: http://mw2mw.com/ 

*/

/*

Content  ---------------------------------------------------------------------->

Version 1.1 released 3rd July 2005.
A: Universal Elements
B: Structure
   1: Header & Navigation
   2: Main Body (Index)
   3: Main Body (Posts)
   4. Post Additional Structure
   5: Page Navigation
   6: Sidebar
   9: Footer
   10: Credits
C: Site Typography
   1: General
   2: Main Body
   3: Page Navigation
   6: Credits
   7: Search/Archives/Categories Results Pages 
   8: Comment Edit Buttons
   9: Snippets formatting
   10: Sidebar and Resources formatting
   11: Tags, Images Positioning in posts
D: Hacks for IE
------------------------------------------------------------------------------->
*/

/* 
A: Universal Elements >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
body {
 background: #FFF;
 margin:  0;
 padding: 0;
 text-align: center; /* IE hack Part 1 */ 
}

/*
B: Structure >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
1. Header & Navigation ------------------------------------------------------> */

#hnav {
 width: 672px;
 margin: 30px auto 0 auto;
 height: 41px;
}

#header {
 float: left;
 width: 200px;
 height: 41px;
 margin: 0;
 padding: 0;
 text-align: left;
 background: url(images/mw2mw3.gif) no-repeat left top;
}

#hmenu {
 text-align: right;
 float: right;
 margin:0;
 padding: 25px 0 0 0;
}

/*
2. Main Body (Index) --------------------------------------------------------> */

#container {
 width: 672px;
 padding: 0;
 margin: 15px auto 0 auto;
 font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
 font-size: .70em;
 color:#454545;
 text-align: left; /* IE hack Part 2 */
}

.post {
 margin: 0 0 35px 0;
 padding: 0 10px 0 0;
 background: #EEE;
 text-align: justify; 
}

.post2 {
 float: right;
 width: 472px;
 margin: 0 auto 35px auto;
 padding: 0;
 text-align: justify;
 background: #EEE;
}

.post3 {
 float: right;
 width: 472px;
 margin: 0 auto 35px auto;
 padding: 0;
 text-align: justify;
 background: #FFF;
}

.post4 {
 float: right;
 width: 452px;
 margin: 0 auto 35px auto;
 padding: 10px 10px 10px 10px;
 background: #EEE;
 text-align: justify;
}

/*
4. Additional Post Structure -----------------------------------------------> */

.feedback {
 float: right;
 font-size: 0.9em;
}

.feedback2 {
 float: left;
 font-size: 0.9em;
}

.contactleft {
margin: 0;
padding: 10px 0 0 0;
}

/*
5. Page Navigation ---------------------------------------------------------> */

.postnavigation {
 height: 14px;
}

.leftdouble {
 float: left;
 padding-left: 0px;
}

.rightdouble {
 float: right;
 padding-right: 0px;
}

/*
10. Credits Footer -----------------------------------------------------------> */

#footer {
 margin: 0 auto;
 width: 672px;
 font-size: .65em;
 font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
}

.clearer {
 clear: both;
 line-height: 0px;
}

/*
C: Typography >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
1. General ------------------------------------------------------------------>*/

a {
 color: #536DAC;
 text-decoration: none;
}

a:hover {
 color: #A4B1D2;
 text-decoration: none;
}

.post2 blockquote, .post3 blockquote {
 padding: 0 10px 1px 10px;
 margin: 0;
}

code {
 font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
 font-size: 0.9em;
 color: #333
}

h1 a {
 margin: 0;
 padding: 0;
 text-decoration: none;
 font-size: 1.4em;
 color: #575757;
 font-weight: bold;
}

h2 {
 color: #575757;
 font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
 font-size: 1em;
 padding: 20px 0 5px 0;
 margin: 0;
 background: #FFF;
}

h3 {
 text-align: left;
line-height: 0.9em;
 color: #575757;
 margin: 0;
 padding: 0 0 3px 0;
 font-size: 0.9em;
 font-weight: normal;
}

h3 a {
 color: #D26900;
}

h3 a:hover {
 color: #ED7905;
}

img {border:0; font-size:60%; }

a img {
border: 0;
}

a:hover img {border: 0; }

p img { padding: 0; max-width: 100%; }

img.right { padding: 0px; margin: 0 0 0 10px; display: inline; }

img.left { padding: 0px; margin: 0 10px 0 0; display: inline; }

img.random {
 float:left;
 margin:0;
 padding:0;
}

/*
2. Site Navigation ---------------------------------------------------------> */

#top {
 display: inline;
 list-style-type: none;
}

#hnav ul li{
 display: inline;
}

#hnav ul li a {
 color:  #34446C;
 text-decoration: none;
 padding: 0 0 0 10px;
 margin: 0;
 font-size: 0.7em;
 font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
 font-weight: normal;
}

#hnav ul li a:hover {
 color: #A4B1D2;
}

/*
3. Main Body ---------------------------------------------------------------> */

.post, .post2 {
 color: #454545;
 text-align: justify;
}

.posted {
 color: #555555;
}

.title2 {
 float: right;
 width: 472px;
}

.title, .title2 {
 padding-top: 15px;
}

.title a, .title2 a {
 text-align: left;
 color: #575757;
 text-decoration: none;
 font-size: .1em;
 padding: 0;
 margin: 0;
 font-weight: bold;
}

.title a:hover, .title2 a:hover {
 color: #A4B1D2;
}

.storycontent {
 border: 0;
 margin:0;
 padding: 0;
 font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
 color: #454545;
 text-align: justify;
 line-height: 16px;
 clear: both;
}

.storycontent a {
 color: #536DAC;
 text-decoration: none;
}

.storycontent a:hover {
color: #A4B1D2;
text-decoration: none;
}

/*
4. Site Navigation ---------------------------------------------------------> */

.left a{
 color: #536DAC;
 font-size: 0.9em;
}

.right a{
 font-size: 0.9em;
 color: #536DAC;
}

.leftdouble a{
 color: #536DAC;
 font-size: 1em;
}

.rightdouble a{
 font-size: 1em;
 color: #536DAC;
}

/*
7. Credits -----------------------------------------------------------------> */

p.credits {
 padding: 0;
 text-align: right;
 margin: 0;
 color: #666;
 font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
 font-size: 0.8em;
}

/*
8. Search/Archives/Categories Results Pages --------------------------------> */
.searchresult {
 padding: 30px 0 0 0;
 margin:0;
}

.searchresult a{
 color: #536DAC; 
}

.searchinfo {
 font-size: .9em;
 line-height: 18px;
 padding: 0 0 2px 0;
 color: #000000;
 margin: 0 ;
}

.searchdetails {
 font-size: .9em;
 line-height: 18px;
 padding: 0 0 2px 0;
 color: #000000;
 margin: 0 ;
 border-bottom: 1px solid #BBBBBB;
}

/*
10. Calander for Archives --------------------------------------------------> */

#wp-calendar {
 empty-cells: show;
 margin: 10px auto 0;
 width: 500px;
}

#wp-calendar #next a {
 padding-right: 10px;
 text-align: right;
 background-color:  #fff;
}

#wp-calendar #prev a {
 padding-left: 10px;
 text-align: left;
 background-color:  #fff;
}

#wp-calendar a {
 display: block;
 background-color: #E0EAEF;
}

#wp-calendar caption {
 text-align: center;
 width: 100%;
}

#wp-calendar td{
 padding: 3px 0;
 text-align: center;
}

#wp-calendar  th {
 padding: 3px 0;
 text-align: center;
 background-color: #f5f6f7;
}

/*
D: Hacks for IE >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
The following is the fix for 3-pixel-jog bug in IE. Hide from IE5-mac. Only IE-win sees this. */

* html #container {
 /*margin-right: 7px;*/
}

* html #sidebar {
 height: 1%;
}

/* End hide from IE5/mac */

/* This piece of code is for clearing the floats without structural markup Don't modify it ------------------------------------------------------------------> */

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

.clearfix {
 display: inline-table;
}

/* Hides from IE-mac \*/

* html .clearfix {
 height: 1%;
}

.clearfix {
 display: block;
}

/* End hide from IE-mac */

/* Print Styles */
@media print {
body { background:white; color:black; margin:0 }
}