/*  
Theme Name: Tipz Theme
Theme URI: http://designdisease.com/
Description: Designed by <a href="http://designdisease.com">Design Disease</a> for <a href="http://designdisease.com">TipzTheme</a> You may use this theme and make any changes you like as long you leave the credits link on. <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 License.</a>
Version: 1.1
Author: Design Disease
Author URI: http://designdisease.com/
Tags: white, green, blue, black, three columns, two columns, fixed width, widgets
*/

/* Begin Typography & Colors */
* { margin: 0; padding: 0; }
body { background: #74C4DD url(images/back.jpg)  repeat-x; font: normal 12px Arial; color:#535353;  }
input, button, textarea, select {  font: normal 12px Arial; color:#535353; vertical-align: middle; }
legend { display: none; }
fieldset { border: none; }
ul, ol { list-style: none; margin-left:10px;}
ol { list-style-type: decimal;}

p { margin-bottom:13px; }

table {
border: 0;
margin: 0; margin-bottom:15px;
border-collapse: collapse;
}

td {
border:1px solid #999;padding: 5px;
} 

hr { display: none; }
img { padding: 0px; margin: 0px; border: none; text-align: center;}

a:link { text-decoration: none; color : #02457A; border: 0px; -moz-outline-style: none;}
a:active { text-decoration: underline; color : #02457A; border: 0px; -moz-outline-style: none;}
a:visited { text-decoration: none; color : #02457A; border: 0px; -moz-outline-style: none;}
a:hover	{ text-decoration: underline; color : #02457A; border: 0px; -moz-outline-style: none;} 
a:focus { outline: none;-moz-outline-style: none;}


h1, h2, h3, h4 { font-family: Arial; }

.container ul li {line-height:20px; list-style: circle outside; margin-left:10px; margin-top:5px; }
.container ul { margin-bottom:10px; margin-top:10px; }
.container ol {margin-bottom:10px; margin-top:10px; }
.container ol li {line-height:20px; list-style-type: decimal; margin-left:10px; margin-top:5px; }

blockquote {border:solid 1px #DEDEDE;background:#fcf9ce;padding:10px; margin-bottom:10px;}
blockquote p {margin-bottom:0px;}

/* BGContainer
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#bgcontain { width: 980px; background: #f7f7f7 url(images/header-top-bkg.jpg)  no-repeat top left; margin: 0 auto; overflow: hidden;} 

/* Header
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.header { width: 960px; padding: 0px 0px 60px 25px; position: relative; }
.left, .alignleft {
	float:left;
	}

.right, .alignright {
	float:right;
	}
	
.bulja  {
	
	margin:10px 0px;
	}

/* Logo
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.logo { padding: 0px 0px 0px 0px; min-height: 40px;}
.logo .txt h1 { font: bold 25px/25px Arial, Helvetica, sans-serif; color:#FFF; letter-spacing: 0px; padding:0px 0px 0px 35px; }
.logo .txt h1 a, .head .logo .txt h1 a:visited,.head .logo .txt h1 a:hover { text-decoration: none; color:#fff;}

.logo .img img { margin-bottom: 5px; }

/* Search
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.search {  width: 433px; position: absolute; right: 25px; bottom: 4px; padding: 11px 0px 0px 0px;}
.search form { float: right; margin-right: 10px;}
.search input { float: left; background: url(images/search-input.png) no-repeat; border: none; padding: 8px 6px 8px 12px; width: 182px; color:#000066; font-size: 11px;}
.search button { float: left; background: url(images/search-button.png) no-repeat; width: 44px; height: 29px; border: none; cursor: pointer; color:#fff; vertical-align: middle; padding: 2px 5px 5px 0px; font: bold 11px/11px "Verdana", sans-serif;}

/* Search
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.download { background: url(images/download-ico.png) left no-repeat; width: 230px; position: absolute; right: 25px; top: 0px; padding: 0px 0px 0px 22px; font: bold 14px/18px Arial; letter-spacing: -1px;}

/* Menu
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#page-menu {
	background:url(images/page-menu-bg.gif) repeat-x 0 0;
	clear:both;
	position:relative;
	overflow:hidden;
	width:980px;
	overflow:hidden;
	height:36px; 
}

#page-menu .left, #page-menu .right {
	background-repeat:no-repeat;
	position:absolute;
	width:12px;
	height:36px;
	top:0;
}

#page-menu .left {
	background:url(images/page-menu-bg.gif) 0 0;
	left:0;
}

#page-menu .right {
	background:url(images/page-menu-bg.gif) 100% 0;
	right:0;
}

#page-menu ul {
	display:block;
	position:relative;
	height:36px;
}

#page-menu ul li  {
	background:url(images/menu-separator.gif) no-repeat 100% 0;
	float:left;
	display:block;
	height:36px;
}

#page-menu ul li a {
	float:left;
	display:block;
	font:normal 10px Arial,"Lucida Grande",Verdana,"Bitstream Vera Sans",sans-serif;
	text-transform:uppercase;
	color:#6b6b6b;
	height:36px;
	line-height:36px;
	padding:0 11px 0 11px;
}

#page-menu ul li a:hover, #page-menu ul li.current_page_item a { color:#2b2b2b; }

#page-menu ul#page-shadow {
	display:block;
	position:absolute;
	height:36px;
	top:1px;
	left:1px;
}

#page-menu ul#page-shadow li a {
	color:#e5e5e5;
}








/* Container
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.container { width: 980px;  float: left; }


/* Main Post
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.mp { background: #ceedf8; width: 930px; overflow: hidden; margin-bottom: 20px; float: left;}
.mct { background: url(images/mp-top-bar.png) no-repeat top; height: 20px; }
.mcb { background: url(images/mp-bot-bar.png) no-repeat bottom; height: 20px;}
.mcc { background: url(images/mp-cc-bar.png) no-repeat top right; padding: 0px 20px; overflow: hidden; }


/* Main Post - Data
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.mp .postdata {width: 640px; float: left;}
.mp .postimg { float: left; width: 150px; height: 150px; margin-right: 25px; padding: 1px; border: solid 1px #000; background:#d6e9ed;}
.mp .postimg img { border: none; margin: 0px; padding: 0px; }

.mp .post { overflow: hidden;  }
.mp .post .p-head { overflow: hidden;}
.mp .post .p-head h1 { font: bold 18px/18px Arial, sans-serif; letter-spacing: -1px; color:#000; border-bottom: solid 1px #a5c5d1; padding-bottom: 7px; margin-bottom: 7px;}
.mp .post .p-head h1 a, .post h1 a:visited  { color: #000033; text-decoration: none; }
.mp .post .p-head h1 a:hover { color: #000; text-decoration: none;}

.mp .post .p-date-cat { font-size: 11px; color:#003366; background: url(images/date-cat-mp-ico.png) no-repeat left center; padding-left: 18px; }
.mp .post .p-date-cat a, .p-date-cat a:visited, .p-date-cat a:hover { text-decoration: underline; color: #003366;}


.mp .post .p-con blockquote { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; padding: 5px 20px; background: #fbf7d9; margin: 10px 0px; color:#993300; border: solid 1px #f6f3d3; }

.mp .post .p-con blockquote p { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#cc3300; }
.mp .post .p-con blockquote li { padding: 2px 0px 2px 13px; list-style-type: none; font-size: 12px; line-height: 17px;}
.mp .post .p-det { text-align: left; font-size: 11px; font-weight: bold;}
.mp .post .p-det li { display: inline; padding: 5px 0px 5px 18px; margin-right: 5px; }
.mp .post .p-det li.p-det-com { background: url("images/p-det-com-mp-ico.png") left 6px no-repeat; }
.mp .post .p-det li.p-det-more { background: url("images/p-det-more-mp-ico.png") left 6px no-repeat; }
.mp .post .p-det li a, .p-det li a:visited, .p-det li a:hover { margin-right: 3px; color:#000033;}


/* Main Post - Syndicate
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.mp .syn { width: 230px; margin-left: 20px; float: left; }
.mp .syn h3 { font: normal 28px/28px Arial, sans-serif; letter-spacing: -1px; color:#000; border-bottom: solid 1px #a5c5d1; padding-bottom: 7px; margin-bottom: 7px;}

.mp .syn em { display: none; margin: 0; padding: 0; line-height: 0px;}
.mp .syn ul { padding: 0px; margin: 0px; }
.mp .syn li { float: left; list-style-type: none; font: bold 14px/14px Arial, sans-serif; color:#fff; letter-spacing: -1px; }
.mp .syn li a { float: left; display: inline; height: 22px; width: 210px; color:#5ca5d3; padding: 2px 0px 2px 23px;}
.mp .syn li a.syn1 { background: url(images/syn-1.png) no-repeat left top; }
.mp .syn li a.syn2 { background: url(images/syn-2.png) no-repeat left top; }
.mp .syn li a.syn3 { background: url(images/syn-3.png) no-repeat left top; }
.mp .syn li a.syn4 { background: url(images/syn-4.png) no-repeat left top; }
.mp .syn li a:hover { text-decoration: none; color:#003366;}


/* SC
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SC { width: 934px; padding: 20px 25px 25px 20px;border-top: 1px solid #B0B0B0;}


.velikidiv{
	float:right;
	margin-left:21px;
	padding-left:20px;
	padding-top:10px;
	margin-right:15px;
	background-color:#eaeaea;
	border:1px solid #cccccc;
	-moz-border-radius: 3px;
	border-radius: 3px;		
	}
	
	.pit{
	width:602px;
	float:right;
	padding-left:20px;
	margin-right:15px;
	font-size:15px;
	margin-top:30px;
	font-weight:bold;
	font-style:italic;
	color:#003399;
	margin-bottom:5px;
	}
	
	
	
	
	.velikidiv2{
	float:left;
	margin-left:15px;
	padding-left:10px;
	width:935px;
	background-color:#eaeaea;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	-moz-border-radius-bottomright: 3px;
	border-bottom-right-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-left-radius: 3px;
	
	
	}

.malidiv{
width:290px;
float:left;
margin-right:20px;
padding-top:20px;
padding-bottom:10px;
font-size:14px;
}

/* Col 1 Index
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.co1 { width: 180px; float: left; margin-right: 20px;}

.co1 .categories { margin-bottom: 15px; }
.co1 .categories h2 {  color:#000; font: bold 24px/20px Arial, sans-serif; letter-spacing: -1px; border-bottom: solid 1px #d7d7d7; padding: 10px 0px 10px 25px; margin-bottom: 10px; background: url(images/h-categories-ico.png) no-repeat left; }
.co1 .categories li { background: url(images/categories-li-arrow.png) no-repeat left 7px; padding: 2px 0px 2px 10px; }
.co1 .categories li ul li { background: none; font-size: 11px; padding: 1px 0px 1px 0px; font-weight: normal;}

.co1 .links h2 { color:#000; font: bold 24px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing: -1px; border-bottom: solid 1px #d7d7d7; padding: 5px 0px 5px 12px;  margin-bottom: 10px; background: url(images/h-categories-ico.png) no-repeat left; }
.co1 .links li { background: url(images/categories-li-arrow.png) no-repeat left 7px; padding: 2px 0px 2px 10px;}
.co1 .links li ul li { background: none; padding: 1px 0px 1px 0px; font-weight: normal;}


/* Col 2 Index
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.co2 { width: 290px; float: left; padding:0px 10px 10px}
.co2 h1 {  color:#1F5B8B; font: bold 21px/23px Arial, sans-serif;  border-bottom: solid 1px #d7d7d7; padding:5px 0px 5px 0px; margin-bottom: 10px; }
.co2 h2 {  color:#1F5B8B; font: bold 21px/23px Arial, sans-serif;  border-bottom: solid 1px #d7d7d7; padding: 5px 0px 5px 0px; margin-bottom: 10px; }
.co2 h3 a:link{  text-decoration: underline; color : #00467A; border: 0px; -moz-outline-style: none;  font: Arial 11px;}
.co2 h3 a:hover{  text-decoration: none; color : #00467A; border: 0px; -moz-outline-style: none; font: Arial 11px; }
.co2 h3 a:active{  text-decoration: underline; color : #000467A; border: 0px; -moz-outline-style: none;  font: Arial 11px;}
.co2 h3 a:visited{  text-decoration: underline; color : #000467A; border: 0px; -moz-outline-style: none;  font: Arial 11px;}
.co2 .post { padding: 0px 0px 5px 0px;}
.co2 .p-head { overflow: hidden;  padding-bottom: 7px;}
.co2 .p-head h3 { font: normal 19px/19px Arial, sans-serif; letter-spacing: -1px; padding-bottom: 2px;}
.co2 .p-head h3 a, .post h2 a:visited  { text-decoration: none; }
.co2 .p-head h3 a:hover { text-decoration: none;}
.co2 .p-date-cat { font-size: 11px; color:#ae9292; background: url(images/date-cat-ico.png) no-repeat left center; padding-left: 18px; }
.co2 .p-date-cat a, .p-date-cat a:visited, .p-date-cat a:hover { text-decoration: underline; color: #ae9292;}
.co2 ul li {line-height:20px; list-style: circle outside; margin-left:10px;}
.velikidiv ul li {line-height:20px; list-style: circle outside; margin-left:10px; margin-top:5px;}

.warptxtpo h1 {  color:#1F5B8B; font: bold 21px/23px Arial, sans-serif;  border-bottom: solid 1px #d7d7d7; padding: 5px 0px 5px 0px; margin-bottom: 10px; }
.warptxtpo h2 {  color:#1F5B8B; font: bold 21px/23px Arial, sans-serif;  border-bottom: solid 1px #d7d7d7; padding: 5px 0px 5px 0px; margin-bottom: 10px; }
.warptxtpo .links h2 { color:#000; font: bold 21px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing: -1px; border-bottom: solid 1px #d7d7d7; padding: 5px 0px 5px 12px; margin-bottom: 10px; background: url(images/h-categories-ico.png) no-repeat left; }




.co2 .p-det { text-align: left; font-size: 11px; font-weight: normal;}
.co2 .p-det li { display: inline; padding: 4px 0px 6px 18px; margin-right: 5px; margin-left:-10px;}
.co2 .p-det li.p-det-com { background: url("images/p-det-com-ico.png") left center no-repeat; }
.co2 .p-det li.p-det-more { background: url("images/p-det-more-ico.png") left center no-repeat; }
.co2 .p-det li a, .p-det li a:visited, .p-det li a:hover { margin-right: 3px; color:#3f74aa; }


/* Col 3 Index
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.co3 { width: 290px; float: right; margin-left: 20px;}
.co3 h1 {  color:#1F5B8B; font: bold 24px/20px Arial, sans-serif; letter-spacing: -1px; border-bottom: solid 1px #d7d7d7; padding: 10px 0px 10px 0px; margin-bottom: 10px;  }
.co3 h2 {  color:#1F5B8B; font: bold 24px/20px Arial, sans-serif; letter-spacing: -1px; border-bottom: solid 1px #d7d7d7; padding: 10px 0px 10px 0px; margin-bottom: 10px;  }
.co3 .latestcomments { margin-bottom: 15px;}
.co3 .latestcomments li { font-size: 11px; border-bottom: solid 1px #d7d7d7; padding: 5px 0px;}
.co3 .latestcomments li a { font-size: 11px; color:#666;}
.co3 .latestcomments .author { display: block; color:#ff3300;}


/* Side Left 
############################################################################################################## */
.SL { width: 590px; float: left; padding-right: 20px; }

.SL .p-head h1 { font: bold 23px/23px Arial, sans-serif;  padding-bottom: 6px; color:#1F5B8B;}
.SL h2 {  color:#1F5B8B; font: bold 18px/18px Arial, sans-serif;  border-bottom: solid 1px #d7d7d7; padding: 10px 0px 10px 0px; margin-bottom: 10px; }
.SL h3 a:link{  text-decoration: underline; color : #00467A; border: 0px; -moz-outline-style: none;  font: 11px;}
.SL h3 a:hover{  text-decoration: none; color : #00467A; border: 0px; -moz-outline-style: none; font: 11px; }
.SL h3 a:active{  text-decoration: underline; color : #000467A; border: 0px; -moz-outline-style: none;  font: 11px;}
.SL h3 a:visited{  text-decoration: underline; color : #000467A; border: 0px; -moz-outline-style: none;  font: 11px;}
.SL .post { padding: 0px 0px 5px 0px;}
.SL .p-head { overflow: hidden;  padding-bottom: 7px;}
.SL .p-head h3 { font: normal 12px; padding-bottom: 2px;}
.SL .p-head h3 a, .post h2 a:visited  { text-decoration: underline; }
.SL .p-head h3 a:hover { text-decoration: none;}
.SL .p-date-cat { font-size: 11px; color:#ae9292;  padding-left: 0px; }
.SL .p-date-cat a, .p-date-cat a:visited, .p-date-cat a:hover { font: normal 12px; text-decoration: underline; color: #ae9292;}
.SL  a:link{  text-decoration: none; color : #fd811d; border: 0px; -moz-outline-style: none;  font: 11px;}
.SL  a:hover{  text-decoration:  underline; color : #fd811d; border: 0px; -moz-outline-style: none; font: 11px; }
.SL  a:active{  text-decoration: underline; color : #fd811d; border: 0px; -moz-outline-style: none;  font: 11px;}
.SL  a:visited{  text-decoration: underline; color : #fd811d; border: 0px; -moz-outline-style: none;  font: 11px;}

.SL .naslov-banera {text-decoration:none;color:#666;}
.SL .naslov-banera a{text-decoration:none; color:#666;}
.SL .naslov-banera a:hover{text-decoration:underline;color:#666;}
.SL .naslov-banera a:active{text-decoration:none;color:#666;}
.SL .naslov-banera a:visited{text-decoration:underline; color:#666;}

.SL .p-con ul{ margin-left:25px;}
.SL .p-con ol{ margin-left:25px;}





.SL .p-det { text-align: left; font-size: 11px; color:#666666; }
.SL .p-det li { display: inline; padding: 4px 0px 6px 18px; margin-right: 5px;}
.SL .p-det li.p-det-com { background: url("images/p-det-com-ico.png") left center no-repeat; }
.SL .p-det li.p-det-more { background: url("images/p-det-more-ico.png") left center no-repeat;  }
.SL .p-det li a, .p-det li a:visited, .p-det li a:hover { margin-right: 3px; color:#666666; }


/* Side Right 
############################################################################################################## */
.SR { width: 320px; float: right;}
.SR h2 { color:#000; font: normal 21px/21px "Trebuchet MS", sans-serif; letter-spacing: -1px; border-bottom: solid 1px #ccc; padding: 10px 0px; margin-bottom: 10px;}

.widget { margin-bottom: 15px;}
.widget h2 { background: url(images/h-widget-ico.png) no-repeat left; padding-left: 20px;}
.widget li { background: url(images/categories-li-arrow.png) no-repeat left 7px; font-size: 12px; padding: 2px 0px 2px 10px;}
.widget li ul li { background: none; font-size: 12px; padding: 2px 0px 2px 0px; font-weight: normal;}
.widget_tag_cloud { line-height: 22px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
.widget_calendar table { width: 100%;}
.widget_calendar table td { text-align: center; padding: 3px; }
.widget_calendar caption { background: #f5f5f4; padding: 5px 0px; margin-bottom: 10px;}
.widget_calendar #today { background: #f5f5f4;}
.widget_search #s { width: 160px; border: solid 1px #b5d6cd; padding: 3px; margin-bottom: 5px;}
.widget_flickrRSS { overflow: hidden; padding: 0px;}
/**/ *html .widget_flickrRSS { height: 1%;} /**/ 
.widget_flickrRSS h3 { width: 270px; margin-bottom: 10px;}
.widget_flickrRSS ul { float: left;}
.widget_flickrRSS li { background: none; display: inline; padding: 0px; float: left; margin: 0px 7px 7px 0px;}
.widget_flickrRSS li a img, .widget_flickrRSS li a:visited img { border: solid 1px #fff; width: 65px; height: 65px;}
.widget_flickrRSS li a:hover img { border: solid 1px #000;}

.widget_recent_comments
.widget_recent_comments { margin-bottom: 15px;}
.widget_recent_comments li { font-size: 11px; border-bottom: solid 1px #d7d7d7; padding: 5px 0px; background: none;}
.widget_recent_comments li a { font-size: 11px; color:#666;}
.widget_recent_comments .author { display: block; color:#ff3300;}


/* Title
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.title { font: bold 24px/24px Arial, sans-serif;  padding-bottom: 10px; margin-bottom: 8px; border-bottom: 1px #ccc solid; color:#1F5B8B;}

/* Images
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.SL img.aligncenter { display: block; margin-left: auto; margin-right: auto; padding: 1px; border: solid 1px #ccc;}
.SL img.alignright { margin: 5px 0 10px 20px; display: inline; border: solid 1px #ccc; padding: 1px; }
.SL img.alignleft { margin: 5px 20px 10px 0; display: inline; border: solid 1px #ccc; padding: 1px;}
.SL .alignright { float: right; }
.SL .alignleft { float: left }
.SL img.trta { margin: 5px 0 20px 10px; display: inline; border:0px; }

/* Navigation
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.nav { overflow: hidden; margin: 20px 0px;}
.nav .left a { float: left; background:url(images/nav-left.png) no-repeat left 1px; padding-left: 18px; }
.nav .right a { float: right; background:url(images/nav-right.png) no-repeat right 1px; padding-right: 18px; }
.nav a, .nav a:visited { cursor: hand; font: bold 11px/14px Verdana, Geneva, sans-serif;}


/* Comments
############################################################################################################## */
.comments-list { padding-top: 30px;}
.comments-list h2 { color:#272d36; font: bold 24px/24px Arial, sans-serif; letter-spacing: -1px; padding-bottom: 5px; margin-bottom: 15px;  border-bottom: solid 1px #dddddd; }
.comments-list div.entry { margin-bottom: 15px; padding-bottom: 15px; border-bottom: solid 1px #dddddd; }
.comments-list div.alt { margin-bottom: 15px; padding-bottom: 15px;}
.comments-list p.name { font: normal 19px/19px Arial, sans-serif; color:#000; letter-spacing: -1px;}
.comments-list p.avt { padding: 0px; margin: 0px; float: right;}
.comments-list p.avt img { border: solid 4px #dededb;}
* html .comments-list p.avt { left: -60px; }
.comments-list p.date { font-size: 11px; padding-bottom: 10px; color:#999;}
.comments-list p.date a, .comments-list p.date a:visited, .comments-list p.date a:hover { color:#999;}

.comments-list .con { font: normal 12px/17px "Verdana"; color:#333;}
.comments-list .con p { font: normal 12px/17px "Verdana"; padding: 5px 0px; margin: 0px; color:#333;}
.comments-list .con blockquote { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#666; margin: 10px 0px; background:#f1f1f1; padding: 5px 15px; }
.comments-list .con blockquote p { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#666; }


/* Comments Form
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.comments-form { padding-top: 30px; }
.comments-form h3 {color:#272d36; font: bold 24px/24px Arial, sans-serif; letter-spacing: -1px; border-bottom: solid 1px #dddddd; margin-bottom: 15px; padding: 5px 0px;}
.comments-form p.formbg { color:#333; font-size: 11px; font-weight: bold; background: url(images/form-input-bg.png) no-repeat; padding: 8px; margin-bottom: 6px;  }
.comments-form p.formtxt { color:#333; font-size: 11px; font-weight: bold; background: url(images/form-txt-bg.png) no-repeat; padding: 8px; margin-bottom: 6px;  }
.comments-form .required { color:#ff0000;}
.comments-form input { padding: 5px; width: 314px; margin-right: 5px; }
.comments-form input.formid { border: 1px solid #e0e0e0; background: #fff; padding: 4px; color:#000;}
.comments-form input.formemail { border: 1px solid #e0e0e0; background: #fff; padding: 4px; color:#000;}
.comments-form input.formuri { border: 1px solid #e0e0e0; background: #fff; padding: 4px; color:#000;}
.comments-form textarea { border: 1px solid #e0e0e0; background: #fff; padding: 10px; width: 480px; color:#000;}
.comments-form .button { background: url(images/post-comment.png) no-repeat left top; text-indent: -50000px; width: 72px; height: 26px; border: none; display: block;}


/* Footer
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.footer { background: #F7F7F7 url(images/footer-bkg.png) no-repeat bottom; width: 930px; padding: 0px 25px 20px 25px; overflow: hidden; margin: 0 auto;}
.footer hr { border-left:none; border-right: none; border-top:1px solid #ccc; border-bottom: none; height : 1px; display: block; margin-bottom: 10px; }
.footer p { padding: 1px 0px; color:#999; font-size: 11px;}
.footer p a, .footer p a:visited, .footer p a:hover {color:#999; text-decoration: underline;}


/*  
Theme Name: Arthemia
Theme URI: http://michaelhutagalung.com/2008/05/arthemia-magazine-blog-wordpress-theme-released/
Description: <a href="http://michaelhutagalung.com/2008/05/arthemia-magazine-blog-wordpress-theme-released/">Arthemia</a> theme is combining a magazine and a weblog into one; it is not too magazine-ish nor too blog-ish. Designed for Wordpress. Gravatar support included along with automatic thumbnail resizer.
Version: 1.0
Author: Michael Jubel Hutagalung
Author URI: http://michaelhutagalung.com/2008/05/arthemia-magazine-blog-wordpress-theme-released/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/


/* HTML Elements */





.post img, .post a img, #front-list img, #archive img {
	border:1px solid #ccc;
	margin:0 10px 5px 0;
	padding:2px;
	}

#velikidiv{
	margin-left:25px;
	width:637px;
	background:#F7F7F7;
	
	}

#malidiv{
width:290px;
float:left;
margin-right:20px;
padding-top:20px;
padding-bottom:10px;
}

.malidivdetalji{
margin-top:20px;
float:left;
height:40px;
width:250px;
font-style:italic;
font-weight:bold;
}


.tekst{
margin-top:20px;
float:left;
width:590px;
font-size:15px;
}


.sastav{
float:right;
margin:10px;
width:420px;
font-size:15px;
}

.malidivorder{
margin-top:20px;
float:right;
height:20px;
width:200px;
font-weight:bold;
margin-right:30px;
background-color:#006699;
color:#FFFFFF;
border-radius:6px;
-moz-border-radius:6px;
padding-top:3px;
text-align:center;
}

.malidivorder a{
color:#FFFFFF;

}


#malidiv2{
width:290px;
float:left;
padding-left:30px;

padding-bottom:10px;
}

#smallwarp{

float:left;
width:290px;
margin-left:15px;
padding-top:10px;

}

.warptxt{
margin-left:140px;
font-style:italic;
font-size:13px;
}

.warptxtpo{
background-color:#FFFFFF;
margin-top:10px;
width: 290px;
height:380px;
border:1px solid #cccccc;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding:5px;
	margin-bottom:7px;
	padding-left:10px;
	padding-top:20px;
	font-size:13px;
}

.warptxtpotwo{
background-color:#FFFFFF;
margin-top:10px;
width: 290px;


padding:5px;
margin-bottom:7px;
padding-left:10px;
padding-top:20px;
font-size:14px;
}

#naruci{
width:280px;
height:20px;
padding-top:5px;
font-weight:bold;
background-color:#006699;
color:#FFFFFF;
border-radius:6px;
-moz-border-radius:6px;
padding-top:3px;
text-align:center;
	}
#naruci a{
padding-top:5px;
color:#FFFFFF;
}


form.registration{
 padding-left:30px;
 padding-top:20px;
 width:500px;
 float:left;
 color:#818181;
 border: 2px solid #ccc;
 font-family: Georgia;
 font-size: 14px;
 -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
 -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
 -moz-border-radius: 15px;
 -webkit-border-radius: 15px;
}


form.registration fieldset{
  border-top:1px solid #ccc;
  border-left:0;
  border-bottom:0;
  border-right:0;
  padding:6px;
  margin:0px 30px 0px 0px;
}

form.registration legend{
  text-align:left;
  color:#ccc;
  font-size:14px;
  padding:0px 4px 0px 4px;
  margin-left:20px;
}



form.registration label{
  font-size: 16px;
  width:200px;
  float: left;
  text-align: right;
  color:#999;
  clear:left;
  margin:4px 4px 0px 0px;
  padding:0px;
}
.input{
  font-family: Georgia;
  font-size: 14px;
  float:left;
  width:250px;
  border:1px solid #cccccc;
  margin:2px 0px 2px 2px;
  color:#00abdf;
  height:20px;
  padding:3px;
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.textarea{
  font-family: Georgia;
  font-size: 14px;
  float:left;
  width:250px;
  border:1px solid #cccccc;
  margin:2px 0px 2px 2px;
  color:#00abdf;
  height:50px;
  padding:3px;
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}




form.registration input:focus, form.registration select:focus{
  background-color:#FDFFFF;
}
form.registration select{
  font-family: Georgia;
  font-size: 14px;
  float:left;
  border:1px solid #cccccc;
  margin:2px 0px 2px 2px;
  color:#00abdf;
  height:30px;
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}


.button,.button a, .button:visited{
margin-right:40px;
margin-bottom:40px;
font-weight:bold;
  float:right;
  text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
  border-bottom: 1px solid rgba(0,0,0,0.25);
  cursor: pointer;
  padding: 2px 5px 2px 2px;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  padding: 5px 7px;
  background-color: #00abdf;
  display: inline-block;
  -moz-border-radius: 7px;
 -webkit-border-radius: 7px;
 -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
 -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
.button:hover{
  background-color: #777;
}



#top{
width:980px;
height:300px;
border-bottom: 5px solid #cccccc;
}

#topright{
width:460px;
height:270px;
float:right;
color:#FFFFFF;
font-size:14px;
padding:15px;
border-bottom: 1px solid #ffffff;
}

#topleft{
width:490px;
height:300px;
float:left;
border-bottom: 1px solid #ffffff;

}


#topleftimg{
padding-top:30px;
float:left;
height:300px;
width:170px;
}

#toplefttekst{
position:relative;
float:right;
height:150px;
width:280px;
padding:15px;
font-weight:bold;
font-size:16px;
}

#topleftnas{
position:relative;
float:right;
width:300px;
height:30px;
}


#top2{
width:980px;
height:360px;
border-bottom: 5px solid #cccccc;

}


#topright2{
width:460px;
height:330px;
float:right;
color:#FFFFFF;
font-size:14px;
padding:15px;
border-bottom: 1px solid #ffffff;

}

#topleft2{
width:490px;
height:360px;
float:left;
border-bottom: 1px solid #ffffff;


}