/* css info

	Author: Por Design
	http://pordesgin.eu/ 

 */

/* General styles */
body {	font-family: verdana, tahoma, helvetica, sans-serif; background: #f0f0f0 url(../images/bg-gr.gif) repeat; color: #555; font-size: 10pt; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { padding: 4pt 0; margin: 8pt 0 0 16pt; font-weight: 400;} 
h2 { font-size: 16pt; font-weight: 400; }
p {	margin: 0; padding: 8pt 16pt; font-size: 10pt; line-height: 1.3em; }
ul { list-style-type: circle; }
ul li, ol li { margin: 8pt 0; }
a { text-decoration: none; color: #333; }
a:hover,
a:focus,
a:active { color: #000; }
#content a { text-decoration: underline; }

/* Containers */
#wrapper, #foot { float: left; width: 100%; min-width: 960px; margin: auto; background: url(../images/bg.gif) 50% -252px no-repeat; } 
#header { width: 970px; margin: 0 auto 20px; padding: 30px 0 0 30px; }
#content { width: 970px; margin: 0 auto; position: relative; }
#main {	float: left; width: 860px;	margin-left: 70px !important; clear: left; min-height: 180px;}
#sidebar  { float: left; width: auto; }

/* Containers > Custom Pages */
.home #main { width: 520px; margin: 0 70px 0 40px !important; }
.home #sidebar { width: 306px; padding: 0 0 50px; }
.blog #main { width: 720px;	margin: 0 20px 0 0; }
.blog #sidebar  {	padding: 20px 0 0; }
.contact #main { border-right: 3px dashed #ddd;	width: 500px; margin: 0; }
.contact #sidebar  { max-width: 313px; margin: 0 0 0 40px; }
.search #main { width: 700px; margin: 0 150px !important; }

/* Header > Logo */
h1 { float: left; width: 328px; margin: 0 30px 20px 0; padding: 0; }
h1 a {	display: block;	width: 328px; height: 68px;	background: url(../images/logo.gif) no-repeat; text-indent: -9999px; border: none; }

/* Header > Navbar */
#nav { text-transform: lowercase; float: right;	margin: 0 20px 0 0;	width: auto; display: inline; padding: 0 0 0 41px; list-style: none; background: url(../images/nav.gif) -100px -59px no-repeat; position: relative; }
#nav li { float: left; width: auto;	margin: 0 1px -1px;	line-height: 18px; }
#nav li.last { padding: 0 47px 0 0;	background: url(../images/nav.gif) 100% -163px no-repeat; }
#nav li a {	text-decoration: none; float: left; display: inline;width: auto; height: 45px; margin: 0; padding: 0 0 0 8px; border: none; font-size: 12pt; font-weight: 600; letter-spacing: -1px; color: #333; background: url(../images/nav.gif) 0 33px no-repeat; }
#nav li a span { padding: 0 4px 0 0; float: left; width: auto; display: inline;	height: 45px; background: url(../images/nav.gif) 100% 33px no-repeat; }
#nav li a:hover,
#nav li a:focus, 
#nav li a.in { background-position: 0 -13px; } /* class in represents current active tab */
#nav li a:hover span,
#nav li a:focus span { cursor: pointer; padding: 9px 4px 0 0; height: 36px; color: #6c3; background-position: 100% -13px; } 
#nav li a.in span,
#nav li a:active span { cursor: pointer; padding: 15px 4px 0 0;	height: 30px; color: #6c3; background-position: 100% -13px; }
#nav li#rss { float: none; display: block; position: absolute; top: 0; left: -62px; line-height: 51px; height: 51px; margin: 0; padding: 0;}
#nav li#rss a { text-indent: -9999px; display: block; float: none; width: 59px; height: 51px; line-height: 51px; background: url(../images/nav.gif) 9px -106px no-repeat; padding: 0; margin: 0;}
#nav li#rss a:hover,
#nav li#rss a:focus { background-position: -51px -106px; } 

/* Header > Toggle language */
#lang { position: relative; width: 20px; float: right; display: inline; margin: 14px -38px 0 0;	padding: 0; list-style: none; }
#lang li { display: none; margin: 0; }
#lang li.visible { display: block; }
#lang li a {  text-decoration: none; font-size: 8pt; border: none; letter-spacing: -1px; color: #0; font-weight: bold; }
#lang li a:hover { background: none; color: #6c3; }

/* Header > Login panel */
#login-panel { position: relative; z-index: 999; float: right; display: inline;width: /*471px;*/ auto; padding: 0; margin: 5px 25px 0; }
#login-panel p { margin: 0; /* float: left; if the element is floated: left and absolutely positioned element appears after it in the source, that element won't display for some weird reason. */ padding: 0 0 0 34px; line-height: 22px; background: url(../images/arrows.gif) 0px -112px no-repeat; }
#login-panel p a { border-bottom: 1px dashed #444; }
#login-panel p a:hover { border-bottom: 1px solid #000; }
#login-panel form { width: 306px; background: url(../images/login-panel-form.png) 0 0 no-repeat; position: absolute; bottom: -92px; left: -27px; z-index: 999; display: none;/* display: block;*/ margin: 0; padding: 30px 40px 40px 30px; }
#login-panel form fieldset { height: 45px; background: url(../images/frames.gif) -517px -335px no-repeat; }
#login-panel form ul ul { margin: 0; padding: 0;	position: relative;	width: 306px; }
#login-panel form ul li li { padding: 11px 0 0 15px; float: left;width: 110px; }
#login-panel form label { display: none; }
#login-panel form input { vertical-align: middle; margin: 0; color: #ccc; font-weight: bold;border: none; font-size: 16px; width: 115px;	background: none; }
#login-panel form #button { position: absolute; top: 1px; right: -4px;	text-indent: -9999px; background: url(../images/arrows.gif) 0 -174px no-repeat; height: 50px; width: 49px; }
#login-panel form input#button:hover { background: url(../images/arrows.gif) 0 -224px no-repeat; }

/* General Form Settings */
form, form ul, form ul li, fieldset { margin: 0 auto; padding: 0; width: 100%; float: left; }
form { float: none; width: auto;}
fieldset { border: none; }
form ul {  list-style: none; }
legend { display: none; }

input, textarea { float: left; width: 100%; font-family: verdana, sans-serif; border: 1px solid #ededed; }
input:hover, textarea:hover { border: 1px solid #ccc; }
input { padding: 3pt 0;	margin: 1pt 0; }
input.re-enter { color: #333; border: 1px solid #f88; background: #fdd;  }
select { margin: 5px 0 !important; padding: 2px 0 !important; width: 100% !important; }
textarea { padding: 2px 0; }
label {	display: block;	font-weight: bold; color: #999;	margin: 0; line-height: 1em; padding: 5px 0 2px; font-weight: normal;}

.checkbox label { position: relative; float: left; margin: 5px 0 5px 5px; display: inline; width: 90%; }
.checkbox input { width: auto !important; height: 2em; float: left; margin: 5px 0; padding: 0; position: relative; border: none; }
.checkbox input:hover { border: none; } 
form .error { position: relative; border: 1px solid #6c3; color: #333; border: 1px solid #c33;
	background: #ff8d8d; float: left; margin: 2px 0; width: 90%; padding: 10px 5%; clear: both; }
form .note { line-height: 1.3em;padding: 5px 5%; border: 1px solid #6c3; color: #333; background: #b3ff8d;  
position: relative; float: left; width: 90%; font-size: 0.9em; margin: 2px 0 2px;}
form abbr { font-size: 125%; border-bottom: 1px dotted #c33; }

/* Form buttons styling */
input.button { position: relative; margin: 4pt 0pt;	padding: 1pt 0;	border: 1px solid #ddd;	color: #666; background: #eee; }
input.button:hover, input.button:focus { color: #000; border: 1px solid #666; background: #6c3; }
input.button:active, input.button:focus { color: #fff; }

/* Home > Offer box*/	
#offerbox { position: relative; z-index: 100; width: 516px;	height: 166px; font-size: 13pt; margin: 0 0 30px; font-weight: 400; }
#offerbox p { font-size: 13pt; position: absolute; left: 62px; bottom: 20px; color: #777; padding: 5px 0; width: 440px;}
#offerbox ul { margin: 0;	list-style: none; color: #777; padding: 20px 15px 0 60px; }
#offerbox li { position: relative; padding: 0 0 0 1.4em; margin: 5px 0; line-height: 30px; letter-spacing: -1px; word-spacing: 3px; }
#offerbox span { font-size: 20px;	font-weight: 400; }
#offerbox a {	border: none; width: 516px; height: 166px; position: absolute; top: 0; left: 0; z-index: 100; text-indent: -9999px; background: url(../images/frames.gif) 0 0 no-repeat; }
#offerbox a:hover,
#offerbox a:focus { background-position: 0 -166px; }
#offerbox li { background: url(../images/list-style-1.gif) 0 11px no-repeat; }
#offerbox span { color: #6c3; }

/* -- Home > News -- */
#news { padding: 0;	list-style: none; margin: 40px 0 0 20px; padding-bottom: 0px; }
#news p { text-indent: 1em; position: relative; }
#news > li { margin: 0 0 20px; position: relative; }
#news > li h2 /*title */ { position: relative; height: 60px; overflow: hidden; padding: 0 0 0 100px; margin: 0 0 6px; display: table;	position: static;} 
#news > li h2 a { text-decoration: none; display: block; position: absolute; top: 50%; border: none;  vertical-align: middle; position: static; display: table-cell; color: #777; }
#news > li h2 a:hover,
#news > li h2 a:focus { text-decoration: underline; border: none; }

#news > li h2 + a /*counter*/ { text-decoration: none; position: absolute; top: 15px; left: -60px; width: 39px; line-height: 37px; margin: 0; padding: 0 14px 0 0; text-align: center; font-size: 10px; color: #777; border: none; background: url(../images/arrows.gif) 0 0 no-repeat; overflow: hidden;}
#news > li h2 + a:hover,
#news > li h2 + a:focus { color: #333; border: none; background: url(../images/arrows.gif) 0 -38px no-repeat; }
#news > li h2 + a span { float: left; margin: 0 0 0 -100px; }
#news > li h2 + a + p /*date*/ { position: absolute; top: 0; left: 0px; width: 102px; height: 77px; padding: 15px 0 0; text-align: center; font-size: 10pt; font-weight: 600; color: #777;  background: url(../images/various.gif) 0 -14px no-repeat; }
#news > li h2 + a + p span { margin: auto; display: block; font-size: 20px; font-weight: 600; } 
#news > li .more { padding: 0; text-align: right; }
#news > li .more a { padding: 2px 30px 2px 0; line-height: 16pt; border: none; text-decoration: none; background: url(../images/arrows.gif) 100% -134px no-repeat; } 
#news > li .more a:hover,
#news > li .more a:focus { border: none; background-position: 100% -154px !important; text-decoration: underline; }
#news > li .meta { line-height: 10px; font-size: 10px; margin: 10px 0 0; padding: 5px 0 1px 20px; color: #999; border-top: 1px dashed #ccc; text-indent: 0; }
#news > li .meta a { border-bottom: 1px dashed #444; text-decoration: none; }
#news > li .meta a:hover { border-bottom: 1px solid #000; }

/* Blog > News */
.blog #news { margin: 20px 0 0 20px; }
.blog #news > li { background: url(../images/scissors.gif) bottom right no-repeat; border-bottom: 1px dashed #ccc; }

/* Blog > News Nav */
#newsnav { margin: -15px 0 0 20px; list-style: none; font-size: 10px;	padding: 0;	margin-left: 20px; }
#newsnav li {	margin: 0; }
#newsnav li a { }
#prev { float: left; width: auto; }
#prev:before { content: "\AB \ "; }
#next { float: right; width: auto; }
#next:after { content: " \BB"; }
			
/* Blog > Archive */
h3#year { float: left; width: 20px; line-height: 30px; margin: 0 4px 0 0; padding: 0; font-size: 26px; font-weight: bold; color: #e1e1e1; }
ul#archive { max-width: 90px; float: left; margin: 0; padding: 47px 0 0; list-style: none; background: url(../images/archive-nav.gif) 2px -73px no-repeat; width: auto; }
ul#archive li { margin: 6px 0; padding: 0;}
ul#archive li.last { padding: 0 0 45px; background: url(../images/archive-nav.gif) 0 26px no-repeat; }
ul#archive li span,
ul#archive li a { text-decoration: none; display: block; margin: 0; line-height: 20pt; padding: 0 0 0 30px; width: 40px; font-size: 11pt; font-weight: 600; color: #ccc; background: url(../images/archive-nav.gif) 0 -47px no-repeat}
ul#archive li a { color: #666; } 
ul#archive li a:hover { padding: 0 6px 0 24px; color: #6c3; background: url(../images/archive-nav.gif) -250px -47px no-repeat; } 
ul#archive li a:active,
ul#archive li.active a { padding: 0 14px 0 16px; color: #6c3; background: url(../images/archive-nav.gif) -250px -47px no-repeat;}

/* Blog > Comments */
h3#comments-indicator,
form#make-comment legend { font-size: 18pt; font-weight: normal; padding: 20px 0 0; color: #666;  margin: 20px 0 0 40px; }
form#make-comment legend { margin-left: 0; }
ol.commentlist { margin: 0 0 0 20px; padding: 0; list-style: none; font-size: 10px; }
ol.commentlist li { margin: 10px 0px 0; border-bottom: 1px dashed #ccc; padding: 0 5px 10px; }
ol.commentlist li p { padding: 5px 0; margin: 0 0 5px 15px; }
ol.commentlist a { text-decoration: none !important;}
ol.commentlist li h4.comment-author { font-weight: 400; font-size: 12px; border-left: 5px solid #6c3; text-indent: 10px; margin: 20px 0 10px 0px; padding: 0; }
ol.commentlist li h4.comment-author a { padding: 0px; color: #999; border: none; }
ol.commentlist li h4.comment-author a:hover { color: black; }
ol.commentlist li h4.comment-author strong { font-size: 14px; }
ol.commentlist li h4.comment-author strong a {color: #555; }

form#make-comment { margin: 20px 0 0 40px; }
form#make-comment legend { display: block; padding: 0; margin: 0; }
form#make-comment ul ul { padding: 10px 0; }
form#make-comment li li { margin: 5px 0; }
form#make-comment label { display: block; width: 250px; }
form#make-comment textarea { width: 500px; height: 150px; }
form#make-comment input { display: block; width: 250px; }
form#make-comment #submit { width: auto; clear: left; }

/* Contact > Info */
.contact h2 { display: none; }
.contact p {	margin: 0 60px 0 0;	line-height: 28px; text-align: justify; letter-spacing: 1px; font-size: 14pt; color: #bbb; }
.contact p strong { color: #6c3; font-weight: normal;}

/* Contact > Crew */
#crew, #crew li { margin: 0; padding: 0; list-style: none; }
#crew { padding: 20px 0; }
#crew li { margin: 0 0 50px; }
#crew h3/*crew member name*/ { font-size: 15pt; font-weight: normal; padding: 0; margin: 0px 0 10px 190px; color: #aaa;}
#crew h4 { font-size: 11pt; color: #bbb; margin: 0 0 0 190px}
#crew img { padding: 8px; float: left; display: inline; width: 94px;  height: 94px; margin: 0px 20px 0 50px; background: url(../images/frames.gif) -517px -224px no-repeat; }
#crew dl/*crew member contact details*/ { padding: 0; margin: 0; }
#crew dl, #crew ul {padding-left: 185px;}
#crew dt { margin: 0 0 0 5px; line-height: 1.8em;}
#crew dd { line-height: 1.8em; margin: -1.8em 0 0 4em;}
#crew ul { margin: 0; }
#crew ul li/*crew member duties */ { margin: 6px; }

/* Contact > Contact possibilities */
dl#contact-means { margin: 0 0 15px; width: 313px; }
dl#contact-means dt { height: 40pt; text-indent: -9999px;}
dl#contact-means dt#mail { background: url(../images/contact-icons.gif) 0 -100px no-repeat; }
dl#contact-means dt#phone { background: url(../images/contact-icons.gif) 8px -50px no-repeat; }
dl#contact-means dt#skype { background: url(../images/contact-icons.gif) 8px -150px no-repeat; }
dl#contact-means dd { font-size: 11pt; font-weight: bold; color: #bbb; line-height: 40pt; margin: -40pt 0 0 4em } 

/* Contact > Contact Form */
form#contact { width: 313px; float: left; }
form#contact  fieldset { margin: 0; background: url(../images/contact-icons.gif) 10px -200px no-repeat; padding: 0 0 0 60px; width: 253px;}
form#contact  fieldset ul { margin: 0; }
form#contact  ul ul li { margin: 3px 0; }
form#contact label { padding: 0; font-weight: bold; margin: 0; color: #bbb; display: block; clear: left; }
form#contact input { width: 250px; clear: right; }
form#contact textarea { margin: 0; width: 250px; float: left; height: 250px; }

/* Portfolio */
ul.portfolio { list-style-type: none;	padding: 0;	margin: 0; float: left; display: inline; width: auto; position: relative;	margin: 20px 0 0 40px; font-size: 12px; }
.home ul.portfolio { margin-top: 0; float: left; padding: 0; width: 298px; }
h2.portfolio-category {	clear: left; font-size: 30pt; text-transform: lowercase; color: #ccc; margin-left: 40px;	letter-spacing: 5px; font-weight: bold; }
ul.portfolio > li { float: left; height: 1%; margin: 0 0 30px 0; border-bottom: 1px dashed #ccc; padding: 0px 0 40px;	background: url(../images/scissors.gif) bottom right no-repeat; position: relative;}
ul.portfolio > li h3 { display: none; }
ul.portfolio > li h3 + ul /*screens*/ { position: relative; float: left; width: 292px; height: 217px; margin: 0; padding: 0; list-style: none; overflow: hidden; }
ul.portfolio > li h3 + ul li { margin: 8px; padding: 0px; position: absolute; top: 0; left: 0;}
ul.portfolio > li h3 + ul li a { }
ul.portfolio > li h3 + ul li img { margin: 0; border: none; background: #fff; } 
ul.portfolio > li dl { margin: 0; padding: 0; float: left; width: 490px; font-size: 8pt; line-height: 1.5em; }
ul.portfolio > li dt { width: 130px; margin: 0.6em 0 0.6em 10px; padding: 0 10px 0 0; border-right: 2px solid #e3e3e3; text-align: right; color: #888; font-weight: bold; }
ul.portfolio > li dd { margin: -2.1em 0 0 160px; } 
ul.portfolio > li dd a { text-decoration: none !important; border-bottom: 1px dashed #444; }
ul.portfolio > li dd a:hover { border-bottom: 1px solid #000; }

/* Portfolio > Screens Nav */
ul.portfolio > li ul + ul /*screens nav*/ { display: block; width: 292px; height: 225px; background: url(../images/frames.gif) -516px 1px no-repeat; padding: 0; margin: 0; list-style: none; position: absolute; top: 0px; left: 0px; z-index: 3; }
ul.portfolio > li ul + ul li { width: 17px; line-height: 18px; position: absolute; margin: 0; padding: 0; }
ul.portfolio > li ul + ul li a { display: block; line-height: 18px; width: 17px;  text-indent: -9999px;}

ul.portfolio > li ul + ul li:first-child /*prev*/ {  top: 100px; left: -20px; }
ul.portfolio > li ul + ul li:first-child a { background: url(../images/arrows.gif) -17px -76px no-repeat; }
ul.portfolio > li ul + ul li:first-child a:hover,
ul.portfolio > li ul + ul li:first-child a:focus { background-position: -17px -94px; }
ul.portfolio > li ul + ul li:last-child /*next*/ {  top: 100px; left: 294px; }
ul.portfolio > li ul + ul li:last-child a { background: url(../images/arrows.gif) 0 -76px no-repeat; }
ul.portfolio > li ul + ul li:last-child a:hover,
ul.portfolio > li ul + ul li:last-child a:focus { background-position: 0 -94px; }

/* Home > Twitter */
#twitter_div { }
#twitter_div ul,#twitter_div li { list-style: none; margin: 0; padding: 0; }
#twitter_div ul { overflow: hidden; background: url(../images/twitter.gif) 50% 50% no-repeat; height: 177px; float: left; margin: -10px 0 10px; display: table;  padding: 0; position: relative;}
#twitter_div li { min-height: 167px; vertical-align: middle; display: table-cell !important; display: static; clear: left; padding: 0; background: url(../images/scissors.gif) 100% 100% no-repeat; border-bottom: 1px dashed #ccc;}
/* #twitter_div h2 { margin: 0; font-size: 10px; position: absolute; top: -30px;} this header should be included in the source */
#twitter_div ul span + a { float: right; margin: 1em 0 0; color: #999; font-size: 85%;}

/* Home > Portfolio */
#featured-work { float: left; }
#featured-work h2 { position: relative; background: url(../images/various.gif) -90px -14px no-repeat; margin: 0 0 -150px -50px; padding: 25px 0 0 82px; font-size: 2em; float: left; width: 224px; height: 184px; color: #555;font-size: 1.8em; }
.home ul.portfolio { margin: 0; }
.home ul.portfolio > li { padding: 0px 0 20px; margin: 0;}
.home ul.portfolio > li dl { margin-top: 10px; width: 100%; }
.home ul.portfolio > li dt { width: 30%; }
.home ul.portfolio > li dd { margin: -2.1em 0 0 40%; } 
.home ul.portfolio > li { width: 100%;  }


/* Home > Portfolio > Fix for ie6 */
.home ul.portfolio > li ul + ul{ float: left; display: inline; position: relative; margin-top: -217px; }

/* Home > Rent A Coder  */
#rac { float: left; position: relative; background: url(../images/scissors.gif) 100% 100% no-repeat; border-bottom: 1px dashed #ccc; padding: 30px 0 20px; }
#rac h2 { position: relative; margin: 0 0 10px; padding: 0 0 0 32px; font-size: 2em; float: left; color: #888;line-height: 1em; float: left; width: 230px; position: relative; font-size: 1.8em; color: #555;}
#rac h2 span { font-size: 12px; font-weight: normal; color: #999; margin: -8px 0 0; float: left; padding: 0 0 0 2px;}

#rac.js .info { margin: 0px 0 0; padding: 0; height: 31px; width: 32px; background: url(../images/various.gif) 0  -111px no-repeat; position: relative; float: left; }
#rac.js .info:hover { background-position: 0 -144px; }
#rac.js .info strong { float: left; margin: 0 0 0 -9999px; }
#rac.js .info span { position: absolute; bottom:40px; right: 0; width: 270px; padding: 10px; background: #ddd; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; font-size: 0.8em; line-height: 1.2em; color: #555; border: 1px solid #bbb; display: none;}
#rac .feedback span { float: right; margin: 1em 0 0; color: #999; }

/* Offer */
.who {float: left; padding: 0; margin: 0; overflow: visible; }
.who h2 { float: left; display: inline; width: 60px; height: 240px; margin: 65px 2px 0 -10px; padding: 0; line-height: 30pt;  text-align: center; font-size: 30pt; font-weight: bold; color: #eaeaea; border-right: thick dashed #eaeaea; }
.who ul { float: left; width: 430px;  margin: 40px 0 0; padding: 0px; list-style-type: none; }
#we li { position: relative; height: 70pt; margin: 20px 0 0 20px; font-size: 11.5pt; letter-spacing: -1px; word-spacing: 3px; font-weight: 600; color: #9e9e9e; padding: 10px 0 0 100px;}
#we li.www { background: url(../images/offer-icons.gif) 15px 10px no-repeat; }
#we li.cms { background: url(../images/offer-icons.gif) -430px 0 no-repeat; }
#we li.server { background: url(../images/offer-icons.gif) -839px 0 no-repeat; }

#you h2 { height: 130px; margin: 120px 2px 0 60px; }
#you ul { margin: 100px 0 0 0; width: 230px; }
#you li { font-size: 11.5pt; font-weight: 600; height: 30pt; margin: 20px 0 0 20px; position: relative; padding: 10px 0 0 60px;}
#you li.write-to-us { background: url(../images/contact-icons.gif) 5px -100px no-repeat; }
#you li.use-form { background: url(../images/contact-icons.gif) 0 0px no-repeat; }

#you li a { color: #9e9e9e; }
#you li a:hover { color: #000; }
#you li img { position: absolute; top: -10px; right: 160px; }

/* Search page */				
form#search { margin: 20pt auto 0pt; width: 300px; }
form#search fieldset { margin: 0 0 20pt; }
form#search fieldset li { float: left; width: auto; margin: 0 0px 0 0;}
form#search label { display: none; }
form#search input {	width: 180px; }
form#search .button { width: 100px; margin: 3px;}

h2#search-results-info { margin: 0 auto; width: 680px; padding: 3px 0;  font-size: 15pt; color: #aaa; clear: left; } 
h2#search-results-info em {	color: #6c3; }
h2#search-results-info em:before { content: " \201C"; }
h2#search-results-info em:after { content: "\201D\ "; }

#results { list-style: none; padding: 0;	margin: auto; width: 700px; }
#results li { border-top: 1px dashed #ccc; }
#results h3 {font-size: 10px; margin: 35px 0 0 10px; border-left: 5px solid #6c3; padding: 2px 5px; }
#results h3 span { font-weight: normal; }
#results h3 a { font-weight: 600; font-size: 14px; border: none;}
#results p.link { margin: 0 0 35px 0; }

/* Register Form */
form#register { margin-top: 20px; width: 300px; }

/* Login Form */
form#login { margin-top: 20px; width: 300px; }
form#login .checkbox input { float: right; }

/* Error Page (for form error messages see the general form styling section) */
.error h2 {	border: 1px solid #6c3; color: #333; margin: 40px 0 10px; padding: 10px; border: 1px solid #c33; background: #ff8d8d; border-left: 10px solid #c33; }	
#error a:hover { background: none; border-bottom: 1px dashed #000; color: #000 }

/* Foot */
#foot { float: left; clear: both; margin-top: -110px; padding: 180px 0 0; text-align: center; background: url(../images/bg.gif) 50% 10px no-repeat; }
#foot p { font-size: 7pt; }
#foot ul, #foot li { margin: 0; padding: 0; list-style: none; }
#foot li { display: inline; margin: 2px; font-size: 7pt; }
#foot li:after { margin: 0 0 0 5px; content: "|"; }
#foot li#last:after { content: ""; }
#foot a { border-bottom: 1px dashed #666; }
#foot a:hover { border-bottom: 1px solid black; }

/* Clearfix */
.clearfix:after { content: "."; visibility: hidden; height: 0px; display: block; clear: both;}

.pagination { margin: 0; padding: 0; width: 100%; text-align: center; }
.pagination li { display: inline; padding: 5px; }

#socialmedia { margin: 0; padding: 0; }
#socialmedia li { list-style: none; display: inline; margin: 0; padding: 0; }
#socialmedia li a img { background: none; border: none; width: 16px; height: 16px; margin: 0; padding: 5px; }

ul li#hax label, ul li#hax input { display: none; }

div#cms-container { overflow-y: scroll; overflow-x: hidden; }
form.cms { margin: 0; padding: 0; }
form.cms fieldset { margin: 0; padding: 20px; }
form.cms fieldset ul li label { color: #000; }
form.cms fieldset ul li input { width: 400px; border: 1px solid #000; }
form.cms fieldset ul li select { width: 400px; }
form.cms fieldset ul li textarea { width: 400px; height: 300px; border: 1px solid #000; }
#news li.entry ul.screens li { display: inline; margin: 20px; }

form .error, .error_empty, .error_email, .error_numeric { position: relative; border: 1px solid #6c3; color: #333; border: 1px solid #c33; background: #ff8d8d; float: left; margin: 2px 0; width: 90%; padding: 10px 5%; clear: both; /*display: none;*/ }
form .note { line-height: 1.3em;padding: 5px 5%; border: 1px solid #6c3; color: #333; background: #b3ff8d; position: relative; float: left; width: 90%; font-size: 0.9em; margin: 2px 0 2px; /*display: none;*/ }