/*

Theme Name: Popshifter 2013

Theme URI: http://www.popshifter.com/

Description: Popshifter custom theme.

Version: 1.0

Author: Popshifter

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

*/



/*-------------------------------html, text, links--------------------*/



html,body{

background: #c6aad0;

background:url(images/pagebg.png);

margin:0;

padding:0;

text-align:center;

}



a:link{

color:#82a1b3;

text-decoration:none;

}



a:visited{

}



a:hover{

color:#5d3b4a;

text-decoration:underline;

}



a:active{

color:#89b600;

text-decoration:none;

}



h1,h2,h3,h4,h5,h6{

font: Tahoma, Verdana, sans-serif;

color:#000000;

}



.bh1{

margin-top:0px;

margin-left:0px;

float:left;

}



* html .bh1{

margin-left:25px;

}



#banner h1{

font:bold 18px Verdana;

color:#708a99;

margin:0;

padding:0;

}



#banner h2{

font:bold 12px Verdana;

color:#708a99;

margin:0;

padding:0;

}



.post h1{

font:bolder 28px Tahoma, Verdana, sans-serif;;

color: #82a1b3;

border-bottom:0px solid #cccccc;

width:707px;

padding-bottom:2px;

float:left;

margin-top:2px;

margin-bottom:0;

}



.post h1 a{

font-size: 28px #82a1b3;

}



.post h1 a:visited{

color:#82a1b3;

}



.post h1 a:hover{

color:#5d3b4a;

}



#sidebar h2{

color:#ffffff;

font:bolder 12px Tahoma, Verdana, sans-serif;;

background:url(images/sidebarheadingbg.png) repeat;

border:1px solid #c5a9cf;

width:260px;

height:20px;

margin-left:6px;

padding-left:6px;

padding-top:5px;

margin-top:6px;

float:left;

margin-bottom:0;

}



* html #sidebar h2{

margin-left:6px;

}



#body h3{

font:bold 16px Verdana, Arial, Helvetica, sans-serif;

width:98%;

margin-left:2px;

padding-bottom:2px;

border-bottom:1px dashed #333333;

margin-top:10px;

margin-bottom:10px;

}



* html #body h3{

width:99%;

}



#body h4{

font:bold 16px Verdana, Arial, Helvetica, sans-serif;

width:98%;

margin-left:2px;

padding-bottom:2px;

border-bottom:1px dashed #333333;

margin-top:10px;

margin-bottom:10px;

}



#body h5{

font:bold 14px;

margin-left:2px;

margin-top:10px;

margin-bottom:10px;

}



#body h6{

font:bold 14px;

margin:10px;

}


h6, h5, h4, h3, h2, h1{

font: Tahoma, Verdana, sans-serif;

}

.posted{

font:10px Verdana;

color:#686868;

margin:0;

}







.post p{

font:13px Verdana;

line-height: 22px;

color:#000000;

}

.post p a{

text-decoration: underline;
color: #366581;

}

blockquote{

font: bolder;

width: 676px;

background: #fee6fa;

margin-left:00px;

padding:10px;

}



#footer p{

font:11px Verdana;

color:#ffffff;

margin-left:10px;

margin-top:8px;

padding:0;

}



#footer a{

color:#708a99;

text-decoration:underline;

}



.postbottom a:visited{

text-decoration:underline;

}



#footer a:hover{

color:#708a99;

text-decoration:none;

}



.textarea{

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

padding:5px;

width:183px;

float:left;

border:1px solid #c5a9cf;

font:11px Verdana;

color:#666666;

margin-left:1px;

}



.textarea2{

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

padding:5px;

margin-bottom:5px;

border:1px solid #c5a9cf;

font:11px Verdana;

color:#666666;

}



.submit{

background:url(images/formbg.gif);

padding:4px;

width: 72px;

border:1px solid #c5a9cf;

font:bolder 11px Verdana;

color:#ffffff;

}



.style1{

font:11px Verdana;

color:#686868;

}



cite{

font:bolder 16px Verdana;

}



/*------------------------------------- Image presentation styles ----------------------------------*/



/* p img { padding: 0; max-width: 100%; } */



img.right { padding: 4px; margin: 0 0 2px 7px; display: inline; }



img.left { padding: 4px; margin: 0 0 7px 2px 0; display: inline; }



img.right2 { padding: 4px; margin: 0 0 2px 7px; display: inline; clear:left;}



img.left2 { padding: 4px; margin: 0 7px 2px 0; display: inline; clear:right;}



img.centered { display: block; margin-left: auto; margin-right: auto; font-size:8px; }



img.centered2 { display: block; text-align:center; }



img.caption,.caption { margin: 5px; padding: 5px; border: solid 1px #E5E5FF; background:url(images/blockbg.png) top repeat-x #f1c8ea;; font-size:8px; color: black; text-align: center; }



a img {border:none;}



p.caption centered {font-size: 10px; margin: 0px}



/*------------------------------------- And the divs ----------------------------------*/



#container{

text-align:left;

width:1050px;

height:100%;

margin:0 auto;

padding:0;

}



#background{

background:url(images/background.png) repeat-y;

width:1050px;

height:100%;

padding:0px;

float:left;

margin:0;

}



#bodywrapper{

width:1000px;

height:100%;

margin-left:25px;

float:left;

padding:0;

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

}



* html #bodywrapper{

margin-left:8px;

}



#banner{

background:url(images/banner.png) no-repeat;

width:1000px;

