/* SodaPorn CSS Document */

/*****************

	MAIN

******************/



body,h1,h2,h3,h4,h5,p,div,iframe,form,table,td,th {

	padding: 0;

	margin: 0;	

}



/*****************

	TEXT STYLES

******************/





h2 {

	font: bold 2.5em  arial, helvetica, sans-serif;

	margin: .25em 0;
	
	letter-spacing:-2px;

}



h3 {

	font: bold 1.3em arial, helvetica, sans-serif;

	padding: .5em 0;

	text-transform: uppercase;

	color: #333;

	clear: left;
	
	letter-spacing: -1px;

}



p {

	margin: 1em 0;

}



.post ul {

	margin: 1em 0;

	padding-left: 2em;

}



a {

	color: #DF0084;

	text-decoration: none;
	
	



}



a:hover {

	background-color: #DF0084;

	color: #fff;

}



a.imglink, #medrect a, #linkscol a, #statscol a {

	border: 0;

}



a.imglink, a.imglink:hover {

	background: none; border: 0;

}



a.imglink img, a.imglink:hover, #medrect a img, #linkscol a img, #statscol a img {

	border: 0;

	background: none;

}



ul, ol { 

	margin-left: 2em;

	padding-left: 0;

}



#subcontent ul,

#subcontent ol,

#subcontent dl,

#subcontent li,

#subcontent dt,

#subcontent dd {

	list-style: none;

	margin: 0;

	padding: 0;

}





.imglink img { border: 0; }



/*****************

	LAYOUT

******************/



