/*
Theme Name: Speak Loud
Theme URI: http://speakloud.ro/
Description: The default Speak Loud theme.
Version: 1.0
Author: Cosmin Epureanu
Author URI: http://cosmi.acidlove.ro/
Tags: multicolor, speakloud, fixed width, two columns
*/

body{
	font-family: Georgia;
	font-size: 14px;
	background: #0064bd url('images/top-bg.png') left top repeat-x;
}

::selection { background: #FFCC89; color: #000; }
::-moz-selection { background: #FFCC89; color: #000; }

img{
	font: normal 11px Arial;
	color: #aaa;
}
a:link, a:visited{
	color: #0000be;
}
a:hover, a:active{
	color: #ff8400;
	text-decoration: none;
}
/* Tehnica pozitionarii absolute false */
.line{
	float: left;
	width: 100%;
	display: block;
	position: relative;
	overflow: hidden;
}

.item{
	float: left;
	position: relative;
	overflow: hidden;
	left: 100%;
}


/* Structure */
#container{
	width: 975px;
	margin: 0 auto;
	position: relative;
	height: 400px;
	background: transparent url('images/themes/ziua.jpg') right top no-repeat;
}

#tops{ /*line*/
	height: 25px;
	line-height: 25px;
	font-family: Arial;
	font-size: 11px;
	color: #d0d0b3;
}
	#toplinks{ /*item*/
		width: 800px;
		margin-left: -962px;
	}
	#options{ /*item*/
		width: 300px;
		margin-left: -300px;
		text-align: right;
	}

#header{ /*line*/
	
}
	#logo{ /*item*/
		width: 100%;
		margin-left: -100%;
		height: 136px;
	}

#menu-area{ /*line*/
	background: transparent url('images/menu-bg.png') left top repeat-x;
}
	#menu{ /*item*/
		width: 100%;
		margin-left: -100%;
		height: 38px;
	}

#separator{ /*line*/
	background: #ffc300;
}
	#sep{ /*item*/
		width: 100%;
		margin-left: -100%;
		height: 3px;
	}

#main-feature{ /*line*/
	background-color: #fff;	
	padding: 7px 0 13px;
	border-bottom: 1px solid #dbdbdb;
}
	#feature-area{ /*item*/
		width: 650px;
		margin-left: -975px;
		border-right: 1px solid #dbdbdb;
		font-family: Arial;
		color: #fff;
	}
		#feature-area .inner{
			padding: 0 13px;
		}
	#clip-area{ /*item*/
		width: 324px;
		margin-left: -324px;
	}
		#clip-area .inner{
			padding: 0 13px;
		}

#main-body{ /*line*/
	background: #fff;
	padding: 13px;
	width: 949px;
}
	#left{ /*item*/
		width: 305px;
		padding-right: 8px;
		border-right: 1px solid #dbdbdb;
	}
	/* For IE >> */ #left{margin-left: -961px;}
	/* For Web Kit Browsers >> */ html > body #left{margin-left: -949px;}
	
	#center{ /*item*/
		width: 305px;
		padding: 0 10px 0 10px;
		border-right: 1px solid #dbdbdb;
	}
	/* For IE >> */ #center{margin-left: -648px;}
	/* For Web Kit Browsers >> */ html > body #center{margin-left: -636px;}
	
	#right{ /*item*/
		width: 135px;
		padding: 0 13px;
		border-right: 1px dashed #bbb;
		font: normal 12px Arial;
		color: #111;
	}
	/* For IE >> */ #right{margin-left: -322px;}
	/* For Web Kit Browsers >> */ html > body #right{margin-left: -310px;}
	
	#right2{ /*item*/
		width: 135px;
		padding-left: 13px;
		font: normal 12px Arial;
		color: #111;
	}
	/* For IE >> */ #right2{margin-left: -160px;}
	/* For Web Kit Browsers >> */ html > body #right2{margin-left: -148px;}
	
