/*

Theme Name: Studio N Template

Theme URI: http://www.allmightyweb.com/

Description: This is custom theme for site http://www.radiostudion.com

Version: 1.0

Author: Zoran Karadza

Author URI: http://www.allmightyweb.com/

Tags: fixed,two,columns



	This theme was designed and built by All Mighty Web,

	whose blog you will find at http://www.allmightyweb.com/



	The CSS, XHTML and design is copyright 2008



*/



*{ padding:0; margin:0; }



html { margin:0; padding:0; }



.bodyclass { background-color:#242423; font-size:12px; font-family:"Trebuchet MS"; }



.wrapper { position:relative; width:974px; margin:0 auto; }



.clr { clear:both; }



a { color:#FF6600; text-decoration:none; font-weight:normal; }



a:hover { text-decoration:underline; }



ul { margin:0; padding:0; list-style:none; }



ul li {}



ol { padding: 0 0 0 0; margin: 0; list-style:none;	}



ol li { margin: 0; padding: 0; }



/* LAYOUT */

#header { background-color:#242424; height:240px; border-bottom:2px solid #DFD88B; }



#header #livestream { float:left; width:250px; height:167px; margin-top:30px;}



#header #logo { float:left; width:385px; height:90px; background:transparent url(images/logo.png) 0% 0% no-repeat; margin:20px 0px 0px 45px; }



#header #logo .stream { position:absolute; margin:90px 0px 0px 0px; }
#header #logo .stream a { color:#00CCFF; }



#header #livestream img { border:0px solid #FFF; }



#main { background-color:#ECE9D8; padding:30px 0px 20px 0px; }



#main #left { float:left; width:160px; }



#main #right { float:left; width:780px; margin-left:34px; }



/* BOX MODEL */

#right .boxrep{ background:url(images/boxrep.png) 0% 0% repeat-y;}

#right .boxtop{ background:url(images/boxtop.png) 0% 0% no-repeat;}

#right .boxbot{ background:url(images/boxbot.png) 0% 100% no-repeat;}



/* PAGE */

#page { padding:10px 10px 10px 14px; }



#page .post { padding:0px 0px 30px 0px; }



#page h2 { font-size:1.3em; padding-bottom:7px; }



#page .entry p { padding-bottom:12px; line-height:1.5em; }



#page .postmetadata { margin:10px 0px 0px 0px; padding:4px 8px 4px 8px; background-color:#EDEFCE;}



#page span.date { display:block; display:inline; width:35px; height:35px; float:right; background:url(images/datebg.png) 0px 0px no-repeat; margin-left:8px; }



#page span.date span.month { font-size:0.9em; text-align:center; display:block; color:#666666; }



#page span.date span.year { font-size:0.9em; text-align:center; display:block; color:#666666; }



#page .box1 { width:360px; padding:0px 0px 20px 0px; margin:0px 0px 8px 0px; border-bottom:1px solid #E1E1E1; }



#page .box1 h1 { padding:0px 0px 15px 0px;  }



#page .box1 .post { padding:0px 0px 0px 0px; }

#page .box1 span.datefront { display:block; font-size:0.9em; display:block; color:#666666; }



#page .box1 .post h2 { font-size:1.4em; }



#page .box1 span.rest a { display:block; }

#page .b1 { float:left; height:270px; }
#page .b2 { float:left; height:270px; margin-left:36px; }

#page .b3 { float:left; height:330px; }
#page .b4 { float:left; height:330px; margin-left:36px; }

/* TOP NEWS */
.topnews {background-color:#FF6600; color:#FFFFFF; padding:8px 8px 3px 8px; margin-bottom:15px; }
.topnews h2 a { font-size:1.5em; }
.topnews a { color:#FFFFFF; }
.topnews p { font-size:1.3em; }

/* ARCHIVE*/



h2.pagetitle { padding:8px 0px 0px 15px; }



/* PETITION */

#footer { padding:10px 0px 0px 0px; position:relative; border-top:2px solid #DFD88B; }



#footer .copyright p { padding-bottom:8px; color:#CCCCCC; }







/* COMMENTS */

#comments { margin:15px 0px 0px 0px; padding:10px; background-color:#EDEFCE; }



#comments h3 { padding:0px 0px 10px 0px; }



.commentlist li, #commentform input, #commentform textarea { font: 0.9em; }



.commentlist li ul li { font-size: 1em; }



.commentlist li { font-weight: bold; }



.commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff;	}



.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }



.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; }



#commentform p {}



.commentmetadata { font-weight: normal; }



#comments textarea { width:99%; }





/* MODULES */

.module-menu { margin-bottom:25px; }

.module-menu h3 { font-size:1.2em; padding-bottom:2px; text-transform:uppercase; }

.module-menu ul li a { display:block; padding:4px 8px 4px 22px; margin:0px 0px 5px 0px; background:#E8E3CE url(images/arrow.png) 8px 8px no-repeat; font-size:1.1em; font-weight:bold; }





.module-latestarticles,

.module-archives { background-color:#E8E3CE; margin-bottom:25px; padding:8px 8px 8px 8px; }





.module-latestarticles h3,

.module-archives h3 { font-size:1.2em; padding-bottom:2px; text-transform:uppercase; }



.module-latestarticles span.date { display:block; font-size:0.8em; }

.module-latestarticles ul li { padding:4px 0px 4px 0px; border-bottom: 2px dotted #CDC194; }



/*advert 260 module*/

.module-advert260 { margin-bottom:25px;}

.module-advert260 img { border:0px solid #FFF; }





/* IMAGES */

img.alignleft { float:left; display:inline; background-color:#FFFFFF; border:1px solid #EDEFCE; padding:5px; margin-right:5px; }



img.centered { display: block; margin-left: auto; margin-right: auto; background-color:#FFFFFF; border:1px solid #EDEFCE; padding:5px }



img.alignright { float:right; display:inline; background-color:#FFFFFF; border:1px solid #EDEFCE; padding:5px; margin-right:5px; }





/* tags */

blockquote { margin: 15px 30px 15px 10px; padding:10px 10px 10px 20px; border-left: 5px solid #C65500; background-color:#232324; color:#CCCCCC; }





/* 404 ERROR*/

#404 { padding:150px 0px 150px 0px; text-align:center; font-size:1.6em;}