/*
Theme Name: Relax
Theme URI: http://template-tuners.com
Description: Relax Wordpress Theme.
Version: 1.5
Author: Axinte Adrian
Tags: two-columns, blue, fixed-width
*/

* {
	margin: 0;
	padding: 0;
}
body {
	color: #555;
	font-size: 10px;
	padding: 0;
	margin: 0;
	font-size: 11px;
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0;
	line-height: 1.6em;
	word-spacing: normal;
	background: url(images/bg_banner.jpg) no-repeat top center;
}
.hide {
	display: none;
}
.clear {
	clear: both;
}


/*-------------------------Sidebar Navigation------------------------*/
#nav {float: right; width:230px; margin-left:15px;}
#nav li{list-style-image:none;}
#nav li ul li {float: left; width: 230px; font-family: Georgia, Times, "Times New Roman", serif; font-size: 1.1em; text-transform: uppercase; text-align: right; list-style: none; list-style-image:none;}
#nav li ul li a {display: block; padding: 8px 15px 10px 0; background: #FFF url(images/bg_nav_li_a.gif) no-repeat right bottom; color: #252525; text-decoration: none;}
#nav li ul li.current a, #nav li a:hover {background-image: url(images/bg_nav_li_a_hover.gif);color: #005B7F;}

/*-------------------------------Reset-------------------------------*/
body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote {margin:0;  padding:0;} 
table {border-collapse:collapse; border-spacing:0;} 
ol,ul {list-style:none;} 
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;} 

/*-----------------------------Top Navigation-------------------------*/
.menu {background:transparent url(images/blueslate_background.gif) repeat-x top left;}
.menu #navigation {position:relative;display:block;height:42px;font-size:11px;font-weight:bold;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;width: 890px; margin:0 auto;}
.menu #navigation ul {margin:0; padding:0;list-style-type:none;}
.menu #navigation ul li {display:block;float:left;margin:0 1px 0 0;}
.menu #navigation ul li a {display:block;float:left;color:#fff;text-decoration:none;padding:14px 22px 0 22px;height:28px;}
.menu #navigation ul li a:hover,.menu #navigation ul li a.current {color:#88d9f6; background:transparent url(images/blueslate_backgroundOVER.gif) no-repeat top center;}

/*---------------------------------Search-----------------------------*/
.search {width: 260px; margin:0 auto; margin-top:8px;}
.search input {display: inline;}
.search .text {width: 165px; height: 16px; background: url(images/search-box.gif) no-repeat; border: none; font-family: Georgia; font-size: 13px; padding: 5px; margin: 0 0 0 6px; float: left;}
.search .submit {width: 32px; height: 26px; background: url(images/search-button.gif) no-repeat; font-size: 0.1em; cursor: pointer; border: none;}
.search .submit:hover {width: 32px; height: 26px; background: url(images/search-button-over.gif) no-repeat; font-size: 0.1em; cursor: pointer; border: none;}

