/*
        Theme Name:  Crumb
        Theme URI: www.ariyoshahry.net
        Description: This theme has been design by Ariyo Shahry for AriyoShahry.Net which is the homepage of Ariyo Shahry. This theme has been copyrighted
        Version: 1.0
        Author: Ariyo Shahry
        Author URI: www.ariyoshahry.net ... ariyo.shahry@gmail.com
	 
*/

* { padding: 0; margin: 0; }
.clear { clear: both; background: none; }

html{ 
padding: 0;
  	margin: 0;
  	background-color: black;
}
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}


body {
 font-family:  Century Gothic,Tahoma,Arial,Verdana,Helvetica,sans-serif;
 font-size: 15px;
 height: 100%;
	background-color: #f8f7e3;
	text-align: center;
	background: url(/images/bg.jpg) repeat;
	position: relative;
}


#wrapper { 
 
 height: 100%;
 width: 1000px;
margin: 0 auto;
background: url(/images/cont-bg.jpg) repeat-y;
position: relative;
	
}
li {list-style: none; 

}


#header {
	height: 764px;
 background: url(/images/body.jpg) no-repeat;
	margin-top: -100px;
	
}
#header h1{
	text-indent: -99999px;

}
.logo{ 
	height: 83px;
	width: 256px;
	position: absolute;
	top:0;
	left:760px;
	
}
p.logo{display: none;
}
p{ 
	font-size: 15px;
	line-height: 1.5em;
	padding: 10px;
}


.button {border: 1px solid #272727; background: white; padding: 1px 8px; 
		 -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #272727;
		 }
.button:hover {background: #c83a90; color: white;}
div.intouch div.inputfield input.submitbutton {
	border: 1px solid #272727; background: white; padding: 5px; 
		 -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #272727;
}
div.intouch div.inputfield input.submitbutton:hover {
	background: #c83a90; color: white;

}

#nav {
 	color: #c83a90;
 	position: relative;
	height: 100px;
	top: 222px;
	width: 570px;
	margin-left: 181px;
	
}
#nav ul{
	padding-top: 76px;
	float: left;
	text-align: left;
}
#nav li {
	color: #c83a90;
	display: inline;
	text-align: left;
}
#nav li a {
	font-size: 16px;
	text-decoration: none;
	color: #c83a90;
	padding-top: 3px;
	padding-bottom:3px;
	padding-left: 10px;
	padding-right: 10px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	text-transform: uppercase;
	letter-spacing: -1px;
}

#nav li a:hover {
		background: white; color:#c83a90;
		
		
}
.current_page_item {background: white; color:#c83a90;
-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	padding-top: 4px;
	padding-bottom:3px;}

.rssfeed {

display: block;
background: url(/images/rss.jpg) no-repeat;
height: 37px;
width: 35px;
opacity:0.7;
position: relative;
top: 67px;
left: 510px;
}

#nav a:hover {
border:none;
opacity:1;
}
#content { 
 width: 515px;
 color: #d5d5d5;
 padding: 20px;
 margin: -364px 0 0 174px;
 text-align: left;
 float: left;
 display:inline;
}
#content h2 {
	font-family: Helvetica,Arial,sans-serif;
	color: #d5d5d5;
	padding: 0px 0px 6px 10px;
	font-size: 25px;
	line-height: 44px;
	letter-spacing: -1px;
	font-weight: bold;
}


form#searchform {
	right: 19px;
	float: right;
	top: 90px;
	position: relative;
	
	
}
form#searchform input {
	border: none;
	padding: 5px;
	
}
input:focus {  
     background-color: #e6e3c3; 
     outline: none;  
} 

#footer { 
 height: 200px;
 color: #d5d5d5;
 padding: 10px;
 background: url(/images/footer.jpg) no-repeat;
 margin-left: 18px;
 text-align: left;
  
}
#footer p { margin-left: 150px;
			margin-top: 42px;
			font-size: 12px;
			line-height: 1em;
}

