/*
Theme Name: Melod Art
Theme URI: http://wordpress.org
Description: A clean black and yellow theme
Version: 1.1
Author: Erik Gyepes
Author URI: http://www.erikgyepes.com
*/


/* Basic styles */
*
{
	margin:0;
	padding: 0;
}
body
{
	font-family: 'Lucida Sans', Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #000000;
	font-size:0.76em;
	margin-bottom: 1px;
	margin: 0;
	text-align: justify;
	padding: 0;
	background-image:url(images/back_tile.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	background-position:  top;
        
}

hr 
{ 
        color: #f00; 
        background-color: #f00; 
        height: 2px; 
}

a
{
	color: #F22836;
	text-decoration:none;
}
a:hover
{
	text-decoration: bold;
        color: #038CF6;
}

#content img
{
        border: #F22836 1px solid;
	padding: 5px;
        margin: 10px;

}

h1,h2,h3,h4,h5,h6
{
	letter-spacing: 0.1em;
}
ul, ol
{
	margin: 0em;
	padding:0 2em;
}

h2.archive a { font-size: 22px; color: #FFFFFF; margin: 0 0 10px 0; text-decoration: underline; }

h2.archive a:hover { color: #a9daff; }

/* Container */


#container
{
	width: 890px; 
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 1px;
	margin-left: auto; 
        background-image: url(images/content_wrap.jpg);

        
}


/* Header */

#header
{
        width: 880px;
	height: 202px;
        border: none;
        background-image: url(images/head_back.jpg);
	margin-top: 0px;
        margin-left: 5px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: center;
        padding-top: 0px;
        
}


#header h2
{
	font-size: 1.5em;
	color: #038CF6;
	padding-left: 68px;
}

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

/* Top Menu */
#menu
{
	width: 890px;
        background-image:url(images/back_tile.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	background-position:  top;
        height: 40px;
        
	

	}

#menu ul
{
	padding: 0 0 0 5px;
	list-style: none;
	text-align: left;
	position: relative;
}

#menu li
{
	display: inline;
	padding: 0 0 0 0;
        margin: 0 0 0 0;
        float: left;
}

#menu li a
{
        display: block;
        padding: 10px 13px 10px 13px;
	color: #FFFFFF;
	text-decoration: bold;
	font-family: 'Lucida Sans', Arial, Helvetica, sans-serif;
	font-size: 14px;
	letter-spacing: 0.2em;
        height: 20px;
        
}
#menu li a:hover
{
	
        background-color: #038CF6;
        color: #FFF;
        display: block;
        height: 20px;
       
        


}

#menu li #menu li.current_page_item a


#content {
        

}

#content p
{
	margin-bottom: 1em;
	line-height: 1.6em;
       
}

#content h3,h4,h5,h6
{
	position: relative;
	color: #038CF6;
	margin-bottom: 1em;
	padding-bottom: 0.2em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #191919;
}

#content h2
{
	font-size: 1.5em;
	padding-bottom: .6em;
	padding-top: 0;
}

#content h3
{
	font-size: 1.3em;
}

#content ul, #content ol
{
	margin-bottom: 2em;
	padding-left: 1em;
}

#content blockquote
{
	margin-bottom: 2em;
}

#content blockquote p
{
	border-left: solid 8px #917931;
	padding-left: 1em;
	margin-bottom: 0em;
}

#content .post ,#content form
{
	margin-bottom:3em;
        margin-top: 3em;
}
#content .post h2 a
{
	color: #038CF6;
        ;
}

#content .post-footer
{
	padding-bottom: 0.3em;
	font-size:0.9em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #191919;

}
/* Primary Content */

#primaryContentContainer
{
        position: relative;
	z-index: 2;
	float: right;
	width: 605px;
        overflow: hidden; 
        padding: 0 5px 0 5px;
      
	
}

#primaryContent
{
        
	margin-top: 1.34em;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 2em;
	padding-bottom: 20px;
	padding-left: 1em;
}

.post-content { overflow: hidden; }

/* Sidebar Styles */

#sidebar
{

	position: relative;
	z-index: 2;
	float: left;
	width: 235px;
        height: auto;
	margin-top: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	padding-top: 10px;
	padding-left: 15px;
        padding-right: 5px;
	padding-bottom: 10px;
	margin-right: 0px;
       
        
}

#sidebar h2 {
	margin:0;
	padding:0;
	padding-top: 8px;
	padding-bottom: 5px;
	padding-left: 14px;
	font-size: 12px;
	font-family: 'Lucida Sans', Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: normal;
	margin-left: 0px;
	margin-right: 0px;
	height:20px;
	width: 235px;

}

#sidebar ul
{
	margin:0;
	padding:5;
	list-style:underline;

}
#sidebar ul ul a:hover
{
	text-decoration: bold;
        color: #000;
}
#sidebar ul ul
{
	margin: 5;
	padding-top: .9em;
	padding-right: 2em;
	padding-bottom: .9em;
	padding-left: 2em;
}
#sidebar ul ul a
{
	color: #fff;
        hover:

}
#sidebar ul ul ul
{
	margin:0.3em 0;
	padding:0 0.5em;
}
#sidebar form
{
	margin-bottom: 10px;
	padding-top: 5px;
	padding-right: 1em;
	padding-bottom: 0;
	padding-left: 10px;
	width: 234px;
}

        

/* Footer */

#footer
{
	width: 890px;
	height:150px;
	padding-top: 5px;
	text-align: center;
	vertical-align: middle;
	font-size: 10px;
        background-image: url(images/footer_back.jpg);  
        background-position:  left top;
        background-repeat: no-repeat;
        background-color: #ffffff;
        
}

img#me-brand { 

      float: right; 
      margin: 5px 5px 0 0; 
      border: none;

}

a.arcbtn {
     
      font size: 16px;
      color: #FFFFFF;
}

a.bincan { float: right; clear: both; }

.clear
{
	clear: both;
}
/*extra*/
textarea{
	width: 90%;
	height: 20em;
	border: 1px solid #DBDBDB;
	padding: 5px;
	font-family: Arial, Serif;
	font-size:0.9em;
}
.textbox
{
	width: 140px;
	height: 18px;
	margin-top: 10px;
	margin-left: 0px;

}
#searchform {
	
	margin-top: 0px;
	padding: 2px 3px;
	text-align: left;
	}