body { width: 100%; margin: 0; padding: 0; text-align: center; font: normal 76%/1.5em arial, helvetica, sans-serif; color: #333; background: #EFDFE9 url(http://www.sodaporn.com/images/bg.gif) 0 0 repeat-x; }



#container { min-width: 980px; max-width: 1400px; margin: 0 auto; text-align: left; padding: 0 4px; }



#wrapper { clear: left; background: transparent url(http://www.sodaporn.com/images/rightbg.png) right top repeat-y; padding-right: 491px; }



#wrapper2 { background: transparent url(http://www.sodaporn.com/images/leftbg.png) left top repeat-y; }



#content, #subcontent { position: relative; float: left; }



#content { width: 100%; background: url() 140px 0 no-repeat; padding-top: 20px; }



	#innercontent { margin: 0 20px 0 20px; background: #fff; }



#subcontent { width: 491px; margin-right: -491px; }



	#linkscol { float: left; width: 164px; padding: 0 0 0 1px; }



	#statscol { float: left; width: 310px; padding-left: 5px;}

		

#wrapper2:after, #container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }





#header { padding-right: 400px; height: 123px; }



	#bloginfo { position: relative; float: left; text-align: right; width: 400px; margin-right: -400px; background: url(http://www.sodaporn.com/images/rightheader.png) right top no-repeat; height: 123px; }



		#innerbloginfo { padding: 10px 30px 0 0; }



	#branding { position: relative; float: left; width: 100%; background: url(http://www.sodaporn.com/images/leftheader.png) left top no-repeat; height: 123px;}

	



#footer { clear: both; padding-right: 495px; height: 123px;}



	#legal { position: relative; float: left; width: 100%; background: url(http://www.sodaporn.com/images/leftfooter.png) left bottom no-repeat; height: 123px; }

	#footer_right { position: relative; float: left; width: 495px; margin-right: -495px; background: url(http://www.sodaporn.com/images/rightfooter.png) right bottom no-repeat; height: 123px; }
	
	
.BookmarkDiv{
	margin:1em;
	padding;1em;
	text-align:center;
	float:left;
	width:130px;
	height:17px;
	}	



/****************

	HEADER

*****************/



.topleader { width: 728px; margin: 0 auto 10px; }





h1 { padding: 7px 0 0 25px; margin: 0; }





#bloginfo p { margin: 0; } 



	#tiplink { font-weight: bold; font-size: 1.2em;}



#addtofeeds { font-size: .9em; margin: 0 0 2px 0; padding: 0; }



#addtofeeds #rsslink, #addtofeeds #rsscatlink { font-weight: bold;  }

#addtofeeds #rsslink { font-size: 1.2em; padding: 1px 0 2px 18px; background: #fff url(http://www.sodaporn.com/images/minifeed.gif) 0 0 no-repeat; }

#addtofeeds #rsslink:hover { background-color: #DF0084; }



/* language */



p#lang { margin: 0; }



/****************

	FOOTER

*****************/



#legal p { margin-left: 20px; }

#sitemeter { text-align: right; margin-top: 10px; margin-right: 10px; }



/**************

	SEARCH 

***************/



#searchform { margin: 4px 0; }

#searchform input { font: normal 1em arial, helvetica, sans-serif; padding: 2px 1px; }

#searchform #q { margin: 0 5px 0 0; width: 200px; }



/**********************

	POSTS

************************/





p.byline {  color: #999; margin: 0; font-size: .9em; }



.post { padding: 5px 0 0 0; clear: both; font-size: 1.1em; line-height: 1.6em; overflow: hidden; }

	.post img.biggie { width: 98%; max-width: 860px; margin: 0;}

	.post img.biggie7 { width: 98%; max-width: 700px; margin: 0;}

	.post img.biggie6 { width: 98%; max-width: 600px; margin: 0;}





.postmeta { clear: both; padding: 5px 0 1.5em 0;  }

.postmeta ul { list-style: none; text-align: right; display: block; }

.postmeta li { display: inline; padding: 0 .5em; border-right: 1px solid #ccc; }

.postmeta li.readlink { float: left; text-align: left; margin: 0; padding: 0; padding: 0; border: 0; }

.postmeta li.readlink a img { border: 0; }

.postmeta .commentslink { border: 0; }





.google_units { text-align: center; margin: 10px 5px; padding: 10px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }





#paging { margin: 10px 0; font-size: 1.3em; font-weight: bold; }



/***********************

	COMMENTS

*********************/





#comments #cmt_sub_link { float: right; margin-top: 5px; background-image: url(http://www.sodaporn.com/images/megaminifeed.gif); background-position: 0 2px; background-repeat: no-repeat; padding-left: 16px; }



h2#readercomments { font-size: 1.5em; border-bottom: 1px dotted #ccc; margin: 10px 0 5px 0; }

h2#readercomments span { font-size: .8em; }





.comment_thread h2#readercomments { border-bottom: 0; }

.comment_thread h3 { border-bottom: 1px dotted #ccc; }



.cmt_tools { float: right; width: 56px; margin-left: 5px; }

.cmt_tools a img { float: left; padding: 1px; border: 0; }



.cmt_label { float: right; margin-right: 5px; }

	.label_level0, .label_level1 { color: #900; }

	.label_level2, .label_level3 { color: #090; }



.cmt_tools a:hover img { background: #fff; }



.cmt_reply_show { padding-right: 4px; text-align: right; border-top: 1px dotted #cecece; }



#comments h4 {  padding: 0 5px; font-size: 1em;}

#comments h4 span.cmt_time { color: #999; }



p.cmt_contents { padding: 0 5px; }



.commentclass1, .commentclass2 { margin: 5px 0; border: 1px solid #ccc; overflow: hidden; }



.replies_inline { margin-left: 20px; }



/*

#comments .level0 h4 { background: #afafaf; }

#comments .level1 h4 { background: #cecece; }

#comments .level2 h4 { background: #eee; }

#comments .level3 h4 { background: #fefefe; }

#comments .level4 h4 { background: #fff; }

*/



.votedComment .cmt_tools a { display: none; }

.votedComment .cmt_tools { background: url(http://www.sodaporn.com/images/vote.gif) 0 1px no-repeat; width: 54px; height: 16px; }



.reportedComment .cmt_tools,

.reportedComment .cmt_contents,

.reportedComment .cmt_reply_show,

.reportedComment .cmt_reference,

.reportedComment .cmt_label {

	display: none;

}



.reportedComment h4 {

	background: #eee;

}



.cmt_paging { padding: 5px 0; }



.thankYou { background: #ffc; border: 1px solid #333; padding: 5px; }



.comment_thread .child { margin-left: 10px; }



/***********************

	LINKS (MIDDLE) COL

*************************/



#linkscol h3 { padding-left: 5px; }

#linkscol #feedservices { padding: 0 0 0 5px; }



#breakingandfeatures { background: #fff url(http://www.sodaporn.com/images/stripe.gif); border-bottom: 1px solid #ccc; }



h3#breakingtitle, h3#featuretitle { padding: 0 0 0 0; margin: 0; }

h3#breakingtitle a, h3#featuretitle a { display: block; padding: .5em 3px; color: #fff; background: #DF0084; }



	#features img, #breaking img { float: left; width: 40px; height: 40px; border: 1px solid #ccc; margin: 0 3px 3px 0; font-size: .8em;}

	#features div, #breaking div { padding: 4px 2px; }

	#features h4, #breaking h4 { font-weight: bold; line-height: 1.2em; font-size: 1em; margin-top: 0; }



	#breaking { }

		#breaking br { clear: left; }



	#features, #features div { clear: left; }

	#features br { clear: left; line-height: 1.5em; }



#features li, #breaking li { margin-bottom: 5px; }



#subcontent .categorylist dt { 	font: bold 1.2em "trebuchet ms", trebuchet, arial, helvetica, sans-serif; margin: 1em 0 0 0; text-transform: uppercase; }

#subcontent .categorylist { line-height: 1.4em; margin: 0 2px 2em 6px; font-size: .95em; }

#subcontent .categorylist dd { margin: 0; padding: 0; display: block; }

#subcontent .categorylist a { margin: 0; display: block; padding: 2px 3px;}



#powered-by { margin: 0 0 0 20px; }



#resources { padding-left: 5px !important; }



.skyscraper { padding: 2px; position: relative; text-align: center; }



#linkscol #tipus { margin: 10px 5px 0 5px; font-size: 1.2em; font-weight: bold; }



/***********************

	STATS (THIRD) COL

************************/



.sponsored { background: #efdfe9; border: 1px solid #1e1d1c; padding: 4px; font-size: .9em; line-height: 1.3em; margin: 0 0 .5em 0; }





#subcontent div.statstable, #subcontent #linkscol ul { margin: 0 0 1em 0; }



div.statstable table { width: 100%; }

div.statstable td { padding: 2px; } 

div.statstable td.ctr { text-align: center; }

.statsclass1 { background-color: #f2f2f2; }

.statsclass2 { background-color: #fffff2; }

li.statsclass1, li.statsclass2 { padding: 2px 1px; }



#statscol h3 { text-align: center; margin-top: 12px;}

	#statscol #mobile_headlines ul { margin-left: 10px; }

	#mobile_headlines li  { border-bottom: 1px dotted #ccc; margin: 0 0 5px 0; }

	#statscol #hd_headlines ul { margin-left: 10px; }

	#hd_headlines li  { border-bottom: 1px dotted #ccc; margin: 0 0 5px 0; }



.medrect { text-align: center; padding-top: 6px; }

.innermedrect { margin: 0 auto; }



#pinbox { margin-left: 5px; margin-top: 10px; }

#pinbox img { border: 1px solid #333 !important; }



#blogroll td { font-size: .9em; margin-left: 5px; }



.tagSmall { font-size: .9em; }

.tagNormal { font-size: 1em; }

.tagMedium { font-size: 1.2em; }

.tagLarge { font-size: 1.5em; }



/********************

	new comment form

***********************/



#commentform { display: block; padding: 5px; border: 1px solid #cecece; margin-bottom: 10px;}

#commentform fieldset { border: 0; font-size: .95em;}

#commentform #remember { clear: left; }

#commentform input, #commentform textarea { border: 1px solid #ccc; }

#commentform input:focus, #commentform textarea:focus { border: 1px solid #666; }

#commentform #authorinfo_anon, #commentform #authorinfo_user { display: block; float: left; width: 40%; padding-left: 5px; }

#commentform #authorinfo_anon label, #commentform #authorinfo_user label { float: left; width: 5em;  }

#commentform #authorinfo_anon p, #commentform #authorinfo_user p { clear: left; }#commentform #authorinfo_anon legend, #commentform #authorinfo_user legend { border-bottom: 1px dotted #ccc; font-weight: bold; }

#commentform #authorinfo_anon { border-right: 1px solid #ccc; }

#commentform #formerrors { color: #900; font-weight: bold; padding: 0 0 8x 0; }

#replyindicator { font-weight: bold; }





/*****************

	adverposts

******************/



.adverpost_ind_top,

.adverpost_ind_bottom {

	font: normal 10px arial, helvetica, sans-serif;

	text-align: center;

}



.adverpost_ind_top {

        margin: 5px 0 0 0;

}



.adverpost_ind_bottom {

        margin: 0 0 5px 0;

}



.adverpost {

	padding: 5px;

	background-color: #ffe;

	border: 1px solid #ccc;

	font: normal 1em/1.6em georgia, serif;

}



.adverpost h1, .adverpost h2 {

	font-size: 1.4em;

	margin: 0 0 .5em 0;

}



.adverpost img {

	width: 150px;

	float: right;

	margin: 0 0 5px 5px;

}



.adverpost:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}



/* for IE-mac */

.adverpost {display: inline-table;}



/* Hides from IE-mac \*/

* html .adverpost {height: 1%;}

.adverpost {display: block;}

/* End hide from IE-mac */





/*************

	SLICE

**************/



#sodaslice { background: #1e1d1c; border-bottom: 1px solid #666666; margin: 0 0 5px 0; padding: 4px 0; text-align: center; }

#slice { width: 880px; margin: 0 auto; }



/**********

	grid

************/



#grid{

width:960px;

margin:0 auto;

font-size:1.1em;

background:white;

text-align:left;

}



#grid table{

width:100%;

margin:20px 0;padding:0;

}

#grid table td{width:50%;

margin:0;padding:0 0 1em 0;

background:#fff url(http://www.sodaporn.com/images/gridgradient.png) repeat-x;

vertical-align:top;

border-top:6px solid #333;

}

#grid table td ul{

margin-left:1em;padding-left:1em;

list-style: square;

}

#grid table td ul li{line-height:1.8em;color:#666666;}



#grid p{text-align:center;}



#grid table td ul li a{padding:5px 0;}

#grid table td ul li a:hover{background:#ffb;color:black;}



.feed{

background: url(http://www.sodaporn.com/images/minifeed.gif) 10px 50% no-repeat;padding:4px 18px;line-height:16px;

}

#grid table td  div.grid_subscribe{padding:0 30px;}



#grid table td div.pod{

position:relative;

padding:20px 0;

}

#grid table td div.pod img{

position:absolute;top:-25px;left:160px;

margin:0 auto;display:block;padding:3px;

background:white;border:1px solid #333;

}



/**********

	gift guide

************/

#holidayad {

position:relative;

background: url(http://www.sodaporn.com/images/featuresponsortop.png) top left no-repeat;

margin:0;

}

.holidayadTop h3 {

background: url(http://www.sodaporn.com/images/featuresponsortopright.png) top right no-repeat;

font-size:24px;

color:#008eb4;

padding:8px 10px;

margin:0;

text-transform:capitalize;

}



.holidaysponsor{

position:absolute;top:-5px;right:10px;



}

.holidaysponsor a{

width:185px;height:36px;

background:transparent url() no-repeat;

text-indent:-9999px;

display:block;

outline:none;

}

.holidaysponsor a:hover{

background:transparent url() no-repeat;

}



* html .holidaysponsor{right:30px;}



.holidaycontents {

background: url(http://www.sodaporn.com/images/featuresponsorright.png) top right repeat-y;

margin:0; margin-top:-2em;

padding:0;

}

.holidaycontents p{

text-align:center;

margin:10px 0 0 0;padding:15px 15px 0px;

font-size:1.3em;font-weight:bold;

}



.holidaycontents ul{

text-align:center;

list-style:none;

margin:10px 0 0 0;padding:15px 15px 0px;

font-size:1.2em;

font-weight:bold;

}

.holidaycontents ul li{padding:0 15px;display:inline;}

.holidayadBottom {

background: url(http://www.sodaporn.com/images/featuresponsorbottomleft.png) bottom left no-repeat;

height:8px;clear:both;

}

* html .holidayadBottom{margin:-.8em 0 0 0;}

.holidayadBottom p {

background: url(http://www.sodaporn.com/images/featuresponsorbottomright.png) bottom right no-repeat;

height:8px;

padding:0;

margin:0;

}