/*  

Theme Name: AP

Description: Designed by Nyau.

Version: 2.0

Author: Alvin Nyau

*/



/* 

TABLE OF CONTENTS 

 

  HTML Elements

  Structure

  Navigation Bar

  Text

  Index Page

  Content Page

  Sidebar

  Form Elements  

  Comments

  Footer

  Clear

  CSS Media Queries for Mobile Devices



*/



/* HTML Elements */



* {

	margin:0;

	padding:0;

	}



body {

	font: 100% Arial, Helvetica;

	background: #f4f3f3 url(images/bgp.jpg);

	color: #333333;

	}



p {	

	margin: 30px 0;

	}



a:link, a:visited {

	color: #000000;

	text-decoration:none;

	}



a:hover, a:active {

	color: #808080;

	text-decoration:underline;

	}



a img {

	border:0;

	}



code {

	font: 1.0em 'Courier New', Courier, Fixed;

	background:#ececec;

	}	



acronym, abbr, span.caps {	

	font-size: 0.9em;

	letter-spacing: .07em;

	cursor: help;

	}			



acronym, abbr {

	border-bottom: 1px dashed #999;

	}



blockquote {

	padding: 10px 10px 0 10px;

	border-top: 1px solid #ddd;

	border-bottom: 1px solid #ddd;

	background: #ececec;

	font:1.0em Arial;

	line-height:1.5em;

	margin:10px 0px;

	}



select {

	width: 130px;

	}	



strong {

    font-weight:bold;

}



em {

    font-style:italic;

}



/* Structure */





#head {

	background:url(images/bg-page-title.jpg) no-repeat top center; 

	height:152px;

	margin-top:0px;

	}



#page {

	width:970px;

	margin:10px auto;

	padding:10px;

	background:#fff;

	font-size:12px;

	position:relative;

	border:1px solid #ddd;

	}



#inner {

    margin:0;

    padding:0;

    background:url(images/left_stripe.gif) left repeat-y;

}



.left {

	float:left;

	}



.right {

	float:right;

	}





/* Navigation Bar*/





/* Text*/



h1 {

	font:24px Arial;

	font-weight:bold;

	}



h2 {

	font:22px Arial;

	font-weight:bold;

	}



h3 {

	font:12px Arial;

	margin-bottom:3px;

	color:#303030;

	font-weight:bold;

	}



h4 {

	font:12px Verdana;

	font-weight:bold;

	}



h3#respond {

	margin-top:0px;

	padding-top:20px;

	}



h3#comments {

	margin-top:32px;

	padding-left:0px;

	margin-bottom:15px;

	}



h3.authors {

	margin-top:15px;

	}



/* Index Page*/



#logo {

	width:165px;

	height:90px;

	}



.more-link {

	display:block;

	margin:15px 0px;

	}



#bottom {

	width: 970px;

	}



#bottom-left {

	float:left;

	}



#bottom-left .meta, #content.archive .meta {

	font-size:10px;

	}



.author {

	font-size:11px;

	font-weight:bold;

	}



.meta {

	color:#333333;

	font-weight:bold;

	}



#headline p, #featured p {

	margin:0;

	}





#paged-list {

	width:620px;

	padding:0px 10px;

	background:#fff;

	font:13px Verdana, Arial, Helvetica;

	line-height:1.75em;

	border-top:1px solid #ececec;

	}



#paged-list .clearfloat {

	background:url(images/dots_content.gif) repeat-x bottom;

	padding:20px 0 10px 0;

	}



.onecolumn {

	line-height:160%;

	padding:20px 0px;

	margin:0;

	}



.onecolumn img {

	float:right;

	margin:13px 10px 7px 0px;

	padding:4px;

	background-color: #f3f3f3;

	border: 1px solid #ddd;

	-khtml-border-radius: 4px;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	border-radius: 4px; /* optional rounded corners for browsers that support it */

	}



.tanbox {

	padding:10px 0px;

	margin:0;

	font:13px Verdana, Arial, Helvetica;

	line-height:1.75em;

	}



.archive .tanbox {

	background:url(images/dots_content.gif) repeat-x bottom;

	padding:20px 0 10px 0;

	}



.tanbox img {

	float:left;

	margin:13px 10px 7px 0px;

	border:1px solid #ccc;

	padding:2px;

	}



