/*
Theme Name: MariArty
Theme URI: http://marylika.com/demo/?wptheme=deLight
Description: Nice and simple WordPress Theme by <a href="http://marylika.com">marylika</a>.
Author: Maria Nesen
Author URI: http://marylika.com
Tags: simple, clean, orange, widget-ready, widgets, right sidebar, two columns, valid XHTML, valid CSS
Version: 1.0.2
*/

/*
	- GENERAL
	- BASIC LAYOUT
	- HEADINGS
	- HEADER
	- CONTENT
		+ CONTENT LEFT
		+ CONTENT RIGHT
		+ WORDPRESS CSS
	- FORMS
	- COMMENTS
	- FOOTER
	- USEFUL

/*	##################################
   	GENERAL
	################################## */
	
body {
	position: relative;
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	background:#fff;
	font:12px/18px Verdana, Tahoma, sans-serif;
	color:#ddd;
}

a {
	color:#cee545;
}

a:hover {
	text-decoration:none;
}

p, .comment #respond p {
	padding:0;
	margin:0;
	margin-bottom:10px;
}

blockquote {
	margin:0 0 0 20px;
	padding: 0 0 0 20px;
	border-left: 5px solid #f3f4f0;
}

img {
	border: 1px solid #3f3f3f;
}

#form img {border:none;}

.new-work img , .wp-smiley {
	border:none;
}

ul, ol {
	margin: 0 0 20px 20px;
	padding: 0px;
}

a:active, a:focus, img { outline: 0; }

/*	##################################
   	BASIC LAYOUT
	################################## */

#header-index {
	height:600px;
	position:relative;
	text-align:center;
	min-width:900px;
}

#header {
	position:relative;
	text-align:center;
}

#menu {
	position:relative;
	width:940px;
	height: 30px;
	margin: 0 0 0 100px;
	padding: 10px 0 0 0;
	list-style:none;
}

#content {
	width:750px;
	display:inline-block;
	text-align:left;
	height:auto;
}

#content-left {
	float:left;
	width:800px;
	height:auto;
	text-align:left;
}

#content-right {
	float:right;
	width:200px;
	height:auto;
	display:none;
}

#footer {
	text-align:center;
}

/*	##################################
   	HEADINGS
	################################## */
	
#header h1 {
	position:absolute;
	bottom:40px;
	left:0px;
	margin: 0px;
	color: #fff;
	font:bold 28px/28px Helvetica, Arial, sans-serif;
}

#header h1 a {
	color: #fff;
	text-decoration: none;
}

#header h2 {
	position: absolute;
	bottom: 30px;
	left: 5px;
	margin: 0px;
	color: #ff8a00;
	font:11px/11px Verdana, Tahoma, sans-serif;
}

h2, h3, h4 {
	margin:0 0 20px 0;
}

h3.archive-title {
	margin: 20px 0 0 0;
}

.box-left h2 {
	color:#ff8a00;
	font:bold 24px/34px Georgia, "Times New Roman", Times, serif;
}

.box-left h2 a {
	color: #ff8a00;
	text-decoration:none;
}

.box-left h2 a:hover {
	text-decoration:underline;
}

.box-left h3, #respond h3, #comments h3 {
	margin: 0 0 20px 0;
	color:#ff8a00;
	font:bold 16px/16px Georgia, "Times New Roman", Times, serif;
	border:1px solid #555;
	padding:10px;
	background:#444;
	color:#999;
}

.box-left h4 {
	color:#666;
	font:11px/11px Verdana, Tahoma, sans-serif;
}

.box-right h3 {
	color:#662625;
	font:bold 12px/12px Verdana, Tahoma, sans-serif;
	text-transform:uppercase;
}

/*	##################################
   	HEADER
	################################## */

#menu li {
	float:left;
}

#menu a {
	margin:0 40px 0 0;
	padding:0px;
	color:#fff;
	text-decoration:none;
	font:normal 12px/12px Verdana, Tahoma, sans-serif;
}

/*	##################################
   	CONTENT
	################################## */
	
/** CONTENT LEFT */

.box-left {
	padding:40px 0;
}

.box-left img {
/*        float:left;*/
        margin:0 10px 10px 0;
}

p.tags {
        font:11px/11px Verdana, Tahoma, sans-serif;
		color:#999;
}

/** CONTENT RIGHT */

#box-rss {
	height: 80px;
	margin: 0 0 20px 0;
	background: url(img/bg-rss.gif) no-repeat left top;
}

#box-rss a {
	display: block;
	height: 50px;
	padding: 30px 0 0 80px;
	background: url(img/rss-icon.jpg) no-repeat 20px 20px;
	font:18px/18px Verdana, Tahoma, sans-serif;
	text-decoration: none;
}

