/*
// +------------------------------------------------------------------------+
// | Suxemagazin.com v2.0
// +------------------------------------------------------------------------+
// | Web Design and Developed by Zoom AdWorks
// | Copyright 2010 Suxemagazin.com. All rights reserved.
// | 21.12.2009
// +------------------------------------------------------------------------+
// +------------------------------------------------------------------------+
*/

body{
	background:#E62A07 url("../images/body-bg.jpg");
	background-repeat: repeat-x;
	font-family: Verdana;
	font-size: 11px;
}

#wrapper{
	margin-left: 10px;
	height: auto;
	width: 915px;
}
#header{
	width: 915px;
	height: 100px;
}
#header #logo{
	position: relative;
	float: left;
	width: 165px;
	height: 68px;
	margin-top: 25px;
	margin-left: 10px;
}
#header #ads{
	position: relative;
	float: right;
	width: 728px;
	height: 90px;
	margin-top: 10px;
}
#navigation{
	position: relative;
	float: left;
	width: 915px;
}
#navigation ul{
	position: relative;
	float: left;
	margin-top: 10px;
	width: 915px;
	height: 35px;
	background-color: #FDD7A2;
}
#navigation ul li{
	float: left;
	margin: 10px 0 0 10px;
}
#navigation ul li a{
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
#navigation ul li a:hover{
	color: #fc0000;
	text-decoration: underline;
}

#content{
	position: relative;
	float: left;
	width: 905px;
	height: auto;
	padding: 5px;
	background-color: #fff;
}
#column-left{
	position: relative;
	float: left;
	width: 600px;
}
#left{
	position: relative;
	float: left;
	width: 590px;
	font-size: 12px;
	margin-left: 5px;
	margin-top: 5px;
	line-height: 20px;
}
#left h1{
	font-family: Georgia;
	color: #0077bc;
	font-size: 20px;
	width: 320px;
	font-weight: normal;
}
#left h2{
	color: #0077bc;
	width: 320px;
	font-family: Georgia;
	font-size: 14px;
	font-weight: normal;
	margin-top: 10px;
}
#left h3{
	color: #848484;
	width: 320px;
	font-weight: normal;
	margin-top: 0px;
	font-size: 10px;	
	margin-bottom: -30px;
}

/****************** Clipboard ***/

#clipboard{
	position: relative;
	float: left;
	width: 600px;
	height: 250px;
	background-color: #343434;
}
#clipboard #image{
	position: relative;
	float: left;
	width: 320px;
	height: 250px;
}
#clipboard #title{
	position: relative;
	float: left;
	width: 250px;
	margin-top: 10px;
	margin-left: 10px;
	font-size: 30px;
	font-weight: bold;
	font-family: Arial;

}
#clipboard #title a{
	background-color: #CA1564;
	line-height: 40px;
	padding: 7px;
	color: #fff;
	text-decoration: none;
}
#clipboard #title a:hover{
	background-color: #3696F6;
}

#clipboard #public{
	position: relative;
	float: left;
	width: 250px;
	margin-top: 10px;
	margin-left: 10px;
	font-size: 11px;
	font-weight: bold;
	color: #b8b8b8;
}
#clipboard #public a{
	color: #B8B8B8;
	text-decoration: none;
}
#clipboard #public a:hover{
	color: #fff;
}

#clipboard #number{
	position: relative;
	float: left;
	width: 250px;
	margin: 10px;
	font-size: 11px;
	font-weight: bold;
	color: #b8b8b8;
}
#clipboard #number ul {color: #fff;}
#clipboard #number ul li{
	position: relative;
	float: left;
	width: 15px;
	height: 13px;
	padding: 3px;
	margin-left: 3px;
	text-align: center;
	background-color: #a5a5a5;
}
#clipboard #number ul li a{color: #fff; text-decoration: none;}
#clipboard #number ul li a:hover{color: #fff;}

/****************** Clipboard ***/


/****************** Headline ***/

#headline{
	position: relative;
	float: left;
	width: 600px;
	height: 150px;
	background-color: #dcdcdc;
	margin-top: 5px;
}

/****************** Headline ***/


/****************** News ***/

#news{
	position: relative;
	float: left;
	width: 600px;
	height: auto;
	margin-top: 5px;
}
#news-top{
	position: relative;
	float: left;
	width: 625px;
	height: 280px;
	border: 3px color: #fc0000;
}