#s 
{
   margin-bottom: 0px;
}

#content li .cmtinfo
{
	font-size:0.9em;
	color:#038CF6;
	margin:0;
	padding:5px;
	border-bottom:#b4002f 1px dashed;
}

#content .cmtinfo cite
{
	font-size:1.1em;
	color:#038CF6;
	font-weight:bold;
	font-style:normal;
}
#content ol.commentlist
{
	margin:0;
	padding:0 1em;
}
#content ol.commentlist li
{
	padding:0.5em 0;
	margin:0;
}
#commentform
{
	
	padding:1.5em;
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 1;
}
.nocomments
{
	text-align:center;
	font-size:0.9em;
	color:#996;
}
.trackback
{
	background:url(images/trackback.png) no-repeat left center;
	padding:0px 17px;
}
.feed
{
	background:url(images/feed.png) no-repeat left center;
	padding:0px 17px;
}
.commentsfeed
{
	
}
#header, #content,#sidebar,#primarycontent, #footer, .widget {
    overflow: hidden;
}

#sidebar ul { background: #038CF4; border: 1px solid #1368AB; width: 230px; }

#sidebar ul li ul { background: none; border: none; }

#sidebar ul li h2.widgettitle { color: #FFFFFF; font-size: 20px; }

#body_content {position: absolute;left: -10000px;};

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

}
img.alignright {
	margin: 0 7px 2px 0;
}

img.alignleft {
	margin: 0 0 2px 7px;
}

.alignright {
	float: left;
}

.alignleft {
	float: right;
}