.tanbox h2 a, .onecolumn h2 a {

	font:18px Georgia, Arial;

	color:#c13a01;

	font-weight:normal;

	line-height:160%;

	}



.tanbox h2 a:hover {

	color:#f46d34;

}



.tanbox p, .onecolumn p {

	margin:10px 0;

	}	



#navigation-main { 	padding:15px 10px; 	background:#fff; 	font-size:12px; 	text-align:center; 	width:550px; 	}  

#navigation-main a { 	color:#003399; 	border: 1px solid #999; 	padding: 3px 5px; }



/* Content Page*/



#content {

	width:620px;

	background:#fff;

	padding:10px;

	font-size:1.4em;

	line-height:1.75em;

	float:left;

	}



.post {

	line-height:1.618em;

	}



.post p {

	margin-top:0px;

	}



.clearfloat {

	}



.entry ul, .post ol {

	margin-bottom:30px;

	}



#content h1.title {

	letter-spacing:-0.05em;

	border-bottom:1px solid #e2e2e2;

	margin-bottom:0px;

	padding:0px 0px 5px 0px;

	color:#000000;

	}



.entry ul li {	

	list-style-type:none;

	padding: 0 0 0 17px;

         margin: 0 0 5px 30px;

	background: transparent url(images/bullet5.gif) no-repeat 0 8px;

	}



.entry li ul li{	

	list-style-type:none;

	padding: 0 0 0 17px;

         margin: 0 0 5px 30px;

	background: transparent url(images/tick.gif) no-repeat 0 5px;

	}



.entry ol li {	

	list-style:decimal;

	margin-left:30px;

	}



.entry img, .post a img {

	border:0;

	margin:0 10px 5px 0;

	padding:2px;

	}



.entry img.noborder {

border:0;

}



.entry a {

	text-decoration:underline;

color:#003399;

	}



.entry a:hover {

	text-decoration:underline;

color:#659a9F;

	}



#map { color: #666; }



#map a {

	text-decoration:none;

color:#666;

	}



#map a:hover {

	text-decoration:none;

color:#667;

	}



.post .ads {

	margin-top:10px;

	}



#stats {

	margin-bottom:20px;

	padding:8px 0px;

	font:11px Arial;

	display:block;

	border-bottom:1px solid #e2e2e2;

	font-weight:bold;

	}



img.centered, a img.centered, img.aligncenter, a img.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



img.alignright, a img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

}



img.alignleft, a img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

}



.alignright {

	float: right;

}



.alignleft {

	float: left

}





#bio {

    padding:10px;

    background:#efefef;

    margin:20px 0px;

}

#bio p {

    margin:0;

    padding:0;

}



#bio .avatar {

	border:1px solid #ccc;

	margin:0px 10px 5px 0;

	float:left;

	padding:2px;

	width:80px;

	height:80px;

	}	



/* Sidebar*/

#sidebar {

	width:320px;

	float:right;

	margin:0px 0px 0px 0px;

	}



.spoiler { 	

	padding: 5px 12px;

	background:#fff;

	margin-bottom:20px; 	

	overflow:hidden;

margin-top:1px;

}



.spoiler img {

	border:0;

	padding:2px;

	margin-right:10px;

	margin-bottom:5px;

	}



.spoiler p {

	margin:0;

	color:#6d6d6d;

	}



.spoiler h3 {

	font:14px Arial, Helvetica, Verdana, Sans-Serif;

	font-weight:bold;

	margin-bottom:5px;

line-height:28px;

	}



.spoiler a {

	color:#333333;

	}



.spoiler a:hover {

	color:#808080;

	}



.ultimate-post a {

	color:#003399;

	}



.ultimate-post a:hover {

	color:#659a9F;

	}



.ultimate-post p {

	border-bottom:2px solid #dedede;

	height:60px;

	margin-bottom:4px;

}



.spoiler li {

	list-style:none;

	border-bottom:2px solid #dedede;

	display:block;

padding: 3px 0 0 0;

	}



.spoiler .toppost li {

	list-style:none;

	border-bottom:1px dotted #bbbbbb;

	display:block;

	padding: 6px 0px 6px 17px;

	background: transparent url(images/bullet5.gif) no-repeat 0 9px;

	font-weight: bold;

	margin:0;

	}



