/*

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: 2.1em; 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.0em; color:#88d9f6;  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: 1.3em; letter-spacing: -1px; padding: 10px 0px 0px 0px; margin: 0px;}

h2 {font-size: 1.4em; letter-spacing: -1px; padding: 8px 0px 0px 0px; margin: 0px;}

h3 {font-size: 1.2em; 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.2em;}



#sidebar .textwidget {width:251px; margin:0 auto; padding:0 15px 0 35px; max-width:200px;}

#sidebar .textwidget h3 {font-size: .8em; 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;}