#footer{ /*line*/
	background: #091d2b;
	color: #fff;
	padding: 10px 0 30px;
	position: relative;
	border-bottom: 5px solid #c30000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}	
	#footer a:link, #footer a:visited{
		font-weight: bold;
		color: #ffc000;
		text-decoration: none;
	} 
	#footer a:hover, #footer a:active{text-decoration: underline;}
	
	#footer h3{
		font-size: 16px;
		color: #ffc000;
		font-weight: bold;
		margin: 0 0 15px;
		text-indent: -9999px;
	}
	
	#footer ul li{line-height: 16px;}
	#footer ul a:link, #footer ul a:visited{color: #fff; font-size:12px;}
	ul.sub-sitemap{
		padding-left: 10px;
	}
	#footer ul.sub-sitemap a:link, #footer ul.sub-sitemap a:visited{color:#d0d4d9; font-size:11px; font-weight:normal;}
	#footer ul.sub-sitemap a:hover,#footer ul.sub-sitemap a:active{color:#fff; text-decoration:none;}
	.footer-box1{ /* item */
		width: 300px;
		margin-left: -962px;
		padding-right: 13px;
	}
	.footer-box2{ /* item */
		width: 138px;
		margin-left: -649px;
		padding: 0 12px;
	}
	#footer div.etichete-footer a:link, #footer div.etichete-footer a:visited{
		font-weight: normal;
	}
		/* Image replace FOOTER */
		.despre-speak-loud{width: 170px; height: 20px; background: url('images/despre-speak-loud.gif') no-repeat left top;}
		.harta-siteului{width: 120px; height: 14px; background: url('images/harta-siteului.gif') no-repeat left top;}
		.etichete{width: 72px; height: 14px; background: url('images/etichete.gif') no-repeat left top;}
		.sugestii{width: 80px; height: 18px; background: url('images/sugestii.gif') no-repeat left top;}
	
	
/* Customization */

/* In Header */
#logo .category-header{
	position: absolute;
		left: 285px;
		top: 85px;
	font-family: Arial;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	color: #cecece;
}


/* Tops */
#tops a:link, #tops a:visited{
	color: #fff;
	text-decoration: none;
}
#tops a:hover, #tops a:active{
	text-decoration: underline;
}
.top-twitter{
	padding-left: 19px;
	background: transparent url('images/icons/twitter.gif') left top no-repeat;
}
.top-facebook{
	padding-left: 19px;
	background: transparent url('images/icons/facebook-top.gif') left top no-repeat;
}
.bookmark{
	padding-left: 16px;
	background: transparent url('images/icons/addfav.gif') left top no-repeat;
}
.addhome{
	padding-left: 15px;
	background: transparent url('images/icons/make-homepage.gif') left center no-repeat;
}
#tops span.separator{
	padding: 0 6px;
	color: #e6e6ce;
}