#footer small{
font-size: 10px;
text-transform: uppercase;

}
#footer span {
font-weight: bold;

}

#icons {
overflow:hidden;
position: relative;
top:90px;
left: 550px;
width: 160px;
height: 47px;
}

#icons a {
display:inline;
display:block;
float:right;
height:47px;
margin:0;
opacity:0.6;
text-indent:-9999px;
width:40px;
}

#icons a.wp{
background:transparent url(/images/wp.jpg) no-repeat scroll left top;

}
#icons a.apple{
background:transparent url(/images/apl.jpg) no-repeat scroll left top;
margin-left:3px; 
}
#icons a.fb{
background:transparent url(/images/fb.jpg) no-repeat scroll left top;
}
#icons a:hover {
border:none;
opacity:1;
}

#sidebar {  width: 190px;
			float: right;
			margin-right: 63px;
			display: inline;
}

a:focus {
	outline: none;
	
}
#panel {
	
	
	height: auto;
	width: 190px;
	display: none;
}

img {
	border: none;
	
}

a {
	color: #c83a90;
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: underline;
}
h1, h2 {
	padding: 0 0 8px;
	color: #c83a90;
	font-size: 20px; 
	letter-spacing:-1px; 
	font-family: Helvetica,Arial,sans-serif;
}


h1 a, h2 a {
	color: #c83a90;
}
h1 a:hover, h2 a:hover {
	color: #d5d5d5;
	text-decoration: underline;
}
h3 {
	font: bold 135%/100% Arial, Helvetica, sans-serif;
	padding: 1.2em 0 1.2em;
}
h3 em, h4 em {
	color: #CC0000;
	letter-spacing: -1px;
}
h4 {
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	padding: .85em 0 5px;
	color: #666666;
}

h2#twitter { background: url(/images/twt.jpg) no-repeat;
	height: 38px;
	width: 165px;
	padding-top: 45px;
	padding-bottom: 0;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	
	
}
#twitter_update_list{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 13px;
	list-style-type: square;
    color: #d5d5d5;
	text-align: left;
	margin-left: 10px;
	}
#twitter_update_list a{
	text-decoration: none;
	font-variant: normal;
	letter-spacing: -1px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

#twitter_update_list a:hover {
	text-decoration: underline;
}
#twitter_update_list li {
	border-bottom: 1px dashed #c83a90;
	padding: 10px 3px 0 3px;
	
	display: block;
}
#twitter_update_list li:hover {
	background: #40454b;
	display: block;
	
}

.datebox{ 
	background: url(/images/calendar.jpg) repeat;
	float:left;
	width: 73px;
	height: 82px;
	color: white;
	text-align: center;
	display: inline;
	margin:-56px 0 0 -105px; 
}
.month {
	font-size: 15px;
	text-transform: uppercase;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	padding: 2px;
	margin: 33px -11px 0 0;
	

}
.day{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 20px;
	margin: -24px -11px 0 0;
}
.balon{
	display: block;
	background: url(/images/balon.png) no-repeat;
	float: right;
	width: 64px;
	position: relative;
	top:-10px;
	left: 20px;
	display:inline;
}

.balon a{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 25px;
	text-align: center;
	padding: 0 0 0 16px;
}
#respond{
	margin-left: 10px;
	padding-bottom: 15px;
	
}
.commentbox{
	background: #384042 url(/images/cmt-bg.jpg) repeat-x;
	margin-bottom: 10px;
	border-bottom: 1px dashed #c83a90;
	display: block;
	min-height: 100px;
	
}
.commentbox cite{
position: relative;
left: 12px;
margin-bottom: 10px;
font-family:Georgia,"Times New Roman",Times,serif;
padding: 2px;


}
.commentbox p {
padding-top: 10px;
text-align: left;


}



#readers-meta {
	float: right;
	font: italic 10px Georgia, "Times New Roman", Times, serif;
	padding: 6px;
	display:inline;

}


