/*
Theme Name: dirnonline
Theme URI: http://www.dirnonline.com/
Description: The official WordPress theme for dirnonline.
Version: 1.0
Author: DiRN
Author URI: http://www.dirnonline.com/
Tags: dirnonline

	dirnonline v1.0
	http://www.dirnonline.com/

	This theme was designed and built by DiRN,

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/
body { background: #1e1e1e url(images/global/bg-page.png) repeat-y center top; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-align: center; }

a { color: #4358a6; text-decoration: none; }
a:hover { text-decoration: underline; }

h1 { font-size: 1.5em; }

img { border: none; }

input:focus, select:focus, textarea:focus { background: #e8eaea !important; border-color: #4358a6 !important; color: #4358a6 !important; }

pre { border-radius: 5px; }

#page-wrapper { margin: 0; padding: 0; text-align: left; }

#page-header { background: white; overflow: hidden; padding: 10px 0; }
#page-content { overflow: hidden; padding: 10px 0 0; }
#page-footer { padding: 0; }

#page-header div { margin: 0 auto; width: 1050px; }
#page-header strong.logo { float: left; margin: 0; overflow: hidden; padding: 0; }
#page-header strong.logo a { background: url(images/global/logo.png) no-repeat; display: block; height: 106px; margin: 0; padding: 0; text-indent: -5000px; width: 526px; }
#page-header ul { float: right; font-size: 80%; list-style: none; margin: 0; padding: 0; text-align: right; text-transform: uppercase; }
#page-header ul li { line-height: 20px; margin-bottom: 2px; }
#page-header ul li a { background: url(images/global/arrows.png) no-repeat right 0; display: block; height: 20px; padding-right: 25px; width: 100px; }
#page-header ul li a:hover { background-position: right -20px; }

#content-wrapper { display: block; margin: 0 auto; padding: 0; position: relative; width: 1060px; }
#column-left, #column-right { float: left; }
#column-left { background: #999a9b; margin-right: 10px; width: 750px; }
#column-right { background: #d2d3d3; width: 300px; }

ul#posts-wrapper { list-style: none; margin: 0 20px; overflow: hidden; padding: 0 0 10px; }
ul#posts-wrapper li { overflow: hidden; }
ul#posts-wrapper h1, ul#posts-wrapper h2 { margin-bottom: 0; }
ul#posts-wrapper small { font-style: italic; }
ul#posts-wrapper div.entry { margin: 0 20px; }
ul#posts-wrapper .post div.entry { float: right; width: 560px; }

ul.navigation-wrapper { list-style: none; margin: 0 20px 20px; overflow: hidden; padding: 0; }
ul.navigation-wrapper li { font-size: 0.9em; overflow: hidden; width: 50%; }
ul.navigation-wrapper li.previous { float: left; }
ul.navigation-wrapper li.next { float: right; text-align: right; }

ul#sidebar { list-style: none; margin: 10px 20px; overflow: hidden; padding: 0; }
ul#sidebar h3 { font-size: 1.0em; margin-bottom: 0; }
ul#sidebar ul { list-style: none; margin: 0 10px 10px 20px; padding: 0; }
ul#sidebar ul li { font-size: 0.8em; }

a.more-link { font-size: 0.8em; }
p.meta { font-size: 0.7em; line-height: 1.5em; }
.post p.meta { float: left; text-align: right; width: 100px; }

.what-was-used { background: #fbfbfb; border: 1px solid black; float: right; font-size: 0.8em; overflow: hidden; margin: 0 0 10px 10px; padding: 5px 10px; }
.what-was-used ul { list-style: none; margin: 0 20px; padding: 0; }

#respond { margin: 0 20px; }

#s { background: #fbfbfb; border: 1px solid black; color: #55555; height: 20px; margin: 0; padding: 3px; vertical-align: middle; width: 150px; }

#page-404 a { font-size: 0.9em; }
#page-404 ul { margin: 0; padding: 0 0 0 20px; }
#page-404 ul li { line-height: 20px; margin: 5px 0; }
#page-404 ul li a { background: url(images/global/arrows.png) no-repeat left 0; display: block; font-weight: bold; height: 20px; padding-left: 25px; }
#page-404 ul li a:hover { background-position: left -20px; }

#page-sitemap a { font-size: 0.9em; }
#page-sitemap ul { margin: 0; padding: 0 0 0 20px; }
#page-sitemap ul li { line-height: 20px; margin: 5px 0; }
#page-sitemap ul li a { background: url(images/global/arrows.png) no-repeat left 0; display: block; font-weight: bold; height: 20px; padding-left: 25px; }
#page-sitemap ul li a:hover { background-position: left -20px; }

#page-contact input, #page-contact select, #page-contact textarea { background: #fbfbfb; border: 1px solid black; color: #55555; margin: 0; padding: 3px; vertical-align: middle; }
#page-contact input[type=text] { height: 20px; width: 250px; }
#page-contact select { height: 26px; width: 256px; }
#page-contact textarea { font-family: Verdana, Arial, Helvetica, sans-serif; width: 580px; }
#page-contact input[type=submit] { background: #4358a6; border: 1px solid black; color: white; cursor: pointer; height: 28px; margin: 0; padding: 3px 10px; text-shadow: rgba(0, 0, 0, 0.3) 0 -1px 0; }
#page-contact input[type=submit]:hover { background: white; border-color: #4358a6; color: #4358a6; }

#page-contact strong { color: #4358a6; display: block; margin-bottom: 10px; }

#page-contact ul { list-style: none; overflow: hidden; margin: 0; padding: 0; }
#page-contact ul li { float: left; margin-top: 20px; width: 50%; }

#page-services p { font-size: 80%; margin-bottom: 0; padding-bottom: 0; }
#page-services strong { color: #4358a6; font-size: 120%; }
#page-services ul { font-size: 80%; margin-top: 0; padding-left: 20px; padding-top: 0; }

#page-projects ul { list-style: none; margin: 0; overflow: hidden; padding: 0; position: relative; }
#page-projects ul li { background-repeat: no-repeat; float: left; height: 150px; margin: 7px; width: 150px; }
#page-projects ul li a { display: block; font-weight: bold; height: 30px; line-height: 30px; overflow: hidden; padding: 60px 0; text-align: center; text-decoration: none; width: 100%; }
#page-projects ul li a span { background: #343434; color: white; display: none; }

#searchsubmit { background: #4358a6; border: 1px solid black; color: white; cursor: pointer; height: 28px; margin: 0; padding: 3px 10px; text-shadow: rgba(0, 0, 0, 0.3) 0 -1px 0; vertical-align: middle; }
#searchsubmit:hover { background: white; border-color: #4358a6; color: #4358a6; }

div.login { margin: 20px auto; width: 320px; }
div.login form { background: #d2d3d3; border: 1px solid black; padding: 16px 16px 40px; }
div.login form p { font-size: 0.9em; margin: 0 0 10px; padding: 0; }
div.login form p.forgetmenot { float: left; font-size: 0.7em; }
div.login form p.submit { float: right; }
div.login form label { font-weight: bold; }
div.login form p.forgetmenot label { font-weight: normal; }
div.login form input { border: 1px solid black; font-weight: normal; }
div.login form input[type=text], div.login form input[type=password] { background: #fbfbfb; color: #55555; height: 20px; margin: 0; padding: 3px; vertical-align: middle; width: 275px; }
div.login form p.forgetmenot input { border: none; }
div.login form p.submit input { background: #4358a6; border: 1px solid black; color: white; cursor: pointer; font-size: 12px; margin: 0; padding: 1px 10px; text-shadow: rgba(0, 0, 0, 0.3) 0 -1px 0; }

#page-login p.error { font-size: 0.7em; }
#page-login .links a { font-size: 0.7em; }

div.login ul.nav { font-size: 0.7em; margin: 0; padding: 5px 16px; }

p#copyright { color: white; font-size: 0.6em; text-align: center; width: 100%; }

#sidebar p.featured-project { background: #fbfbfb; border: 1px solid black; margin: 0; padding: 10px 20px 20px; text-align: center; text-transform: uppercase; }
#sidebar p.featured-project { border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#sidebar p.featured-project a { color: black; }
#sidebar p.featured-project img { margin-top: 5px; }

dl { overflow: hidden; }
dl dt { clear: both; float: left; }
dl dd { float: right; margin: 0 0 10px; padding: 0; width: 500px; }
dl em { font-size: 90%; font-style: normal; }

#column-left, #column-right, pre, .what-was-used, div.login form, div.login form input, #page-contact input, #page-contact select, #page-contact textarea { border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#s { border-top-left-radius: 5px; border-top-right-radius: 0; border-bottom-left-radius: 5px; border-bottom-right-radius: 0; }
#s { -moz-border-radius: 5px 0 0 5px; }
#s { -khtml-border-top-left-radius: 5px; -khtml-border-top-right-radius: 0; -khtml-border-bottom-left-radius: 5px; -khtml-border-bottom-right-radius: 0; }
#s { -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 0; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 0; }
#searchsubmit { border-top-left-radius: 0; border-top-right-radius: 5px; border-bottom-left-radius: 0; border-bottom-right-radius: 5px; }
#searchsubmit { -moz-border-radius: 0 5px 5px 0; }
#searchsubmit { -khtml-border-top-left-radius: 0; -khtml-border-top-right-radius: 5px; -khtml-border-bottom-left-radius: 0; -khtml-border-bottom-right-radius: 5px; }
#searchsubmit { -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 5px; }