/*

Theme Name: PocketSynth

Description: Technology News

Author: Sergios Singeridis aka feios

Author URI: http://www.codeyourdesign.com

Version: release 0.1

*/



/* ========== ALL ELEMENTS */

*{margin:0;padding:0;}

a{outline:none;border:none;}

img{border:none;}

input{vertical-align:middle;}



.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.clearfix{display:inline-block;}

/* Hide from IE Mac \*/.clearfix{display:block;}/* End hide from IE Mac */



.floatleft{float:left !important;}

.floatright{float:right !important;}



acronym, abbr{cursor: help;}



blockquote, blockquote p{

color:#5a5a5a !important;

margin: 15px 0 15px 10px !important;

font-style:italic !important;

}



code, code p{

font: 11px 'Courier New', Courier, Fixed !important !important;

color:#5a5a5a !important !important;

}



acronym, abbr, span.caps{

font-size: 11px !important;

}



blockquote cite, blockquote cite p{

margin: 5px 0 0 !important;

display: block !important;

color:#5a5a5a !important;

}





/* ========== BODY */

body{

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

color:#444444;

background:#3297cb url(images/bg.gif) left top repeat-x;

margin:0;

padding:0;

min-width: 900px;

font-size:13px;

}



/* ========== SETTING PAGE WIDTH */

#wrapper-holder{

width:94%;

margin:10px auto;

background:#ffffff url(images/rbg.gif) right top repeat-y;

}



#wrapper{

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

}



/* ========== SETTING PAGE LAYOUT */

#container{

padding-right:437px;

}



#container .column{

position:relative;

float:left;

}



#center{

padding:10px 20px;

width:100%;

}



#right{

width:377px; /* RC width */

padding:10px 13px 0 0; /* RC padding */

margin-right:-100%;

}



/* ========== HEADER */

#header-outer{

background:url(images/ht.gif) left top repeat-x;

}



#header-wrapper{

background:url(images/hr.gif) right top no-repeat;

}



#header{

height:123px;

background:url(images/hl.gif) left top no-repeat;

position:relative;

}



#top-banner{

width:468px;

height:60px;

position:absolute;

right:20px;

top:30px;

}



/* ========== LOGO */

#header h1 a{

width:594px;

height:100px;

text-indent: -2000em;

background:url(images/logo.gif) no-repeat;

left:8px;

top:11px;

position:absolute;

}


/* ========== MENU */

#menu{

margin:0 3px 10px 3px;

clear:both;

height:37px;

background:url(images/mbg.gif) left top repeat-x;

position:relative;

}



#menu ul li{

float:left;

padding-left:20px;

padding-right:21px;

list-style:none;

line-height:37px;

background:url(images/mmbg.gif) right center no-repeat;

font-size:16px;

font-family:Trebuchet ms, Verdana, Arial, Tahoma;

}


#menu ul li a{

color:#ffffff;

text-decoration:none;

}



#menu ul li a:hover{

color:#bce8ff;

text-decoration:underline;

}



.current_page_item a{

color:#bce8ff !important;

text-decoration:underline !important;

}




.rss-subscribe{

width:116px;

height:30px;

background:url(images/subscribe.gif) left top no-repeat;

display:block;

text-indent:-2000em;

position:absolute;

right:20px;

top:4px;

}



/* ========== FIRST POST */

#fl{background:#ec571a url(images/fleft.gif) left top repeat-y;margin-bottom:30px;}

#fr{background:url(images/fright.gif) right top repeat-y;}

#ft{background:url(images/ftop.gif) left top no-repeat;}

#ftr{background:url(images/ftr.gif) right top no-repeat;}

#fb{background:url(images/fbot.gif) left bottom no-repeat;}

#fbr{background:url(images/fbr.gif) right bottom no-repeat;}



.ftitle{

padding-left:15px;

background-position:15px 15px !important;

padding-bottom:10px;

padding-top:10px;

}



.ftitle2{

padding-left:15px;

background-position:15px 15px !important;

padding-bottom:10px;

padding-top:10px;

}



.ftitle h1{

font-family:Trebuchet ms, Verdana, Arial, Tahoma;

font-size:21px;

font-weight:normal;

margin-bottom:10px;

color:#ffffff;

}



.ftitle2 h1{

font-family:Trebuchet ms, Verdana, Arial, Tahoma;

font-size:21px;

font-weight:normal;

margin-bottom:10px;

color:#ffffff;

}



.ftitle h1 a{

color:#ffffff;

text-decoration:none;

}



.ftitle h1 a:hover{

text-decoration:underline;

}



.fauthor{

color:#ffffff;

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

font-size:11px;

}



.fauthor a{

font-weight:bold;

text-decoration:underline;

color:#ffffff;

}



.fauthor a:hover{

text-decoration:none;

}



#fcl{background:#ffffff url(images/fcleft.gif) left top repeat-y;margin:15px;margin-bottom:0 !important;clear:both;}

#fcr{background:url(images/fcright.gif) right top repeat-y;}

#fct{background:url(images/fctop.gif) left top no-repeat;}