height:286px;

border:0px solid #82A1B3;

float:left;

margin:0;

padding:0;

}



#banner a{

display:block; 

border:0px;

height:286px;

width: 1000px;

color:#708a99;

}



#banner h1{

display:none;

}



#menu{

background:#82a1b3;

height:41px;

width:998px;

border:1px solid #82a1b3;

float:left;

margin:0;

padding:0;

}



#body{

width:717px;

min-height:400px;

float:left;

border-left:1px solid #e8ede3;

margin:0;

padding:0;

}



* html #body{

width:707px;

}



#sidebar{

width:280px;

border-left:0px solid #C3C4C5;

border-right:0px solid #BBBBBB;

min-height:400px;

float:left;

margin:0;

padding:0;

}



* html #sidebar{

margin-left:8px;

}



#footer{

width:1000px;

height:40px;

background:#82a1b3;

border:1px solid 82a1b3;

font-color: #FFFFFF;

float:left;

margin-top:10px;

margin-bottom:0;

margin-right:0;

margin-left:0;

padding:0;

}

#footer a{

color: #FFFFFF;

text-decoration:underline;

}

.postwrapper{

width:717px;

height:100%;

float:left;

margin-left:6px;

padding:0;

margin-top:14px;

margin-bottom:10px;

}



* html .postwrapper{

width:700px;

margin-left:2px;

}



.post{

width:700px;

height:100%;

float:left;

margin-left:3px;

padding:0;

}



.poste{

width:700px;

height:100%;

float:left;

margin-left:6px;

padding:0;

}



.post li{

margin-bottom:18px;

margin-left: -20px;

}



* html .post{

width:416px;

}



.datewrapper{

width:40px;

height:37px;

float:left;

margin-left:2px;

margin-top:2px;

paddgin:0;

text-align:center;

}



.datetop{

width:38px;

height:12px;

font:9px Verdana;

color:#708a99;

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

float:left;

margin-left:1px;

padding:0;

}



.datebottom{

width:38px;

font:bold 15px Verdana;

color:#708a99;

padding-top:3px;

padding-left:0;

margin-left:1px;

height:25px;

float:left;

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

}



.postbottom{

background:url(images/postbottombg.png) repeat;

border:1px solid #c5a9cf;

width:696px;

height:20px;

float:left;

margin-top:5px;

padding-top:5px;

}



* html .postbottom{

width:696px;

}



.comm{

float:right;

margin-right:5px;

}



.postbottom a{

color:#ffffff;

font:bolder 12px Verdana;

text-decoration: none;

}


.postbottom a:hover{

text-decoration:underline;

}



.postnav{

width:696px;

margin:10px;

float:left;

height:20px;

font:11px Verdana;

color:#333333;

}



* html .postnav{

width:696px;

}



.left{

float:left;

}



.right{

float:right;

}



.comments{

width: 680px;

height:100%;

font-size:14px;

padding:0px;

}

.alt{

background: #ede6f0;

}


* html .comments{

/* width:180px; */

}



.comments p{

font:14px Verdana;
line-height: 20px;

color:#666666;

}

.comments span{

font:14px Verdana;

color:#666666;

}

.comments ol {
margin-left: 0px;
}

.comments li{

margin-left: 0px;

list-style:none;

font:14px Verdana;

padding: 10px;

color:#666666;

}

.commentdiv{

height:100%;

float:left;

}



* html .commentdiv{

width:660px;

}



.commentdiv p{

font:14px Verdana;

color:#666666;

}



#searchwrapper{

width:280px;

height:100%;

margin-top:10px;

margin-left:6px;

}

#searchform {
width:280px;
display: block;

}


/*------------------------------- Let's do some lists aswell ----------------------------*/



#menu ul{

width:100%;

height:100%;

float:center;

margin:0;

padding:10px 0px 10px 0px;

list-style:none;

text-align: center;

}



* html #menu ul{


width:1000px;

}



#menu li{

list-style:none;

display:inline;

}



#menu li a{

color:#ffffff;

height: 40px;

font:bolder 18px Tahoma, Verdana, sans-serif;

text-transform:uppercase;

padding:10px 6px 10px 6px;

}



#menu li a:hover{

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

}





#sidebar ul{

list-style:none;

float:left;

margin-left:1px;

margin-top:4px;

padding:0;

}



* html #sidebar ul{

margin-left:-2px;

}



#sidebar li{

display:block;

line-height: 24px;

list-style:none;

margin:0;

float:left;

}



#sidebar li a{

font:bold 12px Verdana;

color:#708A99;

padding:3px;

padding-left:22px;

margin-left:2px;

}



#sidebar li a:hover{

text-decoration:underline;

}



#sidebar ul ul li{

list-style: none;

display:block;

width: 280px;

color:#708a99;

margin-left:9px;

}



* html #sidebar ul ul li{

width:280px;

}



#sidebar ul ul ul li{

margin-left:10px;

width:280px;

color:#708a99;

}



* html #sidebar ul ul ul li{

margin-left:5px;

}



.post ul{

font:12px Verdana;

color:#686868;

}



.post ol{

font:12px Verdana;

color:#686868;

}

#commentform {

padding: 0px 10px 0px 10px;

}

subheading {

font:bolder 20px Tahoma, Verdana, sans-serif;

color: #82a1b3;

border-bottom:1px solid #82a1b3;

width:696px;

padding-bottom:2px;

float:left;

margin-top:2px;

margin-bottom:0;

}