/*
Theme Name: tularMag
Theme URI: http://themelib.com
Description: tularMag is a high quality magazine wordpress theme
Version: 1.0
Author: ThemeLib
Author URI: http://themelib.com
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:15px '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:98px;}
#logo {width: 250px; height: 60px; float: left; margin-top: 0px;}
#menu {width: 335px; float: right; font: bold 14px Trebuchet MS,Arial,sans-serif; text-transform: uppercase; list-style: none; overflow: hidden; padding: 25px 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                                 	     		         * 
************************************************/
/* Background I need to fix in IE */
#content{float:left; text-align:left; width:960px; background: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
/*Hello World */
#main-content{float:left; background: #fff; width:600px; padding: 10px; }
#squeeze-content{float:left; background: #fff; width:950px; padding: 10px; }
#entry {padding:0px 20px 0 20px;}
.post{padding-bottom:5px;}
.post ul, .post ol {margin-bottom:10px; }
.post li {list-style:disc; margin-left:15px; margin-bottom:10px; color:gray;}
.post ul li {list-style:disc; margin-left:30px;}
.post ol li {list-style:decimal; margin-left:30px;}
.post ol li ul li { list-style:disc; 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: 140px; overflow: hidden; float: left; margin: 0 10px 30px 0;}

.page{padding-bottom:5px;}
.page ul, .page ol {margin-bottom:10px; }
.page li {list-style:disc; margin-left:15px; margin-bottom:10px; color:gray; }
/*.page ul li {list-style:disc; margin-left:30px; } */
.page ol li {list-style:decimal; margin-left:30px;}
.page ol li ul li { list-style:disc; margin-left:20px;}
.page h2 a:link,h2 a:visited{color: #2277DD; text-decoration:none;}
.page h2 a:hover{color: #2277DD;}
.page p{padding:0 0 10px 0;}
.page .meta {padding: 3px; background: #f1f1f1; color: #828282; margin: 10px 0; display: block; font-size: 11px;}
.page .meta a {text-decoration: none; color: #828282;}
.page .thumb {width: 200px; height: 150px; overflow: hidden; float: left; margin: 0 10px 0 0;}

.box {background: #fff; padding: 10px; border: 1px solid #ccc; margin-bottom: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.boxnewsletter {color: #FFFFFF; background: #3988C6; padding: 10px; border: 1px solid #ccc; margin-bottom: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

.squeezeoptin {color: #3988C6; width: 380px; background: #3988C6; padding: 10px; border: 2px solid #000000; margin-bottom: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

.boxgetnextfreevideo {background: #F7BD0C; padding: 10px; border: 1px solid #ccc; margin-bottom: 10px; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

.videooptin {fixed: left; width: 480px; height: 320px; color: #FFFFFF; background: #3988C6; padding: 10px; border: 1px solid #ccc; margin-bottom: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

.blockquote {margin: 0px 0px 0px 25px; padding: 0px 25px 0px 10px; font-style: italic; color: #666666; border-left: 3px solid #B3C8DB;}

.contact {fixed: left; width: 345px; background: #498bc5  repeat-x; border: 2px solid #000000; padding: 0px 5px 0px; margin-bottom: 0px;}

.ContentBox {
width: 600px;
fixed: left;
}

.ContentBox p {
margin: 10px 30px 15px 3px;
line-height: 18px;
}

.ContentBox ul {
list-style: none;
margin: 0;
padding: 0;
}

.ContentBox li {
line-height: 18px;
margin: 20px 30px 15px 10px;
padding-left: 25px;
padding-bottom: 3px;
background: url(http://www.easyonlinevideotips.com/wp-content/uploads/2009/07/bullet-check.gif) no-repeat left 2px;
}

/************************************************
*	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 h3{background: url(images/h2.gif) repeat-x left bottom; color: #FFFFFF; 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: 171px;}
#sidebar2 {float: right; width: 140px;}

/************************************************
*	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;}