/*---------------------------------Banner-----------------------------*/
.banner {float: left; width: 100%; height: 273px;}
.logo {margin: 0 auto; width: 920px; height: 273px; padding:70px 0 0 0; display:block;}
.logo h1 {font-size: 3.3em; letter-spacing: -1px; padding: 0px 0px 0px 0px; margin: 0px; color:#fff;}
.logo h1 a, .logo h1 a:hover {text-decoration:none; color:#fff;}
.logo span {font-size:1.3em; color:#88d9f6; text-transform:lowercase; line-height:25px;}

/*---------------------------------Global-----------------------------*/
a {color: #1d68af;}
p {font-size: 1.1em; padding: 5px 0; margin: 10px 0;}
small {font-size: 9px;}

.left {float: left; clear: both;}
.right {float: right; clear: both;}
.center {text-align: center; margin: 0 auto;}

.aligncenter, div.aligncenter {display: block; margin:0 auto; padding:2px; border:1px #ccc solid;}

/*---------------------------------Images-----------------------------*/
img {border: 1px #ccc solid; padding:2px;}
.alignright {float: right;}
.alignleft {float:left}
img.centered {display:block; margin-left:auto; margin-right:auto;}
img.alignright {padding:2px; margin:0 0 2px 7px; display:inline;}
img.alignleft {padding:2px; margin:0 7px 2px 0; display: inline;}
img.avatar {width:50px; height:50px;}
p img {padding:0; max-width:100%;}

hr {border: 1px solid #f0f0f0; height: 1px;}

blockquote {padding-left: 2.2em; background: url(images/blockquote.png) no-repeat; font-style: italic; margin:10px;}

code, pre {font-family:"Courier New", Courier, monospace; color:#900; line-height:1em;}
a code { border-bottom:1px dotted #900 }
a:hover code { border-bottom-style:solid }

pre {padding:1em; border:1px #ddd solid; overflow:auto; width: 50%; w\idth /**/:auto;}
pre strong { background:#efc }
.acode { border:none }

h1, h2, h3 {font-family: Georgia, "Times New Roman", Times, serif; text-transform: uppercase; font-weight: normal;}
h4, h5, h6 {font-family: "Times New Roman", Arial, Helvetica, sans-serif; text-transform: uppercase; font-size:1.4em; letter-spacing: -1px; font-weight: normal;}
h1 {font-size: 2.3em; letter-spacing: -1px; padding: 10px 0px 0px 0px; margin: 0px;}
h2 {font-size: 2em; letter-spacing: -1px; padding: 8px 0px 0px 0px; margin: 0px;}
h3 {font-size: 1.6em; letter-spacing: -1px; padding: 5px 0px 0px 0px; margin: 0px;}

/*-----------------------Order/Unorder Elements----------------------*/
ul {list-style-image:url(images/blue_bullet.gif);}
ol li {padding-left:2em;}

/*-------------------------Container/Wrapper-------------------------*/
#container {margin: 0 auto; width: 920px;}
#wrapper {margin:0 auto; width: 920px;}

/*------------------------------Sidebar------------------------------*/
#sidebar {width:250px; /* background:url(images/bg_side.jpg) repeat-y;*/ border-right:3px #ccc solid;  float:left; padding:0 0 0 10px;}
/*#sidebar .btm {width:270px; background:url(images/bg_side_btm.jpg) no-repeat; height:23px; margin-left:-10px;}*/

#sidebar h2 {/* background:url(images/bg_h2.png) no-repeat 8px 8px;  padding-left:35px;*/ line-height:25px; font-size:1.8em;}

#sidebar .textwidget {width:251px; margin:0 auto; padding:0 15px 0 35px; max-width:200px;}
#sidebar .textwidget h3 {font-size: 1em; padding:0; font-family:Tahoma, Verdana, Arial; font-weight:bold; letter-spacing: 0px;}
#sidebar .textwidget p {margin:0; padding:0;}
/* 
#sidebar ul {list-style-image:none;}
#sidebar li li {padding-left:33px; font-size:1.2em; font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;}
#sidebar li li a {text-decoration:none; background:url(images/link_btm.gif) no-repeat 0; padding: 0 10px; color: #1d68af;}
#sidebar li li a:hover {text-decoration:none; background:url(images/link_btm_over.gif) no-repeat 0;padding: 0 10px; color: #333;}
*/
#recentcomments ul {list-style-image:none;}
#sidebar li ul#recentcomments li.recentcomments a  {background:none;}

#sidebar li#tag_cloud {}
#sidebar li#tag_cloud a {margin-left:15px;}

/*--------------------------------Page-------------------------------*/
#page {float:right; width:640px; padding-top:10px;}

/*------------------------------Calendar-----------------------------*/
#calendar {width:250px;}
#calendar_wrap {padding:0 35px;}
#calendar table {width: 100%;}
#calendar tbody td {text-align: center;}
#calendar #next {text-align: right;}

/*-----------------------------Tag Cloud-----------------------------*/
#tag_cloud li {text-align:center;}

/*--------------------------Social Bookmark--------------------------*/
.social_bookmark {display:block; margin:0 auto; padding:0;}
.social_bookmark img {border:none;}
.social_bookmark h3 {float:left; display:block; margin-right:20px; padding-top:8px; margin-left:-4px;}
.social_img {padding:0px;}
.social_img a {border:none;}

/*--------------------------------Box--------------------------------*/
#box {width:620px; margin:0; padding:0;}
#box .top {background:url(images/corner_mt.jpg) no-repeat top center; height:5px;}
#box .bottom {background:url(images/corner_mb.jpg) no-repeat top center; height:5px;}
#box #content {background:#fdfdfd; border-left:1px #e5e5e5 solid; border-right:1px #e5e5e5 solid; margin:0; padding:0;}
#box #content h3 {font-size: 1.5em; margin:0; padding:0 5px;}
#box #content p {font-size:1em; margin:5px 0 0 0; padding:0 5px;}

/*-------------------------------Boxes-------------------------------*/
.box-gray {border:solid 1px #DEDEDE; color:#222222; padding:4px; text-align:center; margin:5px; font-family:Tahoma, Verdana, Arial;}
.box-yellow {border:solid 1px #DEDEDE; background:#FFFFCC url(images/icon-yellow.png) 6px 6px no-repeat; color:#222222; padding:4px; text-align:center; margin:5px;font-family:Tahoma, Verdana, Arial;}
.box-ok {border:solid 1px #90ac13; background:#eef4d3 url(images/icon-green.png) 8px 6px no-repeat; color:#6b800d; font-weight:bold; padding:4px; text-align:center; margin:5px;font-family:Tahoma, Verdana, Arial;}
.box-error {border:solid 1px #CC0000; background:#F7CBCA url(images/icon-red.png) 8px 6px no-repeat; color:#CC0000; font-weight:bold; padding:4px; text-align:center; margin:5px;font-family:Tahoma, Verdana, Arial;}

/*--------------------------------Blog-------------------------------*/
.post {margin-left: 5px; padding-bottom: 10px;}
.post .entry {padding: 10px 20px 0px 20px; text-align: justify;}

.post .title {padding: 0 10px 0 10px; border-left: 4px solid #1d68af; color: #000000;}
.post .title h1 {padding: 0px; margin:0px;}
.post .title a {background: none; color: #444444; border: none; text-decoration:none;}
.post .title a:hover {text-decoration: none; color:#1d68af;}

.post .meta {background:url(images/bg_meta.gif) repeat-x; padding: 3px 10px 3px 10px; text-align: left; font-size: 10px; text-transform:uppercase; font-family:Tahoma, Verdana, Arial; font-weight:bold;}
.post .meta .comments { background:url(images/comment.gif) no-repeat; padding:0 10px;}
.post .meta .permalink { background:url(images/article.gif) no-repeat; padding:0 15px;}

ul.nav_post_link {list-style-image:none; text-transform: uppercase;}
ul .nav_post_link li .left {float:left;}
ul .nav_post_link li .right {float:right;}

/*------------------------------Comments------------------------------*/
#comm ul {list-style-type:none; list-style-image:none; width:640px; margin:0 auto;} 
#comm li {border: 1px dotted #b3b3b3; border-width: 1px 0; margin: 5px 0; background:none;}
#comm li a {color: #005B7F; display: block; font-weight: bold; font-size:120%; padding: 5px; text-decoration: none; }
 * html #comm li a {width: 680px;} /* make hover effect work in IE */
#comm li a:hover {background: #f4f7f2;}
#comm a em { color: #333; display: block; font: normal 85% Verdana, Helvetica, sans-serif; line-height: 125%;}
#comm a em p {margin:0px;}
#comm a span {color: #990000; font: normal 70% Verdana, Helvetica, sans-serif; line-height: 150%;}
#comm .left {width:55px; float:left; padding: 0 10px 5px 0;}

textarea {width:616px; border:none; overflow: auto; background-color: transparent;}

input {width:300px; margin-bottom:5px; /*height:16px;*/ padding:5px; background:url(images/bg_field.gif) no-repeat; border:none;}
input#submit {width:300px; border:none; height:26px; margin-top:5px;}

/*-------------------------------Gallery-----------------------------*/
#page_gallery {width:920px; margin:0 auto;}
.gallery {list-style: none; margin: 0; padding: 0;}
.gallery img {border:none;}
.gallery li {margin: 9px; padding: 0; float: left; position: relative; width: 212px; height: 175px;}
.gallery a {text-decoration: none; color: #666;}
.gallery a:hover {color: #1d68af; text-decoration: underline;}
.gallery img {padding: 20px 0 0 21px;}
.gallery em {width: 216px; background: url(images/gold-frame.png) no-repeat; display: block; position: absolute; top: -2px; left: -2px; text-align: center; letter-spacing: -1px; text-transform:uppercase; font: 100%/100% "Verdana", Tahoma, Times, serif; padding-top: 168px;}

/*-------------------------------Footer------------------------------*/
#footer {clear:both; min-height:150px; background:#fcfcfc; text-align:center; display:block; margin:0 auto; background:url(images/bg_footer.jpg) no-repeat top center; padding:47px 0 0 0;}

#footer .copyright {text-align: left; width:920px; margin:0 auto; background:url(images/bg_copyright.png) no-repeat; height:40px;}
#footer .copyright p {font-size: 11px; color:#333; text-transform:uppercase; margin:0 45px; padding:11px 0;}

#footer a {color: #1d68af; text-decoration: none;}
#footer a:hover {color: #333; text-decoration:underline;}

#bottom_links {width:920px; margin:0 auto;}
#bottom_links .main {width:100%; margin:0 auto; text-align:left; margin-top:5px; padding: 2px 0 0 0; overflow:hidden;}
#bottom_links #col {float: left; display: block; width: 33%;}
#bottom_links #col .main {width: 100%; padding:0px; float:left; margin:0px;}
#bottom_links #col .main h3 {margin: 0; padding: 3px 5px; margin: 0; color: #333; }

ul#category {padding:5px; margin: 0; list-style: none;}
ul#category li {padding:2px 2px; line-height:12px; font-size:11px; font-family:Georgia, "Times New Roman", Times, serif;}
ul#category li a {text-decoration: none;background:url(images/link_btm.gif) no-repeat 0; padding: 0 10px;color: #1d68af;}
ul#category li a:hover {text-decoration: none;background:url(images/link_btm_over.gif) no-repeat 0;padding: 0 10px;color: #333;}