/*  
Theme Name: WP Ideo
Theme URI: http://www.ideo.ro/
Description: Magazine-like theme for Ideo blog network
Version: 1
Author: Ideo
Author URI: http://www.ideo.ro/

	WP Ideo v1
	http://www.ideo.ro/

*/

body {
	padding:20px 0 0px 0; 
	margin:0 0 0px 0; 
	text-align: center;
	background:#dadada; 
	font-family:Arial, sans-serif;
	font-size:12px;
	color:#000000;
}
html {margin:0px 0 0px 0; padding:0 0 20px 0;}
#allContent { width:989px; margin:0 auto; text-align:left; }
#theContent {float: left; width:989px; }
#theContent div{float: left;}

/*conventii generale*/
p,h1,h2,h3,h4,h5,form,fieldset {margin:0; padding:0; float: left; border:0;}
p { float: left;}
ul {list-style-type:none; float:left; margin:0; padding:0;}
a {color: #0b54a7; text-decoration: underline; outline: none}
a:hover{ text-decoration: none;}
:focus {outline: 0;}
img {border: 0;}

/* colturi */
.tf {display: block; height:5px; font-size:1px; line-height:1px; position: absolute; top:-2px; left:-1px; background:url(images/top_full.gif) no-repeat 0 0; width:991px; z-index:0;}
.bf {display: block; height:5px; font-size:1px; line-height:1px; position: absolute; bottom:-4px; left:-1px; background:url(images/bottom_full.gif) no-repeat 0 bottom; width:991px; z-index:0;}

.tm { height:10px; top:1px; position: relative; font-size:1px; line-height:1px;background: url(images/top_rnd_big.gif) no-repeat 0 0; width:679px; }
.bm { height:10px; bottom:0px; position: relative; font-size:1px; line-height:1px;background: url(images/bottom_rnd_big.gif) no-repeat 0 0; width:679px; }

.ts { height:10px; top:1px; position: relative; font-size:1px; line-height:1px; background: url(images/top_rnd_small.gif) no-repeat 0 0; width:300px; }
.bs { height:10px; bottom:0px; position: relative; font-size:1px; line-height:1px; background: url(images/bottom_rnd_small.gif) no-repeat 0 0; width:300px; margin-bottom:10px;}

.tft { height:10px; top:1px; position: relative; font-size:1px; line-height:1px; background:url(images/footer_top.gif) no-repeat 0 0; width:991px; margin-top:10px; }
.bft { height:9px; bottom:0px; position: relative; font-size:1px; line-height:1px; background: url(images/footer_bottom.gif) no-repeat 0 bottom; width:991px; margin-bottom:10px;}


/*colturi footer*/


#header {width:987px; background: #fff; position: relative; border: solid 1px #c4c5c6; height:107px; margin-bottom: 40px;}
#header img{float: right; margin: 10px 10px 0px 0; border:0; position: relative; z-index:100;}
#header div.banner{float: right; margin: 10px 10px 0px 0; border:0; position: relative; z-index:100;}

#header h1{position: relative; padding:25px 10px 10px 20px; text-indent:-9999px;}
#header h1 a{display: block; background: url(images/logo.gif) no-repeat 0 0; width:187px; height:70px; position: relative; z-index:100;}
#header h1 a:hover{display: block; background: url(images/logo.gif) no-repeat 0 0; width:187px; height:70px; }

.topMenu { position: absolute; bottom:-26px; right:10px; }
.topMenu li{float: left;  background: url(images/bg_rest_btn.gif) no-repeat right 0; margin-left: 1px; position: relative; z-index:0}
.topMenu li a{display: block; float: left; height:18px; padding: 2px 10px 2px 10px; color: #fff; font-weight: 100; text-decoration: none;  background: url(images/bg_left_btn.gif) no-repeat 0 0; position: relative; z-index:100; }
.topMenu li a:hover{color: #f8c6c6 !important}

#page {width:989px; float: left; padding:0px 0px 0px 0px; position: relative; }


#leftCln { width:677px; position: relative; }
#rightCln { width:300px;float: right !important}

/* big box model */
.bigRBox {width:657px; padding: 5px 10px 5px 10px; position: relative; z-index:0; background: #fff; border: solid 1px #c4c5c6; border-top:0; border-bottom:0; margin-bottom:0px;}

.smallRBox {width:278px; padding: 5px 10px 10px 10px; position: relative; background: #fff; border: solid 1px #c4c5c6; border-top:0; border-bottom:0; margin-bottom:0px;}
.smallRBox h2 {width:275px; padding: 0 0 9px 3px; font-size:18px; font-weight: 100}

a.post_thumb img {
	float: left;
	margin: 0 10px 0 0;
}

/* small box model */
.bigRBox h2 {width:654px; padding: 0 0 10px 3px; font-size:21px; font-weight: 100}
.bigRBox h3 {width:100%; padding: 0 0 0px 0; }
.bigRBox h3 a{font-size:15px; font-weight: bold;text-decoration: none; }
.bigRBox h3 a:hover{color: #333 }

.fullSizeBox {width:655px; border: solid 1px #eee; margin-bottom: 20px; background: #fbfbfb;}
.withbg {background: url(images/bg_big_box.gif) repeat-y right 0}

.half {width: 330px; padding:10px; }
.hotAndNew { width:230px; padding-left:100px; position: relative; border-bottom: solid 15px #fff;}
.hotAndNew p{ width:210px; padding:0px 0 0 0; line-height:18px; }
.hotAndNew .thumb{display: block; width:90px; height:68px; position: absolute; left:0px; top:0px;}
.hotAndNew .thumb img{border:0; }

.morehotAndNew {float: right !important;  padding:10px; width:285px}
.linkList{float: left !important;  width:285px; z-index:0; position:relative;}
.linkList li{float: left; clear: left; width:285px; padding-bottom:6px}
.linkList li a{display: block; float: left; width:270px; padding-left: 15px; background: url(images/redot.gif) no-repeat 4px 5px; text-decoration: none; font-weight: bold;}
.linkList li a:hover{ text-decoration: underline; }

.blogBox .linkList{ padding-top:5px; }
.blogBox { width:280px;  position: relative; z-index:0; padding:10px 15px 10px 20px;  margin-right:5px; }
.blogBox h3{ width:280px; border-bottom: solid 1px #dadada; padding: 0 0 2px 0; font-size:15px; font-weight: bold; z-index:0; position:relative; }
.blogBox h3 a{color: #000;  text-decoration: none; position: relative; z-index:100; }
.blogBox h3 a:hover{color: #000;  text-decoration: underline; position: relative; z-index:0; }
.moreAndRss {position: relative;  top:-18px; right:-230px; z-index:1010; width:50px; margin-bottom:-15px;}
.moreAndRss a{font-size:11px;  display: block; float: right; color: #cc0000; margin-left:10px; padding-right: 15px; background: url(images/rss.gif) no-repeat right 1px}

/*small box */
.smallRBox .linkList{float: left !important;  width:275px; z-index:0; position:relative; padding-bottom:15px;}
.smallRBox .linkList li{float: left; clear: left; width:275px; padding-bottom:6px}
.smallRBox .linkList li a{display: block; float: left; width:260px; padding-left: 15px; background: url(images/redot.gif) no-repeat 4px 5px; text-decoration: none; font-weight: bold;}
.smallRBox .linkList li a:hover{ text-decoration: underline;}
.smallRBox .footer {width:290px; border-top: solid 1px #dedede; padding: 4px 0 0px 10px; position: absolute; bottom:0; left:0; }
.smallRBox .footer a{font-size:11px; text-decoration: none; }
.smallRBox .footer a:hover{color: #000}


/*banner 300*/
.banner300 {width:300px; padding: 0px 0 10px 0}
.banner300 a img{border:0;}

.textFld {border: solid 1px #b5b6b6; width:200px; font-size:12px; font-family: Arial, sans-serif; margin:0; padding:4px; float: left; margin-left:4px;}
.textFld:focus{border: solid 1px #000 !important; }
.submitBtn {border:0; margin:0; padding:0; background: url(images/ok.jpg) no-repeat 0 0; width:31px; height:24px; margin-left:10px; cursor: pointer}




.video { text-align: center; padding: 45px 0 20px 0; }
.videoHead {background: url(images/video_head.jpg) no-repeat 0 0; position: absolute;  top:0px; left:-1px; width:290px !important; height:30px; padding: 9px 0 0 10px !important; color: #fff !important}

.banere {padding:0px !important; width:635px;  padding:10px !important;}
.banere h2{width:632px; }
.banere img{border:0; float: left;}


#footer {width:969px; padding: 10px; text-align: center; position: relative; background: #e5e6e6; border: solid 1px #c4c5c6; border-top:0; border-bottom:0; font-size:11px;}
#footer ul{padding-left: 170px;}
#footer ul li{float: left; padding-right:10px;}
#footer ul li a{margin-right:5px;}
.copyR {color: #818181; float: left; width:100%; padding: 8px 0 0px 0;}
.copyR a{ color: #818181;font-weight: bold;}

/*mini mini menu*/
.miniMenu {background: url(images/line.gif) no-repeat right bottom; width:136px; padding:0px 1px 10px 0px; margin:0;}
.miniMenu li{background: #fff; width:136px; padding:3px 0px 3px 0px; margin:0; color: #c4c4c4; font-size: 11px;}
.miniMenu li a{padding-left:5px;}

/*blog content*/
.blogConent {width:500px; padding:10px; padding-top:0px;}
.blogConent h2{padding-left:0px; width:500px; padding-top:10px;}
.blogConent h2 a{text-decoration: none}
.blogConent h2 a:hover{color: #333;}

.blogConent .linkList{padding:15px 0 0 100px; width:400px;}
.blogConent .linkList li{width:400px; }
.blogConent .linkList li a{width:380px;}
.blogConent .hotAndNew { width:500px; padding-left:0px; padding-bottom: 15px; position: relative; border-bottom: solid 1px #eeeeef; margin-bottom:15px;}
.blogConent .hotAndNew p{ float: none !important; width:none !important; display: inline; padding:0px 0 10px 0; line-height:18px; }
.blogConent .hotAndNew p a{ color: #333}
.blogConent .hotAndNew .thumb{display: block; float: left; width:90px; height:68px; position: relative; padding-right:10px; padding-bottom:0px;}
.blogConent .hotAndNew .thumb img{border:0; float: left;}

/*blog title*/
.blogTitle {width:989px; height:49px; background: url(images/blog_bg.png) no-repeat 0 0; margin-bottom:15px;}
.blogTitle h1{width:944px;  padding: 12px 0 9px 20px;  margin:0; font-size:24px; font-weight:100; color: #f64546}
.blogTitle h1 span{font-size:14px; font-weight:bold; color: #000; position: relative; top:-2px}
.blogTitle h1.gizmo{background:  url(images/bg_gizmo.png) no-repeat right 1px;}


/*browse*/

.browsing {padding: 15px 0 0 0; float: left; text-align: center;}
.browsing span{display: block; float: left; clear: left; padding: 5px 0 0 0; text-align: center; width:100%; color: #999}
.browsing ul{}
.browsing ul li{float: left; border-left:2px solid #fff; }
.browsing ul li a{display: block; padding:2px 5px 2px 5px; border: solid 1px #e0e0e0; color: #0b54a7; text-decoration: none; float: left;}
.browsing ul li.selected1{padding:2px 5px 2px 5px; border: solid 1px #fff; color: #000;font-weight:bold; }
.browsing ul li.selected2{padding:2px 5px 2px 5px; border: solid 1px #fff; color: #c4c4c4;font-weight:100; }
.browsing ul li a.rarrow{font-size:1px; background: url(images/rarrow.gif) no-repeat center center; height:15px; text-indent:-9999px; width:20px;padding-left:0; padding-right:0;}
.browsing ul li a.larrow{font-size:1px; background: url(images/larrow.gif) no-repeat center center; height:15px; text-indent:-9999px;  width:20px; padding-left:0; padding-right:0;}
.browsing ul li a:hover{background-color: #fff; border: solid 1px #0b54a7;}


/*rss*/
.abRss {display: block; text-decoration: none; width:90px; height:27px; background: url(images/abb_rss.gif) no-repeat 0 0; color: #f37121; padding: 13px 0 0 40px; margin-bottom:5px;}
.abRss:hover{color: #000}

/* articol */
.articol p{margin: 0px 0 0 0 !important; display: block !important; width:100%;}

/*comentariu*/
.comments { width:100%}
.comments p {clear: left; width: 100%;}
.comments form { clear: left; width: 100%;}
.comments fieldset{ width:100%}
.comments fieldset label{padding:0 0 5px 5px; float: left; display: block; width:300px;}
.comments fieldset .textFld{margin-bottom:10px}
.comments fieldset .subtBtin{cursor: pointer;}
.comments fieldset textarea{margin-bottom:10px; font-family: Arial, sans-serif; margin-left:5px; font-size:12px; padding:3px; width: 400px; height:200px; border: solid 1px #b5b6b6}
.comments h4{padding: 15px 0 15px 0; width:100%; font-size:15px; font-weight: bold; margin:0; color: #444}
.comment { width:100%; padding: 15px 0 15px 0; border-bottom: solid 1px #eeeeef; }
.comment span{display: block; padding: 5px 0 10px 0; color:#999;font-size:11px; width:100%}
.comment span a{ color:#999;}

/*special list*/
.special { padding:0 !important; width:155px !important}
.special li{padding-bottom:2px !important;width:155px !important }
.special a{font-size:11px; width:140px !important; font-weight: 100 !important; padding-left:5px !important; background: none !important; color: #dc0001 !important; text-decoration: underline !important}
.special a:hover{text-decoration: none !important}

.bnr120 {width:120px;  padding-left:3px;}
.bnr120 a {background: red;}
.bnr120 img{border:0; float: left}