/* Home */
.home-post{
	font-size: 12px;
	color: #535353;
	line-height: 17px;
	position: relative;
}
	.home-category{margin-bottom: 9px;}
	.home-category a:link, .home-category a:visited{
		font-size: 14px;
		color: #010101;
		letter-spacing: 3px;
		text-transform: uppercase;
		text-decoration: none;
	}
	.home-category a:hover, .home-category a:active{background: #f3f3f3;}
	.home-post h3{
		margin-bottom: 14px;
		margin-top: 5px;
	}
	.home-post h3.home-title a{
		font-size: 22px;
		font-style: italic;
		color: #374598;
		text-decoration: none;
		line-height: 25px;
		font-weight: normal;
	}
	.home-post h3.home-title a:hover{
		background: #f3f3f3;
	}
	a.more-link:link, a.more-link:visited{
		font-size: 11px;
		font-weight: bold;
		color: #ff6600;
		text-decoration: none;
	}
	a.more-link:hover, a.more-link:active{text-decoration: underline;}
	.comment a:link, .comment a:visited{
		font-size: 11px;
		font-weight: bold;
		color: #0096ff;
		text-decoration: none;
	}
	.comment a:hover, .comment a:active{text-decoration: underline;}
	div.date-tab{
		position: absolute;
			left: 246px;
			top: 156px;
		background: #000;
		padding: 5px 0px 10px 5px;
		width: 40px;
		font-style: italic;
		color: #fff;
		text-align: center;
	}
	html > body div.date-tab{padding: 5px 5px 10px;}
	.date-tab .day{
		font-size: 34px;
		padding-bottom: 10px;
	}
	.date-tab .month{
		font-size: 15px;
	}

.more-posts{
	margin: 15px 0;
	border-top: 1px dashed #bbb;
	border-bottom: 1px solid #dbdbdb;
	padding: 10px 0;
	line-height: 17px;
}
	a.more-p:link, a.more-p:visited{
		text-decoration: none;
		font-size: 12px;
		color: #374598;
	}
	a.more-p:hover, a.more-p:active{
		color: #374598;
		background-color: #f3f3f3;
	}



img.thumb:hover{
	-moz-box-shadow: 0px 0px 3px #6dafdd;
	-webkit-box-shadow: 0px 0px 3px #6dafdd;
	box-shadow: 0px 0px 3px #6dafdd;
}

/* Clip Area */
.clip-head{
	float: left;
}
	.clip-head h3{
		font: bold 14px Arial;
		color: #000;
		height: 14px;
		margin:0;padding:0;
	}
	.clip-head h4{
		font: normal 10px Arial;
		color: #9f9f9f;
		margin:0;padding:0;
	}
img.clip-img{
	float: left;
	margin-right: 5px;
}
.clip-menu{
	float: right;
	width: 118px;
	height: 30px;
	position: relative;
}
	.clip-menu ul{margin:0;padding:0;}
	.clip-menu li{float:left;height:30px;}
	.clip-menu a:link, .clip-menu a:visited{
		width: 16px;
		height: 15px;
		background-image: url('images/clip-menu.png');
		display: block;
		position:absolute;bottom:0px;
	}
	.clip-menu a:hover, .clip-menu a:active{height: 30px;}
	a.luni:link, a.luni:visited{ background-position: 0px 0px; left:0px;}
		a.luni:hover, a.luni:active{ background-position: 0px -15px; }
	a.marti:link, a.marti:visited{ background-position: -17px 0px; left:17px;}
		a.marti:hover, a.marti:active{ background-position: -17px -15px; }
	a.miercuri:link, a.miercuri:visited{ background-position: -34px 0px; left:34px;}
		a.miercuri:hover, a.miercuri:active{ background-position: -34px -15px; }
	a.joi:link, a.joi:visited{ background-position: -51px 0px; left:51px;}
		a.joi:hover, a.joi:active{ background-position: -51px -15px; }
	a.vineri:link, a.vineri:visited{ background-position: -68px 0px; left:68px;}
		a.vineri:hover, a.vineri:active{ background-position: -68px -15px; }
	a.sambata:link, a.sambata:visited{ background-position: -85px 0px; left:85px;}
		a.sambata:hover, a.sambata:active{ background-position: -85px -15px; }
	a.duminica:link, a.duminica:visited{ background-position: -102px 0px; left:102px;}
		a.duminica:hover, a.duminica:active{ background-position: -102px -15px; }
	
	
	
/* Captions */
p.wp-caption-text{
	background: #ececec url('images/caption-arrow.gif') left top no-repeat;
	font-family: Arial;
	font-size: 11px;
	color: #000;
	text-shadow: 1px 1px 1px #fff;
	padding: 13px 7px 5px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin: 3px 0px 6px;
	text-align: left;
	width: 75%;
	line-height: 15px !important;
}

.wp-caption {
	margin: 5px;
}

.alignleft{float: left; margin-right: 8px;}
.alignright{float: right; margin-left: 8px;}

/* Breadcrumb */
.breadcrumb, .breadcrumb a:link, .breadcrumb a:visited{
	font-size: 11px;
	color: #888888;
	text-decoration: none;
	font-family: Arial;
}
.breadcrumb{vertical-align: middle;}
.breadcrumb a:hover, .breadcrumb a:active{
	color: #000;
	text-decoration: underline;
}

/* Main Menu */
#menu-area ul{
	margin-left: 10px;
}
#menu-area ul li{
	float: left;
}
#menu-area ul li a:link, #menu-area ul li a:visited{
	padding: 6px 12px 5px 12px;
	margin: 6px 4px 0;
	display: block;
	font: bold 14px Arial;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	text-shadow: 0px 0px 2px #000;
	-moz-border-radius: 4px;
}
#menu-area ul li a:hover, #menu-area ul li a:active{
	background: #00315c;
	
}
ul.children{display: none;}

	/* Sub Menu */
	.submenu{ /*line*/
		width: 584px;
		padding: 10px 0;
		position: absolute;
			left: 130px;
			top: 0px;
			z-index: 200;
		background: #fff;
		-moz-box-shadow: 3px 7px 20px #bbb;  
		-webkit-box-shadow: 3px 7px 20px #bbb;  
		font-family: Arial;display: none;
	}
		.tabcontent{
			
		}
	.submenu-categories{
		width: 107px;
		margin-left: -584px;
	}
	.submenu-posts{
		width: 312px;
		padding: 0 10px;
		margin-left: -477px;
			height: 100%;
		border-left: 1px solid #d1d1d1;
		border-right: 1px solid #d1d1d1;
	}
	.submenu-sidebar{
		width: 123px;
		padding: 0 10px;
		margin-left: -145px;
	}
	
	.submenu h3{ /*Heading*/
		font: bold 14px Arial;
		color: #000;
		text-transform: uppercase;
		margin: 0 0 10px 0;
	}
	.submenu-posts div{
		padding-bottom: 10px;
		border-bottom: 1px dashed #bbb;
		margin-bottom: 10px;
	}
	.submenu-categories h3{
		margin-left: 10px;
	}
	.submenu-title a:link, .submenu-title a:visited{ /*Title*/
		color: #4c4c4c;
		font-weight: bold;
		font-size: 14px;
		text-decoration: underline;
	}
	.submenu-title a:hover, .submenu-title a:active{
		background-color: #f3f3f3;
	}
	.submenu p{
		color: #555555;
		font-size: 11px;
		padding: 3px 0;
	}
	.submenu-extra{
		font-size: 10px; 
		color: #8d8d8d;
	}
	.submenu-extra a:link, .submenu-extra a:visited{
		font-size: 10px;
	}
		/*Categories*/

		ul.submenu-catlist a:link, ul.submenu-catlist a:visited{
			border-bottom: 1px solid #eaeaea;
			padding: 3px 0px 3px 10px;
			font-size: 11px;
			color: #656565;
			margin: 0;
			text-decoration: none;
			width: 100%;
			display: block;
		}
		ul.submenu-catlist a:hover, ul.submenu-catlist a:active{
			background-color: #f6f6f6;
		}