.spoiler .toppost2 li {

	list-style:none;

	border-bottom:none;

	display:block;

	height:120px;

	padding: 0 0 0 20px;

	font-weight: normal;

	margin:0;

	clear:both;

	font-size: 17px;

	font-family: Georgia, Verdana, Helvetica, Arial;

	line-height: 1.618em;

	}



.toppost2 { margin-top:10px; }



.toppost2 img { float:left; }



.spoiler li ul li {

	border-bottom:0px;

font-size: 11px;

line-height: 130%;

margin-bottom: 5px;

	}



#feeders {

margin-bottom: 10px;

}



#feeders a{ 

color:#003399;

text-decoration: none;

font-size:11pt;

}



#feeders a:hover{

color:#659a9F;

text-decoration: underline;

}





/* Form Elements */



select {

	border:1px solid #333333;

	width:100%;

	}

    

.field {

	padding: 1px;

	border-top:1px solid #bbbbbb;

	border-left:1px solid #bbbbbb;

	border-right:1px solid #eeeeee;

	border-bottom:1px solid #eeeeee;

	background:#fff;

	font-size:11px;

	}



#search .searchbutton {

	padding: 1px;

	border:1px solid #333333;

	background:#fff;

	font-size:11px;

	}



#commentform input {

	width: 140px;

	margin: 5px 5px 0px 0;

	}



#commentform textarea {

	width: 99%;

	margin-top:5px;

	border-top:1px solid #bbbbbb;

	border-left:1px solid #bbbbbb;

	border-right:1px solid #eeeeee;

	border-bottom:1px solid #eeeeee;

	}



/* Footer*/



#footer-wrap {

	border-top: 0;

	

	width: auto;

}



#footer {

	margin: 0 auto;

	width: 970px;

	font-size:12px;

	line-height: 150%;

	color:#000;

	padding:5px 10px;

	}



#footer a{ color: #000066; }



#footer a:hover {

	color:#3333ff;

	}



/* Float Properties*/



.clearfloat:after {

	content:".";

	display:block;

	height:0;

	clear:both;

	visibility:hidden;

	}



.clearfloat {

	clear:both;

	}





/* Hides from IE-mac \*/

* html .clearfloat {

	height:1%;

	}



*+html .clearfloat {

	height:1%;

	}



.clearfloat {

	display:block;

	}



/* Comments */

#comments {

	line-height:1.5em;

	}

.commentlist li {

	color:#4d4d4d;

	padding: 10px 14px 10px 14px;

	background:#f2f2f2;

	border-bottom: 1px solid #dcdbd7;

	list-style:none;

	margin-bottom:3px;

	line-height:1.25em;

	}

.commentlist li li {

	background:none;

	border:none;

	list-style:square;

	margin:3px 0 3px 20px;

	padding:3px 0;

	}

.commenttext {

	width:482px;

	float:right;

	line-height:1.5em;

    font-size:11px;

	}

li.my_comment {

	background: #fff;

	}

#commentform small {

	background:#FFF;

	font-weight:bold;

	padding:0;

	}

.commentmetadata {

	color:#4d4d4d;

	display: block;

	margin-top:3px;

	text-align:right;

	font-size:10px;

	}

.commentmetadata a, .commentmetadata a:visited {

	color:#959382;

	}

.commentlist small {

	background:#e9e9e9;

	}

.commentlist li .avatar {

	border:1px solid #ccc;

	margin:15px 8px 6px 0;

	float:left;

	padding:2px;

	width:45px;

	height:45px;

	}

#comment {

	width:auto;

	background:#fff;

	}



/* Sidebar top welcome box */



#sidebarss {

clear:both;

border-bottom:1px solid #CCC;

border-top:none;

border-right:1px solid #CCC;

border-left:1px solid #CCC;

padding: 10px 15px 15px 15px; 

background:#ffffff;

font: 12px;

}



/* feed */

.emailsubscribe .input{

	margin-left:0px;

	float: left;

	width:185px;

	padding: 5px 2px 5px 5px;

	background:#EFF6FF ;

	font: normal 13px "Tahoma", Arial, Helvetica, sans-serif;

	color:#2A4B68;

	border:1px solid #83A1BF;

}



.emailsubscribe .sbutton{

	width:60px;

	float: left;

	background:#2a4b68 ;

	border:1px solid #5d7e9b;

	font: bold 100% "century gothic", Arial, Helvetica, sans-serif;

	color: #eee;

	height:28px;

	line-height:25px;

}