.box-right {
	margin:20px 0;
	font:11px/11px Verdana, Tahoma, sans-serif;
	background: url(img/bg-box-right.gif) repeat-y left top;
}

.box-right h3 {
	padding: 20px 20px 0 20px;
	background: url(img/bg-box-right-top.gif) no-repeat left top;
}

.box-right-content {
	margin: 0 20px;
}

.box-right-bottom {
	height: 20px;
	background: url(img/bg-box-right-bottom.gif) no-repeat left top;
}

.box-right ul {
	margin:0;
	padding:0;
	list-style:none;
}

.box-right li {
	line-height:24px;
}

.box-right ul li ul {
	margin:0;
	padding:0 0 0 20px;
	list-style:none;
}

.box-right ul li ul li ul {
	margin:0;
	padding:0 0 0 20px;
	list-style:none;
}

.box-right p {
	margin: 20px 0 0 0;
}

/** WORDPRESS CSS */

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ccc;
   text-align: center;
   background-color: #f3f4f0;
   padding-top: 4px;
   margin: 10px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

/*	##################################
   	FORMS
	################################## */

label {
    display:block;
    margin:0 0 5px 0;
}

.text {
    width:350px;
    margin: 0 0 10px 0;
    padding:5px;
    border:1px solid #fff;
	background:#aaa;
}

.verify {
    width:290px;
    margin: 0 0 10px 0;
    padding:5px;
    border:1px solid #ccc;
    float:left;
}

.fieldwrap img {
    float:left;
    margin:0 5px 10px 0;
}
textarea, input {
    margin:0;
    padding:3px;
    border:1px solid #ddd;
	background:#aaa;
    width:450px;
}
textarea {
    height:150px;
    margin:0;
}
/*
#respond label {
	margin-top:-23px;
	position:absolute;
}
#respond input {
	margin-left:300px;
}
*/
#respond input[type="submit"] {
	background:#F80;
/*	border:1px solid #fff;*/
	margin-left:308px;
	color:#fff;
	width:150px;
}
#respond input[type="submit"]:hover {
	background:#CEE545;
	color:#555;
	cursor:pointer;
}

.submit {
    width:auto;
    padding:5px;
    color:#555;
    background:#CEE545;
	border:0;
	margin-top:10px;
}

/** SEARCH FORM */

#search {
	width: 190px;
	padding: 5px;
	border: 1px solid #ccc;
}

#search-submit {
    width:auto;
    padding:5px;
    color:#fff;
    background:#662625;
	border:0;
}

/*	##################################
   	COMMENTS
	################################## */
	
.comment {
	margin: 0 0 20px 0;
}
.commentlist, .children {
	list-style:none;
}
.commentlist {
	width:460px;
}
.children {
	margin-top:20px;
}
.comment p {
	margin: 0px;
}

.comment-details small{
	color:#666;
}
.comment-reply {
	padding-left:20px;
	margin-left:20px;
	margin-top:10px;
	background:url(img/comment-reply.gif) no-repeat 5px 5px;
	color:#999;
}

.reply, #cancel-comment-reply{
	padding-bottom:10px;
}

.commentmetadata a{
	color:#666;
	text-decoration:none;
	font-size:10px;
}
.comment-author img { vertical-align:middle;}

/*	##################################
   	FOOTER
	################################## */

#footer p {
	margin:0 0 0 100px;
	padding:0;
	color:#999;
	text-align:center;
}

#footer p a {
	color: #a9cb00;
}

/*	##################################
   	USEFUL
	################################## */

.clear {
	clear:both;
}


.logo {
	display:inline-block;
	background:url(./img/logo.jpg) no-repeat;
	height:300px;
	width:390px
}
.logo-container{
	text-align:center;
}
.main-menu {
	background:#ff8a00 url(./img/bg-damask.gif);
	color:#FFFFFF;
	font-size:1.1em;
}
.menu-item, .menu-item li {
	font-size:1.8em;
	padding:10px;
	display:inline;
}
.main-menu a{
	color:#FFFFFF;
	text-decoration:underline;
}
.main-menu a:hover{
	text-decoration:none;
}
.new-work-container {
	padding:30px;
}
.new-work {
	display:inline-block;
	width:500px;
	background:url(./img/new_work.jpg) no-repeat 0px -180px;
}
.new-work-border {
	display:inline-block;
	width:500px;
	background:url(./img/new-work-border.png) no-repeat;
}

.shadow-top {
	background:url(./img/bg-shadow-top.gif) repeat-x;
	height:15px;
}
.shadow-top-black {
	background:url(./img/bg-shadow-top-black.png) repeat-x bottom;
	height:15px;
}
.shadow-bottom {
	background:url(./img/bg-shadow-bottom.gif) repeat-x;
	height:15px;
}
.shadow-bottom-black {
	background:url(./img/bg-shadow-bottom-black.png) repeat-x;
	height:15px;
}

