/*
Theme Name: Starkers
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar! (Based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>)
Version: 2.8
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

body {background: repeat-x top center url("style/images/fundal-nou.png" ) #0495be;font-family:"Trebuchet MS",Georgia,Serif;}
a {color:#909; text-decoration:none;}
a:hover {text-decoration:underline;}
#total {margin: 0 auto 0;	width:1008px;}
#header {width:1008px;height:215px;background: no-repeat bottom url("style/images/header-nou.png") transparent;}
#continut {width:1008px;background: repeat-y top left url("style/images/fundal-page.png") #000;}
#footer {width:1008px;height:15px;line-height:15px;clear:both;background: no-repeat top left url("style/images/footer.png") #0495be;}
#texte  {margin-left:10px;width:657px;float:left;}
#sidebar {margin-right:10px;width:320px;float:right;}
#oras {width:301px;height:55px;background: no-repeat top left url("style/images/orase.png") #fff; float:left;}
#catmenu{float:left; margin-top:99px; width:670px; margin-left:10px; height:52px;}
#slide {width:660px;height:327;border:1px solid black;margin-bottom:10px;}
#slide-poza{width:412px; height:327px; display:inline-block;float:left;}
#slide-dreapta{width:246px; height:316px; display:inline-block; background:url("style/images/fundal-galery.png") repeat-x top left; float:right; padding:11px 0 0 0; }
#bucuresti {margin-left:23px;float:left;}
#cluj {margin-right:53px; float:right;}
#respond {margin-top:10px;}
#social{height:77px;width:320px;}

#twitter a {background:url("style/images/t.png") 0 0 no-repeat;}
#facebook  a {background:url("style/images/f.png") 0 0 no-repeat;}
#youtube a {background:url("style/images/m.png") 0 0 no-repeat;}
#rss  a {background:url("style/images/rss.png") 0 0 no-repeat;}



#texte div.articol-mic{ width:328px; float:left;}
#texte div.articol-mare{width: 659px; display: inline-block; clear:both;}
h3.mov-mic, h2.widgettitle {width:319px; height:50px; background: no-repeat url("style/images/sidebar-header.png") #c9c; margin-left:5px;color:white;text-align:center;line-height:50px;}
h3.mov-mic a,h3.mov-mare a, h2.widgettitle a{color:#fff;text-decoration:none;}
h3.mov-mare {width:659px; height:49px; background: no-repeat url("style/images/header-lung.png") #c9c; margin-left:5px;color:white;text-align:center;line-height:49px;}
#texte div.articol-mic h2,#texte div.articol-mic p,#texte div.articol-mare h2,#texte div.articol-mare p{padding-left:15px;}
#texte div.articol-mic p ,#texte div.articol-mare p {margin-bottom:10px;}
#texte div.articol-mare div.articol{ width:219px; float:left;}
#texte hr {clear:both; border:none;}


h2.widgettitle {margin:0 0 0 -10px;}

#sidebar ul li.widget{padding: 0 10px;}


#oras ul, #oras ul li{display:inline;}
#bucuresti a{display:inline-block;width:105px;height:44px;background: no-repeat 0 0  url("style/images/bucuresti.png") #fff;}
#cluj a{display:inline-block;width:55px;height:44px;background: no-repeat -53px 0 url("style/images/cluj.png") #fff;}
#bucuresti a span,#cluj a span{display:none;}
#cluj a:hover{background-position: 0;}
#bucuresti a:hover{background-position:-107px 0;}


#footer p{text-align:center;font-size:10px;}
#header h1 a{width:224px; height:192px; display:block; float:right; margin-right:60px; background:no-repeat ;}
#header h1 a span { display:none; }


#catmenu ul li { display:inline-block; float:left; line-height:52px;height:52px;padding:0 20px 0 10px; background:no-repeat right 10px url("style/images/linioaca-aurie.png");}
#catmenu ul li.last-child {background:none; padding:0 0 0 10px;}
#catmenu ul li:last-child {background:none; padding:0 0 0 10px;}
#catmenu a{color:#000; text-decoration:none;}
#catmenu a:hover {text-decoration:underline;}

#slide-dreapta div.slide-dreapta-div {height:61px;width:100%;}
#slide-dreapta div.slide-dreapta-div a{height:61px; width:226px; display:block; overflow:hidden; padding:0 10px;
													font-family:Georgia,Serif; font-style:italic; font-size:18px; color:#fff; text-decoration:none;}
#slide-dreapta div.slide-dreapta-div a:hover{background:#c9c; color:#000;}


div.flickr img{margin:3px 12px;}
.widget_categoryposts ul li {display:inline; width:60px; height:10px; padding:0;}
.widget_categoryposts ul {padding:0 20px;}


p.ascunde { font-size:11px; margin-top:20px; background:#aaa}
p { font-size:12px;}


#social li{display:inline-block; width:77px; height:77px; float:left;}
#social li a{width:77px; height:77px; display:block;}
#social li a:hover {background-position:0 -77px;}
#social li a span{display:none; width:77px; height:77px;}