/* Widgets */
h3.widget-head{
	font-size: 14px;
	font-weight: normal;
	font-family: Georgia, Arial, sans-serif;
	text-transform: uppercase;
	color: #000;
	padding: 0;
	line-height: 16px;
	width: 135px;
	border-bottom: 1px solid #555;
	margin-bottom: 5px;
	letter-spacing: 2px;
}
div.widget-body{
	margin: 0 0 15px 0;
}

.poll-title{
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 5px;
}
.wp-polls-ul li{
	line-height: 18px;
	background-color: #fff;
}

/* Calendar */
#wp-calendar{
	width: 100%;
}
#wp-calendar caption{
	font-weight: bold;
	background-color: #656565;
	padding: 3px 5px;
	border-bottom: 1px solid #fff;
	color: #fff;
}
#wp-calendar thead tr th{
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}
#wp-calendar .pad{
	background-color: #f5f5f5;
}
#wp-calendar tbody tr td{
	color: #656565;
}

/* Recent comments */
.recentcomments a:link, .recentcomments a:visited{
	font-style: italic;
	color: #0e5e6a !important;
}
.recentcomments a.url:link, .recentcomments a.url:visited{
	font-weight: normal;
	font-style: normal;
	color: #111 !important;
}

/* Categories (links in sidebar) */
#categories-3 li.cat-item a:link, #categories-3 li.cat-item a:visited{
	text-decoration: none;
	padding: 5px;
	display: block;
	border-bottom: 1px solid #eaeaea;
	color: #656565;
	width: 125px;
}
#categories-3 li.cat-item a:hover, #categories-3 li.cat-item a:active{
	background-color: #f6f6f6;
	color: #333;
}