/* customized */



.box-green {

background: #ccccff;

padding: 0 10px;

border: 1px solid #ccff99;

}



.entry {

color:#333;

	font-family: Georgia, Verdana, Helvetica, Arial, Sans-Serif;

}



.single-related-post{

	margin: 35px 0 0 0;

	padding: 0;

}



.entry h1 { margin-top: 30px; margin-bottom: 20px; font-size:18px; color: #000055; font-weight:normal; font-family: Georgia, Verdana, Times, Arial; }



.entry h2 { margin-top: 30px; margin-bottom: 10px; font-size:1.3em; color: #c13a01; font-weight:normal; font-family: Georgia, Verdana, Times, Arial; }



.entry h3 { margin-top: 30px; margin-bottom: 10px; font-size:1em; color: #c13a01; font-weight:normal; font-family: Georgia, Verdana, Times, Arial; }



.entryheader { margin-top: 40px; margin-bottom: 10px; font-size:1.3em; color: #c13a01; font-weight:normal; font-family: Georgia, Verdana, Times, Arial; }

.entryheader2 { margin-top: 20px; margin-bottom: 10px; font-size:1.3em; color: #c13a01; font-weight:normal; font-family: Georgia, Verdana, Times, Arial; }



.entry h4 { margin-top: 30px; margin-bottom: 10px; font-size:1em; color: #c13a01; font-weight:normal; font-family: Georgia, Verdana, Times, Arial; }



.smillies { margin-bottom: -20px; padding:0; }



.tick123 { background: url(images/tick123.gif) no-repeat center; }



.nofloat { clear:both; }



#adsense-search { background: #fff; padding: 20px; width: auto; margin-bottom:0px; }



#adsense-search-box { margin-bottom: 10px; text-align: center; background: none; } 



.search-word { font-size: 14px; font-family: Verdana, Georgia, Times, Arial; color: #000055}



.entry h5 { font-size: 1.0em; background-color: #e3e3e3; font-weight: bold; }



.entry h6 { font-size: 1.0em; background-color: #f0f0f0; font-weight: bold; }



.seperator {

margin-top:20px;

padding-bottom:10px;

border-bottom: 2px solid #eaedee;

}



/* Caption */



.wp-caption {

	margin: 0 10px 0 0;

	padding-top: 4px;

	text-align: center;

	max-width: 95%;

}

.wp-caption img {

	border: 0 none;

	margin: 0;

	padding: 0;

}

.wp-caption p.wp-caption-text {

	font-size: 9px;

	line-height: 17px;

	margin: 0;

	padding: 0 4px 5px;

}



/* Tables */



.entry table {

	border-width: 1px;

	border-spacing: 0px;

	border-style: outset;

	border-color: blue;

	border-collapse: separate;

	background-color: #faf0e6;

}

.entry table th {

	border-width: 1px;

	padding: 5px;

	border-style: solid;

	border-color: #7ba0cd;

	background-color: #4f81bd;

color: #333;

font-weight:bold;

}

.entry table td {

	border-width: 1px;

	padding: 5px 20px 5px 5px;

	border-style: solid;

	border-color: #7ba0cd;

	background-color: #e4efff;

}



/* Pagenavi CSS */



.wp-pagenavi a, .wp-pagenavi a:link {

	padding: 2px 5px 2px 5px; 

	margin: 3px;

	text-decoration: none;

	border: 1px solid #303030;

	color: #303030;

	background-color: #FFFFFF;	

}

.wp-pagenavi a:visited {

	padding: 2px 5px 2px 5px; 

	margin: 3px;

	text-decoration: none;

	border: 1px solid #303030;

	color: #303030;

	background-color: #FFFFFF;	

}

.wp-pagenavi a:hover {	

	border: 1px solid #808080;

	color: #808080;

	background-color: #ffffff;

}

.wp-pagenavi a:active {

	padding: 2px 5px 2px 5px; 

	margin: 3px;

	text-decoration: none;

	border: 1px solid #808080;

	color: #808080;

	background-color: #FFFFFF;	

}

.wp-pagenavi span.pages {

	padding: 2px 5px 2px 5px; 

	margin: 3px 3px 3px 3px;

	color: #303030;

	border: 1px solid #303030;

	background-color: #FFFFFF;

}

.wp-pagenavi span.current {

	padding: 2px 5px 2px 5px; 

	margin: 3px;

	font-weight: bold;

	border: 1px solid #303030;

	color: #ffffff;

	background-color: #303030;

}

.wp-pagenavi span.extend {

	padding: 2px 5px 2px 5px; 

	margin: 3px;	

	border: 1px solid #303030;

	color: #303030;

	background-color: #FFFFFF;

}



/* Custom */



.special-header-4 { color: #F0F7FF; font: 18px Arial, Georgia, Verdana; font-weight: bold; background:url(images/bg-page-title-3.png) no-repeat top center; line-height:34px; padding:0px 25px; }

.special-header-8 { font: 22px Georgia, Verdana, Helvetica, Arial;color: #c13a01;border:none;text-align:none;padding-left:37px; }



.related-posts {   

    padding: 0px;

clear:both;

}



.rp {    

    float: left;  

    width: 138px;

    margin-right: 15px;

    font: 12px Helvetica, Arial, Verdana; 

    line-height: 160%;

font-weight:500;

}

 

.rp a {

color:#000;

text-decoration:none;

}



.rp a:hover {

color:#c13a01;

text-decoration:none;

}



.clearboth {

clear: both;

}



.gaps {

margin: 20px 0;

}



.subscribe-btm {

margin-right:30px;

float: left;

}



.subscribe-btm-2 {

float:left;

}



#subscribe-bar {

padding: 7px 15px 0 15px;

font: 12px;

height:25px;

margin-top:10px;

background:#E4E4E4 url(images/bg-post-bottom.png) repeat-x top;  

border-bottom: 1px solid #B9B9B9; 

border-left: 1px solid #ccc;

border-right: 1px solid #ccc;

border-top: 1px solid #DBDBDB;

}



#subscribe-bar a {

text-decoration:none;

color:#003399;

}



#subscribe-bar a:hover {

text-decoration:underline;

color:#659a9F;

}



.btm-ads { float: right; padding-top:23px; }



.sidebar-aff img {

float:left;

margin: 0 17px 20px 17px;

}



.dark-font {

color: #999999;

}



.light-font {

color: #999999;

float:left;

font-size: 10px;

}



.ultimate-post ul li {

margin-bottom: 7px;

padding-bottom: 5px;

}



#socialnetwork{width:80px;margin-left:50px;}



#boxer div { }



.social-slide {

	height: 48px;

	width: 48px;

	margin: 10px;

	float: left;

	-webkit-transition: all ease 0.3s;

	-moz-transition: all ease 0.3s;

	-o-transition: all ease 0.3s;

	-ms-transition: all ease 0.3s;

	transition: all ease 0.3s;

}

.social-slide:hover {

	background-position: 0px -48px;

	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);

}

.share-hover {

	background-image: url('images/social-hover.png');

}

.twitter-hover {

	background-image: url('images/twitter-hover.png');

}

.facebook-hover {

	background-image: url('images/facebook-hover.png');

}

.google-hover {

	background-image: url('images/google-hover.png');

}

.pinterest-hover {

	background-image: url('images/pinterest-hover.png');

}

.linkedin-hover {

	background-image: url('images/linkedin-hover.png');

}

.tumblr-hover {

	background-image: url('images/tumblr-hover.png');

}

.reddit-hover {

	background-image: url('images/reddit-hover.png');

}

.instagram-hover {

	background-image: url('images/instagram-hover.png');

}

.stumbleupon-hover {

	background-image: url('images/stumbleupon-hover.png');

}



.social-popout {

	height: 48px;

	width: 48px;

	margin: 10px;

	float: left;

	-webkit-transition: all ease 0.5s;

	-moz-transition: all ease 0.5s;

	-o-transition: all ease 0.5s;

	-ms-transition: all ease 0.5s;

	transition: all ease 0.5s;

}

.social-popout img {

	border-radius: 50%;

	margin: 8px;

	width: 100%;

	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);

	-webkit-transition: all ease 0.5s;

	-moz-transition: all ease 0.5s;

	-o-transition: all ease 0.5s;

	-ms-transition: all ease 0.5s;

	transition: all ease 0.5s;

}

.social-popout img:hover {

	margin: 0px;

	box-shadow: 6px 6px 4px 4px rgba(0,0,0,0.3);

}



#nav-top {background:#403f3f;position:relative;width:auto;padding:8px;}

#navi {margin:0px auto;width:990px;}

#navi li{display:inline;margin:0 10px 0 0;}

#navi a{color:#eee;padding:7px;font:bold 11px arial;text-transform:uppercase;}

#navi a:hover{background:#B21F24;}



#cat-nav li { float:left; display:inline; }



/* 2.2.2 Category Navigation */

#cat-nav { position:relative; background:#403f3f; height:45px; }

#cat-nav li ul a { color:#dee; text-decoration:none; }

#cat-nav li ul a:hover { color:#eff; text-decoration:underline}

#cat-nav li ul li:hover { background:#B21F24; }

#cat-nav li ul a span { font-family:Verdana, Geneva, sans-serif; font-size:11px; font-style:normal; font-weight:400; color:#eee; text-shadow:none;}

#cat-nav li ul .nav-description { display:block; }

#cat-nav li ul a:hover span { color:#eee; }

#secnav li ul li ul li a span.sf-sub-indicator { display:inline; }



#secnav ul { width:auto;position:relative; z-index:100;margin:0; padding:0; list-style:none; line-height:1; background:#403f3f; }

#secnav a { font-family:Georgia, "Times New Roman", Times, serif; font-style:normal; font-weight:700; font-size:14px; display:block; padding:0 15px; line-height:45px; text-decoration:none;}

#secnav li { float:left; width: auto; background:#403f3f; height:45px; }

#secnav li ul li ul  { position: absolute; left: -999em; width: 180px; }

#secnav li ul li ul li  { background:#403f3f; border:1px solid #555; border-width:1px 1px; height:30px; }

#secnav li ul li ul li a  { font-family:Verdana, Geneva, sans-serif; width:160px; line-height:30px; padding:0 10px; font-size:11px; font-style:normal; font-weight:400; color:#eee; }

#secnav li ul li ul ul  { margin: -30px 0 0 180px; }

#secnav li ul li:hover ul ul, #secnav li:hover ul ul ul, #secnav li.sfhover ul ul, #secnav li.sfhover ul ul ul { left:-999em; }

#secnav li ul li:hover ul, #secnav li li:hover ul, #secnav li li li:hover ul, #secnav li.sfhover ul, #secnav li li.sfhover ul, #secnav li li li.sfhover ul { left: auto; }

#secnav li ul li:hover,#secnav li.hover  { position:static; }



.col-full  { width: 990px; margin: 0 auto; }



#navigation {font-size:10px;}

#navigation a:hover {border:none;}



.subinput {

float: left;

border: 0;

width: 150px;

height: 22px;

background: url(images/input-150.jpg) no-repeat;

font: 11px Verdana;

color: #2A4B68;

padding-left : 5px;

margin-top:10px;

padding-top : 5px;

}

.subsubmit {

float: left;

border: 0;

margin-left: 3px;

margin-top:10px;

}



.socialbutton {

float: left;

margin-right: 5px;

}



#adspace {

margin-bottom: 20px;

}



.extras { margin-top: 20px; margin-bottom: 5px; color: #c13a01; font-weight:bold; }



img#wpstats { display: none; }



.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.sitefacebooklike{margin:20px 0;width:330px;height:214px;border-radius:3px;position:relative;background-color:#f4f4f4;padding:0;max-width:96%;}

.sitefacebooklike,.sitefacebooklike:before,.sitefacebooklike:after{background:#f4f4f4;border:1px solid #ccc;}

.sitefacebooklike:before,.sitefacebooklike:after{content:"";position:absolute;bottom:-3px;left:2px;right:2px;height:1px;border-top:none;}

.sitefacebooklike:after{left:4px;right:4px;bottom:-5px;box-shadow:0 0 2px #ccc;}



.smooth_slider{width:630px;height:300px;background-color:#ffffff;border:0px solid #ffffff;padding:0 5px;} 

.smooth_slider .sldr_title{font-family:Arial,Helvetica,sans-serif, Arial, Helvetica, sans-serif;font-size:16px;font-weight:bold;font-style:italic;color:#003399;margin:5px 0 10px 0;} 

.smooth_slider .smooth_slideri{width:582px;margin:0px 24px 0px 24px;} 

.smooth_slider .smooth_slider_thumbnail{float:left;margin:0 10px 0 0px;max-height:180px;border:0px solid #000000;}  

.smooth_slider .smooth_slideri span{font-family:Verdana,Arial,Helvetica;font-size:13px;font-weight:normal;font-style:normal;color:#333333;} 

.smooth_slider .smooth_slideri p.more{color:#c13a01;font-family:Arial,Helvetica,sans-serif;font-size:12px;}



.smooth_slider_fouc .smooth_slider {display: none;}

.smooth_slider div,.smooth_slider p,.smooth_slider li,.smooth_slider span,.smooth_slider img,.smooth_slider h2,.smooth_slider ul{list-style:none;background:transparent;vertical-align:baseline;}

.smooth_slider span{display:inline;overflow:hidden;margin: 10px auto;line-height:20px;}

.smooth_slider .smooth_sliderb{position:relative;}

.smooth_slider .smooth_slideri{position:absolute;}



.sldrbr{line-height:1px;}

.sldrlink{display:block;font-size:8px;font-family:Verdana, Helvetica, sans-serif;}

.sldrlink a{position:absolute;bottom:0;right:5px;margin:10px auto;color:#333333;}

.sldr_clearlt{display:block;visibility:hidden;clear:left;height:0;content:".";}

.sldr_clearrt{display:block;visibility:hidden;clear:right;height:0;content:".";}



/*Navigation */

/* Next and Previous navigational arrows */

.smooth_slider .smooth_next {position: absolute;right: 0px;top:45%; width: 24px; height: 24px; cursor: pointer; background: transparent url(images/smooth/next.png) no-repeat 0 0;}

.smooth_slider .smooth_prev { position: absolute;left: 0px;top:45%; width: 24px; height: 24px; cursor: pointer; background: transparent url(images/smooth/prev.png) no-repeat 0 0;}



/*Navigation numbers*/

.smooth_slider .smooth_nav { position:absolute;bottom:0px;text-align:center;margin: 10px auto;}

.smooth_slider .smooth_nav a.smooth_slider_nnav { padding: 2px 6px; margin: 3px; border: 1px solid #ccc; text-align: center; text-decoration: none; font-weight:normal;}

.smooth_slider .smooth_nav a.smooth_slider_nnav.activeSlide { font-weight:bold;background-color: #efefef ; }

.smooth_slider .smooth_nav a.smooth_slider_nnav:focus { outline: none; }

.smooth_slider .smooth_nav a.smooth_slider_inav{display:block;float:left;}

.smooth_slider .smooth_nav a.smooth_slider_bnav{background: transparent url(images/smooth/nav.png) no-repeat 0 0;margin:0 3px;}



.single-left { margin-right: 15px; }



.after-left { margin: 0 0 20px 0; text-align:center; }



.twitterdiv {

    border-radius: 4px; 

    border-right: 1px solid #AAAAAA;

    height: 20px;

    overflow: hidden;

float:left; 

position:relative; 

margin:15px 10px 0 0;

}





.most-commented ul {

	font-size:12px;

	line-height:18px;

	}

.most-commented ul li {	

	list-style-type:none;

	padding: 0 0 0 17px;

        margin: 0 0 5px 30px;

	background: transparent url(images/bullet5.gif) no-repeat 0 5px;

	}

.most-commented ol li {	

	list-style:decimal;

	margin-left:30px;

	}

.most-commented-header { margin-top: 20px; }





<!-- CSS styles for standard search box -->



	#compheader{

		background-color:#c3dfef;

	}

	#compnewsearch{

		

		padding:20px 0 0 20px;

	}

	.comptextinput{

		margin: 0;

		padding: 5px 15px;

		font-family: Arial, Helvetica, sans-serif;

		font-size:14px;

		border:1px solid #333; border-right:0px;

		border-top-left-radius: 5px 5px;

		border-bottom-left-radius: 5px 5px;

	}

	.compbutton {

		margin: 0;

		padding: 5px 15px;

		font-family: Arial, Helvetica, sans-serif;

		font-size:14px;

		outline: none;

		cursor: pointer;

		text-align: center;

		text-decoration: none;

		color: #ffffff;

		border: solid 1px #333; border-right:0px;

		background: #444;

		background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#777));

		background: -moz-linear-gradient(top,  #444,  #777);

		border-top-right-radius: 5px 5px;

		border-bottom-right-radius: 5px 5px;

	}

	.compbutton:hover {

		text-decoration: none;

		background: #666;

		background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#999));

		background: -moz-linear-gradient(top,  #666,  #999);

	}

	/* Fixes submit button height problem in Firefox */

	.compbutton::-moz-focus-inner {

	  border: 0;

	}

	.compclear{

		clear:both;

	}



/* Media Queries Responsive Design for Mobile Devices */



/* iPad level and below */



@media only screen and (max-width: 768px) {

#page {	width:auto; }

#bottom { width:auto; }

#paged-list { width:auto; }

.tanbox { width:auto; }

.archive .tanbox { width:auto; }

#navigation-main { width:auto; }

#content { width:95%; }

.entry img, .post a img { max-width:100%; height:auto; }

#sidebar { width:auto; }

#footer { width:auto; }

.commenttext { width:auto; }

#comment { width:auto; }

#navi { width:auto; }

#secnav a { font-size: 10px; padding: 0 5px; }

#secnav li ul li a { font-size:8px; }

.col-full { width:auto; }



#socialnetwork { width:auto; float:right;}



.navigationshorten { width:45px;height:45px;background:url(images/nav-menu.png) no-repeat 15px 11px; }



#cat-nav { position:relative; background:#403f3f; height:45px; }

#cat-nav a { color:#dee; text-decoration:none; }

#cat-nav a:hover { color:#eff; text-decoration:underline}

#cat-nav li:hover { background:#B21F24; }

#cat-nav a span { font-family:Verdana, Geneva, sans-serif; font-size:11px; font-style:normal; font-weight:400; color:#eee; text-shadow:none;}

#cat-nav .nav-description { display:block; }

#cat-nav a:hover span { color:#eee; }

#secnav li ul li a span.sf-sub-indicator { display:inline; }



#secnav, #secnav ul { position:relative; z-index:100; margin:0; padding:0; list-style:none; line-height:1; background:#403f3f; }

#secnav a { font-family:Georgia, "Times New Roman", Times, serif; font-style:normal; font-weight:700; font-size:14px; display:block; z-index:100; padding:0 15px; line-height:45px; text-decoration:none;}

#secnav li { float:left; width: auto; background:#403f3f; height:45px; }

#secnav li ul  { position: absolute; left: -999em; width: 180px; }

#secnav li ul li  { background:#403f3f; border:1px solid #555; border-width:1px 1px; height:30px; }

#secnav li ul li a  { font-family:Verdana, Geneva, sans-serif; width:160px; line-height:30px; padding:0 10px; font-size:11px; font-style:normal; font-weight:400; color:#eee; }

#secnav li ul ul  { margin: -30px 0 0 180px; }

#secnav li:hover ul ul, #secnav li:hover ul ul ul, #secnav li.sfhover ul ul, #secnav li.sfhover ul ul ul { left:-999em; }

#secnav li:hover ul, #secnav li li:hover ul, #secnav li li li:hover ul, #secnav li.sfhover ul, #secnav li li.sfhover ul, #secnav li li li.sfhover ul { left: auto; }

#secnav li:hover,#secnav li.hover  { position:static; }

}



/* Samsung Note 2 and below */



@media only screen and (max-width: 720px) {

#sidebar { margin-bottom: 300px; }

#secnav a { font-size: 8px; padding: 0 2px; }

.smooth_slider{width:auto;height:300px;}

.smooth_slider .smooth_slideri{width:auto;}

.single-right { position: absolute; bottom: 10px; }

#search { display:none; }

}



/* iPhone Galaxy etc */



@media only screen and (max-width : 480px) { 

#page { width:auto; padding:3px; }

#content { width:95%; padding:3px; }

.rp { width:25%; }

.smooth_slider .smooth_slider_thumbnail{max-width:20%;}

#paged-list img{max-width:20%;}

#paged-list {padding:1px;}

.smooth_slider{width:95%;height:300px;position:absolute; bottom:10px;}

}



@media only screen and (max-width : 480px) and (orientation: landscape) {



}



@media only screen and (max-width : 480px) and (orientation: portrait) {

.single-left { margin-right:0; float:none; }

#sidebar img { max-width:80%; height:auto; }

}