/*   
Theme Name: Briteclick
Theme URI: 
Description: Special theme for Briteclick
Author: Merix
Author URI: http://merixstudio.com
Template: 
Version: 1
.
General comments/License Statement if any.
.
*/

/* Reset
------------------------------------------- */
* {margin: 0; padding: 0; color: #fff; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.6em;}
a, span, strong {font-size: 1em;}
span {color: inherit;}
a, a:visited {color: #9c3; text-decoration: none;}
a:hover {color: #fff; text-decoration: none;}
img {border: none;}
html {height: 100.01%; border-top: 17px solid #232323; background: #2C83B6 url(images/background.jpg) 0 0 repeat-x;}

/* basic text elements */
h1 {margin-bottom: 1em; font-size: 2em; font-weight: 400;}
h2 {margin: 1em 0; font-size: 1.7em; font-weight: 400;}
h2 a, h2 a:visited {color: #fff;}
h2 a:hover {color: #9c3;}
h3 {margin: 1em 0; font-size: 1.6em; font-weight: 400;}
h3 a, h3 a:visited {color: #fff;}
h3 a:hover {color: #9c3;}
h4 {margin: 1em 0; font-size: 1.2em;}
p {margin: 1.5em 0;}
ul, ol {margin: 1.5em 0;}
ul li {margin: 0 0 0 20px;}
ol li {margin: 0 0 0 20px;}
hr {clear: both; height: 0; border: none; border-top: 1px solid #1A6FA0; border-bottom: 1px solid #3C92C5;}
hr.top-line {border-top: 1px solid #1B3654; border-bottom: 1px solid #28567B;}

/* basic form elements */
fieldset {border: none;}
legend {border: none; font-weight: bold;}
label {display: block; float: left; clear: left; width: 150px; margin: 5px 0;}
input, textarea, select {width: 220px; margin: 5px 0; padding: 3px 2px; border: 2px solid #264C6E; background: #fff; color: #264C6E;}
	input.chk, input.radio {width: auto; border: none;}
	input#s {width: 125px; margin-top: 20px; padding: 3px 23px 3px 2px; background: #fff url(images/magnifier.png) right center no-repeat; }
	input#searchsubmit {display: none;}
textarea {height: 100px;}
button {cursor: pointer;}

/* layout
------------------------------------------- */
body {width: 790px; margin: 0 auto;}
#header {position: relative; height: 180px;}
#header h1 {margin: 0;}
	#logo {display: block; position: absolute; left: 0; top: 0; overflow: hidden; width: 229px; height: 159px; background: url(images/logo.jpg) no-repeat; text-indent: -10001px;}
	p.utils {float: right; position: absolute; top:1px; right: 0; margin: 0; padding: 8px; background: #274A6B; color: #28567B; font-size: .85em;}
	p.utils a, .utils a:visited {padding: 0 3px; color: #fff;}
	p.utils a:hover {color: #9c3;}
	p.intro {position: absolute; right: 0; top: 70px; width: 240px; margin: 0; font-size: .85em; line-height: 2em;}
.narrowcolumn {float: left; width: 580px; margin-bottom: 50px;}
.narrowcolumn h2, .narrowcolumn h3 {margin-bottom: 0;}
.post ul  {list-style-image: url(images/bullet.gif);}
.navigation {overflow: hidden; margin: 10px 0 -10px 0;}
.alignleft {float: left;}
.alignright {float: right;}
#sidebar {float: right; width: 160px; margin-bottom: 20px; padding-bottom: 80px;}
#sidebar ul li {list-style: none; margin-left: 0;}
#sidebar ul li h2 {margin-bottom: -0.7em;}
#sidebar a, #sidebar a:visited {color: #fff;}
#sidebar a:hover {color: #9c3;}
#sidebar .stay-connected a, #sidebar .stay-connected a:visited {color: #9c3;}
#sidebar .stay-connected a:hover {color: #fff;}
#sidebar a.download-button {display: block; overflow: hidden; width: 158px; height: 55px; background: url(images/try.jpg) no-repeat; text-indent: -1000px;}
#sidebar a.rss {padding-right: 20px; background: url(images/rss.png) right center no-repeat;}
#footer {clear: both; height: 90px; margin-top: 50px; padding: 10px 0; background: url(images/bottom-logo.png) right top no-repeat; }
#footer p {margin: 0 0; color: #28567B; font-size: .9em; line-height: 30px;}
#footer p a, #footer p a:visited {color: #fff;}
#footer p a:hover {color: #9c3;}
#footer p strong {color: #fff; font-weight: 400;}
#footer p.copyright a, #footer p.copyright a:visited {color: #28567B;}
#footer a.post-link {padding: 0 5px; background: #3C93C5;}
#footer hr {margin: 5px 0;}
	
/* repetitive stuff
------------------------------------------- */
.clear {overflow: hidden; clear: both; height: 0;}
.secret, .hidden {display: none;}
p.post-date {margin-top: 0;}
p.postmetadata {color: #285174;}
p.postmetadata.alt {color: #fff;}

/* special sections and elements
------------------------------------------- */
h3#comments, #respond h3 {font-size: 1em; font-weight: 400; text-transform: uppercase;}
ol.commentlist li {list-style: none; margin: 0; padding: 15px 15px 10px 15px; border-bottom: 1px solid #1A6FA0; border-top: 1px solid #3C92C5;}
ol.commentlist li.thread-even {background: #287BAB;}
ol.commentlist li .avatar {float: left; margin: 0 15px 0 0; padding: 3px; border: 1px solid #1A6FA0; background: #E7F7FF;}
.comment-meta, .commentlist li div p {margin-left: 55px;}
.comment-meta {font-size: .9em; font-style: italic;}
#commentform input, #commentform textarea {clear: left; float: left; margin-top: 0; color: #1A6FA0;}
#commentform input#author {width: 155px;}
#commentform textarea {width: 310px; height: 140px;}
#commentform label {width: 300px; margin-bottom: 0; margin-top: 10px; font-weight: 700;}
#commentform label span {font-size: .9em; font-style: italic; font-weight: 400;}
#commentform button {clear: left; height: 26px; padding: 0 10px; border: 1px solid #1A6FA0; background: #264C6E; color: #fff; font-weight: 700; font-size: .9em; line-height: 26px; text-transform: uppercase;}