/*
Website: Kode-Designs.com
Version: 7.0
Author: Karlo 'eGGzy' Mikus
Developer: Admir 'R' Pajalic
CMS: webSPELL.org ( 4.2.1b )
*/

/* ---| Main Layout |--- */

* { margin: 0; padding: 0; }
body { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #000; background: #404040; text-align: justify; margin: 0 0 50px 0; }
img { border: none; }
hr { color: #666666; background: #ebebeb; border: 0px; border-top: transparent; border-bottom: transparent; margin: 2px 0; height: 1px; }
td { padding:5px; font-size:11px; }

/* Links */
a, a:visited, a:active { color: #265B84; text-decoration: none; font-weight: normal; }
a:hover { color: #000000; text-decoration: underline; font-weight: normal; }

a.titlelink, a.titlelink:visited, a.titlelink:active { color: #FFFFFF; text-decoration: none; font-weight: bold; }
a.titlelink:hover { color: #FFFFFF; text-decoration: underline; font-weight: bold; }

a.category, a.category:visited, a.category:active { color: #333333; text-decoration: none; }
a.category:hover { color: #000000; text-decoration: underline; }

/* Font types */

h1 { font-family: Tahoma, Geneva, sans-serif; color: #90ADCD; text-transform: uppercase; font-size: 10px; font-weight: normal; letter-spacing: 3px; }
h2 { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#7e7e7e; }
h3 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 16px; color: #7E7E7E; font-weight: bold; padding: 6px 0 6px 0; }
h3 a, h3 a:visited, h3 a:active { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 16px; color: #7E7E7E; font-weight: bold; padding: 6px 0 6px 0; }
h3 a:hover { color: #000; font-size: 16px; font-weight: bold; font-family: Arial, Verdana, Helvetica, sans-serif; }
p { margin: 0 0 1em 0; line-height: 200%; }
small { color: #383838; font: normal 9px Verdana, Arial, Helvetica, sans-serif; }

.title { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #ffffff; font-weight: bold; padding:3px; background:#234b6f url(images/layout/title.gif) top repeat-x; padding:4px; }
.category_big, .category_big a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: bold; }
.category { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: normal; }

/* ---| Form elements |--- */

form {
  border: none;
  margin: 0px;
  padding: 0px;
}
label { font-family:Arial, Helvetica, sans-serif; color:#838383; }

/* ---| Input's |--- */

input, textarea, select, input:active, textarea:active, select:active, input:focus, textarea:focus, select:focus { background-image:url(images/layout/form_bg.jpg); background-repeat:repeat-x; background-position:top; background-color:#FFFFFF; border:1px solid #d3d3d3; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#545454; padding:5px; margin:2px; }

/* ---| Buttons |--- */

input[type="radio"], input[type="checkbox"], 
input[type="radio"]:focus, input[type="radio"]:active,
input[type="checkbox"]:focus, input[type="checkbox"]:active {
  border: 0px;
}

input[type="button"], input[type="submit"], input[type="reset"] {
	background:url(images/layout/button_bg.gif) top repeat-x;
	color:#FFFFFF;
	height:26px;
	border:1px solid #2b4864;
	font-weight:bold;
}

input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
	background:url(images/layout/button_bg_hover.gif) top repeat-x;
	cursor: pointer;
}

input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active {
	background:url(images/layout/button_bg_click.gif) top repeat-x;
}

.input {
  background-color: transparent;
  border: none;
  margin: 2px;
}

/* Infomessages - Miscellaneous */
.tooltip {
  position: absolute;
  display: none;
  background-color: #FFFFFF;
  color: #000000;
  border: 1px solid #DDDDDD;
  border-left: 4px solid #0E8AEA;
  padding: 4px 10px;
  z-index: 100;
}

.errorbox {
  background-color: #FFCCCC;
  border: 1px dashed #D60000;
  color: #666666;
  font-size: 10px;
  width: 350px;
  padding: 8px;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: left;
}

/* BBCode Tags */
.quote {
  color: #383838;
  text-align: left;
  font: normal 9px Verdana, Arial, Helvetica, sans-serif;
  margin: 0 auto;
  padding: 3px;
}

.list {
	list-style-type: none;
	list-style-position:outside;
	list-style-image: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.list li { background: url(images/layout/bullet.png) left no-repeat; padding-left: 15px; }

.list_num {
	list-style-type: decimal;
	list-style-position:outside;
}

.list_alpha {
	list-style-type: lower-latin;
	list-style-position:outside;
}
.default_box4 { background:#f4f4f4 url(images/layout/box_border_top.jpg) repeat-x top; border:1px solid #e1e1e1; padding:5px; }
.default_box_inner4 { background:#ffffff; border:1px solid #e1e1e1; padding:5px; }

.code { background:#cdddee url(images/layout/box_border_top.jpg) repeat-x top; border:1px solid #909ead; color: #323e4b; text-align: left; margin: 0 auto; font: normal 10px Verdana, Arial, Helvetica, sans-serif; padding:2px; }
.codeinner { color: #323e4b; font: 11px 'Courier New', Courier, monospace; }
.codeline0 { background-color: #e0ecfa; height: 15px; padding-left: 3px; white-space: nowrap; }
.codeline1 { background-color: #cdddee; height: 15px; padding-left: 3px; white-space: nowrap; }

/* ---| Layout |--- */

#wrapper { }
#vrh { width: auto; height: 7px; background: #303030; border-bottom: 1px #747474 solid; }

/* ---| Header |--- */

.head { width: 900px; height: 70px; margin: 0 auto; }
.head #headtxt { width: 300px; padding: 10px 0 10px 0; float: left; background: url(images/layout/img_logo.gif) no-repeat; }
.head #headtxt span { font-family: Tahoma, Geneva, sans-serif; color: #90ADCD; text-transform: uppercase; font-size: 10px; font-weight: normal; letter-spacing: 3px; }
.head #headtxt h1 { font-size: 22px; font-family: Arial; color: #EEE; font-weight: bold; letter-spacing: 1px; }
.head #headlogin { width: 300px; height: 70px; margin: 0 0 0 600px; padding-top:10px; text-align: right; font-family: Georgia; font-size: 12px; text-transform: uppercase; color: #B4B4B4; }
.head #headlogin a { color:#979797; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; }

/* ---| Modal login |--- */

.modal { background-color:#fff; display:none; width:350px; padding:15px; text-align:left; border:2px solid #333; }
.loginmodal { background:url(images/layout/login.png) 0 50% no-repeat; padding:10px 0 10px 45px; border-bottom:1px solid #DBDBDB; font-size:20px;  }
#login_form { margin:3px; padding:0; }
#login_form input { width:250px; margin:2px; }

/* ---| Register |--- */

#register_form label { font-family:Arial, Helvetica, sans-serif; color:#838383; }
.registermodal { background:url(images/layout/register.png) 0 50% no-repeat; padding:10px 0 10px 45px; border-bottom:1px solid #DBDBDB; font-size:20px;  }

/* ---| Navigation |--- */

.menu { width: 900px; margin: 0 auto; height: 31px; background: url(images/layout/menu_separator.jpg) no-repeat left top; }
.menu li { display: inline; text-align: center; }
.menu ul { margin: 0; list-style: none; line-height: normal; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.menu ul li { background: url(images/layout/menu_separator.jpg) no-repeat scroll right top; display:inline; float:left; height:31px; padding:0; }
.menu a:hover { color: #646464; background: url(images/layout/img_menu.gif) repeat-x #FFF; }
.menu a { display: block; float: left; text-decoration: none; text-align: center; text-transform: uppercase; font-weight: bold; color: #B4B4B4; padding: 8px 20px 8px 20px; }
.active a { background: url(images/layout/img_menu.gif) repeat-x #FFF; color: #646464; }

#main { width: 900px; margin: 0 auto; background: #FFF; }

/* ---| News |--- */

.news_content { margin: 0 0 0 185px; width: 400px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#777777; }
.news_content span a { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:18px; color:#505050; text-decoration:none; }
.news_content span a:hover { text-decoration:none; color:#363636; }
.news_content a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#234B6F; text-decoration:underline; }
.news_content a:hover { color:#000000; text-decoration:underline; }
.news_content small { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#9c9c9c; }
.news_content small a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#505050; }
.news_commentbox { float: right; background: url(images/layout/img_comment.png) no-repeat; width: 55px; height: 50px; padding: 10px 0 0 23px; overflow: hidden; }
.news_commentbox a { font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; color:#505050; text-decoration:none; }
.news_commentbox a:hover { color:#000000; text-decoration:none; }
.news_rubric { float: left; height: 165px; width: 165px; border: 1px #dbdbdb solid; background-color:#ebebeb; padding:4px; }
.separator { line-height: 1px; background: #ebebeb; width: 585px; }
.social_links { padding:5px; font-family:Arial, Helvetica, sans-serif; color:#505050; font-size:12px; }
.social_links h2 { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#7e7e7e; }

/* ---| Webspell Quote |--- */

.default_boxq { background:#f5f2c2 url(images/layout/box_border_top.jpg) repeat-x top; border:1px solid #e1e1e1; padding:5px; }
.default_boxq_inner { background:#ffffff; border:1px solid #e1e1e1; padding:5px; color:#454545; }
.default_boxq_inner span { color:#3d3d3d; font-weight:bold; font-style:italic; font-family:Arial, Helvetica, sans-serif; }

/* ---| Comments |--- */

#comment_form h2 { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; margin:3px; }
#comment_form label { font-family:Arial, Helvetica, sans-serif; color:#838383; }
.comment_wrapper { border:1px solid #e1e1e1; }
.comment_wrapper .comment_top { background-color:#f4f4f4; }
.comment_wrapper .userdiv { background-color:#f4f4f4; font-weight: bold; padding: 10px 0 10px 15px; color: #28313f; width:150px; float:left; border-top:1px solid #FFFFFF; }
.comment_wrapper .userdiv span { font-weight: normal; color: #7e7e7e; }
.comment_wrapper .actiondiv { background-color:#f4f4f4; text-align: right; padding-right: 10px; padding: 10px 10px 10px 15px; border-top:1px solid #FFFFFF; }
.comment_wrapper .content { padding: 10px; line-height: 1.5; border-left: 10px solid #f4f4f4; border-right: 10px solid #f4f4f4; }
.comment_wrapper .bottom { padding:0 15px 7px 15px; border-right: 10px solid #f4f4f4; border-left: 10px solid #f4f4f4; border-bottom: 10px solid #f4f4f4; color:#404040; }
.comment_wrapper .hrwrapper { padding:0; margin:0; }
.comment_wrapper .hrwrapper hr { background: #f5f3f5; height: 2px; margin:0; }
a.commentposter, a.commentposter:visited, a.commentposter:active { color: #333333; text-decoration: none; font-weight: bold; }
a.commentposter:hover { color: #333333; text-decoration: underline; font-weight: bold; }


/* ---| Sidebar |--- */

#sidebar { float: right; width: 270px; background: #EEE; border: 1px #DBDBDB solid; padding: 5px 5px 5px 5px; margin: 10px 10px 5px 5px; }
.boxbg { background-image:url(images/layout/box_border_top.jpg); background-color:#F4F4F4; background-repeat:repeat-x; background-position:top; padding: 5px 5px 5px 5px; border:1px solid #e1e1e1; }
.tab { height: 30px; padding:3px; }
.tab a { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#7e7e7e; }
.tab a:hover { text-decoration:none; color:#414141; }
.tab small { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#7e7e7e; }
.tab span { float:left; margin-right:4px; }
.tab_separator { background:url(images/layout/separator.jpg) no-repeat; height:2px; border:0; }

/* ---| Sidebar Search |--- */

.search { width: 270px; height: 30px; margin: 0 0 5px 0; }
.zoom input, .zoom input:hover, .zoom input:focus { margin: 0; width: 29px; height: 32px; background: url(images/layout/img_zoom.gif) no-repeat; border: 1px solid #CCC; border-left: 0px; }
.typein input, .typein input:hover, .typein input:focus { width: 220px; height: 14px; margin: 0; border: 1px solid #CCC; border-right: 0px; background: #E7E7E7; color: #828282; padding: 8px 10px 8px 10px; font-family:Georgia, 'Times New Roman', Times, serif; font-size:12px; font-style:italic; }
#search_zoom { width: 270px; }
#search_zoom ul { margin: 0; padding: 0; list-style-type: none; }
#search_zoom ul li { position: relative; display: inline; float: left; }

/* ---| Other |--- */

.archive { width: 270px; margin: 5px 0 5px 0; }
.forum { width: 270px; margin: 0 0 5px 0; }
.download { width: 270px; margin: 0 0 5px 0; }
.feat { width: 585px; height: 150px; padding: 10px 5px 10px 10px; }
.news { width: 585px; padding: 10px 5px 10px 10px; }
.partner { float:left; margin-left:10px; margin-bottom:5px; }

/* ---| Footer |--- */

.footer { width: 880px; height: 40px; margin: 10px 10px 0 10px; background: #212121; color: #828282; }
.footer a { text-decoration: none; color: #828282; }
.footer a:hover { color: #CCC; }
.footer #fleft { width: 400px; float: left; padding: 13px 0 13px 10px; }
.footer #fright { width: 400px; float: right; padding: 13px 10px 13px 0; text-align: right; }

/* ---| Forum |--- */

.post_wrap { width:585px; overflow: hidden; background-color:#F4F4F4; border:1px #e1e1e1 solid; }
.post_left { float:left; width:125px; text-align:center; background-color:#F4F4F4; border-top:1px solid #FFFFFF; }
.user_info { padding:5px; }
.user_info small { color:#828282; }
.post_right { float:right; width:460px; overflow:hidden; border-top:1px solid #FFFFFF; }
.forum_message { padding:6px; background-color:#FFFFFF; border:1px solid #e1e1e1; }

/* ---| Profile |--- */

#profile_wrap { clear:left; background:#f4f4f4 url(images/layout/box_border_top.jpg) repeat-x top; border:1px solid #e1e1e1; padding:7px; }
#profile_wrap .profile_left { float:left; text-align:center; line-height:18px; }
#profile_wrap .profile_left .box { background-color:#FFFFFF; border:1px solid #e1e1e1; padding:2px; margin-bottom:3px; }
#profile_wrap .profile_left .box span { float:left; }
#profile_wrap .profile_right { float:left; padding:5px; }
ul.tabs { list-style:none; margin:0 !important; padding:0; height:20px; text-align:center; }
ul.tabs li { float:left; text-indent:0; padding:0; margin:0 !important; list-style-image:none !important; width:auto; }
ul.tabs li a { background:#FFFFFF; padding:5px; margin-right:4px; border-top:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-bottom:1px solid #ffffff; }
.panes { background-color:#FFFFFF; border:1px solid #e1e1e1; padding:5px; width:400px; min-height:147px; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; }

/* ---| Files |--- */

#file_wrapper { background:#F4F4F4 url(images/layout/box_border_top.jpg) repeat-x top; border:1px solid #e1e1e1; padding:5px; }
#file_wrapper h3 { padding: 0; }
#file_wrapper .uploaded { padding:2px; margin-bottom:3px; color:#7e7e7e; }
#file_wrapper .fileinfo { background-color:#FFFFFF; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; padding:5px; border:1px solid #e1e1e1; }
#file_wrapper .moreinfo { background-color:#FFFFFF; font-size:12px; padding:5px; border:1px solid #e1e1e1; }
#file_wrapper .downloadfile { text-align:center; padding:5px; }
#file_wrapper .downloadfile span { background-color:#265B84; padding:5px; }
#file_wrapper .downloadfile span a { color: #FFFFFF; font-weight:bold; }
.file_category { background:#F4F4F4 url(images/layout/box_border_top.jpg) repeat-x top; border:1px solid #e1e1e1; padding:5px; }
.file_category h3 a { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:18px; color:#505050; text-decoration:none; padding:0; margin:0; }
.file_category h3 a:hover { color:#000000; text-decoration:none; }
.file_category .filecatinfo { background-color:#FFFFFF; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; padding:5px; border:1px solid #e1e1e1; }

/* ---| About |--- */

.aboutus { background-color:#FFFFFF; padding:5px; border:1px solid #e1e1e1; }

/* ---| Articles |--- */

#articles { background: #f4f4f4 url(images/layout/box_border_top.jpg) repeat-x top; border: 1px solid #e1e1e1; padding: 5px; }
.articles_content { background-color:#FFFFFF; padding:5px; border:1px solid #e1e1e1; }

.articles { line-height: 14px; font-size:11px; }

/* ---| Misc |--- */

#login_form .loginbtn { margin:2px; width:60px; background:url(images/layout/login.jpg) top no-repeat; border:0; }
#register_form .registerbtn { margin:2px; width:77px; background:url(images/layout/register.jpg) top no-repeat; border:0; }
#loggedin_tip { display:none; background-color:#999999; border:3px solid #666666; font-family:Arial, Helvetica, sans-serif; text-transform:none; font-size:12px; padding:5px; color:#fff; }
#loggedin img { margin:2px; }
.default_box { background:#f4f4f4 url(images/layout/box_border_top.jpg) repeat-x top; border:1px solid #e1e1e1; padding:5px; }
.default_box_inner { background:#ffffff; border:1px solid #e1e1e1; padding:5px; }
.fixleft { clear:left; }
.fixright { clear:right; }