.avatar{
	margin: 17px 10px 5px 10px;
	float: left;
	display:inline;
}


#commentform label {
	
	float:left;
	font-size:12px;
	padding-top:6px;
	width:100px;
	display:inline;
}

#commentform input {
	border: none;
	float:left;
	margin-right:20px;
	margin-left: 10px;
	margin-bottom :10px;
	padding:7px 9px;
	width:220px;
	border-bottom :1px solid #c83a90; 
	
}

#commentform p {
	clear:both;
	padding-bottom:10px;
}		
#commentform textarea {
border: none;
border-bottom :2px solid #c83a90;
height:150px;
padding:5px 3px 3px 7px;
width:480px;
margin-bottom: 10px;

}
#commentform #submit {
	-moz-border-radius: 5px; -webkit-border-radius: 5px; color: #272727;
	height:25px;
	padding:2px;
	width:120px;
	border: none;
}



#lastfmrecords {
	margin-top: -10px;
	margin-left: -20px;
	
}
#lastfm-records li{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	
	
	}

img.cdcover {
	height: 50px;
	height: 50px;
	border:0 none;
	margin:0 5px 5px 0;
	opacity:0.7;
	
}

img.cdcover:hover {
border:medium none;
opacity:1;
}

h2#lastfm {
	text-indent: -99999px;
	height:45px;
	margin-top: 25px;	
	background:transparent url(/images/lastfm.png) no-repeat;

}
.plist {
	margin-bottom: 15px;
	margin-top: 15px;
}
.mln {
	
		
}
.mp3 li{
	
	list-style-image: url(/images/Music-32.png);
	list-style-position: inside;
	margin-left: 30px;

}
#panel {
	background: url(/images/bg.jpg);
	height: 300px;
	display: none;
	margin-left: 72px;
	width: 763px;
		
}
.slide {
	margin: 0;
	padding: 0;
	border-top: solid 2px #929292;
	background: url(/images/btn-slide.png) no-repeat center top;
	width: 574px;
	position: absolute;
	margin-top: -72px;
	right: 261px;
}
.btn-slide {
	background: url(/images/white-arrow.gif) no-repeat right -50px;
	text-align: center;
	width: 112px;
	height: 24px;
	padding: 6px 0 0;
	margin: 0 226px 0;
	display: block;
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}
.active {
	background-position: right 7px;
}
#flickr{
	width: 200px;
	margin-left: 80px;
	float: left;
	
}
#flickr .flc{
	
	height: 35px;
	margin-left: 12px;
	display: block;
	font-size: 20px;
	font-family: Helvetica,Arial,sans-serif;
	font-weight: bold;
	text-decoration: underline;
}

#flickr img {
	width: 47px;
	height:47px;
	border: solid 4px white;
	opacity:0.7;
}
#flickr img:hover {

	border: solid 4px #c83a90;
	opacity:1;
} 
#friends {
width: 170px;
float: left;
text-align: left;
margin-left: 70px;

}
#friends a{
	color:#D5D5D5;
}
#friends li{
	list-style-image: url(/images/fri.png);
	list-style-position: outside;
}
#recommend{
	float: left;
	width: 170px;
}
#recommend img { 
width: 50%;
height: 50%;
}
.horn{
float: right;
padding-left: 10px;
margin-top: -20px;
}
h3.welcome{
margin-top: 6px;
background: transparent url(/images/intro.png) no-repeat 0 0;
text-indent: -99999px;
height: 45px;
}
#content #intro p{
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	word-spacing: 4px;
	font-size: 16px;
	text-align: justify;
}
#intro span{
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
font-weight: bold;
font-size: 35px;
}
#intro small { font-size: 12px; }
#intro small img {margin: -4px 0;}

#service span{
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
font-weight: bold;
font-size: 35px;}

