﻿/*  
Theme Name: SrdrBlue
Theme URI: http://www.srdr.net/theme/
Description: Designed for srdr.net and published freely.
Version: 1.0
Author: Serdar Ciplak
Author URI: http://www.srdr.net/
*/

/* The Reset ---------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var, b, u, i, center,dl, dt, dd, ol, ul, li,fieldset,
form, label, legend, hr
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
div { word-wrap:break-word; }

/* -------------------------------------------- */

hr
{
	background:#b5b5b5 none repeat scroll 0 0;
	color:#b5b5b5;
	height:1px;
	margin:15px 25px 15px;
}
h1,h2,h3,h4,h5,h6
{
	font-weight:bold;
	margin-bottom:10px;
}
h1 { font-size:18px; }
h2 { font-size:15px; }
h3 { font-size:12px; }
h4, h5, h6 { font-size:10px; }
pre, code, dl, .post_text ul, ol { margin-bottom:18px; }
pre { overflow:auto; }
blockquote {
	border-left:2px solid #b5b5b5;
	margin:0 9px 9px;
	padding-left:10px;
}
.post_text ol, .post_text ul { margin-left:20px; }
.post_text li, dd { margin:0 0 9px 18px; }
input, textarea, select { font-family:Verdana; font-size:12px; }

