/*
Theme Name: tularMag
Theme URI: http://www.imevolution.it
Description: tularMag un tema per wordpress indicato ai magazine
Version: 1.0
Author: IMEvolution.it
Author URI: http://www.imevolution.it
Tags: fixed width, magazine, white
*/

@import url('css/reset.css');
@import url('css/global.css');

/************************************************
*	Body                                 	     		         * 
************************************************/
body{ padding:0; margin:0; text-align:center; background:url(images/body-bg.gif) repeat-x top #414141; font:13px 'Trebuchet MS', Verdana, Arial, sans-serif; line-height:18px; color:#333333;}
#wrapper { width:960px; margin:auto; padding-top:17px;}
a{color:#2277DD; text-decoration: none;}
a:hover{color:#2277DD; text-decoration: underline;}

/************************************************
*	Header                          	     		         * 
************************************************/
#header{height:138px;}
#logo {width: 550px; height: auto; float: left; margin-top: 20px; font-size: 30px; line-height: 1; padding-top: 20px;}
#logo a { color: #fff;}
#logo #description {
display: block;
font-size: 20px;
color: #000;
line-height: 1.6;
}
#menu {width: 350px; float: right; font: bold 12px Trebuchet MS,Arial,sans-serif; text-transform: uppercase; list-style: none; overflow: hidden; padding: 35px 0 0 0;}
#menu li {float: left; display: inline; padding-right: 10px; }
#menu li a {display: block; color: #fff; text-decoration: none; padding: 4px 7px; -moz-border-radius:3px; -webkit-border-radius:3px;}
#menu li a:hover {text-decoration: none; background: #2277DD;}
#menu li.current_page_item a {background: #2277DD;}

/************************************************
*	Content                                 	     		         * 
************************************************/
#content{text-align:left; background: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#main-content{float:left; width:610px; padding: 10px; }
#entry {padding:0px 20px 0 20px;}
.post{padding-bottom:5px;}
.post ul, .post ol {margin-bottom:10px; }
.post ul li {list-style:square; margin-left:30px; }
.post ol li {list-style:decimal; margin-left:30px;}
.post ol li ul li { list-style:square; margin-left:20px;}
.post h2 a:link,h2 a:visited{color: #2277DD; text-decoration:none;}
.post h2 a:hover{color: #2277DD;}
.post p{padding:0 0 10px 0;}
.post .meta {padding: 3px; background: #f1f1f1; color: #828282; margin: 10px 0; display: block; font-size: 11px;}
.post .meta a {text-decoration: none; color: #828282;}
.post .thumb {width: 200px; height: 150px; overflow: hidden; float: left; margin: 0 10px 0 0;}

.box {padding: 10px; border: 1px solid #ccc; margin-bottom: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

/************************************************
*	Sidebar                                 	     		         * 
************************************************/
#sidebar{float:left; width:321px; padding-top: 10px;}
#sidebar h2{background: url(images/h2.gif) repeat-x left bottom; color: #2277DD; padding-bottom: 5px; margin-bottom: 10px; text-transform: uppercase; font-size: 150%; font-weight: normal;}
#sidebar ul li {}
#sidebar ul li ul li {padding-left: 15px; line-height: 170%; background:#fff url(images/li.gif) no-repeat 0 8px;}
#sidebar1 {float: left; width: 141px;}
#sidebar2 {float: right; width: 170px;}

/************************************************
*	Comments                                 	     		         * 
************************************************/
.comments { float: left; width: 500px; margin-top: 10px; padding: 10px; border: 1px solid #DDDDDD; }
.commentlist { margin: 0; padding: 0; }
.commentlist ol { margin: 0; padding: 10px; }
.commentlist li { margin: 15px 0px 10px; padding: 10px 5px 10px 10px; list-style: none; }
.commentlist li ul li { margin-right: -5px; list-style: none; }	
.commentlist li .avatar { float: right; border: 1px solid #ccc; margin: 5px; padding: 2px; }
.commentlist cite, .commentlist cite a, .reply { font-weight: bold;}
.commentlist p { margin: 10px 5px 10px 0px; padding: 0; }
.commentmetadata { font-size: 10px; 	margin: 0; display: block; }
#respond:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden;	}
#commentform { margin: 5px 5px 0 0; }
#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0px; border: 1px solid #ccc;}
#commentform textarea { width: 100%; border: 1px solid #ccc;}
#commentform #comment { color: #000; padding: 2px; margin: 5px 0; }
#commentform #submit { background: #444; color: #fff; margin: 10px 0; float:left; cursor:pointer; }
.alt { margin: 0; padding: 10px;	}
.children { 	margin: 0; padding: 0;}
.nocomments { text-align: center; margin: 0; padding: 0; vertical-align: middle;}
.thread-alt,.thread-even  { background: #FFFFFF; margin: 0; padding: 0; }
.depth-1 { border: 1px solid #ccc; margin: 0; padding: 0; }
.even, .alt { border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 0; background:#fff; }
.bypostauthor{ background:#E4F9FF; }  /* author comment style*/

/************************************************
*	Footer                                 	     		         * 
************************************************/
#footer {color:#666666;height:50px; background: #414141; text-align:left; padding:5px; padding-left: 10px;}
#footer p {color:#999999; }
#footer span {color: #ccc;}
#footer a {color:#FFFFFF; text-decoration:none;}
#footer a:hover{text-decoration:underline;}

/************************************************
*	IE7 fix (top padding)                                	     	 * 
************************************************/
*:first-child+html #main-content {padding-top: 10px;}
*:first-child+html #sidebar{padding-top: 10px;}