/* 
Theme Name: Magadine 1.2
Theme URL: http://web.ygoy.com
Description: 3 column Magazine style wordpress theme
Author: Amitabh Shukla
Author URI: http://www.ygoy.com
Version: 1.1

The CSS, XHTML and design is released under Creative Common - http://creativecommons.org/licenses/by-nc-sa/2.5
*/

body 
{ 

padding-bottom: 40px;
padding-top: 0px;
background: #000000 url(http://www.popsicles.ph/wp-content/uploads/theme/Bokeh%201440x900.jpg) no-repeat; 
}

* {margin: 0; padding: 0; border: 0; font-family:Arial, 'Trebuchet MS', Verdana, sans-serif; }

/* Basic styles  */
p, h1, h2, h3, span#copyright 
{ 
margin: 0 10px; 
color: #000; 
font-weight: normal
}

h1, h2, h3, h4 
{margin-bottom:5px; 
color: #FFC48B; 
}

p { font: 12.4px arial, verdana; line-height: 1.6em;color:#000; }
h1{font:normal 16px arial;letter-spacing: 0.8px;height:100px;padding:0px 0px 100px 5px;}	

/* site heading */
h2 {font-size: 1.30em;line-height: 2.40em }	/* site heading */
h3 { color: #222222;font-size:16px;font-weight: normal;margin: 0px 0 0 0px;padding:0px 0px 0px 0px;text-decoration: none;letter-spacing:.05px;height:auto;background:none;}

/* sub headings */
h5 
{ 
margin:0px 0 8px 10px;
font-size:11px; 
color:#FFF783; 
font-weight:bold;
}

h5 a
{
color:#666;
}

span#copyright 
{ 
font-size: 13px; 
line-height: 35px; 
color: #000; 
}

a { color:#6AC3EE;text-decoration: none; }
a:hover {color: #C0E4FE; text-decoration:none;}
p.banbar{color:#C0E4FE;margin:0px 0 0 10px;padding:0px;font-size:11px;clear:both;}
.halfcolumn p.commenbar{font-size:12px; color:#C0E4FE;margin:0px 0 0 15px;padding:0px;}
.divider{height:12px;clear:both;}
ul, ol {margin: 10px; color: #000;  line-height: 1.6em}
ul {list-style: square inside}
ol {list-style: decimal inside}
em {font-weight:bold; font-style: normal}
blockquote{background:#eee;width:90%;padding:13px 10px 0px 15px;margin:5px 0px 15px 5px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}


/*---------------------------------------------Layout------------------------------------------------------*/

#topbox 
{
margin:0px auto;
position: center;
width:959px;
padding: 4px 0px 0px 0px;
background:transparent url(http://i630.photobucket.com/albums/uu22/s2ne1/POPSICLES/NEWSBOXBOX22.png) repeat;
height:32px;
 	-moz-border-radius: 7px;
 	-webkit-border-radius: 7px;
 	border-radius: 7px;
 	border: 0px solid transparent;
}

.topbox h7{font:bold 20px 'Trebuchet MS', arial black; letter-spacing: 0.01em; color:#000; margin:0px 0px 0px 10px; border-left: 0px solid #000;}

.topbox2 
{
padding:10px 0px 20px 0px;
margin: 0px 33px 0px 0px;
background:#ffffff url() no-repeat;
height:30px;
float: right;
}

#topbox3 
{
margin:0px auto;
width:959px;
padding: 20px 0px 5px 0px;
background:transparent url() no-repeat;
height:280px;
}

#topbox4 
{
margin:0px auto;
width:959px;
padding: 4px 0px 0px 0px;
background:transparent url(http://i630.photobucket.com/albums/uu22/s2ne1/POPSICLES/NEWSBOXBOX22.png) repeat;
height:31px;
 	-moz-border-radius: 7px;
 	-webkit-border-radius: 7px;
 	border-radius: 7px;
 	border: 0px solid transparent;
}

#topbox5
{
margin:0px auto;
width:939px;
padding: 15px 0px 10px 0px;
background:transparent url() no-repeat;
height:35px;
}

#topbox5 h1
{
width:310px;
height:35px;
padding: 5px 0px 0px 640px;
}

#topbox6
{
width:939px;
margin:0px auto;
padding: 15px 0px 10px 0px;
background:transparent url() no-repeat;
height:35px;
}

#topbox6 h1
{
margin:0px auto;
width:300px;
height:35px;
padding: 5px 0px 0px 650px;
}

#hdr 
{
margin:0px auto;
width:939px;
background:url() no-repeat;
height: 155px;
}

#hdr h2
{
margin-left:0px;
width:939px;
height: 155px;
padding: 15px 0px 0px 0px;
color: #fff;font-size: 20px;font-family: Times New Roman, Georgia, Arial;font-weight: normal;
}


#hdr h3
{
margin-left:0px;
width:939px;
height: 155px;
padding: 15px 0px 0px 0px;
color: #fff;font-size: 20px;font-family: Times New Roman, Georgia, Arial;font-weight: normal;
}

.rowcontainer 
{
margin:0px auto;
width: 959px;
overflow: hidden;
background: #fff url(http://i792.photobucket.com/albums/yy206/popsicles_ppop/LAYOUT/graytop2mini233.png) repeat-x;
padding-bottom:0px;
-webkit-border-bottom-right-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-bottomright: 7px;
-moz-border-radius-bottomleft: 7px;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;
 	border: 0px solid #fff;
}

.rowcontainer1 
{
margin:0px auto;
width: 959px;
overflow: hidden;
background: #fff;
padding:0px;
-webkit-border-bottom-right-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-bottomright: 7px;
-moz-border-radius-bottomleft: 7px;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;
 	border: 0px solid transparent;

}


.paging
{
      margin:0px 15px 0px 10px;
       padding:10px 0px 30px 0px;
       float:right;
       font-size:20px;
       background:#fff url() no-repeat;
}

.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #C0C0C0;
	color: #0066cc;
	background-color: #FFFFFF;
        font-size:20px;
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #C0C0C0;
	color: #0066cc;
	background-color: #FFFFFF;
       font-size:20px;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #989898;
	color: #8D8D8D;
	background-color: #D3F0FF;
       font-size:20px;	
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #989898;
	color: #8D8D8D;
	background-color: #D3F0FF;
       font-size:20px;		
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #8D8D8D;
	border: 1px solid #C0C0C0;
	background-color: #FFFFFF;
       font-size:20px;	
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #C0C0C0;
	color: #8D8D8D;
	background-color: #D3F0FF;
       font-size:20px;	
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #C0C0C0;
	color: #000000;
	background-color: #FFFFFF;
       font-size:20px;	
}

.wp-commentnavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #C0C0C0;
	color: #0066cc;
	background-color: #FFFFFF;
}
.wp-commentnavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #C0C0C0;
	color: #0066cc;
	background-color: #FFFFFF;	
}
.wp-commentnavi a:hover {	
	border: 1px solid #989898;
	color: #8D8D8D;
	background-color: #D3F0FF;
}
.wp-commentnavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #989898;
	color: #8D8D8D;
	background-color: #D3F0FF;	
}
.wp-commentnavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #8D8D8D;
	border: 1px solid #C0C0C0;
	background-color: #FFFFFF;
}
.wp-commentnavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #C0C0C0;
	color: #8D8D8D;
	background-color: #D3F0FF;
}
.wp-commentnavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #C0C0C0;
	color: #000000;
	background-color: #FFFFFF;
}

#navbar 
{ 
margin:0px auto;
width:959px;
background: transparent url(http://i630.photobucket.com/albums/uu22/s2ne1/POPSICLES/NAVBARBAR.png) repeat;
height: 35px;
-webkit-border-top-left-radius: 7px;
-webkit-border-top-right-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
 	border: 0px solid transparent;
}

#navbar h1 
{
color: #222222;
font-size: 36px;
font-family: Times New Roman, Georgia, Arial;
font-weight: normal;
margin: 0px;
padding:2px 0px 0px 20px;	
text-decoration: none;
letter-spacing:.05px;
height:40px;
}

#navbar h1 a, #header h1 a:visited {color: #fff;font-size: 36px;font-family: Times New Roman, Georgia, Arial;font-weight: normal;margin: 0px;	padding:0px;text-decoration: none;}
#navbar h1 a:hover {color: #ccc;text-decoration: none;}
#navbar p {color: #ddd;font-size: 13px;font-family: Arial, Tahoma, Verdana;font-weight: normal;margin:0px;padding: 0px 0px 0px 15px;text-decoration: none;
height:10px;}

#navbar2 
{ 
margin:0px auto;
width:939px;
background: transparent url(http://i792.photobucket.com/albums/yy206/popsicles_ppop/LAYOUT/NAVBAR35copy.png) no-repeat;
height: 35px;
}

#navbar3 
{ 
margin:5px 0px 0px 15px;
width:939px;
background: transparent url() no-repeat;
height: 11px;
}

#bttmbar 
{
float: center;
width: 959px; 
font-size: 11px;
color:#000;
background:transparent url(); 
border: 0px solid #FFFFFF;
overflow: hidden;
padding: 0px 0px 0px 0px; 
margin:0px auto; }

#bttmbar a {text-decoration: none; font-style: normal}
#bttmbar a:hover {text-decoration: underline;}

/* Featured Sidebar */ 
.twothirdcolumn {float:left; width:30%;margin:0px;padding:10px 10px 0px 10px; }

.twothirdcolumn h6{font:bold 16px 'Trebuchet MS', arial black; letter-spacing: 0.01em; padding-top:5px;color:#000;border-left: 0px solid #000;}

.twothirdcolumn h7{font:bold 19px 'Trebuchet MS', arial black; letter-spacing: 0.01em; color:#000;border-left: 0px solid #000;}
.twothirdcolumn h7 a{font:normal 17px georgia, 'Trebuchet MS', arial black;color:#333;}

.twothirdcolumn img{margin:0 10px 0px 0px;float:left;}
.twothirdcolumn ul{
clear:both; display:block; margin:0 10px 0px 13px; font: normal 11px/19px 'Trebuchet MS', Georgia, Arial;}
.twothirdcolumn ul li{display:block;margin:0 0 7px 5px; padding:0 0 2px 0px;color:#000;border-bottom:1px dashed #aaa;font: normal 12px/19px 'Trebuchet MS', Georgia, Arial;}
.twothirdcolumn ul li a{color:#004e81; text-decoration:none;font: normal 12px/19px 'Trebuchet MS', Georgia, Arial;}
.twothirdcolumn ul li a:hover{text-decoration:none;}

/* Breaking News */ 
.threethirdcolumn 
{float:left; width:899px; border-left: 15px solid #000; background-color:#fff; margin:15px 0px 10px 15px; padding-top:0px; }
.threethirdcolumn h5{font:bold 17px 'Trebuchet MS', arial black;letter-spacing: 0.01em;padding-left:5px;margin:0px;color:#000;border-bottom:0px solid #aaa;}
.threethirdcolumn h5 a{font:normal 17px georgia, 'Trebuchet MS', arial black;color:#333;}

/* Main Nav  */

ul#nav {margin: 0; position: absolute; bottom: 0; left: 10px; list-style: none inside; background: #111;}
ul#nav li {float: left; margin-right: 1px}
ul#nav a {font-weight: bold;display: block;width: 8em;height: 2.50em;line-height: 2.50em;padding-left:10px;text-decoration:none}
ul#nav li a:link, ul#nav li a:visited  {background: #444;color: #000}
ul#nav li a:hover, ul#nav li a:active {color: #9DCE71;background: #555}
ul#nav li a.current {background: #CCFF00; color: #000}
ul#nav li a.current:hover {background: #CCFF00; color: #00CCFF}
.left {
float: left;
margin: 5px 15px 5px 0;
}

/* inner page left bar */ 

.halfcolumn {float: left; font-size:14px; width: 619px;margin:13px 10px;padding:0px;}
html>body .halfcolumn {float: left; font-size:14px; width:619px;margin:15px 20px;padding:0px;}
.halfcolumn h1.singl { font-size:19px;letter-spacing:.6px;font-weight:normal;height:auto;border-bottom:1px solid #ccc;padding:0px 0px 3px 0px;margin:0px 0px 2px 0px;color:#000;}
.halfcolumn .details {margin:0px 0 5px 0;padding:2px 0;font-size:13px;}
.halfcolumn p{font-size:14px; padding:0px 0 14px 0px;margin:0px;line-height:19px;color:#000;}
.halfcolumn b, .halfcolumn em, .halfcolumn strong{font:bold 13px/19px arial;}
.halfcolumn h1.arch { font-weight:normal;font-size:13px;border-bottom:1px solid #ddd;padding:4px 0px 6px 0px;margin:5px 0px;height:auto;}
html>body .halfcolumn ul {margin:0px 0 10px 0px; font-size:12px;padding: 0 0 0 30px;list-style: none;padding-left: 10px;text-indent:-10px;} 
html>body .halfcolumn li {font-size:12px; margin: 3px 0 0px 10px;}
.halfcolumn ol li{list-style: decimal outside;}	
.halfcolumn ul li:before{content: "\00BB \0020";font-size:14px;}
.halfcolumn ol {padding: 0 0 0 35px;margin: 0;}
.halfcolumn ol li {margin: 0;padding: 0;}	
.halfcolumn li {font-size:12px;padding:0px;margin:0px;}


/* home page ------------------------------------------------------ columns */

.onethirdcolumn {float:left; width:300px;  margin: 0px 0px 0px 5px;padding:0px 0px 0px 0px; }
.onethirdcolumn h5{font:bold 17px arial;letter-spacing: 0.01em;background-color:#000000; width:295px; margin:0px 0px 0px 10px;padding-top:230px;padding-left:5px;color:#ffffff;}
.onethirdcolumn h6{font:bold 17px 'Trebuchet MS', arial black;letter-spacing: 0.01em;padding-left:10px;margin:5px;color:#000;border-left: 15px solid #000;}
.onethirdcolumn h5 a
{padding:20px 0px 3px 0px;font:bold 18px arial;width:300px; text-align: justify; 
border-top:0px solid #000;color:#ffffff;}
.onethirdcolumn img{margin:0 0px 0px 0px; float:left;}
.onethirdcolumn p.commenbar{background-color:#000000; font-color:#C0E4FE;padding: 0px 0px 10px 5px;margin:0px 0px 4px 10px;font-size:11px arial;width:295px;}
.onethirdcolumn ul{
clear:both; display:block; margin:0 10px 0px 13px; font: normal 11px/19px 'Trebuchet MS', Georgia, Arial;}
.onethirdcolumn ul li{display:block;margin:0 0 7px 5px; padding:0 0 2px 0px;color:#000;border-bottom:1px dashed #aaa;font: normal 12px/19px 'Trebuchet MS', Georgia, Arial;}
.onethirdcolumn ul li a{color:#000; text-decoration:none;font: normal 12px/19px 'Trebuchet MS', Georgia, Arial;}
.onethirdcolumn ul li a:hover{text-decoration:none;}




.main { width: 939px;margin:2px 0px 30px 15px;padding:0px 0px 0px 0px;float:left; }

/* thumnail ------------------------------------------------------ covers */

.imgteaser {
       margin: 0 5px 5px 0px;
       padding:2px 2px 2px 2px;  
       border:1px #D1D1D1 solid;
       background:#FAFAFA;
       overflow: hidden;
       float: left;
       position: relative;
       width: 300px;  
       height: 300px; 
        vertical-align:bottom;
        color:#ffffff;

}

.datebar 
{
        width:300px;
	height:190px;
	margin:0px;       
        background:transparent url();
	padding:0px 0px 0px 0px;
        overflow: hidden;
	bottom:7px;
        left:0px;
	position:absolute;
        color: #fff;
}

.datebar strong {
        font: Arial, Helvetica, Sans-Serif; 
        font-size:23px;
        font-weight:bold;
        line-height: 37px;
        margin:0px 0px 30px 0px; 
        background:#000000 url();
	filter:alpha(opacity=85);
	opacity:.85;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; /*--IE 8 Transparency--*/
        color:#E5E5E5;
        text-align::left;
 }

.datebar h2 
{ 
        margin:0px 0px 0px 0px;
        font: Arial, Helvetica, Sans-Serif; 
        font-size:11px;
        line-height: 18px;
        font-weight:normal;
        padding:0px 0px 0px 0px; 
	bottom:7px;
        left:8px;
	position:absolute;
        width:286px;
        color:#ffffff;
        background:#000000 url();
	-moz-border-radius: 5px;
 	-webkit-border-radius: 5px;
 	border-radius: 5px;
 	border: 1px solid #000;
	filter:alpha(opacity=85);
	opacity:.85;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; /*--IE 8 Transparency--*/
 }


.datebar h2 a { 
        font: Arial, Helvetica, Sans-Serif; 
        font-size:11px;
        font-weight:normal;
        line-height: 18px;
        padding:0px 0px 0px 4px; 
        margin:0px 0px 10px 0px;
        color: #ffffff;
        background:transparent url();

 }




.datebar h3
{ 
        font: Arial, Helvetica, Sans-Serif; 
        font-size:23px;
        font-weight:bold;
        line-height: 27px;
        padding:0px 5px 0px 5px; 
        margin:0px 0px 20px 0px; 
        background:transparent url();
        color:#E5E5E5;
        valign: bottom;
        text-align::left;
        left:4px;
        bottom:15px;
	position:absolute;

 }


.datebar h3 a {
        font: Arial, Helvetica, Sans-Serif; 
        font-size:23px;
        font-weight:bold;
        line-height: 27px;
        margin:0px 0px 0px 0px; 
        background:#000000 url();
	filter:alpha(opacity=85);
	opacity:.85;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; /*--IE 8 Transparency--*/
        color:#E5E5E5;
        text-align::left;
 }


.datebar h3 a:hover { 
        font: Arial, Helvetica, Sans-Serif; 
        font-size:23px;
        font-weight:bold;
        line-height: 27px;
        margin:0px 0px 0px 0px; 
        background:#48D0FA url();
	filter:alpha(opacity=99);
	opacity:.99;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=99)"; /*--IE 8 Transparency--*/
        color:#E5E5E5;
        valign: bottom;
        text-align::left;
}

.datebar h4 
{ 
        margin:5px 0px 0px 0px;
        font: Arial, Helvetica, Sans-Serif; 
        font-size:11px;
        font-weight:normal;
        padding:0px 0px 0px 0px; 
        bottom:7px;
        right:8px;
	position:absolute;
        background:transparent url();
        height: 19px;
        color: #48D0FA;
 }


.datebar h4 a { 
        font: Arial, Helvetica, Sans-Serif; 
        font-size:11px;
        font-weight:normal;
        margin:0px; 
        padding: 0px 2px 0px 1px;
        color: #48D0FA;
        background:transparent url();
        line-height: 18px;
 }

.datebar h5
{ 
        font: Arial, Helvetica, Sans-Serif; 
        font-size:23px;
        font-weight:bold;
        line-height: 27px;
        padding:0px 5px 0px 5px; 
        margin:0px 0px 20px 0px; 
        background:transparent url();
        color:#E5E5E5;
        valign: bottom;
        text-align::left;

 }


.datebar h5 a {
        font: Arial, Helvetica, Sans-Serif; 
        font-size:23px;
        font-weight:bold;
        line-height: 27px;
        margin:0px 0px 0px 0px; 
        background:#000000 url();
	filter:alpha(opacity=85);
	opacity:.85;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; /*--IE 8 Transparency--*/
        color:#E5E5E5;
        text-align::left;
 }


.imgteaser a:hover .desc{
	font-size: 1.2em;
	background: #111;
	filter:alpha(opacity=95);
	opacity:.95;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; /*--IE 8 Transparency--*/
	color: #fff;
	padding: 40px 8px 0px 9px;
	margin: 0;
	width: 287px;
        height:300px;
	border-top: 0px solid #999;
	position: absolute;
	top: 0px;
	left: 0px;
}

.imgteaser a:hover .desc p{
	font-size: 12px;
	background:transparent;
	color: #fff;
	padding: 0px;
	margin: 10px 0px 0px 0px;
	width: 285px;
        height:285px;
	border-top: 0px solid #999;
	position: absolute;
        line-height:20px;
        text-align: justify; 
}



.imgteaser a:hover .desc strong {
	font-size:22px;
	width: 285px;
	color: #fff; 
	margin:0px 0px 0px 0px;
	padding: 0px 0px 30px 0px;
	background:transparent;
}


.imgteaser a:hover .desc h2 
{ 
        margin:10px 6px 0px 0px;
        font: Arial, Helvetica, Sans-Serif; 
        font-size:19px;
        font-weight:bold;
        padding:0px 0px 0px 0px; 
        line-height: 1.0em;
        top:2px;
        right:3px;
	position:absolute;
	background: transparent;
 }


.imgteaser a:hover .desc h2 a { 
        font: Arial, Helvetica, Sans-Serif; 
        font-size:19px;
        font-weight:bold;
        margin:0px; 
        padding: 2px; 
	-moz-border-radius: 5px;
 	-webkit-border-radius: 5px;
 	border-radius: 5px;
 	border: 0px solid #000;
        color:#ffffff;
        background:#48D0FA;
 }

.imgteaser a:hover .desc h3 
{ 
        margin:10px 6px 0px 0px;
        font: Arial, Helvetica, Sans-Serif; 
        font-size:13px;
        font-weight:bold;
        padding:0px 0px 0px 0px; 
        line-height: 1.0em;
        width:300px;
        color:#ffffff;
	background: transparent;
 }


.imgteaser a:hover .desc h3 a { 
        font: Arial, Helvetica, Sans-Serif; 
        font-size:13px;
        font-weight:bold;
        margin:0px; 
        padding: 2px; 
	-moz-border-radius: 5px;
 	-webkit-border-radius: 5px;
 	border-radius: 5px;
 	border: 0px solid #000;
        color:#ffffff;
        background:#48D0FA;
 }

.imgteaser a:hover .datebar { visibility: hidden;  }

/* thumnail ------------------------------------------------------ covers */

.thumb { background: #fff url(images/thumb.png); display: block; width: 300px; overflow: hidden; height: 300px; margin: 0 5px 5px 0px; padding:2px 2px 2px 2px; position: relative; border:1px #E0E0E0 solid; }

.thumb-title p.commenbar
{
background-color:transparent; 
font-color:#C0E4FE;
padding: 0px 0px 0px 0px;
margin:0px 0px 0px 0px;
font-size:11px arial;
width:295px;
}

.thumb-title { 
width:300px;
margin:0px;
background:transparent url();            
bottom:0;
left:0px;
position:absolute;
padding:5px;
}

.thumb-title:hover { background:transparent url(http://i792.photobucket.com/albums/yy206/popsicles_ppop/70PERCENT.png); }

.thumb-title h2 
{ 
margin:0px 0px 0px 0px;
padding:0px; 
line-height: 1.0em;
width:295px;  
 }


.thumb-title h2 a { 

font: Arial, Helvetica, Sans-Serif; 
font-size:18px;
font-weight:bold;
margin:0px; 
background:transparent url(http://i792.photobucket.com/albums/yy206/popsicles_ppop/60PERCENT.png);            
text-align: left;  
padding:0px;
width:295px; 
color:#E5E5E5;
 }


.thumb-title h2 a:hover { color: #fff;}

/* bottom 3 */
.fourthirdcolumn {background:transparent url(http://i630.photobucket.com/albums/uu22/s2ne1/POPSICLES/box300copy.png); width:300px; height: 300px;  overflow:hidden; margin: 0px 0px 0px 5px; float:left;  }

.fourthirdcolumn2 {background:#fff url(); width:300px; overflow:hidden; margin: 0 0px 5px 5px; float:left; }

.fourthirdcolumn h5
{font:bold 20px arial;
letter-spacing: 0.01em;
padding-left:0px;
margin:0px;
color:#000;
border-left: 0px solid #000;
border-bottom: 0px solid #000;}

.fourthirdcolumn h5 a
{
padding:0px 0px 0px 0px;
font:bold 18px arial;
width:290px;  
border-top:0px solid #000;
color:#ffffff;
}

.fourthirdcolumn img{margin:0 0px 0px 0px;float:left;}

.wrapper13{
background:#F7F7F7 url() repeat-x top left; 
width:897px; 
margin:0px 0px 0px 15px; 
padding:5px; 	
 float: left;
}

.wrapper14 { width: 939px; height: 100%; background:#ffffff;margin:0px auto;padding:0px 0px 0px 0px; float: center;}

.fourthirdcolumn p.commenbar
{
background-color:#000000; 
font-color:#C0E4FE;
padding: 0px 0px 10px 5px;
margin:0px 0px 10px 10px;
font-size:11px arial;
width:285px;
}

.fourthirdcolumn ul{
clear:both; display:block; margin:0 10px 0px 13px; font: normal 11px/19px 'Trebuchet MS', Georgia, Arial;}
.fourthirdcolumn ul li{display:block;margin:0 0 7px 5px; padding:0 0 2px 0px;color:#000;border-bottom:1px dashed #aaa;font: normal 12px/19px 'Trebuchet MS', Georgia, Arial;}
.fourthirdcolumn ul li a{color:#000; text-decoration:none;font: normal 12px/19px 'Trebuchet MS', Georgia, Arial;}
.fourthirdcolumn ul li a:hover{ color:#C0E4FE; text-decoration:none;}

/* left sidebar */
#l_sidebar {background: #F2F2F2;display: inline;float: left;width:238px;margin: 15px 10px 0px 0px;padding: 0px 10px 10px 10px;border: 1px solid #D9D9D9;}
#l_sidebar p{padding: 5px 0px 0px 0px;margin: 0px;line-height: 17px;}
#l_sidebar h2 {color: #000;font-size: 13px;font-weight: bold;margin:15px 0px 0px 0px;padding: 0px 0px 0px 0px;border-bottom: 1px dotted #C0C0C0;}
#l_sidebar ul {list-style: none;margin: 0px;padding: 0px;}
#l_sidebar ul li {display: inline;padding: 0px;margin: 0px;font-size:12px;}
#l_sidebar ul li a, #l_sidebar ul li a:visited {display: block;color: #333333;text-decoration: none;padding: 5px 0px 5px 0px;border-bottom: 1px dotted #C0C0C0;}
#l_sidebar ul li a:hover {background: #EAEAEA;color: #5DC3FA;text-decoration: none;}

/* right sidebar */
#r_sidebar {background: #FFFFFF;display: inline;float: right;width: 170px;margin: 0px 0px 0px 0px;padding: 0px 5px 10px 5px;}
#r_sidebar img a{margin: 0px;border: none;}
#r_sidebar p{padding: 5px 0px 0px 0px;margin: 0px;line-height: 17px;}
#r_sidebar h2 {color: #000;font-size: 13px;font-weight: bold;margin: 15px 0px 0px 0px;padding:0px;border-bottom: 1px dotted #C0C0C0;}
#r_sidebar ul {list-style: none;margin: 0px;padding: 0px;}
#r_sidebar ul li {display: inline;padding: 0px;margin: 0px;font-size:12px;}
#r_sidebar ul li a, #r_sidebar ul li a:visited {display: block;color: #333333;text-decoration: none;padding: 5px 0px 5px 0px;border-bottom: 1px dotted #C0C0C0;}
#r_sidebar ul li a:hover {background: #EAEAEA;color: #BE0C0C;text-decoration: none;}

/* menu & forms */
textarea
{
width:95%;
background:#aaa;
border:1px solid #008800;
margin-top:10px;
}

input
{
border:1px solid #ccc;
background:#ccc;
color:#000;
padding:2px;
}

#stylefive

{
position:absolute;
display:block;
margin:0px auto;
float:left;
height:35px;
padding-left: 5px;
}

#stylefive ul

{
margin:0;
padding:0;
list-style-type:none;
width:auto;
}

#stylefive ul li
{
display:block;
float:left;
margin:0;
background: url(http://i792.photobucket.com/albums/yy206/popsicles_ppop/LAYOUT/NAVBAR35SIDENEWOLD.png) right no-repeat;
border-right:1px solid #D4F0FF;
height:35px;
}

#stylefive ul li a

{
display:block;
float:left;
color:#004990;
font-size: 16px;
font-family:Arial, Verdana, Georgia, Times New Roman;
font-weight: bold;
letter-spacing:-1px;	
text-decoration:none;
height:31px;
padding: 5px 10px 0px 10px;
}


#stylefive ul li a:hover, #stylefive ul li a.current
{
color:#fff;
background:#9CDDFF  url(http://i792.photobucket.com/albums/yy206/popsicles_ppop/LAYOUT/NAVBAR35SIDENEWOLD.png) right no-repeat;
height:30px;
}

/* comments area */
#comments, #respond { margin:10px 0px 0px 0px; font-weight:bold; border-top: 1px dotted #CCCCCC; border-bottom: 1px dotted #CCCCCC;padding: 10px 0 10px 0; color:#444; clear:both;}

h3#comments{font-size:12px;font-weight:bold;}

.gravatarr
{
float: left;
padding: 4px 4px 4px 4px;
border: 1px #8A8A8A solid;
background: #ffffff;
}
.comment
{
float: left;
width:97%;
margin: 10px 0px 10px 0px;
background: #F1F1F1;
padding: 10px 10px 10px 10px;
border: 0px #000000 solid;
}
.comment2
{
float: left;
width:480px;
background: #F1F1F1;
padding: 0px 5px 5px 5px;
}

.paginated-comments-pages {margin:0px; width:100%; padding:0px;line-height: 130%; background: #8E8E8E;}

.commentlist {margin:0px; width:100%; padding:0px;line-height: 130%; background: #8E8E8E;}
.commentlist li{padding:10px;color:#000;}
.commentlist .alt {background: #eee;margin-top:10px;padding:10px;}
.commentlist cite, .commentlist cite a, .commentlist cite a:visited {font-weight: bold;font-style: normal;color: #555;}
.commentlist small {margin-bottom: 5px; font-size:12px;}
#commentform {margin-top: 10px;font: 110% Arial, Helvetica, sans-serif; clear: both;}
#commentform p {padding: 6px 0px;margin: 0px;color:#333;}
#commentform label{color: #787878;}
#commentform input{width: 200px;background:#eee;border: 1px solid #bdd77f;padding:3px;margin-top: 3px;}
#commentform textarea{width: 99%;height: 150px;background:#eee;border: 1px solid #999;padding: 2px;margin-top: 3px;}
#commentform textarea:focus, #commentform input[type="text"]:focus {background: #ffffff;}
#commentform #submit{background:#777;font-weight:bold;color: #ffffff;border: none;float:left;width:140px;height:27px;cursor: pointer;margin:0px 0px 10px 480px;}

.mainfooter { width: 939px;margin:10px 0px 10px 6px;padding:0px 0px 0px 0px;float:left; }

.mainfooter2 { background:#000000 url(http://www.popsicles.ph/wp-content/uploads/theme/Bokeh%201440x900.jpg); margin: 0px auto;  float:left; }


.boxlist 
{
margin:0px; 
width:300px; 
padding-top:0px;
background: #ffffff;}

.gravatarr
{
float: left;
padding: 3px 3px 3px 3px;
border: 1px #ADADAD solid;
background: #F0F0F0;
}

.box0
{
float: left;
width:288px;
margin: 0px 0px 0px 0px;
background: #ffffff;
padding: 5px 5px 5px 5px;
border: 0px #000000 solid;
}

.box1
{
float: left;
width:300px;
margin: 5px 0px 0px 0px;
background: #ffffff;
padding: 0px 0px 0px 0px;
border: 0px #000000 solid;
}

.box2
{
float: left;
width:182px;
background: #ffffff;
padding: 4px 0px 0px 5px;
}

.boxchart1
{
float: left;
width:280px;
margin: 5px 0px 0px 5px;
background: #ffffff;
padding: 5px 5px 5px 5px;
border: 0px #000000 solid;
}

.boxchart2
{
float: left;
width:182px;
background: #ffffff;
padding: 4px 0px 0px 5px;
}

.box_h8
{
FONT COLOR:#000000;
font: Arial, Helvetica, sans;
font-size: 21px;
letter-spacing:-2px;
}

.box_h82
{
FONT COLOR:#000000;
font: Arial, Helvetica, sans;
font-size: 21px;
padding: 4px 0px 0px 5px;
letter-spacing:-2px;
}
.box_h9
{
FONT COLOR:#000000;
font: Arial, Helvetica, sans;
font-size: 14px;
letter-spacing:0px;
}

.box_footer
{
color:#000;
font: Arial, Helvetica, sans;
font-size: 11px;
letter-spacing:0px;
height:20px;
float: right;
margin: 0px 10px 0px 0px;
padding: 7px 5px 0px 5px;
background: #36A7E3 url(); 
-webkit-border-bottom-right-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-bottomright: 7px;
-moz-border-radius-bottomleft: 7px;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;
}

.boxtop1
{
float: left;
width:284px;
height:71px;
margin: 2px 0px 0px 5px;
background: #E8E8E8;
padding: 0px 5px 0px 0px;
border: 0px #000000 solid;
}

.boxtoptop1
{
float: left;
width:284px;
height:71px;
margin: 5px 0px 0px 5px;
background: #E8E8E8;
padding: 0px 5px 0px 0px;
border: 0px #000000 solid;
}

.boxtop2
{
float: left;
width:205px;
height:68px;
background: #E8E8E8;
text-align:left;
padding: 2px 0px 0px 0px;
}

.gravatarrtop
{
float: left;
padding: 0px 5px 0px 0px;
border: 0px #ADADAD solid;
background: #E8E8E8;
}

.box_h9top
{
FONT COLOR:#000000;
font: Arial, Helvetica, sans;
font-size: 11px;
letter-spacing:0px;
}

.boxtop31
{
float: left;
width:187px;
height:170px;
margin: 10px 15px 10px 0px;
background: #FFFFFF;
padding: 0px 0px 0px 0px;
border: 0px #000000 solid;
}

.boxtop312
{
float: left;
width:187px;
height:170px;
margin: 10px 10px 0px 0px;
background: #FFFFFF;
padding: 0px 0px 0px 0px;
border: 0px #000000 solid;
}

.boxtop32
{
width:177px;
height:170px;
background: #FFFFFF;
text-align:left;
padding: 7px 5px 5px 5px;
}

.box_h9top3
{
FONT COLOR:#000000;
font: Arial, Helvetica, sans;
font-size: 11px;
letter-spacing:0px;
}

/* thumnail ------------------------------------------------------ covers */

.maintrailer { width: 939px;margin:15px 0px 3px 15px;padding:0px 0px 0px 0px;float:left; }

.imgtrailer {
	margin: 0 5px 0px 0px;
       padding:2px 2px 2px 2px;  
       border:1px #DBDBDB solid;
       background:#FAFAFA;
       overflow: hidden;
	float: left;
	position: relative;
        width: 611px;  
       height: 300px; 
}

.moto {
width:611px;
height:80px;
margin:0px;       
bottom:0px;
left:0px;
position:absolute;
padding: 2px;
        background:#000000 url();
	filter:alpha(opacity=85);
	opacity:.85;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; /*--IE 8 Transparency--*/
}

.moto h2 
{ 
margin:0px 0px 0px 0px;
background:transparent url();
padding:5px; 
line-height: 1.0em;
width:601px;  
background:transparent url();
        color:#E5E5E5;
        font: Arial, Helvetica, Sans-Serif; 
        font-size:14px;
        font-weight:normal;
 }


.moto h2 a { 
        font: Arial, Helvetica, Sans-Serif; 
        font-size:22px;
        font-weight:bold;
        line-height: 26px;
        margin:0px; 
        text-align: left;  
        padding: 0px; 
        width:601px; 
 }

.moto strong {
	display: block;
        font-weight:bold;
	margin-bottom: 4px;
	font-size:22px;
        padding:10px 0px 5px 0px; 
}

.moto h2 a:hover { color: #fff;}


.moto a .desco {	
 display: none; 
}

.imgtrailer a:hover .desco{
	font-size: 1.5em;
	background: #111;
	color: #fff;

	bottom: 0px;
	position: absolute;
	left: 0px;
        text-align:center;
        valign:middle;
	padding-top: 0px;
	margin: 0px 0px 0px 0px;
	width: 617px;
        height:306px;
	border-top: 0px solid #999;
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
}


.imgtrailer a:hover .desco h2{
	font-size: 2.5em;
	background: #111;
	color: #fff;
	bottom: 0px;
	left: 0px;
	display: block;
	margin: 0px 0px 0px 0px;
	border-top: 0px solid #999;
        width: 617px;  
        height: 306px; 
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
}

.imgtrailer a:hover .moto { font-size: 2.5em;  }
.imgtrailer a:hover .commentbar { font-size: 2.5em;  }

/* thumnail ------------------------------------------------------ covers */

.whatshot {
       margin: 0PX 0px 0px 0px;
       padding:2px 2px 2px 2px;  
       border:1px #DBDBDB solid;
       background:#FAFAFA url();
       float: left;
       overflow: hidden;
       position: relative;
       width: 300px;  
       height: 300px; 
}

.whatshothot {
       margin: 0PX 0px 0px 0px;
       padding:3px 0px 0px 0px;  
       border:0px #DBDBDB solid;
       background:transparent url(http://i630.photobucket.com/albums/uu22/s2ne1/POPSICLES/WHATcopy.png);
       float: left;
       overflow: hidden;
       width: 300px;  
       height: 297px; 
}

.whatshot1
{
float: left;
width:292px;
height:71px;
margin: 0px 0px 3px 3px;
background: #E8E8E8;
padding: 0px 0px 0px 0px;
border: 0px #000000 solid;
}

.whatshot2
{
float: left;
width:205px;
height:68px;
background: #E8E8E8;
text-align:left;
padding: 2px 0px 0px 0px;
}

.gravatarrhot
{
float: left;
padding: 0px 5px 0px 0px;
border: 0px #ADADAD solid;
background: #E8E8E8;
}

.whatshottext
{
FONT COLOR:#000000;
font: Arial, Helvetica, sans;
font-size: 11px;
letter-spacing:0px;
}