li.page_item a:link, li.page_item a:visited{
	text-decoration: none;
	padding: 5px;
	padding-left: 0;
	display: block;
	border-bottom: 1px solid #eaeaea;
	color: #656565;
	width: 125px;
}
li.page_item a:hover, li.page_item a:active{
	background-color: #f6f6f6;
	color: #333;
}

/* Tag Cloud */
.wp-tag-cloud li a:link, .wp-tag-cloud li a:visited, .blogroll li a:link, .blogroll li a:visited{
	text-decoration: none;
	padding: 5px;
	padding-left: 0;
	display: block;
	border-bottom: 1px solid #eaeaea;
	color: #656565;
	width: 125px;
	text-transform: capitalize;
}
.wp-tag-cloud li a:hover, .wp-tag-cloud li a:active, .blogroll li a:hover, .blogroll li a:active{
	background-color: #f6f6f6;
	color: #333;
}

/* Search */
.search-excerpt{
	margin-top: 6px;
}
.search-excerpt a:link, .search-excerpt a:visited{
	text-decoration: none;
	color: #535353;
	font-size: 12px;
}
.search-box{
	position: absolute;
		right: 13px;
		top: 79px;
}
.search-default{
	font: normal 12px Arial;
	width: 170px;
	color: #333;
	padding: 4px 6px;
	border: 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-box-shadow: 0px 0px 3px #000;
	-webkit-box-shadow: 0px 0px 3px #000;
}
.searchfooter-default{
	font: normal 11px Arial;
	width: 109px;
	color: #333;
	padding: 2px 3px;
	border: 0;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.search-active{
	font: normal 12px Arial;
	width: 170px;
	color: #333;
	padding: 4px 6px;
	border: 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-box-shadow: 0px 0px 5px #fff;
	-webkit-box-shadow: 0px 0px 5px #fff;
}
.search-button{
	border: 0;
	background: transparent url('images/ok-search.png') 0 0 no-repeat;
	width: 17px;
	height: 18px;
	cursor: pointer;
	margin-left: 3px;
}
.search-button-h{
	border: 0;
	background: transparent url('images/ok-search.png') 0 -18px no-repeat;
	width: 17px;
	height: 18px;
	cursor: pointer;
	margin-left: 3px;
}

h3.search-results-title{
	font-weight: normal;
	font-size: 16px;
	margin-bottom: 20px;
}

/* Tagline */
.tagline{
	position: absolute;
		left: 60px;
		top: 105px;
		color: #fff;
		font: normal 11px Arial;
}

/* Recent comments */
.recentcomments a:link, .recentcomments a:visited{
	color: #333;
	text-decoration: none;
}
.recentcomments a:hover, .recentcomments a:active{
	background-color: #f3f3f3;
}
li.recentcomments{
	padding-bottom: 3px;
	margin-bottom: 3px;
	border-bottom: 1px solid #ddd;
}

/* Newsletter */
a.newsletter-home:link, a.newsletter-home:visited{
	width: 190px;
	height: 128px;
	position: absolute;
		top: 4px;
		right: 369px;
	text-indent: -9999px;
	background: transparent url('images/newsletter-button_home.png') left top no-repeat;
}
a.newsletter-home:hover, a.newsletter-home:active{
	background: transparent url('images/newsletter-button_home.png') left -128px no-repeat;
}

/* Surprise me */
a.surprise:link, a.surprise:visited{
	width: 169px;
	height: 28px;
	display: block;
	background: transparent url('images/surprise.png') center top no-repeat;
	position: absolute;
		right: 45px;
		top: 15px;
}
a.surprise:hover, a.surprise:active{
	width: 169px;
	height: 42px;
	background: transparent url('images/surprise.png') center -28px no-repeat;
}