#news-top #photo{
	position: relative;
	float: left;
	width: 170px;
	height: 265px;
}
#news-top #photo a img {
	padding: 4px;
	border: 1px solid #eee;
}
#news-top #photo a:hover img {
	background: #e33258;
}

#news-top .topnews{
	position: relative;
	float: left;
	width: 195px;
	height: 265px;
	margin-left: 15px;

}
#news-top .topnews .picture {
	position: relative;
	float: left;
	width: 195px;
	height: 140px;
}
#news-top .topnews .picture a img{
	padding: 4px;
	border: 1px solid #eee;
}
#news-top .topnews .picture a:hover img {
	background: #e33258;
}
#news-top .topnews .title{
	position: relative;
	float: left;
	width: 209px;
	margin-top: 15px;
	font-size: 18px;
}
#news-top .topnews .title a{
	color: #000;
	text-decoration: none;
}
#news-top .topnews .title a:hover{
	color: #000;
	text-decoration: underline;
}

#news-top .topnews .public{
	position: relative;
	float: left;
	width: 209px;
	margin-top: 15px;
}
#news-top .topnews .public a{
	color: #000;
	text-decoration: none;
}
#news-top .topnews .public a:hover{
	color: #000;
	text-decoration: underline;
}
/****************** News ***/

/****************** Newslist ***/

#newslist{
	position: relative
	float: left;
	width: 600px;
	height: auto;
}
.newslist{
	position: relative;
	float: left;
	width: 600px;
	height: 150px;
	padding-bottom: 5px;
	border-bottom: 1px solid #9e9e9e;
	border-style: dotted;
	margin-top: 5px;
}

.newslist .photo{
	position: relative;
	float: left;
	width: 210px;
	height: 150px;
}

.newslist .photo a img {
	padding: 4px;
	border: 1px solid #eee;
}
.newslist .photo a:hover img {
	background: #e33258;
}
.newslist .categories {
	position: relative;
	float: left;
	width: 370px;
	margin-left: 5px;
	height: 15px;
	color: #e33258;
	font-weight: bold;
}
.newslist .categories a{
	color: #e33258;
	text-decoration: underline;

}
.newslist .categories a:hover{
	text-decoration: none;
}
.newslist .title {
	position: relative;
	float: left;
	width: 370px;
	margin-left: 5px;
	height: auto;
	margin-top: 5px;
	color: #e33258;
	font-weight: bold;
	font-size: 18px;
}
.newslist .title a{
	color: #e33258;
	text-decoration: none;
	border-bottom: 1px solid #e33258;
	border-style: dotted;
}
.newslist .title a:hover{
	border-bottom: 1px solid #e33258;
}
.newslist .public {
	position: relative;
	float: left;
	width: 310px;
	margin-left: 5px;
	height: auto;
	margin-top: 5px;
}
.newslist .public a{
	color: #000;
	text-decoration: none;
}
.newslist .public a:hover{
	text-decoration: underline;
}
/****************** Newslist ***/


/****************** Sidebar ***/
#sidebar{
	position: relative;
	float: left;
	width: 300px;
	margin-left: 3px;
}
#sidebar #banner{
	position: relative;
	float: left;
	width: 300px;
	height: 250px;
}

#sidenews{
	position: relative;
	float: left;
	width: 300px;
}
#sidenews ul{
	background-color: #f1f1f1;
}
#sidenews h1{
	position: relative;
	float: left;
	width: 290px;
	height: 23px;
	background:#E62A07 url("http://www.otozoom.com/images/black.png");
	margin-top: 5px;
	color: #d1d1d1;
	font-size: 11px;
	font-weight: none;
	padding: 5px;
}

#sidenews ul li{
	position: relative;
	float: left;
	width: 290px;
	color: #263b51;
	border-bottom: 1px solid #ccc;
	border-style: dotted;
	padding: 5px;
	font-weight: bold;
}
#sidenews ul li a{
	color: #263b51;
	text-decoration: none;
}
#sidenews ul li a:hover{
	text-decoration: underline;
}

#topcomments{
	position: relative;
	float: left;
	width: 300px;
}
#topcomments h1{
	position: relative;
	float: left;
	width: 290px;
	height: 23px;
	background:#E62A07 url("http://www.otozoom.com/images/black.png");
	margin-top: 5px;
	color: #d1d1d1;
	font-size: 11px;
	font-weight: none;
	padding: 5px;
}
#topcomments ul{
	background-color: #f1f1f1;
}
#topcomments ul li{
	position: relative;
	float: left;
	width: 290px;
	height: 60px;
	border-bottom: 1px solid #ccc;
	border-style: dotted;
	padding-bottom: 10px;
	margin-top: 10px;
	font-weight: bold;

}
#topcomments ul li a{
	text-decoration: none;		color: #263b51;

}
#topcomments ul li a:hover{
	text-decoration: underline;
}


