/*
    Document   : styles
    Created on : 27-Dec-2009, 15:02:19
    Author     : Praym
    Description: Master stylesheet for wwc v2
    @version    : 1.0
    @changes    : 1.0   Initial implementation [ .p. 27.12.2009 ]
*/



/* DESTYLERS */

html, body, div, p, ul, li, ol, a, span, h1, h2, h3, h4, h5, h6,  table, th, td { padding:0; margin:0; }
a img { border:none; }
a, a:link, a:visited, a:hover, a:active {text-decoration:none; }
p a, li li { font-size:100% }
table { border-collapse:collapse}
ul,ol, li { list-style:none;}
li { list-style-position:outside;  }

body { background: #FFE16A; font-family: tahoma, arial, sans-serif; font-size:1em; font-style:normal; font-weight:normal; line-height:130%; color:#5b5b5b}
h2, h2 a{ padding:0 0 10px;   }
p{ font-size:1em; margin-bottom:20px; }

/* ELEMETS STYLES */

code,pre{ background-color:#FF9; padding:10px; color:#600; font-size:1.25em; display:block; }
blockquote { background:#fff url(../images/layout/quote-open.gif) no-repeat scroll top left; padding:5px 35px; margin:0 0 20px;  }


/* MASTER SECTIONS */
.page { width:960px; margin:0 auto; }
#masthead { }
#admin-nav { background:#fff4c6; height:15px; }
#top-nav {}
#footer { clear:both; background:transparent url(../images/layout/line-h.gif) repeat-x scroll top left; padding-top:2px; width:100%;  margin:10px 0}

/* HEADER AREA */
#masthead { float:left; background:transparent url(../images/layout/line-h.gif) repeat-x scroll bottom left; padding-bottom:2px; width:100%;  margin-bottom:10px}
#logo { width:400px; height:100px; display:block; margin:15px 0 0 -15px; float:left;  }
#about { width:59px; height:48px; display:block; float:left; margin:30px 0 0 20px;  position:relative;}

/* TOP NAV */
#topnav { float:left; display:block;padding-bottom:10px;  }
#topnav li {background:transparent url(../images/layout/line-v.gif) repeat-y scroll top right; padding-right:2px; float:left; display:block; }
#topnav li.last { background-image:none; }
#topnav a { height:129px; width: 318px; display:block; background: transparent url(../images/layout/sprite-top-nav.gif) repeat-y scroll top left ;  text-indent:-9999px; outline:none; }
#topnav a.frontend { }
#topnav a.frontend:hover { background-position:0 -131px }
#topnav a.ia {  background-position:0 -260px}
#topnav a.ia:hover{ background-position:0 -391px}
#topnav a.backend { background-position: 15px -520px}
#topnav a.backend:hover{ background-position:15px -651px}

/* CONTENT */
.special-article { width:100%; height:170px; background:#fff; float:left; margin:0px 0 10px;}
.special-article img { margin: 10px 0; }
.column-for-articles-list { }
.column-for-articles-list li { float:left; width:318px; background:transparent url(../images/layout/line-v.gif) repeat-y scroll top right; padding-right:2px; margin-bottom:10px;  }
.column-for-articles-list h3{ padding:10px; font-size:24px; color:#036;font-weight:normal  }
.column-for-articles-list h3 a { font-weight:normal; color:#036; }
.column-for-articles-list .recent-article-summary { padding:10px; background-color:#FFEDA5; }
.column-for-articles-list .last { background-image:none; }
.recent-articles-list { padding:0 10px;}
.recent-articles-list li { font-size:0.85em; background-image:none; width:100%; float:none; margin-bottom:5px; }
.recent-articles-list li a { font-size:100%; color:#222F5E;  }
.recent-article-summary h2 { font-size:50px; line-height:1em; color:#003366; font-weight:normal;  }
.recent-article-summary h2 a { color:#036; font-weight:normal; }

/* SEARCH BAR */
#search-bar{ clear:both; width:100%; background-color:#FFD05C; height:45px;  }
#s{ border:10px solid #fff; background-color:#FFE16A; padding:5px 0 4px;  width:252px; color:#EEA302;  }
#submitbutton { background: transparent url(../images/layout/btn-search.gif) no-repeat scroll top left; height:44px; width:45px; text-indent:-9999px; margin-left:-4px; border:0; cursor: pointer  }


/* ABOUT */
#about-button span { display:none;}
#about-button:hover span{ display:block; }
#about-text { position:absolute; width:400px; height:220px;  background:#fff; top:0; left:0; z-index:2; display:none; }
#about-text strong { padding:0 10px 10px; color:#036; font-weight:bold; display:block; font-weight:normal; font-size:1em; }


/* ASIDES */

#asides { float:left; width: 318px;}
#recent-articles { background-color:#FFEDA5; padding:0 0 10px;  }
#recent-articles h3 { padding: 0 10px; font-size:24px; color:#036;font-weight:normal }
#recent-articles h3 a { font-weight:normal; color:#036; }

/* ARTICLES-CONTAINER */
#article-container { float:right; margin-left:2px; width:640px;  }

#article { padding: 10px 40px 20px;  background-color:#FFF; margin-bottom:10px; }
.article-meta { padding:15px 0px 0; }
.article-meta p { background-color:#FFEDA5; margin-bottom:0; padding:0 10px;  }
#article h1{ font-size:50px; color:#036; font-weight:normal; margin:10px 0; line-height:50px; }
#article h1 a{font-size:50px; color:#036; }
#article p { font-size:0.85em;}
#article h2 { color:#036; font-weight:normal; margin-bottom:15px; }
#article h3 { color:#036; font-weight:normal; font-size:1.3em; margin-bottom:30px; }
#article h3 a { color:#036;}
#reference { border-top:1px solid #f90;  padding:10px 0; margin-top:30px; }
#reference h4{ font-size:0.7em; font-weight:bold;}
#reference p{ font-size:0.7em; color:#ca6500; margin-bottom:5px; line-height:1em; }

#notes { border-top:0px solid #f90;  padding:10px ; background:#ffe493; margin-top:30px  }
#notes h4 { font-size:0.7em; font-weight:bold;  }
#notes p { font-size:0.7em; color:#888; margin-bottom:5px; line-height:1em;}



/* ARTICLES LIST */
#articles-list { background:#fff; padding:0 10px 15px; margin-bottom:15px; }
#articles-list li { border-bottom: 1px solid #FFE16A; padding:10px 0; }
#articles-list li .article-date { font-size:0.75em; color:#036}
#articles-list h2 {padding: 0; font-size:50px; color:#036;font-weight:normal }
#articles-list h2 a { font-weight:normal; color:#036; }
#articles-list .paginator { font-size: 0.85em; font-weight:bold; color:#036;}
#articles-list .paginator a { color:#036; }
#articles-list .paginator a:hover { border-bottom:1px dashed #036; }
#articles-list .paginator a.next { float:right; }

/* CATEGORY INTRO */
.category-intro { background-color:#FFEDA5; padding:10px 10px 1px; margin-bottom:10px  }
.category-intro p { color:#036; font-size:1.5em; font-weight:normal; font-family:garamond; font-style:italic;   }

/* TAGS */
.tags { background:transparent url(../images/layout/icon-tags.gif) no-repeat scroll 2px 15px; padding: 10px 20px;}
.tags p{ color:#900;  font-size:0.75em; }
.tags p a { color:#900; }


/* SEARCH RESULTS */

#search-results { padding:10px; background-color:#fff; margin-bottom:10px; }
#search-results h2 { font-size:30px; font-weight:normal; color:#036;}
#search-results h3 { font-size:50px; font-weight:normal; color:#036; }
#search-results .post{ border-bottom:1px solid #FFE16A; }



/* COMMENTS */
#comments h3{ background: transparent url(../images/layout/line-h.gif) repeat-x scroll left bottom; padding-left:10px; padding-bottom:12px; font-size:22px; font-weight:normal; color:#036; }
.commentlist li {background: transparent url(../images/layout/line-h.gif) repeat-x scroll left bottom; padding-bottom:12px; margin:10px 0 0; float:left;  }
.commentlist li.last { background-image:none; }
.commentlist blockquote { margin:10px 0; width:400px; float:left;}
.commentlist blockquote p { font-size:0.75em; line-height:1.3em; margin-bottom:5px; padding:0 10px; color:#333; }
.commentlist blockquote em { font-size:0.75em; line-height:1.3em; margin-bottom:5px; padding:0 10px; color:#039; font-style:normal;  }
.comment-author { float:left; width:240px;margin:10px 0 0; background-color:#fff3c5; }
.comment-author .avatar { width:50px; height:50px; border:1px solid #fff; float:left; margin-right:5px; background-color:#fff; }
.name-n-timestamp { float:left; width:180px; margin-top:10px; }
.name-n-timestamp p{ font-size:0.75em; margin-bottom:0px;line-height:1.3em; }

/* COMMENT FORM */
#comment-form-container { background: transparent url(../images/layout/line-h.gif) repeat-x scroll left bottom; padding-bottom:5px; margin-bottom:15px }
#comment-form-container h3 { padding:10px 10px 0; font-size:24px; color:#036;font-weight:normal ; background:none; }
#comment-form-container h3 a { font-weight:normal; color:#036; }
#commentform input, #commentform textarea { border:10px solid #fff; background-color:#FFE16A; padding:5px 0 4px;  width:620px; color:#EEA302; margin-bottom:2px; }
#commentform #c-notify { width:20px; border:none; float:left; margin-top:5px; }
#commentform #cbx { height:25px; }
#commentform label { font-size: 0.8em; color:#EEA302}
#commentform #author { width:350px;}
#commentform #email  { width:350px;}
#commentform #url { width:350px; }
#commentform #submit{ border:none; background-color:#EEA302; padding:0 10px ; line-height:35px; height:35px; color:#fff; width:80px; font-weight:bold; cursor:pointer;display:block; }


/* NAVIGATIONS */
.navigation { font-size:0.75em; }
.navigation a {  }
.alignleft { float:left}
.alignright { float:right}




/* MISCELLANEOUS */
.hidden { display:none }
.rss img {margin-top:10px;  }


/* clearfix */
            .cfx:after{  content: " "; clear: both;  font-size:0;  display: block; height: 0;   visibility: hidden; }
            .cfx {display: inline-block;}
            /* Hides from IE-mac \*/
                * html .cfx {height: 1%;}
                .cfx {display: block;}
            /* End hide from IE-mac */



/* COLORS
    background : yellow : #FFE16A
    text : grey : #333333
    title : blue : #003366

*/