* {border: 0; margin: 0; padding: 0; outline: none;}
body {background: url(images/bgr.gif) #d2d1cf repeat-x top;color: #404040;font: 12px Verdana, Tahoma, Helvetica, sans-serif;}

a {color: #33707e; text-decoration: underline;}
a:hover {text-decoration: none;}

input, select, textarea {border: #cfcfcf 1px solid;color: #404040;font-size: 12px;padding: 3px;font-family: Arial, Verdana, Helvetica, sans-serif;}
li {list-style: none;}
div.tutorial_image {background: #fff; padding: 10px; text-align:center; margin-bottom: 10px;}

h2 {color: #222222;font-size: 1.5em;font-weight: normal;letter-spacing: -1px;margin: 0 0 1em;}
h3 {color: #333333;font: bold 24px Helvetica,Arial,sans-serif;margin: 0 0 .8em;}
h4 {font-size: 1em;margin: 0 0 1em;}
p {line-height: 1.5em;padding: 0 0 1.3em;}

/*  LAYOUT 
-------------------------------------------------------------------*/
#page {margin: 0 auto;width: 935px;}
#page-bot {background: url(images/page-bot.gif) repeat-x top;height: 39px;}
#header{height: 101px;margin: 0 0 1px;}

/*  LOGO 
-------------------------------------------------------------------*/
#header h1 {background: url(images/dinozorus-logo.png) no-repeat;float: left;text-indent: -9999px;width: 408px; margin-top:10px;}
#header h1 a {display: block;height: 101px;}
#header h1 a:hover {text-decoration: none;}

.topnav {font-size: 11px;font-weight: bold;height: 31px;overflow: hidden; }
.topnav li {border-right: 1px solid #666; float: left;line-height: 30px;margin-top:8px;}
.topnav li.first {background: none;}
.topnav li.first a {padding: 0 12px 0 4px;}
.topnav li a {
	color: #333;
	display: block;
	float: left;
	padding: 0 7px 0 8px;
	text-decoration: none;
    font: bold 11px "lucida grande",tahoma,verdana,arial,sans-serif;
    text-shadow:#fff 0 1px;
}
.topnav li a:hover,
.topnav li.active a {text-decoration: none; color: #666;}	

/*  NAVIGATION 
-------------------------------------------------------------------*/
#nav1 {background: url(images/nav1-sep.gif) no-repeat left top;font-size: 13px;height: 37px;}
#nav1 ul.sf-menu li {
	position: relative;
	background: url(images/nav1-sep.gif) no-repeat right top;
	float: left;
	line-height: 37px;
	padding: 0 1px 0 0;
	text-align: center;
}
#nav1 ul.sf-menu li a {
	color: #333333;
	display: block;
	position: relative;
	float: left;
	text-decoration: none;
	width: 107px;
	cursor: pointer;
}
#nav1 ul.sf-menu li a:hover {text-decoration: none;background: #FEFEFE;}
#nav1 ul.sf-menu li ul.children {border: 1px solid #000000;background: #272726 url(images/ul_children_bg.gif) repeat-y top right;}
#nav1 ul.sf-menu li ul.children li {background: url(images/ul_children_li_bg.gif) no-repeat bottom right;}
#nav1 ul.sf-menu li ul.children li a {color: #bebebe;text-decoration: none;display:block;}
#nav1 ul.sf-menu li ul.children li a:hover {text-decoration: none;background: none;}
#nav1 ul.sf-menu li ul.children li ul.children {
	border: 1px solid #000000;
	border-left: none;
	background: #272726 url(images/ul_children_ul_children_bg.gif) repeat-y top left;
}
#nav1 ul.sf-menu li ul.children li ul.children li {background: url(images/ul_children_li_bg.gif) no-repeat bottom right;}
#nav1 ul.sf-menu li ul.children li ul.children a {color: #bebebe;text-decoration: none;}
#nav1 ul.sf-menu li ul.children {margin:5px 0 0 0;}
#nav1 ul.sf-menu li ul.children ul.children {margin:-1px 0 0 27px;}
/*  ALL COLUMNS 
-------------------------------------------------------------------*/
#columns {
	margin: 37px 0 0;
	padding: 0 0 15px;
	display: table-cell;
	display: block;
	height: auto !important;
	height: 900px;
	min-height: 900px;
}
/*  CENTER COLUMN 
-------------------------------------------------------------------*/
#centercol {float: left;width: 660px;}
#rightcol {float: right;width: 250px; }
#rightcol a {color: #404040;text-decoration: none;}

.subcols {background: url(images/subcols-bgr.gif) repeat-y left;height: 1%;}
.col1, .col2 {float: left;width: 250px;}
.col2 {float: right;}

/*  POSTS
-------------------------------------------------------------------*/
/*  POST TITLE 
-------------------------------------------------------------------*/
.post-title h1 {
	color: #333333;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -0.5px;
}
.post-title h1 span {color: #33707e;}
.post-title h1.author {color: #888888;font-size: 14px;padding-top: 2px;}
.post-title h2, .post-title h2 a  {
	font-size: 30px;
	font-weight: bold;
	letter-spacing: -2px;
	margin: 0 0 .45em;
	color: #333;
	text-decoration: none;
}
/*  POST DATE 
-------------------------------------------------------------------*/
.post-date {margin: 0 0 1.25em;}
.post-date a {color: #1c5280; text-decoration: none; }
.post-date em {
	background: #bcdcf8;
	color: #333;
	font-size: .9em;
	font-style: normal;
	padding: 3px 5px;
	line-height: 1.75em;
}
/*  POST EXCERPT 
-------------------------------------------------------------------*/
.post-excerpt {display: table;font-size: 13px;font-style: italic;height: 1%; /* margin: 0 0 1em; */}

/*  POST LIST 
-------------------------------------------------------------------*/
.post ul, .post ol {margin: 0 0 1.5em;}
.post ul li {background: url(images/ico-list.gif) no-repeat 0 6px;margin: 0 0 .4em;padding: 0 0 0 10px;}
.post ol li {
	list-style: decimal;
	list-style-position: inside;
	margin: 0 0 .4em;
}
/*- Post Blockquote -*/
.post blockquote {
	border-left: 3px solid #cfcfcf;
	font-size: 13px;
	font-style: italic;
	margin: 0 0 1.5em;
	padding: 5px 0 0 10px;
}
/*- Post Author -*/
.post-author {margin: 0 0 1em;}
.author-details {font-size: .85em;}
.author-descr {display: table;height: 1%;}

/*  SOCIAL LINKS
-------------------------------------------------------------------*/
.social-links {background: url(images/box-bgr2.gif) #f1f1f1 repeat-x top;height: 42px;padding: 0 18px;}
.social-links .fl {line-height: 42px;}
.social-links .fl span {
	background: url(images/comment_count_bg.gif) no-repeat center left;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	padding: 4px 0 8px 0;
	width: 33px;
	margin-right: 6px;
	display: inline-block;
	line-height: 32px;
}
.social-links .fr {padding: 9px 0 0;}
.social-links .fr span {line-height: 21px;}
.social-links img {margin: 0 0 0 2px;}

#social {text-align:center; margin-bottom:15px;}

/*  BENZER MAKALELR 
-------------------------------------------------------------------*/
.post-rel {line-height: 1.5em;}
.post-rel a {color: #33707E;}

/*  MAKALE YORUMLAR
-------------------------------------------------------------------*/
.post-comments .fl {width: 80px;}
.post-comments .fr {width: 520px;}

div.adv {margin-right:10px; background: #ff6600;}
div.adv img {float:left; }

/*  WIDGET BASLIK 
-------------------------------------------------------------------*/
.wtitle {background: url(images/box-bgr.gif) repeat-x top;}
.wtitle h2 {line-height: 40px;margin: 0;padding: 0 0 0 18px;}

/*  DOWNLOAD 
-------------------------------------------------------------------*/
#download {border: 1px solid #cecfd0; text-align:center; background: #f0f0f0 url(images/download-ico885858.png) no-repeat 140px 8px; padding: 15px; font: bold 28px Verdana, Helvetica, sans-serif;}
#download a {color: #215c8b; text-decoration: none;}
#download a:hover {color: #2a75b1; text-decoration: none;}
/*  BOX-1
-------------------------------------------------------------------*/
.box {
	background: #fff; 
	border: 1px solid #bbbbbb;
    border-right: 2px solid #bbb;
    border-bottom: 2px solid #bbb;
	margin: 0 0 28px;
	padding: 1px;
}
.box .content {background:  #f4f4f4 repeat-x top;height: 1%;padding: 18px;}
.box.ads .content {padding-left: 15px;padding-right: 0;text-align: center;}
#rightcol .box {margin: 0 0 10px;}

/*  BOX-RIGHT
-------------------------------------------------------------------*/
.module {margin: 10px 0px 10px 0px;}


#rightcol .module {margin: 0 0 10px;}

/*  BOX2 
-------------------------------------------------------------------*/
.box2 {
	background: #f9f9f9;
	border: 1px solid #cfcfcf;
	height: 1%;
	margin: 0 0 20px;
	padding: 18px;
	min-height: 115px;
}
.box2.alt {background: #FFFFFF;}
.box2.alt {background: #FFFFFF;}
.comm-name, .comm-date {line-height: 20px;}

/*  STYLING LIST 
-------------------------------------------------------------------*/
.list1 li {background: url(images/ico-list1.gif) no-repeat 0 1.1em;border-bottom: 1px solid #e7e7e7;height: 1%;padding: .7em 0 .7em 13px;}
.list1 li.last {border: 0;}
#rightcol .list1 li a:hover {color: #33707e;}

input.btn {background: none;border: 0;	margin: 0;padding: 0;}
select {padding: 1px;}

/*  ARAMA 
-------------------------------------------------------------------*/
#search {float: right;height: 25px;padding: 0px;margin-bottom: 20px;}
#search input {background: #f4f4f4;border: 1px solid #adadad;float: left;padding: 8px;width: 232px;}
#search input.btn {background: none;border: 0;margin: 8px 0 0 -30px;padding: 0;width: auto;}

/*  MESSAGE 
-------------------------------------------------------------------*/
.message div {margin: 0 0 18px;}
.message input {padding: 9px 15px;width: 487px;}
.message textarea {height: 114px;overflow: auto;padding: 9px 15px;width: 487px;font-family: Verdana;}
.message .submit {float: left;}
.message .btn {padding: 0;width: auto;}
.message .notice {color: #a4a4a4;float: right;font-style: italic;padding: 10px 0 0;}

/*  PICTURE, THUMBNAIL 
-------------------------------------------------------------------*/
.pic img {border: 1px solid #cfcfcf;display: block;margin: 0 0 .8em;}
.pic.fl img {margin-right: 23px;}
.pic.fr img {margin-left: 23px;}
.th {display: block;margin: 0 0 .5em;}
.th.fl img {margin-right: 10px;}
.th.fl img {width:40px;height:40px;border: 1px solid #cfcfcf;}
.ads img, .ads.flickr .content img {margin: 0 14px 15px 0;}

/*  FOOTER 
-------------------------------------------------------------------*/
#footer {color: #5f5f5f;font-size: 11px;line-height: 39px;margin: 0 auto;width: 975px;}
#footer a {color: #33707e;text-decoration: none;}
#footer a:hover {color: #5f5f5f;text-decoration: underline;}

div.wp-pagenavi a, div.wp-pagenavi {color: #505050; background: none; font: 9px Tahoma;}
div.wp-pagenavi a:hover {background: none; text-decoration: underline;}
div.wp-pagenavi span.current {border:1px solid #b4b4b4; background: #f0f0f0; color:#505050; font: 9px Tahoma;}

.fix {clear: both;height: 1px;margin: -1px 0 0;overflow: hidden;}
.hl, .hl2 {background: url(images/hl-dot.gif) repeat-x top;clear: both;height: 2px;overflow: hidden;width: 100%;}
.hl2 {background: none;border-top: 1px solid #e7e7e7;height: 1px;margin: 0 0 .8em;}
.fl {float: left;}
.fr {float: right;}
.ac {text-align: center;}
.ar {text-align: right;}