#topcomments ul li .photo{
	position: relative;
	float: left;
	width: 77px;
	height: 55px;
}
#topcomments ul li .photo a img {
	padding: 3px;
	border: 1px solid #eee;
}
#topcomments ul li .photo a:hover img {
	background: #e33258;
}
#topcomments ul li .title{
	position: relative;
	float: left;
	width: 170px;
	height: 55px;
	margin-left: 9px;
}
#topcomments ul li .title a {
}
#topcomments ul li .title a:hover {
}

#topcomments ul li .bubble{
	background:transparent url('http://www.otozoom.com/images/bb.png') no-repeat;
	float:right;
	height:17px;
	font-weight: none;
	padding-top:0px;
	text-align:center;
	width:19px;
	margin-top:2px;
	margin-left:10px;		color: #fff;

}
#topcomments ul li .bubble a {
	color: #fff;
}
#topcomments ul li .bubble a:hover {
}

/****************** Sidebar ***/



/****************** Detail ***/
#detail{
	position: relative;
	float: right;
	width: 260px;
}
#detail #photo{
	position: relative;
	float: right;
	margin-top: -5px;
	margin-right: 3px;
	border: 1px solid #ccc;
	padding: 3px;

}
#detail #social{
	position: relative;
	float: right;
	border: 1px solid #ccc;
	padding: 3px;
	width: 250px;
	margin-top: 5px;
	margin-right: 3px;
}

/****************** Detail ***/



/****************** Social ***/


