/*
Theme Name: MilosSpasic.com
Theme URI: https://milosspasic.com/
Description: WordPress theme developed for <a href="https://milosspasic.com/">MilosSpasic.com</a>.
Version: 1.0
Author: Milos Spasic
Author URI: https://milosspasic.com/
*/


@import url("reset.css");

/* body */

body {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#CCC;
	background-color:#FFF;
}
a {
	color:#CCCCCC;
	text-decoration:underline;
	outline:none;
}
a:hover { text-decoration:none; }
strong { font-weight:bold; }
em { font-style:italic; }

/* floats */

#content ul#social li a, .post_box span.meta, .single span.meta, #content_blog p span.top {
	display:block;
	float:left;
	clear:left;
}
#tabsH, #content ul#social, #content ul#social li, #twitter_feed, #content_home p img, .post_box p a img, #sidebar, .single p img {
	float:left;
	clear:none;
}
#content_frame, #footer, #footer p, #content, #left, #left h1, #tabsH ul, #content_home, #content_home h1, #content_home h2, #content_home p, #content_page, #content_page h1, #content_page h2, #content_page h3, #content_page h4, #content_page p, #content_page ul, #content_page ul li, #content_blog, #content_blog h1, #content_blog p, .post_box, .post_box h2, .post_box p, .single h2, .single h3, .single ul, .single ul li, .single ol, .single blockquote, .single hr, #idc-container-parent {
	float:left;
	clear:left;
}

/* page */

#page {
	margin:0 auto;
	width:999px;
	padding:0 1px 0 0;
	text-align:left;
	overflow:hidden;
}
#content_frame {
	width:867px;
	height:614px;
	padding:100px 0 0 132px;
	background-image:url(images/site_b.jpg);
	background-position:0 54px;
	background-repeat:no-repeat;
}

/* content */

#content {
	width:725px;
	height:497px;
	background-color:#000;
	padding:10px 5px;
}

/* menu */

#tabsH {
	float:left;
	width:471px;
	height:25px;
	padding:16px 0 0 0;
	background:#000;
	font-size:93%;
	line-height:normal;
	border-bottom:1px solid #646b75;
}
#tabsH ul {
	width:471px;
	height:25px;
	margin:0;
	padding:0 10px 0 0;
	list-style:none;
}
#tabsH li {
	display:inline;
	margin:0;
	padding:0;
}
#tabsH a {
	float:left;
	background:url(images/tableftH.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
}
#tabsH a span {
	float:left;
	display:block;
	background:url(images/tabrightH.gif) no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsH a span {float:none;}
/* End IE5-Mac hack */
#tabsH a:hover span {
	color:#FFF;
}
#tabsH a:hover {
	background-position:0% -42px;
}
#tabsH a:hover span {
	background-position:100% -42px;
}
#tabsH #current a {
	background-position:0% -42px;
}
#tabsH #current a span {
	background-position:100% -42px;
}

/* social */

#content ul#social { width:254px; height:41px; border-bottom:1px solid #646b75; }
#content ul#social li { width:32px; height:32px; padding:0 5px 0 0; }
#content_frame #content ul#social li#last { padding:0; }
#content ul#social li a {
	width:32px;
	height:32px;
	text-indent:-10000px;
	background-position:0 0;
	background-repeat:no-repeat;
}
#content ul#social li a:hover { background-position:0 -32px; }
#content ul#social li a#tw { background-image:url(images/tw_b.gif); }
#content ul#social li a#fb { background-image:url(images/fb_b.gif); }
#content ul#social li a#gp { background-image:url(images/gp_b.gif); }
#content ul#social li a#in { background-image:url(images/in_b.gif); }
#content ul#social li a#yt { background-image:url(images/yt_b.gif); }
#content ul#social li a#em { background-image:url(images/em_b.gif); }
#content ul#social li a#rss { background-image:url(images/rss_b.gif); }

/* feeds */

#twitter_feed { width:238px; height:445px; margin:10px 0 0 0; overflow:hidden; }

/* content home */

#content_home { width:481px; height:445px; margin:10px 0 0 0; }
#content_home h1, #content_home h2, #content_home p { width:461px; padding-left:10px; padding-right:10px; }
#content_home h1, #content_home h2 { font-weight:bold; padding-bottom:20px; }
#content_home h1 { font-size:31px; }
#content_home h2 { font-size:24px; }
#content_home p { padding-bottom:10px; }
#content_home p a { color:#FFF; text-decoration:underline; }
#content_home p a:hover { text-decoration:none; }

/* content page */

