/*
	Autor: Grzegorz Jaworek
	E-mail: grzegorz.jaworek@gmail.com
	Tel.: +48 519 133 159
*/


/*Common

------------------------------------------------------------------------- */
* { margin:0;padding:0;}
img { border: 0 }
a { text-decoration: none; font: bold 11px Verdana; color: #A85438; }
a:hover { text-decoration: underline; }
ul { list-style: none; text-align: left; }
fieldset { border: 0; line-height: 22px; float: left; width: 100%;}
fieldset br { clear: both;}
fieldset label { float: left; padding: 0 15px;}
fieldset input.text { background: #ECECE9; width: 230px; height: 15px; line-height: 15px; padding: 3px 0 4px; border: 0; float: left;}
fieldset input.submit {text-align: center; background: #A85438; border: 0; float: right; height: 22px; color: #FFF; font: normal 11px/21px Verdana; padding: 0 0 3px; width: 85px;}
fieldset input.submit:hover { cursor: pointer; background: #543934; color: #FFF;}
h2 { font: normal 18px/21px Verdana; clear: both; padding: 0 6px 8px;}
h2 a { font: normal 18px/21px Verdana; clear: both; color: #000; }
h3 { font: normal 25px/27px "Times New Roman"; text-transform: uppercase; clear: both; padding: 9px 7px;}
h3 a { font: normal 25px/27px "Times New Roman"; text-transform: uppercase; color: #000;}
h4 { font: normal 19px/29px "Times New Roman"; text-transform: uppercase; margin: 15px 0 0; clear: both;}
h5 { font: bold 16px/26px "Times New Roman"; text-transform: uppercase; margin: 25px 0 0; clear: both; color: #ECECE9; border-bottom: 1px solid #DEDCD0;}
h6 { font: normal 19px/29px "Times New Roman"; text-transform: uppercase; margin: 12px 6px 6px;}


  
/*Layout

------------------------------------------------------------------------- */
body {background: #000 url(images/bg.jpg) 50% 0 repeat-x; font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size: 11px; padding: 35px 0 50px;}

#top, #page, #content, #footer { width: 950px; margin: 0 auto; position: relative; clear: both; z-index: 1;}
#page { background:url(images/bg-page.gif) 50% 0 repeat-y; color: #000;}

/* Top

------------------------------------------------------------------------- */
#top { height: 160px; width: 884px; padding: 30px 33px 0; background: url(images/bg-top.gif) 50% 0 no-repeat; color: #141414; top: -5px; margin-bottom: -5px;}

/* Content

------------------------------------------------------------------------- */
#content { width: 874px; padding: 0 35px; margin: 0 auto; background: url(images/bg-content.gif) 50% 0 no-repeat;}

.project { width: 501px; overflow: hidden; float: left; margin: 10px 0 0; }
.project img { width: 487px; border: 7px solid #FFF; font-size: 0; margin: -14px -7px;}
.project .inner, .project p { padding: 14px 7px;}
.project .inner-cat { padding: 14px 7px;}
.project .navigation {margin: 0 7px;}
.entry {clear: both; }
.btop {border-top: 1px solid #EBEADD; padding-top: 10px;}
.date { float: left; color: #FFF; padding: 0 7px 10px;}
.category { float: right; padding: 0 7px 10px;}
.author { font-size: 14px; color: #A85438; font-weight: bold; padding: 0 10px; }
.comments { color: #010206;}
.comments li { margin: 10px 0 0;}
.comments .date { float: none; display: block; padding: 4px 0; }
.comments li img { vertical-align: middle;}

.navigation { border-top: 1px solid #EBEADD; }
.navigation li { float: left; padding: 5px 0;}
.navigation li:first-child { float: right;}

#side-body { width: 501px; float: left; margin: 0;}
#side-bar { width: 334px; float: right; margin: 0;}
#sidebar { width: 334px; float: right; margin: 54px 0 0;}
.widget { list-style: none;}
.head { padding: 0 0 15px 120px; width: 214px; text-align: justify; border-bottom: 1px solid #EBEADD; position: relative;}
.head img.fr { margin: 15px 0 0;}
.head img.avatar { position: absolute; top: 0; left:0; width: 104px;}

.work { float: left; margin: 5px 0 10px; width: 100%;}
.work li { margin: 0 0 4px; float: left; clear: both; width: 100%;}
.work li a { font-size: 14px; display: block; background: #DEDCD0; padding: 8px 15px; }
.work li a:hover {background: #EEE; text-decoration: none;}

.widget_pages, .widget_categories { float: left; margin: 5px 0 10px; width: 100%;}
.widget_pages li, .widget_categories li { margin: 0 0 4px; float: left; clear: both; width: 100%;}
.widget_pages li a, .widget_categories li a { font-size: 14px; display: block; background: #DEDCD0; padding: 8px 15px; }
.widget_pages li a:hover, .widget_categories li a:hover {background: #EEE; text-decoration: none;}

.links { float: left; margin: 5px 0 10px; width: 100%;}
.links li { margin: 0 0 4px; float: left; clear: both; width: 100%;}
.links li a { font-size: 14px; display: block; padding: 4px 15px; background: url(images/bulk.gif) 0 50% no-repeat;}
.links h2 { font: normal 19px/29px "Times New Roman"; text-transform: uppercase; margin: 15px 0 0;  padding: 0; clear: both;}

.widget_recent_entries { float: left; margin: 5px 0 10px; width: 100%;}
.widget_recent_entries li { margin: 0 0 4px; float: left; clear: both; width: 100%;}
.widget_recent_entries li a { font-size: 14px; display: block; padding: 4px 15px; background: url(images/bulk.gif) 0 50% no-repeat;}
.widget_recent_entries h2 { font: normal 19px/29px "Times New Roman"; text-transform: uppercase; margin: 15px 0 0;  padding: 0; clear: both;}

.widget_archive { float: left; margin: 5px 0 10px; width: 100%;}
.widget_archive li { margin: 0 0 4px; float: left; clear: both; width: 100%;}
.widget_archive li a { font-size: 14px; display: block; padding: 4px 15px; background: url(images/bulk.gif) 0 50% no-repeat;}
.widget_archive h2 { font: normal 19px/29px "Times New Roman"; text-transform: uppercase; margin: 15px 0 0;  padding: 0; clear: both;}

.blogroll { float: left; margin: 5px 0 10px; width: 100%;}
.blogroll li { margin: 0 0 4px; float: left; clear: both; width: 100%;}
.blogroll li a { font-size: 14px; display: block; padding: 4px 15px; background: url(images/bulk.gif) 0 50% no-repeat;}
.blogroll h4 { font: normal 19px/29px "Times New Roman"; text-transform: uppercase; margin: 15px 0 0;  padding: 0; clear: both;}

.MailPress_widget #mp-form { padding: 10px 0 40px; }
.MailPress_widget .MailPressFormEmail { border: 0; float: left; background: #ECECE9; width: 230px; height: 15px; line-height: 15px; padding: 3px 0 4px; font-size: 11px;}
.MailPress_widget .MailPressFormSubmit { width: 85px; text-align: center; background: #A85438; border: 0; float: right; height: 22px; color: #FFF; font: normal 11px/21px Verdana; padding: 0 0 3px; }
.MailPress_widget .MailPressFormSubmit:hover { cursor: pointer; background: #543934; color: #FFF;}

.widget_search #searchform { padding: 10px 0 40px; }
.widget_search .hidden { display: none;}
.widget_search #s { border: 0; float: left; background: #ECECE9; width: 230px; height: 15px; line-height: 15px; padding: 3px 0 4px; font-size: 11px;}
.widget_search #searchsubmit { width: 85px; text-align: center; background: #A85438; border: 0; float: right; height: 22px; color: #FFF; font: normal 11px/21px Verdana; padding: 0 0 3px; }
.widget_search #searchsubmit:hover { cursor: pointer; background: #543934; color: #FFF;}

.add-comment {padding: 10px 0 20px; }
.add-comment input.text { border-style: solid; border-color: #404040; border-width: 2px 0 0 2px; width: 155px; padding: 2px 2px 3px;}
.add-comment textarea { border-style: solid; border-color: #404040; border-width: 2px 0 0 2px; width: 100%; padding: 0; height: 150px; overflow: hidden; overflow-y: auto; margin: 0 0 10px; float: left; }
.add-comment label {color: #777777; margin: 0 0 10px;}
.add-comment input.submit { width: 150px;}

.widget_calendar table { margin: 0 auto; font-size: 12px; text-align: center;}
.widget_calendar th, .widget_calendar td { padding: 4px;}


#shorts { width: 100%; margin: 11px 0 0; background: url(images/bg-shorts.gif) 0 0 no-repeat; float: left; clear: both;}
#shorts ul { float: left; width: 100%; background: #8C8A89; margin: 11px 0 0;} 
#shorts li { width: 258px; padding: 20px 10px 30px; margin: 0; float: left; color: #FFF; text-align: justify; }
#shorts li:first-child { padding-left: 30px;}
#shorts .title { font: bold 16px/30px "Times New Roman"; color: #ECECE9; text-transform: uppercase; display: block; border-bottom: 1px solid #C5C3B4; margin: 0 0 6px;}
#shorts img { border: 4px solid #FFF; width: 250px; height: 89px; font-size: 0; margin: 0 0 8px;}
#shorts a { display: block; font-size: 0; }
#shorts a:hover { text-decoration: none; }
#shorts a.btn {background: #A85438; float: right; padding: 4px 10px 6px; margin: 10px 0 0; font: normal 11px/13px Verdana; color: #FFF;}
#shorts a.btn:hover {background: #543934;}

/* Footer 

------------------------------------------------------------------------- */
#footer { height: 67px; line-height: 63px; text-align: right; color: #464443; font-size: 9px; background: url(images/bg-footer.jpg) 50% 0 no-repeat; padding: 0 40px; width: 870px; clear: both;}
#footer a { color: #464443; font-size: 9px; font-weight: normal;}

/* Other 

------------------------------------------------------------------------- */
.fl { float: left; }
.fr { float: right; }
.clear { clear:both; }