.datas {display:block; margin-bottom:10px;}
ul.hLinks {display:block; clear:left; height:40px; padding-bottom:5px;}
ul.hLinks li {color:#d70010; height:20px; line-height:20px; font-size:10px;}
ul.hLinks li.link {float:left; padding-right:3px;}
ul.hLinks li.link a {display:block; color:#fff; background:#d70010; padding:0 5px; font-weight:bold; font-size:12px;}
ul.hLinks li.link a:hover {color:#ef999f; text-decoration:none;}

ul.sLinks {display:block;}
ul.sLinks li {height:20px; line-height:20px; color:#d70010; font-size:10px;}
ul.sLinks li.sites {float:left; padding-right:10px; width:97px;}
ul.sLinks li.oneline {padding-right:15px; width:auto;}
ul.sLinks li.sites a {display:block; padding-left:18px; background:url(http://www.suxemagazin.com/images/social_icons.png) no-repeat; white-space:nowrap; color: #000; text-decoration: none;}
ul.sLinks li.sites a:hover {text-decoration: underline;}

ul.sLinks li.sites a.facebook {background-position:0 -50px;}
ul.sLinks li.sites a.google {background-position:0 -100px;}
ul.sLinks li.sites a.yahoo {background-position:0 -150px;}
ul.sLinks li.sites a.myspace {background-position:0 -200px;}
ul.sLinks li.sites a.friendfeed {background-position:0 -250px;}
ul.sLinks li.sites a.mixx {background-position:0 -300px;}
ul.sLinks li.sites a.digg {background-position:0 -350px;}
ul.sLinks li.sites a.stumpleupon {background-position:0 -400px;}
ul.sLinks li.sites a.delicious {background-position:0 -450px;}
ul.sLinks li.sites a.reddit {background-position:0 -500px;}
ul.sLinks li.sites a.twitter {background-position:0 -550px;}
.cls {font-size:1px; line-height:1px; height:1px; display:block; clear:both;}

/****************** Social ***/


/****************** Comment ***/

.comments{
	position: relative;
	float: left;
	width: 577px;
	height: auto;
	margin-top: 5px;
	background-color: #e1f4fc;
	padding: 5px;
}




#comment{
	position: relative;
	float: left;
	width: 567px;
	height: auto;
	margin-top: 10px;
	background-color: #e1f4fc;
	padding: 10px;
}




/* Comments
############################################################################################################## */
.comments-list { padding-top: 20px;}
.comments-list h2 { color:#272d36; font: normal 28px/28px "Arial"; letter-spacing: -1px; padding-bottom: 20px;}
.comments-list div.entry { margin-bottom: 15px; padding: 25px; border: 1px solid #dcedf0; background: #fff url(images/comments-list-entry-bkg.png) no-repeat right bottom;}
.comments-list div.alt { background: #e1f4fc url(../images/comments-list-alt-bkg.png) no-repeat left top; padding-top: 40px; border: none; margin-bottom: 25px;}
.comments-list p.name { font: bold 14px/14px "Arial" sans-serif; letter-spacing: -1px; color:#000;}
.comments-list p.avt { padding: 0px; margin: 0px; float: right;}
.comments-list p.avt img { border: solid 1px #ccc;}
* html .comments-list p.avt { left: -60px; }
.comments-list p.date { font-size: 11px; margin-bottom: 5px;}
.comments-list p.date a, .comments-list p.date a:visited, .comments-list p.date a:hover { color:#96b1bc; text-decoration: underline;}

.comments-list .con { font: normal 12px/17px "Verdana"; margin-right: 90px; 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 20px; }
.comments-list .con blockquote p { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#666; }


/* Comments Form
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
input{font-family: tahoma;}
.comments-form { background: #e1f4fc; padding: 15px; }
.comments-form h3 { color:#272d36; font: normal 28px/28px "Arial"; letter-spacing: -1px; padding-bottom: 5px; margin-bottom: 5px; border-bottom: solid 1px #c5e1ed; }
.comments-form p { padding: 7px 0px; color:#808080;}
.comments-form .required { font-weight: normal; color:#ff0000;}
.comments-form input { padding: 5px; width: 210px; margin-right: 7px; }
.comments-form input.formid { border: 1px solid #a8d3e4; background: #fff url(../images/form-name-bkg.png) no-repeat left; padding: 4px 4px 4px 40px;}
.comments-form input.formemail { border: 1px solid #a8d3e4; background: #fff url(../images/form-email-bkg.png) no-repeat left; padding: 4px 4px 4px 40px;}
.comments-form input.formuri { border: 1px solid #a8d3e4; background: #fff url(../images/form-uri-bkg.png) no-repeat left; padding: 4px 4px 4px 40px;}

.comments-form textarea { border: 1px solid #a8d3e4; background: #fff; padding: 4px; width: 97%;}
.comments-form .button { border: 1px solid #a8d3e4; background: url(../images/button-post-comment.png) no-repeat left; color:#fff; width: auto; font-size: 11px; font-weight: bold; padding: 4px 6px 4px 38px;}







/****************** Comment ***/



/****************** Footer ***/

#footer{
	position: relative;
	float: left;
	width: 915px;
	background:#E62A07 url("../images/footer-bg.jpg");
	padding-top: 30px;
	font-family: Lucida Sans Unicode;
	color: #fff;
}
#footer h1{
	font-weight: bold;
	font-size: 11px;
	margin-bottom: 10px;
	text-decoration: underline;
}
#footer ul{
	position: relative;
	float: left;
	width: 210px;
	margin-left: 10px;
}
#footer ul li{}
#footer ul li a{
	color: #efefef;
	text-decoration: none;
}
#footer ul li a:hover{
	color: #efefef;
	text-decoration: underline;
}


.170{
	position: relative;
	float: left;
	width: 170px;
	height: 200px;
	border: 1px solid #000;
	background-color: #fc0000;
}




/****************** Footer ***/

/****************** Footer 

#recent {
	float:left;
	width:300px;  }

	#recent li {
		float:left;
		padding:4px 0 4px 0;
		border-bottom:1px dotted #ccc;
		clear:both;
		width:100%; 
		line-height:normal;}

		#recent li:hover {
			background:#E9E8E8;
			border-bottom:1px dotted #646464; }

	#recent small a {
		font-size:10px;
		color:#737373;
		text-transform:none; }

	#recent small {
		font-style:italic;
		font-size:10px;
		color:#737373; }

	#recent h3 {
		background:url('http://www.otozoom.com/images/black.png') no-repeat top left;
		height:30px;
		font-family:Arial;
		text-transform:uppercase;
		font-size:10px;
		color:#fff;
		font-weight:400;
		padding:7px 5px 0 10px; }

	.widget {
	 color:#333;
	 }

.bubble {
	background:transparent url('http://www.otozoom.com/images/bb.png') no-repeat;
	color:#fff;
	float:right;
	height:17px;
	padding-top:0px;
	text-align:center;
	width:19px;
	margin-top:2px;
	margin-left:10px; }

	.bubble a {
		color:#fff;
		font-size:10px;
		font-weight:700;
		font-family:Arial;border: 1px solid #000; }