/*
Theme Name: Topline Blog Theme
Description: Theme for Topline Blogs
Author: Nazerry
Author URI: http://nazerry.com
*/

body {
	background-color: #ececec;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 12px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}
.clr {clear: both;}
a { color: #921b1d; text-decoration: underline; }
a:hover { color: #000; }
img {border: none !important;}
p { line-height: 180%; margin-bottom: 10px;}
hr { height: 1px; color: #CCCCCC; background-color:#ccc; border: 0 none; }
.socialicon img { width: 24px; height: 24px; }
.socialicon { padding-bottom: 10px; }

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}
#tabs-wrapper {
	width: 600px;
}
/* core */

body {
	background-color: #ececec;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 12px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}
.clr {clear: both;}
a { color: #921b1d; text-decoration: underline; }
a:hover { color: #000; }
img {border: none !important;}
p { line-height: 180%; margin-bottom: 10px; margin-top:-0px; }
#content li {list-style: square; margin-left: 10px;}

#tabs-wrapper {
	width: 600px;
}

#wrapper {
	width: 940px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}
/*top*/
#top {
	height: 239px;
	width: 940px;
	background-image: url('images/bg-top.png');
}

#top #tab {
	width: auto;
	height: 35px;
	padding-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	display: block;
}
	#top #tab #back {
		float: left;
		width: 90px;
		height: 100%;
		margin-left: 10px;
		background: url('images/icon-back.png') 0 0 no-repeat;
	}
	#top #tab #back:hover {
		background-position: 0 -40px;
	}
	#top #tab #feed {
		width: 160px;
		height: 100%;
		float: right;
		margin-right: -40px;
		margin-top: 13px;
	}
	#top #tab #chat {
		display: block;
		overflow: hidden;
		width: 120px;
        padding-top:6px;
		height: 100%;
		float: right;
	}



#top #logo {
	width: 650px;
	height: 140px;
	margin-left: 10px;
	margin-right: 10px;
}
	#top #logo img {
		margin: 10px;
		float: left;
	}
	#top #logo a { text-decoration: none !important; }
	#top #logo h1 {
	font-size: 30px;
	padding-top: 30px;
	margin-bottom: 0px;
	margin:0;
	margin-left:0;
	padding-left:0;
	}
	#top #logo h1 a {
		color: #343434;
	}
	#top #logo .description { font-size: 14px;}

#top #nav {
	width: auto;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: 10px;
}
#top #nav a { color: #fff;
	text-decoration: none;
	font-family: "Tahoma", "Arial", "Helvetica", sans-serif;
	color: #ffffff;
	font-size: 12px;
	font-weight: 700;
	height: 30px;
    padding:0 5px;
	padding-top: 15px;
    display:block;
    float:left;

}


#top #nav a:hover {
	text-decoration:underline;
}
#top #nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#top #nav ul li {
	list-style: none;
	float: left;
	height: auto;
	margin-right: 10px;
	float: left;
	text-align: center;
	color: #fff;
	text-decoration: none;
	font-size: 13px;

}

#top #nav ul li:hover {
background: #333 url('images/menu-hover.png') repeat-x;
}
#top #nav .current_page_item {
background: #333 url('images/menu-hover.png') repeat-x;
}

/*content*/
#main {
	width: 940px;
	height: auto;
	padding-top: 10px;
	background-image: url('images/bg-content-repeat.png');
	background-repeat: repeat-y;
}
#main #content {
	width: 609px;
	height: 100%;
	float: left;
	margin-left: 10px;
	padding-left: 20px;
	margin-bottom: -20px;
}
#main #content ul {
	margin-top: -10px;
}
	#main #content img {
		max-width: 300px;
	}
	#main #content h2 {
		font-size: 14px;
		color: #921b1d;
		margin: 0;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#main #content h3 {
		font-size: 12px;
		color: #921b1d;
		margin: 0; padding: 0; padding-top: 0px;
	}
		#main #content .first {
		margin-right: 30px;
		}
		#main #content .first li {
			list-style: none;
			background: url('images/bigbullet.png') no-repeat;
			background-position: 0 3px;
			padding-left: 40px;
			margin-bottom: 10px;
		}
		#main #content .first .header {
			font-size: 12px;
			font-weight: bold;
			color: #921b1d;
		}
		#main #content .second {
		margin-right: 30px;
		}
		#main #content .second ul {
		list-style: square !important;
		margin-left: 20px;
		}

#main #sidebar {
	width: 270px;
	height: 100%;
	float: left;
	margin-left: 10px;
	font-size: 11px;
}
#main #sidebar ul,#main #sidebar li{
	margin:0;
    padding:0;
    display:block;
    list-style:none;
}
#main #sidebar a {
	color: #333333 !important;
	font-size: 11px;
	color: #333333;
    text-decoration:underline;
    font-weight:700;
}
#main #sidebar a:hover {
}

#sidebar li {
	display: block;
	list-style: none;
	list-style-position: outside;
	font-size: 11px;
	font-weight: 400;
	color: #921b1d;
    margin-bottom:5px !important;
}

#sidebar li li {
	padding:5px !important;
    padding-left:10px !important;
    padding-right:20px !important;
}
#sidebar ul {
	list-style: none;
	margin: 0px;
	margin-left:0px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	background-image: url(images/bg-slideshare-content.png);
	background-repeat: repeat-y;
}