#content_page { width:725px; height:446px; margin:10px 0 0 0; overflow:auto; }
#content_page h1, #content_page h2, #content_page h3, #content_page h4 { width:679px; padding:0 0 15px 20px; font-weight:bold; }
#content_page h1 { font-size:31px; }
#content_page h2, #content_page h3, #content_page h4 { font-size:24px; }
#content_page h1 a, #content_page h2 a, #content_page h3 a, #content_page h4 a { color:#CCC; }
#content_page h1 a:hover, #content_page h2 a:hover, #content_page h3 a:hover, #content_page h4 a:hover { text-decoration:none; } 
#content_page p { width:689px; padding:0 10px 10px 10px; }
#content_page p.center { text-align:center; }
#content_page p.visit { padding-bottom:20px; }
#content_page p a { color:#FFF; text-decoration:underline; }
#content_page p a:hover { text-decoration:none; }
#content_page p img { margin:0 5px 5px 0; }
#content_page ul { width:689px; padding:0 10px 10px 10px; list-style-type:circle; list-style-position:inside; }
#content_page ul li { width:689px; padding:0 0 3px 0; }

/* content blog */

#content_blog { width:525px; height:446px; margin:10px 0 0 0; overflow:auto; }
#content_blog h1 { width:489px; padding:0 10px 15px 10px; font-size:31px; font-weight:bold; }
#content_blog p { width:489px; padding:0 10px 15px 10px; }
#content_blog p span.top { width:489px; height:18px; padding:5px 0 0 0; text-align:center; }
#content_blog p a.tp { display:block; width:36px; height:18px; margin:0 auto; text-indent:-10000px; background-image:url(images/pt_b.gif); background-position:0 0; background-repeat:no-repeat; }
#content_blog p a.tp:hover { background-position:0 -18px; }
.post_box { width:489px; margin:0 10px; padding:10px 0 0 0; border-bottom:1px solid #CCC; }
.post_box h2 { width:489px; padding:0 0 15px 0; }
.post_box h2 a { font-size:24px; color:#FFF; }
.post_box span.meta, .single span.meta { width:489px; padding:0 0 3px 0; font-size:12px; color:#CCC; }
#content_blog .post_box p { width:489px; padding:0 0 10px 0; }
.post_box p a img { margin:0 15px 5px 0; }
#content_blog .post_box p a.read-more { padding:0 0 0 10px; }

/* single */

.single p img { margin:0 15px 5px 0; }
.single p img.wp-smiley { float:none; margin:0 0 0 3px; }
.single h2, .single h3 { width:489px; padding:5px 10px 15px 10px; font-size:21px; font-weight:bold; }
.single h2 a, .single h3 a { text-decoration:none; }
.single ul { width:489px; padding:0 10px 15px 10px; list-style-type:circle; list-style-position:inside; }
.single ul li { width:489px; padding:0 0 5px 0; }
.single ol { width:489px; padding:0 10px 15px 10px; list-style-type:decimal; list-style-position:inside; }
.single ol li { padding:0 0 5px 0; }
.single blockquote {
	width:449px;
	background:#f9f9f9;
	border-left:10px solid #ccc;
	margin:0 10px 15px 10px;
	padding:.5em 10px;
	quotes:"\201C""\201D""\2018""\2019";
}
.single blockquote:before {
	color:#ccc;
	content:open-quote;
	font-size:4em;
	line-height:.01em;
	margin-right:.25em;
	vertical-align:-.7em;
}
#content .single blockquote p { display:inline; width:428px; padding:0 0 5px 21px; color:#333333; }
#content .single blockquote p a { color:#1155cc; }
.single hr {
	width:489px;
	height:1px;
	margin:0 0 15px 10px;
	background-color:#CCC;
    border:none;
    color:#CCC;
}
#content .single span.meta { padding:0 0 3px 10px; }
#content_frame #content .single span.last { padding:0 0 5px 0; margin:0 0 25px 10px; border-bottom:1px solid #CCC; }
#imageData #imageDetails #caption { font-size:14px; color:#000; }
#idc-container-parent { width:489px; padding:0 10px; }

/* sidebar */

#sidebar { width:195px; padding:10px 0 0 5px; }
#wrapper { width:195px; }
ul.tabs {
    width:195px;
    margin:0;
    padding:0;
}
ul.tabs li {
    display:block;
    float:left;
    padding:0 5px;
}
ul.tabs li a {
    display:block;
    float:left;
    padding:5px 6px;
    font-size:0.8em;
    background-color:#e0e0e0;
    color:#666;
    text-decoration:none;
}
ul.tabs li a.selected { font-weight:bold; color:#000; }
ul.tabs li a:hover { color:#000; }
.tab-content {
    clear:both;
    border-top:1px solid #ddd;
    padding:20px 10px 0 10px;
}
.share { width:175px; text-align:center; padding:0 0 20px 0; }
.tab-content .sidebar_box_stumble { padding:0; }
#tabs2 ul { list-style-type:circle; list-style-position:inside; }
#tabs2 ul li { padding:0 0 5px 0; }
#tabs2 ul li a { font-size:16px; }

/* footer */

#footer { width:999px; padding:0 0 25px 0; }
#footer p { width:999px; color:#353535; text-align:center; }
#footer p a { color:#353535; }