.border-top {
	background:url(./img/border.png) repeat-x;
	height:4px;
	margin-bottom:30px;
}
.border-bottom {
	background:url(./img/border.png) repeat-x;
	height:4px;
	margin-top:30px;
	padding-bottom:1px;
}
* html .border-top {
	background:none;
}
* html  .border-bottom {
	background:none;
}
.copyr {
	color:#888;
	font-size:0.9em;
/*	margin:20px 0px;
	background:#ddd;*/
	display:inline-block;
	padding:5px 10px;
}
.content-back {
	background:#2c2c2c url(./img/bg-damask-black.gif);
	text-align:center;
}
.post-right-block {
	float:right; width:210px; padding-top:10px;
	border:1px solid #3f3f3f;
	background:#333;
	padding-left:10px;
}
.post-left-block {
	float:left; width:512px;
	padding-right:10px;
}

.content-box {
	float:left;
	margin-left:20%;
	margin-rigth:20%;
	width:800px;
}
.blick {
	background:url(img/blick.png) no-repeat 25% 0;
}

.link-to-old-site {
	border: 1px dashed #fa0; 
	padding: 1px; 
	position: absolute; 
	float: right; 
	right: 30px; 
	top: 60px;
	background:#fff;
}
.link-to-old-site a {
	margin: 0px; 
	padding: 10px; 
	color: #fa0; 
	display: block;
	background:#fff;
	border:10px solid #ccc;
}
.link-to-jazz-radio {
	position: absolute; 
	float: right; 
	right: 75px; 
	top: 120px;
}
.link-to-jazz-radio a {
	margin: 0px;
	padding: 0px; 
	width:140px;
	height:100px;
	display:block;
	background:url(img/radio-jazz.jpg) no-repeat;
}
.link-to-jazz-radio a:hover {
	background-position:0px -100px;
}

.clouds a:hover{
	color:#FFAA00;
/*	width:350px;
	display:inline-block;
	float:left;*/
}
.comments-off {
/*	display:none;*/
}

.rss-feed, .email, .twitter, .linkedin, .facebook, .livejournal, .vkontakte {
	height:16px;
	width:16px;
	background:url(img/feed.png) no-repeat;
	display:inline-block;
	margin:10px 5px 0px;
}
.email {	background:url(img/email.png) no-repeat;}
.twitter {	background:url(img/twitter.png) no-repeat;}
.linkedin {	background:url(img/linkedin.png) no-repeat;}
.facebook {	background:url(img/facebook.png) no-repeat;}
.livejournal {	background:url(img/livejournal.png) no-repeat;}
.vkontakte {	background:url(img/vkontakte.png) no-repeat;}

.services-icons {
}

.sub-menu {
	background:#333;
	border:1px solid #3F3F3F;
	padding:10px;
	margin-top:20px;
}

.post-portfolio {
	width:120px;
	height:120px;
	padding:6px;
	background:url(img/brdr-portfolio.gif) no-repeat;
	overflow:hidden;
}
.post-portfolio:hover {
	background:#555 url(img/brdr-portfolio.gif) no-repeat left -200px;
}

.post-portfolio p{
	padding:0px;
	margin:0px;
	width:120px;
	height:120px;
	display:block;
	overflow:hidden;
}

.post-portfolio img{
	border:none;
}

.box-float {
	float:left;
	width:132px;
	padding-right:9px;
	padding-left:9px;
	padding-top:20px;
	text-align:center;
}

.title-portfolio {
	height:30px;
}

.wp-pagenavi a{
	display:none;
}

.wp-pagenavi a.page{
	background:url(img/dot-orange.png);
	display:inline-block;
	height:21px;
	width:22px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current{
	background:url(img/dot-green.png);
	height:25px;
	width:22px;
}

.wp-pagenavi a.first{
	background:url(img/paging-last.png) no-repeat 0px -21px;
	display:inline-block;
	height:21px;
	width:23px;
}
.wp-pagenavi a.last{
	background:url(img/paging-last.png) no-repeat -23px -21px;
	display:inline-block;
	height:21px;
	width:23px;
}
.wp-pagenavi a:hover.first{
	background-position:0px 0px;
}
.wp-pagenavi a:hover.last{
	background-position:-23px 0px;
}

.links img {
	border:none;
}
.links a {
	background:url(img/brdr-links.gif) no-repeat;
	padding:6px;
	display:block;
	height:60px;
	width:500px;
	margin:0 auto;
}
.links a:hover {
	background:#555 url(img/brdr-links.gif) no-repeat left -100px;
}