/* - - - - - - - - - - - - - - - - - - - - -

Title : Style
Author : fiksie
URL : www.fiksie.com

Description : css file

Created :
Modified : -

- - - - - - - - - - - - - - - - - - - - - */

/* global reset */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,
q,samp,small,strike,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;}
:focus{outline:0;}
ol,ul{list-style:none;}
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:"" "";}

/* end of global reset */


/* ----- CSS ----- */

html { height:100%;}
body{ background:#fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px; height:100%; padding-bottom:340px;}

/* ----- ID'S & CLASSES----- */

#wrapper { margin: 0 auto; min-height:100%; position:relative;  padding-bottom:340px;}

#header-container { background:url(images/header-bg.jpg) repeat-x #f5f5f5; }
#header {width:910px; margin:0 auto;}
#logo { float:left;}
#languages { float:right; width:680px; text-align:right; padding-top:20px;}
#languages li { width:80px; display:block; height:25px; float:right; text-align:left;}
#languages li a { font-size:11px; color:#9b9b9b; text-decoration:none; display:inline; line-height:20px;}
.flags {margin-left:10px;}
.flags img { float:left; padding-right:10px; line-height:20px; padding-top:6px;}
#feed { margin-left:30px;} 
#feed img { float:right; padding-top:2px;}

#menu { float:right; height:42px; margin-top:19px; text-align:right; display:inline; font-family:Verdana, Arial, Helvetica, sans-serif;}
#menu li { margin-left:10px; margin-top:12px; height:30px; width:120px; text-align:center; float:left; background:#d6d6d6;}
#menu li a { height:30px; line-height:30px; text-decoration:none; color:#000; font-weight:bold; font-size:15px; width:120px; display:block;}
#menu li:hover { margin-top:0; padding-top:12px; background:#212121;}
#menu a:hover { color:#FF0000;}
#menu .current_page_item { margin-top:0 !important; padding-top:12px; background:#212121 !important;}
#menu .current_page_item a { color:#FF0000 !important;}

#intro-container { background:#f5f5f5; display:block; padding:20px 0;}
#intro { width:908px; border:1px solid #d0d0d0; height:250px; margin:20px auto 0 auto; position:relative;}
#intro h1 {margin: 10px; font-size:18px; font-weight:bold;}
#intro h1 a { color:#000; text-decoration:none;}
#search { position:absolute; bottom:0; left:0; width:175px; height:20px; padding: 10px 25px; display:block; background: url(images/search-bg.jpg) no-repeat 5px 50% #ce352c;}
#search input {float:left;}
#search .search { height:18px; padding-left:20px; width:120px; border: 1px solid #4e4e4e; background:url(images/search-input-bg.jpg) no-repeat #fff 0 50%;}
#search .button { background:url(images/search-button.jpg) no-repeat scroll 0 0; border:0; width:23px; height:21px; text-indent:-1000em; margin-left:5px;}

#content-container { background:url(images/content-bg.jpg) repeat-x #fff; height:100%;}
#content {width:910px; margin:0 auto;}
#content ul { padding:10px;}
#content blockquote { background:#f9f9f9; border-left:10px solid #ccc; margin:1.5em 10px; padding:.5em 10px;}
#content blockquote:before { color:#ccc; content:open-quote; font-size:4em; line-height:.1em; margin-right:.25em; vertical-align:-.4em;}
#content blockquote p { display:inline;}

#main { width:600px; padding:20px 10px; float:left; margin-right:10px; text-align:justify;}
.wide { width:888px !important; margin-right:0;}
#main h1 { font-size:26px; font-weight:normal; border-bottom:1px solid #000; margin-bottom:20px; color:#000;}
#main h2 { font-size:26px; font-weight:normal; border-bottom:1px solid #000; margin-bottom:20px; color:#000;}
#main h2 a { text-decoration:none; color:#000;}
#main a {text-decoration:none; color:#666;}
#main a:hover { text-decoration:underline; color:#000;}
#main h2 a:hover { color:#222;}
#main ul li { margin:5px; background:url(images/li-content-bg.jpg) no-repeat 0 50%; line-height:20px; padding-left:10px;}
#main p { margin-bottom:10px;}

#sidebar { width:260px; float:left; padding:20px 10px;}
#sidebar h3 { font-size:26px; font-weight:normal; border-bottom:1px solid #000; margin-bottom:20px; color:#000;}
.sidebar-box { margin-bottom:20px;}
.sidebar-box ul li {margin:5px; background:url(images/li-content-bg.jpg) no-repeat 0 7px; line-height:20px; padding-left:10px;}

#footer {height:340px; position:absolute; bottom:0; text-align:center; margin:0 auto; width:100%;}

#bottom-sidebar-container { background:url(images/bottom-sidebar-bg.jpg) repeat-x #222; height:300px; text-align:left;}
#bottom-sidebar { width:910px; margin:0 auto;}
#top-image { padding:20px 20px 20px 10px;}
.bottom-sidebar-box { width:275px; margin: 0 15px 10px 10px; padding-bottom:20px;  float:left; display:inline;}
.bottom-sidebar-box h3 { text-transform:uppercase; font-size:12px; font-weight:normal; line-height:25px; color:#9b9b9b; border-bottom:1px solid #9b9b9b; padding-left: 15px; margin-bottom:10px;}
.bottom-sidebar-box li { padding:5px 10px; margin-left:15px; background:url(images/li-bottom-sidebar-bg.jpg) no-repeat 0 9px;}
.bottom-sidebar-box .textwidget p { padding: 0 10px 3px 15px; color:#676767; font-size:11px;}
.bottom-sidebar-box li a { color:#676767; text-decoration:none;}
.bottom-sidebar-box li a:hover { text-decoration:underline;}

#bottomnav { border-top:2px solid #000; background:#111; text-align:center; padding:10px 0; height:20px; width:100%;}
#bottomnav p { color:#676767; display:inline; font-size:12px; padding-right:5px;}
#bottomnav ul {display:inline}
#bottomnav ul li { display:inline; padding-left:5px; font-size:10px; border-left:1px solid #676767; margin-left:5px; line-height:14px;}
#bottomnav ul li a { color: #FF0000; text-decoration:none;}
#bottomnav ul li a:hover { text-decoration:underline;}

/* homepage */ 

.news-sidebar-box img { width:260px; height:70px; border:1px solid #000; margin-bottom:10px;}
.news-sidebar-box p { text-align:justify; margin-bottom:10px;}
.news-sidebar-box a { color:#FF3300; text-decoration:none;}

/* ----- SPECIAL CLASSES ----- */

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}