#content #service {
margin-top: 50px;
}
#content #service h2{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
	font-size: 20px;
	text-align: justify;
	letter-spacing: 1px;
}
#musicServise{
-moz-border-radius-bottomleft:20px;
-moz-border-radius-bottomright:2px;
-moz-border-radius-topleft:2px;
-moz-border-radius-topright:20px;
-webkit-border-bottom-left-radius:20px;
-webkit-border-bottom-right-radius:2px;
-webkit-border-top-left-radius:2px;
-webkit-border-top-right-radius:20px;
background:transparent url(/images/bg.jpg) repeat scroll 0 0;
float:left;
padding:24px;
width: 202px;
height: 182px;

}
#designServise{
float: right;
-moz-border-radius-bottomleft:2px;
-moz-border-radius-bottomright:20px;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:2px;
-webkit-border-bottom-left-radius:2px;
-webkit-border-bottom-right-radius:20px;
-webkit-border-top-left-radius:20px;
-webkit-border-top-right-radius:2px;
background:transparent url(/images/bg.jpg) repeat scroll 0 0;
padding:24px;
width: 202px;
height: 182px;

}
#content #service ul h4{
font-family:  Century Gothic,Tahoma,Arial,Verdana,Helvetica,sans-serif;
text-align: center;
color: #D5D5D5;
font-size: 18px;
letter-spacing: 5px;
font-weight: bold;
margin-bottom: 20px;
background: transparent url(/images/cont-bg.jpg) repeat scroll -200px 0;
-moz-border-radius-bottomleft:2px;
-moz-border-radius-bottomright:20px;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:2px;

-webkit-border-bottom-left-radius:2px;
-webkit-border-bottom-right-radius:20px;
-webkit-border-top-left-radius:20px;
-webkit-border-top-right-radius:2px;
padding: 11px;
}
#content #service li{
list-style-image: url(/images/tik2.png);
font-size: 13px;
padding: 1px 0 2px 0;
margin-left: 17px;

}
.devider {
height: 12px;

margin: 10px -30px 25px;
background: transparent url(/images/devider.png) repeat-x scroll -122px 0;

}
#post-156 h2{
	display: none;
}
#polar { margin-left: -30px;
		 margin-top: -92px;
	}
#content #service h3 {
background:transparent url(/images/intro.png) no-repeat scroll 0 -87px;
height: 16px;
text-indent: -99999px;
font-weight: normal;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;

}
img.aboutariyo{
margin-left: -39px;
margin-top: -150px;
}

/*Music page panels*/

h2.trigger img{
margin-left:417px;
margin-top:-44px;
padding: 1px 5px 9px 0;
}
h2.trigger {
	padding: 0 0 0 50px;
	margin: 0 0 5px 0;
-moz-border-radius-bottomleft:0;
-moz-border-radius-bottomright:0;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:20px;
-webkit-border-bottom-left-radius:0;
-webkit-border-bottom-right-radius:0;
-webkit-border-top-left-radius:20px;
-webkit-border-top-right-radius:20px;
background:transparent url(/images/bg.jpg) repeat scroll 0 0;
	height: 55px;
	line-height: 46px;
	width: 490px;
	font-size: 2em;
	font-weight: normal;
	float: left;
}
h2.trigger a {
	
	text-decoration: none;
	display: block;
	padding: 7px 0 0 10px;
}
h2.trigger a:hover { color: #ccc; }
/* h2.active {background:transparent url(/images/cont-bg.jpg) repeat scroll -200px 0;} --When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	overflow: hidden;
	font-size: 1.2em;
	width: 500px;
	clear: both;
}
.toggle_container .block {
	padding: 20px; /*--Padding of Container--*/
	background:transparent url(/images/bg.jpg) repeat scroll 0 0; /*--Bottom rounded corners--*/
	-moz-border-radius-bottomleft:20px;
-moz-border-radius-bottomright:20px;
-moz-border-radius-topleft:0;
-moz-border-radius-topright:0;
-webkit-border-bottom-left-radius:20px;
-webkit-border-bottom-right-radius:20px;
-webkit-border-top-left-radius:0;
-webkit-border-top-right-radius:0;
}