body 
{
	background-color:#f5f5f5;
	font-family:Verdana;
	font-size:12px;
	color:#666666;
}
a { text-decoration: none; color:#666666; }
a:hover { color:#5aa8f5; }
.post_text a { text-decoration: none; color:#5aa8f5; }
.post_text a:hover { color:#f9a03f; }
.sidebar_right a { font-weight:bold; }
.sidebar_right li a { font-weight:normal; }

/* -------------------------------------------- */

.clear {
	clear:both;
}
.alignleft {
	float:left;
}

.alignright {
	float:right;
}

/* -------------------------------------------- */

.top
{
	width:100%;
	height:320px;
	background:url(images/top_bg.png) repeat-x;
}
.top .container
{
	margin:0 auto;
	width:980px;
	clear:both;
	position:relative;
}
.logo
{
	position:absolute;
	top:34px;
	left:95px;
}
#sitename
{
	font-size:36px;
	margin:0;
}
#sitedesc
{
	font-size:14px;
	margin:0 0 0 40px;
	color:#64b1ff;
}
.searchbox
{
	position:absolute;
	right:25px;
	top:45px;
	border:1px solid #c6c6c6;
	width:150px;
	height:21px;
	background-color:#ffffff;
	clear:both;
}
.searchbox input#s
{
	float:left;
	border:0;
	padding:0;
	height:17px;
	margin-top:3px;
	width:120px;
}
.searchbox input#searchsubmit
{
	float:right;
	background:url(images/search_icon.png) no-repeat scroll 0 0;
	height:19px;
	width:16px;
	margin:1px 3px 0 0;
	cursor:pointer;
	border:0;
	padding:0;
}
.photobox
{
	position:absolute;
	top:89px;
	right:29px;
	width:261px;
	height:251px;
	background:url(images/photobox_bg.png) no-repeat;
}
.photobox_container
{
	margin:20px 0 0 19px;
	width:223px;
	height:180px;
	position:relative;
	overflow:hidden;
	background-color:#111111;
}
.photobox h1
{
	font-weight:bold;
	font-size:12px;
	text-align:center;
	height:40px;
	line-height:40px;
	cursor:pointer;
}
.top_content
{
	position:absolute;
	top:111px;
	left:0px;
	height:209px;
	display:table;
	clear:both;
}
.top_content_img
{
	display:table-cell;
	width:265px;
	height:209px;
	text-align:right;
	background:no-repeat bottom right;
	float:left;
}
.top_content_text
{
	display:table-cell;
	vertical-align:middle;
	width:360px;
	height:209px;
	padding-left:10px;
	font-size:12px;
	color:#f5f5f5;
}
.top_content a
{
	color:#f5f5f5;
}
.menu
{
	position:absolute;
	top:292px;
	left:27px;
	height:28px;
	clear:both;
}
.menu ul
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
.menu li
{
	height:28px;
	width:107px;
	line-height:28px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	float:left;
	margin-right:3px;
	background:url(images/menuitem_bg.png) no-repeat;
}
.menu li a
{
	margin-right:4px;
}
.content
{
	margin:0 auto;
	width:980px;
	margin-top:37px;
	margin-bottom:20px;
	clear:both;
}
.posts
{
	float:left;
	vertical-align:top;
	width:616px;
	padding-left:10px;
}
.post
{
	margin-bottom:20px;
}
.post_boxtop
{
	background:url(images/post_boxtop.png) no-repeat top right;
	height:12px;
}
.post_boxcenter
{
	background:url(images/post_boxcenter.png) repeat-y right;
	clear:both;
	display:inline-block;
	padding-bottom:10px;
	width:100%;
}
.post_date
{
	float:left;
	color:#f5f5f5;
	font-weight:bold;
	background:url(images/post_date_bg.png) no-repeat bottom;
	width:39px;
	height:57px;
	text-align:center;
	padding-top:9px;
}
.post_day
{
	padding-top:7px;
	font-size:20px;
}
.post_month
{
	font-size:11px;
}
.post_content
{
	float:left;
	padding:0 25px 0 35px;
	background-color:Transparent;
	width:517px;
}
.post_top
{
	padding-top:5px;
	height:40px;
	clear:both;
}
.post_header
{
	float:left;
	font-weight:bold;
	font-size:18px;
}
.post_author
{
	font-weight:normal;
	font-size:11px;
}
.post_comment
{
	float:right;
	font-size:11px;
	line-height:30px;
}
.post_comment img 
{
	vertical-align:text-top;
}
.post_text
{
	font-size:12px;
	margin-top:5px;
}
.post_text img.alignleft
{
	margin:0 15px 15px 0;
}
.post_text img.alignright
{
	margin:0 0 15px 15px;
}
.post_bottom
{
	clear:both;
}
.post_bottom .seperator
{
	height:2px;
	background:url(images/post_bottom_seperator.png) repeat-x;
	margin:15px 0 15px 0;
}
.post_tags
{
	float:left;
	font-size:10px;
	width:270px;
}
.post_tags img
{
	vertical-align:middle;
}
.post_boxbottom
{
	background:url(images/post_boxbottom.png) no-repeat bottom right;
	height:12px;
}
.page_nav
{
	padding:0 20px 20px 55px;
	font-weight:bold;
	clear:both;
}
.sidebar_right
{
	float:left;
	vertical-align:top;
	width:354px;
}
.rightbox
{
	width:329px;
	margin:0 12px 13px 13px;
}
.rightbox_top
{
	background:url(images/sidebox_top.png) no-repeat bottom right;
	height:11px;
}
.rightbox_content
{
	background:url(images/sidebox_center.png) repeat-y right;
	clear:both;
	display:inline-block;
	width:100%;
}
.rightbox_content_wrap
{
	padding:5px 20px 5px 31px;
}
.rightbox_content h1
{
	font-weight:bold;
	font-size:16px;
}
.rightbox_content ul
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
.rightbox_content li
{
	line-height:18px;
	font-size:12px;
}
.rightbox_bottom
{
	background:url(images/sidebox_bottom.png) no-repeat bottom right;
	height:12px;
}
.bottom
{
	display:inline-block;
	width:100%;
	height:100%;
	background:url(images/bottom_bg.png) #64b1ff repeat-x;
	color:#f5f5f5;
}
.bottom .container
{
	margin:0 auto;
	width:980px;
	clear:both;
}
.sidebar_bottom
{
	display:table;
	padding:15px 32px 8px 32px;
	clear:both;
}
.bottom_item
{
	display:table-cell;
	float:left;
	width:265px;
	padding:5px 20px 5px 20px;
	background:url(images/bottom_item_seperator.png) repeat-y right;
}
.bottom_item h1
{
	font-weight:bold;
	font-size:16px;
	font-family:Tahoma;
}
.bottom_item ul
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
.bottom_item li
{
	line-height:18px;
	font-size:12px;
}
.bottom a
{
	font-weight:bold;
	color:#f5f5f5;
}
.bottom a:hover
{
	color:#d0d0d0;
}
.copyright
{
	float:left;
	margin:20px 0 10px 35px;
	font-size:11px;
}
.powered
{
	float:right;
	margin:20px 70px 10px 0;
	font-size:11px;
}
.searchtitle
{
	text-align:center;
}
/*-----------------------------------------------------------------------*/
#comments
{
	width:551px;
	margin:0 11px 0 54px;
}
h1.comment_status
{
	text-align:center;
	font-size:14px;
}
.comment
{
	margin-bottom:20px;
}
.commentbox_top
{
	background:url(images/commentbox_top.png) no-repeat top right;
	height:12px;
}
.commentbox_center
{
	background:url(images/commentbox_center.png) repeat-y right;
	clear:both;
	display:inline-block;
	width:100%;
}
.comment_date
{
	float:left;
	color:#f5f5f5;
	font-weight:bold;
	background:url(images/comment_date_bg.png) no-repeat bottom;
	width:34px;
	height:47px;
	text-align:center;
	padding-top:9px;
}
.comment_day
{
	padding-top:7px;
	font-size:18px;
}
.comment_month
{
	font-size:9px;
}
.comment_content
{
	float:left;
	padding:7px 25px 5px 30px;
	background-color:Transparent;
	width:452px;
}
.comment_avatar
{
	float:left;
	width:94px;
	margin-right:12px;
	border:1px solid #c6c6c6;
}
.comment_avatar img
{
	border:7px solid #ffffff;
}
.comment_text
{
	float:left;
	width:344px;
	font-size:12px;
}
div.comment_header
{
	font-size:14px;
}
div.comment_header a
{
	font-weight:bold;
	color:#666666;
}
div.comment_header a:hover
{
	color:#5AA8F5;
}
div.comment_header em
{
	font-size:12px;
	font-weight:normal;
}
.comment_text img
{
	
}
.comment_text a { text-decoration: none; color:#5aa8f5; }
.comment_text a:hover { color:#f9a03f; }
.commentbox_bottom
{
	background:url(images/commentbox_bottom.png) no-repeat bottom right;
	height:12px;
}
#respond
{
	margin-left:175px;
}
h1.title404
{
	font-size:14px;
}

/* Personal Classes*/

.post_rating
{
	float:right;
}