#main #mycustomwidgetaddon-3 {
	width: 270px;
	height: auto;
	font-size: 11px;
	color: #fff;
	margin-top: 10px;
}
#main #mycustomwidgetaddon-3 a:hover { color: #000000; }
	#main #mycustomwidgetaddon-3xx .top {
		width: auto;
		height: 25px;
		background-image: url(images/bg-slideshare-top.png);
		padding-left: 10px;
		padding-right: 10px;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		color: #333;
		font-size: 14px;
		font-weight: bold;
		padding-top: 5px;
	}
	#main #mycustomwidgetaddon-3 .content{
		width: auto;
		min-height: 30px;
		background-image: url(images/bg-slideshare-content.png);
		background-repeat: repeat-y;
		padding-left: 10px;
		padding-top: 2px;
		padding-bottom: 5px;
	}
	#main .pressline { border-bottom: 1px #CCCCCC dashed; margin-right:10px; }
	#main #mycustomwidgetaddon-3 .btm {
		width: auto;
		height: 10px;
		background-image: url(images/bg-slideshare-btm.png);
	}

	.widget {
	    margin:0;
	    padding-left:10px;
	}
	.widgettitle {
		font-size: 12px;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		color: #333;
		margin-top: 10px;
		margin-left:0;
		background-image: url(images/bg-slideshare-top.png);
	}
	.widget h2 {
		height: 20px;
		font-size: 14px;
		padding-top: 5px;
		padding-left: 10px;

		margin: 0;
	}
    	.widget h2 a {font-size:14px;}
	#calendar_wrap {
		background-image: url(images/bg-slideshare-content.png);
		background-repeat: repeat-y;
		padding-bottom: 10px;
        color:#333333;
	}
	#wp-calendar {
		margin-left: auto;
		margin-right: auto;
	}
	#wp-calendar tr{
		height: 15px;
	}
	#wp-calendar td {
		width: 25px;
	}
	#sidebar #tag_cloud-3 div{
	    background-color: #bfcadb !important;
	    padding: 0px 10px 10px 10px;
	}

#sidebar li ul,#sidebar li div {
	padding-top:5px !important;
	padding-bottom:20px !important;
    background:#d0d8e4 url(images/bg-webinar-bottom.png) bottom left no-repeat;
}

.navigation {
	margin-bottom: 40px;
}

/*footer*/
#footer {
	clear: both;
	width: 940px;
	height: 285px;
	color: #333;
}
#footer #footertop {
background: transparent url(images/bg-footer-top.png) no-repeat;
height:72px;
width: 940px;
padding-left: 20px;
}
#footer #footercontent {
background: transparent url(images/bg-footer-content.png) repeat-y;
min-height: 50px;
width: 940px;
height: 100px;
padding-left: 20px;
padding-bottom: 10px;
}

#footer #footerbtm {
background: transparent url(images/bg-footer-btm.png) no-repeat;
height:350px;
width: 940px;
}
	#footer #blog {
		width: 179px;
		float: left;
	}
		#footer #blog .head {
			height: 50px;
			width: 160px;
		}
		#footer .blogtext {
			text-align: left;
			padding-left: 10px;
			font-size: 10px;
		}
		#footer .blogtext p {
			margin: 0px;
		}
		#footer .blogtext a {
			line-height: 20px;
		}

	#footer #twitter {
		width: 179px;
		margin-left: 1px;
		float: left;
	}
		#footer #twitter .head {
			height: 50px;
			width: 160px;
		}
		#footer .twittertext {
			text-align: left;
			padding-bottom: 5px;
			font-size: 10px;
		}
		#footer .twittertext a {
			line-height: 20px;
		}
	#footer #linkedin {
		width: 179px;
		float: left;
		margin-left: 1px;
	}
		#footer #linkedin .head {
			height: 50px;
			width: 160px;
		}
		#footer .linkedintext {
			text-align: left;
			padding-bottom: 5px;
			font-size: 10px;
		}
		#footer .linkedintext a {
			line-height: 20px;
		}
	#footer #facebook {
		width: 179px;
		float: left;
		margin-left: 1px;
	}
		#footer #facebook .head {
			height: 50px;
			width: 160px;
		}
		#footer .facebooktext {
			text-align: left;
			padding-bottom: 5px;
			font-size: 10px;
		}
		#footer .facebooktext a {
			line-height: 20px;
		}
	#footer #news {
		width: 160px;
		float: left;
	}
		#footer #news .head {
			line-height: 110%;
			width: 150px;
		}
		#footer .newstext {
			text-align: left;
			font-size: 10px;
			font-weight: normal;
		}
		#footer p.news {
			margin: 0px;
		}

#footer #copyright {
	clear: both;
	width: 57%;
	padding-top: 25px;
	margin: auto;
	color: #fff;
	}
#footer #copyright a { color: #fff; font-weight: bold;}
#footer #copyright a:hover { color: #921b1d; text-decoration: underline; font-weight: bold;}

#footer #copyright .logo {
		float: left;
	}
	#footer #copyright .text {
		text-align: center;
		padding-left: 30px;
		float: left;
		padding-top: 7px;
	}
	#footer #copyright .text p {
		font-size: 10px;
	}

.even { background-color: #E9E9E9; border-top: 1px #c1c1c1 solid; border-bottom: 1px #c1c1c1 solid; }
.commentlist li {
	width: 510px;
	list-style:none !important;
	list-style-image:none !important;
	padding: 10px;
}
/* popular */
h2.popular {

}
ul.popular {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 12px;
	line-height: 180%;
	padding-top: 10px;
	font-weight: normal;
}
ul.popular li {
	list-style: none !important;
	padding-bottom: 15px;
}

.indexPage hr {
	margin-top:20px;
}
.indexPage .socialicon {
		margin-bottom:50px;
	}