/*   
Theme Name: MonicaTatoiu
Theme URI: http://monicatatoiu.ro
Description: O tema.
Author: vladh
Author URI: http://vladh.net
Version: 1.0
.
Your theme will be your copyrighted work.
Like WordPress, this work is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/

@import url('styles/reset.css');
@import url('styles/2c-r.css');
@import url('styles/wp.css');

/* Some classes */
.box-shadow{
	-o-box-shadow: 2px 2px 6px black;
	-icab-box-shadow: 2px 2px 6px black;
	-khtml-box-shadow: 2px 2px 6px black;
	-moz-box-shadow: 2px 2px 6px black;
	-webkit-box-shadow: 2px 2px 6px black;
	box-shadow: 2px 2px 6px black;
}

/* ===============	Body	=============== */
body {
	background:black url('img/bg.png') repeat;
	/*background:black -moz-linear-gradient(center top, black, #161616 300px, black 700px) no-repeat;
	background:black -webkit-gradient(linear, center top, center bottom, from(black), color-stop(10%, #161616), color-stop(25%, black), to(black)) no-repeat;*/
	color:#efefef;
	margin: 0 15% 0 15%;
}
a{
	color:#efefef;
}
html,body{
	height:100%;
}
/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}

	/* ===============	Wrapper	=============== */
	#wrapper{
		min-height: 100%;
	}
	
		/* ============		Header		============ */
		#header{
		
		}
		
		#masthead{
			height:75px;
		}
		
			/* =========			Branding	========= */
			#branding {
				margin: 5px 0 0 0;
				float:left;/*
				width:30%;*/
				width:350px;
			}
			
				/* ======				Blog-title	======*/
				#blog-title{
					text-indent:-9999px;
					background:top center url('img/logo.png') no-repeat;
					height:55px;
					margin-left:30px;
				}
				#blog-title-link{
					text-decoration:none;
					outline:0;
					height:55px;
					display:block;
				}
				
				/* ======				Blog-description	====== */
				#blog-description{
					display:none;
				}
				
			/*	=========			Access		========= */
			#access {
				background:#222 url('img/nav.png') repeat-x;
			}
			
				/* ======				Skip-link	====== */
				.skip-link {
					display: none;
				}
				
				/* ======				Menu		====== */
				.menu{
					list-style: none;
					position:relative;
					z-index:300;/*
					margin-right:25px;
					background:#222 url('img/nav.png') repeat-x;
					padding:0 5px;*/
				}
				
				.menu ul{
					margin:0;
				}
				
				/*
				============ level 1 items
				*/
				.menu ul li{
					display:block;
					float:left;
					position:relative;
				}

				.menu ul li a{
					background:#222 url('img/nav.png') repeat-x;
					height:14px;
					padding:10px 15px;
					display:block;
					outline:none;
					text-decoration:none;
					border-right:1px #222 solid;
					border-left:1px #333 solid;
				}

				.menu ul li a:hover{
					background:#222 url('img/nav_h.png') repeat-x;/*
					text-shadow:1px 1px 2px #888;*/
				}
				
				/*
				.menu ul li a:active{
					position:relative;
					top:1px;
				}*/

				/*
				====== level 2 categories
				*/
				.menu ul li ul{
					display:none;
					position:absolute;
					z-index:350;
					top:100%;
					left:0;
				}
				.menu ul li:hover > ul{
					display:block;
				}
				/*
				====== level 2 items
				*/
				.menu ul li ul li, .menu ul li ul li a{
					float:none;
				}
				.menu ul li ul li a{
					background:#222 url('img/nav_s.png') repeat-x;
					/*border-top:1px #282828 solid;
					border-bottom:1px #222 solid;*/
					width: 120px;
					display:block;
					padding:8px 20px;
				}
				.menu ul li ul li a:hover{
					background:#222 url('img/nav_sh.png') repeat-x;
				}
				/*
				====== level 3 categories
				*/
				.menu ul li ul li ul{
					display:none;
					position:absolute;
					z-index:350;
					top:0;
					left:100%;
				}
				.menu ul li ul li:hover > ul{
					display:block;
				}
				
				/* first and last */
				.menu > ul > li:first-child > a{
					border-left:0;
					/*-moz-border-radius-topleft: 5px;
					-moz-border-radius-bottomleft: 5px;
					-webkit-border-top-left-radius: 5px;
					-webkit-border-bottom-left-radius: 5px;
					border-top-left-radius:5px;
					border-bottom-left-radius:5px;*/
				}
				.menu > ul > li:last-child > a{
					border-right:0;
					/*-moz-border-radius-topright: 5px;
					-moz-border-radius-bottomright: 5px;
					-webkit-border-top-right-radius: 5px;
					-webkit-border-bottom-right-radius: 5px;
					border-top-right-radius:5px;
					border-bottom-right-radius:5px;*/
				}
		
		/* ============		Main		============ */
		#main{
			padding-bottom: 51px;
		}
			.wp-caption{
				padding:10px 5px;
				-moz-border-radius:5px;
				-webkit-border-radius:5px;
				border-radius:5px;
				background:#222;
				border:1px #282828 solid;
			}
			.wp-caption-text{
				padding-top:10px;
				margin:5px;
				border-top:1px #282828 solid;
			}
			/* =========		Container	========= */
			#container{
				
			}
			
			#content{
				background:#161616;
				border:1px #222 solid;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				border-radius:5px;
			}
			#content-i{
				padding:15px;
			}
			#content, #primary, #secondary, #first-sidebar{
				margin-bottom:15px;
			}
			#primary, #secondary, #footer, #first-sidebar{
				padding:15px;
				background:#161616;
				border:1px #222 solid;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				border-radius:5px;
			}
			
				/* ======			Nav and Posts	====== */
				.navigation {
					margin: 0 0 1.5em 0;
					overflow: auto;	
				}
				
				#nav-above{
					display:none;
				}
				.nav-previous{
					float:left;
				}
				.nav-next{
					float:right;
				}
					
				.post {
					margin: 0 0 3em 0;	
				}
					
					/* Page title */
					.page-title{
						background:#600000 bottom left url('img/title.png') repeat-x;
						color: #fff;  
						
						font-size:1.2em;
						
						float:left;
						margin:0;
						padding:5px 10px;
						
						text-shadow: -1px -1px 0 #222;
						
						-moz-box-shadow: 2px 3px 5px #000;
						-webkit-box-shadow: 2px 3px 5px #000;
						box-shadow: 2px 3px 5px #000;
						
						-moz-border-radius-topleft: 5px;
						-moz-border-radius-topright: 5px;
						-webkit-border-top-left-radius: 5px;
						-webkit-border-top-right-radius: 5px;
						border-top-left-radius:5px;
						border-top-right-radius:5px;					
					}
					
					/* Title */
					.entry-title{
						background:#600000 bottom left url('img/title.png') repeat-x;
						color: #fff;  
						
						position:relative;
						width:85%;
						margin:0 0 5px -36px;
						/*padding:10px 20px 10px 30px;*/
						
						-moz-box-shadow: 2px 3px 5px #000;
						-webkit-box-shadow: 2px 3px 5px #000;
						box-shadow: 2px 3px 5px #000;
						
						-moz-border-radius-topright: 5px;
						-moz-border-radius-bottomright: 5px;
						-webkit-border-top-right-radius: 5px;
						-webkit-border-bottom-right-radius: 5px;
						border-top-right-radius:5px;
						border-bottom-right-radius:5px;
					}
					h1.entry-title{
						font-size:23px;
					}
					.entry-date{
						background:#400000 url('img/datebg.png') repeat-x;
						color:#f0f0f0;
					
						padding:10px 0 10px 10px;
						width:60px;
					
						float:left;
						position:relative;
						
						font-size:0.7em;
						text-align:center;
					}
					.entry-date-arrow{
						background:url('img/arrow.png') no-repeat;
						position:absolute;
						top:0;left:100%;
						height:100%;
						width:20px;
					}
					.entry-date-d{
						display:inline;
					}
					.entry-date-m{
						display:inline;
					}
					.entry-date-y{
						
					}
					.entry-date-when{
						display:none;
					}
					.entry-link{
						padding:15px 0 10px 0;
						margin-left:100px;
					}
					.entry-title.nodate > .entry-link{
						margin-left:35px;
					}
					.entry-title a{
						text-shadow: -1px -1px 0 #222;
						text-decoration:none;
						display:block;
					}
					.entry-title-arrow{
						width: 0; height: 0; line-height: 0;
						position: absolute;
						top: 100%; left: 0;
						
						border-left: 20px solid transparent;
						border-top: 10px solid #340000;	
					}
					
					/* Meta */
					.entry-meta{
						position:relative;
					}
					.entry-meta a, .entry-utility a{
						text-decoration:none;
						border-bottom: 1px dotted #666;
					}
					.entry-meta, .entry-utility{
						padding:5px;
						background:#121212;
						-moz-border-radius: 5px;
						-webkit-border-radius: 5px;
						border-radius: 5px;
					}
					
					/* Content / Summary */
					.entry-content{
						padding-left:10px;
					}
					.entry-summary{
					
					}
					.entry-content, .entry-summary {
						margin: 1.5em 0;
					}
					.entry-utility{
						
					}
					
				#nav-below{
				
				}
				
				#comments{
					display:none;
				}
				
					.comments{
					
					}
					
					#comments-list{
					
					}
					
						#comments-list h3{
						
						}
						
						#comments-list ol{
						
						}
						
						#comments-list li{
						
						}
						
							.comment{
							
							}
							
							.comment .even{
							
							}
							
							.comment .odd{
							
							}
							
							.comment-author{
							
							}
							
							.comment-meta{
							
							}
							
							.comment-content{
							
							}
					
					#respond{
					
					}
			
			/* =========			Sidebar / Widgets	========= */
			#first-sidebar{
				margin-bottom:1em;
			}
			#primary{
				margin-bottom:1em;
			}
			#secondary{

			}
				.widget-area{
				
				}
				.widget-area ul {
					list-style: none;
					margin-left: 0;
				}
				.widget-area ul ul {
					list-style: disc;
					margin-left: 1.1em;
				}
				.widget-area ul ul ul {
					margin-left: 2.5em;
				}
				.widget-container {
					margin: 0 0 1.5em 0;
				}
				.widget-title{
				
				}

				
		
		/* ============		Footer		============ */
		#footer{
			color:#888;
			border-bottom:0;
			-moz-border-radius:0; -webkit-border-radius:0; border-radius:0;
			-moz-border-radius-topleft: 10px;
			-moz-border-radius-topright: 10px;
			-webkit-border-top-left-radius: 10px;
			-webkit-border-top-right-radius: 10px;
			border-top-left-radius:10px;
			border-top-right-radius:10px;
			
			position: relative;
			margin-top: -51px; /* negative value of footer height */
			height: 50px;
			clear:both;
			padding:0;
		}
		
		#colophon{
			
		}
		
		#site-info{
			padding:15px;
		}
		#site-info p{
			margin-bottom:0;
		}
		
		#generator-link{
		
		}
		
		#theme-link{
		
		}

/* ============================== */