#fctr{background:url(images/fctr.gif) right top no-repeat;}

#fcb{background:url(images/fcbot.gif) left bottom no-repeat;}

#fcbr{background:url(images/fcbr.gif) right bottom no-repeat;}

#fcc{padding:15px;}



#fcc p{

font-size:13px;

margin-bottom:15px;

line-height:18px;

}



#fcc a{color:#095ea3;text-decoration:underline;}

#fcc a:hover{text-decoration:none;}



#fcc ul, #fcc ol{

margin-bottom:15px;

}



#fcc ul li, #fcc ol li{

list-style-position:inside;

line-height:18px;

font-size:13px;

}



#fcpf{

height:35px;

line-height:30px;

padding:0 20px;

}



#fcpf p{

color:#ffffff;

font-size:13px;

}



.fc a{

background:url(images/fc.gif) left center no-repeat;

padding-left:17px;

font-weight:bold;

text-decoration:underline;

font-size:11px;

color:#ffffff;

}



.fc a:hover{

text-decoration:none;

color:#ffffff;

}



/* ========== POST */

.post{

margin-bottom:30px;

background:url(images/pbg.gif) left top no-repeat;

border-bottom:1px solid #f3f3f3;

padding-bottom:10px;

clear:both;

}



.post a{

color:#008eb4;

text-decoration:underline;

}



.post a:hover{

color:#aedae9;

text-decoration:underline;

}



.post-header{

margin-bottom:10px;

background-position:10px 10px !important;

background-repeat:no-repeat;

padding-left:15px;

}



.posth{

background:url(images/pbg2.gif) right top no-repeat;

}



.post h1{

color:#008eb4;

font-size:20px;

font-weight:normal;

padding-top:8px;

margin-bottom:10px;

}



.post h1 a{

color:#008eb4;

text-decoration:none !important;

}



.post h1 a:hover{

color:#008eb4 !important;

text-decoration:underline !important;

}



#related-reviews li a{

color:#008eb4;

text-decoration:none !important;

}



#related-reviews li a:hover{

text-decoration:underline !important;

}



.post-info{

font-size:12px !important;

padding:0 !important;

padding-bottom:15px !important;

color:#666666;

}



.post-info a{

color:#333333;

text-decoration:underline;

}



.post-info a:hover{

text-decoration:none;

}



.post p{

padding-bottom:8px;

padding-top:8px;

font-size:13px;

margin-bottom:5px;

line-height:18px;

padding:0 10px;

}



.post ul, .post ol, #related-reviews{

padding-bottom:8px;

padding-top:8px;

font-size:13px;

margin-bottom:5px;

line-height:18px;

padding:0 10px;

}



.post ul li, .post ol li, #related-reviews li{

list-style-position:inside;

}



/* ========== SIDEBAR CONTENT */

.sbox{

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

margin-bottom:10px;

clear:both;

}



.sbh{

background:url(images/sbt.gif) left top no-repeat;

padding:15px;

}



.sbf{

background:url(images/sbf.gif) left bottom no-repeat;

height:18px;

clear:both;

}



.sbox h2{

font-size:13px;

font-weight:bold;

color:#66c3f2;

text-transform:uppercase;

height:40px;

line-height:34px;

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

}



.sbox ul li{

list-style:none;

line-height:20px;

color:#ffffff;

}

.sbox li.indent{

list-style:none;

line-height:20px;

padding-left:20px;

}


.sbox ul li a{

color:#ffffff;

font-size:13px;

text-decoration:none;

}



.sbox ul li a:hover{

text-decoration:underline;

color:#ffffff;

}

.sbox ul.indent li.indent a.indent{

color:#ffffff;

font-size:11px;

text-decoration:none;

text-transform:uppercase;

padding-left: 20px;

}

/* ========== DOUBLE SIDEBAR */

.double-sidebar{

clear:both;

margin-bottom:10px;

}



.smallbox{

width:187px;

margin-bottom:10px;

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

}



.smallboxin{

background:url(images/smalltop.gif) left top no-repeat;

padding:15px;

}



.smallboxfoo{

background:url(images/smallfoo.gif) left bottom no-repeat;

clear:both;

height:18px;

}



.smallbox h2{

font-size:13px;

font-weight:bold;

color:#66c3f2;

text-transform:uppercase;

height:40px;

line-height:34px;

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

}



.smallbox ul li{

width:155px;

list-style:none;

line-height:20px;

color:#ffffff;

font-size:11px;

}



.smallbox ul li a{

color:#ffffff;

text-decoration:none;

text-transform:uppercase;

}



.smallbox ul li a:hover{

text-decoration:underline;

color:#ffffff;

}



/* ========== FOOTER */

#footer-outer{

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

clear:both;

}



#footer-wrapper{

background:url(images/fl.gif) left bottom no-repeat;

}



#footer{

height:80px;

background:url(images/fr.gif) right bottom no-repeat;

}



#foo{

margin:0 20px;

border-top:1px solid #eeeeee;

padding-top:10px;

}



#foo p{

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

font-size:11px;

color:#444444;

line-height:22px;

}



#foo a{

font-weight:bold;

color:#444444;

text-decoration:none;

}



#foo a:hover{

text-decoration:underline;

color:#444444;

}



/* ========== ADDITIONAL STYLES ========== */

.post img, #fcl img{

margin: 0 5px;

padding: 4px;

border: 1px solid #eeeeee;

max-width: 100%;

}



.center{

text-align: center;

}



.alignright{

float: right;

}

	

.alignleft{

float: left

}



img.center, img[align="center"]{

display: block;

margin-left: auto;

margin-right: auto;

}

	

img.alignright, img[align="right"]{

padding: 4px;

margin: 0 0 2px 7px;

display: inline;

}



img.alignleft, img[align="left"]{

padding: 4px;

margin: 0 7px 2px 0;

display: inline;

}

	

img.noborder{

border: none !important;

}



/* ========== prev/next nav ========== */

#prevnextnav{

display:block;

clear:both;

margin-bottom:10px;

border-bottom:1px solid #dddddd;

border-top:1px solid #dddddd;

background:#f8f8f8;

padding:6px;

}



#prevnextnav a{

color:#0e63a7;

font-size:11px;

font-weight:bold;

text-decoration:none;

padding:3px;

font-size:18px;

font-family:Trebuchet ms, Verdana, Arial, Tahoma;



}



#prevnextnav a:hover{

text-decoration:underline;

color:#4a8abd;

}



/* ========== PAGE */

.page{

margin-bottom:30px;

padding-bottom:10px;

}



.page h1{

color:#008eb4;

font-size:16px;

font-weight:bold;

padding-top:2px;

margin-bottom:6px;

}

.page h2{

color:#008eb4;

font-size:14px;

font-weight:blod;

padding-top:2px;

margin-bottom:6px;

}


.page p{

font-size:12px;

margin-bottom:15px;

line-height:18px;

padding:0 0px;

}



.page ul, .page ol{

padding-bottom:8px;

padding-top:8px;

font-size:13px;

margin-bottom:5px;

line-height:18px;

padding:0 10px;

}



.page ul li, .page ol li{

list-style-position:inside;

}



.page a{

color:#008eb4;

text-decoration:underline;

}



.page a:hover{

color:#aedae9;

text-decoration:underline;

}



.page h1 a:hover{

color:#008eb4 !important;

text-decoration:underline !important;

}



/* ========== COMMENTS */

.texti{

width:90%;

height:200px;

}



h2.ccm{

color:#008eb4;

font-size:24px;

font-weight:normal;

padding-top:5px;

margin-bottom:10px;

border-bottom:1px solid #dddddd;

}



.comment-content{

border-bottom:1px solid #dddddd;

padding-bottom:10px;

margin-bottom:20px;

}



.cpt{

font-weight:bold;

margin-bottom:10px;

font-size:14px;

}



.cpt a{

color:#444444;

text-decoration:none;

}



.cpt a:hover{

text-decoration:underline;

}



.comment-text p{

font-size:13px;

margin-bottom:10px;

line-height:20px;

}



/* ========== Custom */

.sbcustom{

margin-bottom:10px;

clear:both;

text-align:center;

}



/* ========== TAG CLOUD */

.tcloud{

clear:both;

margin-bottom:10px;

}



.tcloud h2{

color:#2482bd;

border-bottom:1px solid #f3f3f3;

padding-bottom:5px;

margin-bottom:5px;

font-size:16px;

}



.tagcloud{

padding:10px;

background:#f26721;

}



.tagcloud ul li{

list-style:none;

color:#ffffff;

float:left;

padding-left:10px;

padding-right:10px;

}



.tagcloud ul li a{

color:#ffffff;

text-decoration:none;

}



.tagcloud ul li a:hover{

text-decoration:underline;

color:#ffffff;

}



.keyword1{

font-size:10px;

}

.keyword2{

font-size:12px;

}

.keyword3{

font-size:14px;

}

.keyword4{

font-size:16px;

}

.keyword5{

font-size:18px;

}

.keyword6{

font-size:20px;

}

.keyword7{

font-size:22px;

}

.keyword8{

font-size:24px;

}

.keyword9{

font-size:26px;

}

.keyword10{

font-size:36px;

}





/* ========== plugins */

.wp-notable_image{

margin-top:5px !important;

}



/* ==========CONTACT US PAGE */

.contactright{

font-size:12px;

color:red;

font-weight:bold;

}



#wpcf_subject, #wpcf_email, #wpcf_your_name{

width:270px;

padding:2px;

border:1px solid #999999;

}



#wpcf_msg{

width:265px;

height:150px;

border:1px solid #999999;

}



.contactleft{

font-size:12px;

}



/* ========== MYBLOGLOG */

#MBL_COMM{

width:150px !important;

}

/* ========== SEARCH */
#searchform{
height:40px;
padding-top:20px;
}

.searchbox{
border:1px solid #0a5da3;
width:250px;
padding:5px;
background:#ffffff;
float:left;
}

.searchbut{
border:1px solid #0a5da3;
background:#60a1ce;
padding:3px 5px;
float:right;
color:#ffffff;
font-weight:bold;
}