/*
Theme Name: CSSBAM! Theme
Theme URI: http://www.cssbam.com
Description: Showcase Theme
Author: Christos Bouloutidis
Author URI: http://www.bouloutidis.com
Version:	1.0
*/


*{margin:0;	padding:0;}

body{font-family:Calibri, Arial, Helvetica, sans-serif;	font-size:14px;	font-weight:normal;	color:#fff;	background: #333 url(images/bsw2.png) top center repeat-x;}

#wrapper{float:left; width:100%; padding:0;	background: url(images/bg.png) top center no-repeat;}

#content{margin:0 auto;	width:965px;}

#header{margin:0 auto 5px auto; width:965px; height:150px;}
#header ul li{float:left; list-style:none;}

.top_left{ float:left; margin:0; padding:0;}

#logo{float:left; padding: 15px 30px 10px 10px;}

#pagemenu { float:left; margin:0; padding:35px 0 0 20px; text-transform:uppercase; font-size: 14px; font-weight:bold; text-shadow: 1px 1px 1px #000;}
#pagenav { float:left; list-style: none; margin: 0; padding: 0; color: #fff; font-size: 14px;}	
#pagenav ul { float:left; margin: 0; padding: 0;}
#pagenav li { float:left; margin: 0; padding: 0 40px 0 0;}
#pagenav a {line-height: 25px; margin:0; padding: 0; color: #fff; height:25px; cursor:pointer;}
#pagenav li a:hover {text-decoration: none; color: #ffcc33;}
#pagenav li.current_page_item a { color: #ffcc33;  text-decoration: none;}
#pagenav li.current-cat a { color: #ffcc33; text-decoration: none; background:#990000;}

#catnav {float:left; margin:0; padding:20px 0 0 20px; clear: both; text-transform:uppercase; font-size: 12px; text-shadow: 1px 1px 1px #000;}
#nav {float:left; list-style: none; margin: 0; padding: 0; color: #fff; font-size: 12px;}	
#nav ul {float:left; margin: 0; padding: 0;}
#nav li {float:left; margin:0 30px 0 0; line-height: 30px; height:30px;}
#nav a {float:left; line-height: 30px; margin:0; padding:0; color: #fff; height:30px; cursor:pointer; }
#nav li a:hover {text-decoration: none; color:#ffcc33; display: block;}
#nav li.current_page_item a { color: #ffcc33;  text-decoration: none; display: block;}
#nav li.current-cat a { color: #ffcc33; text-decoration: none; display: block;}
.catbg_top{ float:left; width:253px; height:50px; background:url(images/catbg_top.png) no-repeat; margin:0;}
.catbg_bottom{ float:left; width:253px; height:5px; background:url(images/catbg_bottom.png) no-repeat; margin:0 0 10px 0;}
.cat-item{list-style:none;}

.dash{float:left; width:253px; height:5px; margin:0; background: url(images/dash_top.png) repeat-y;}
.partners{float:left; width:253px; height:50px; margin:0; background: url(images/partners.png) repeat-y;}
.register{float:left; width:253px; margin:0; padding:0 0 5px 0; background: url(images/registerbg.png) repeat-y; font-size:12px;}
.register a{ color:#FFCC33!important;}
.register_bottom{ float:left; width:253px; height:5px; background:url(images/register_bottom.png) no-repeat; margin:0 0 10px 0;}

.sidebar{float:right; width:480px; min-height:500px; padding:15px; background:url(images/sidebar_bg.png) no-repeat 0 10px;}
.sidebar a{color:#fff;}
.sidebar h4{font-size:16px; font-weight:bold; margin:5px 10px 20px 10px; padding:10px; text-shadow: 1px 1px 1px #000; text-transform:uppercase; color:#FFCC33;}
.sidebar p{float:left; list-style:none; padding:5px 0 5px 0; margin:0;}

.adimage{margin:5px 0 0 10px;}

.main{width:965px; min-height:500px; float:left; margin:0; padding:0;}
.main_single{width:420px; float:left; margin:0; padding:15px 0 15px 20px;}
.main_detail{width:630px; float:left; margin:0; padding:15px 0 15px 10px;}
.main_single ul li{ margin:0 0 0 15px; padding:10px 0; line-height:18px;}
.main ul{margin:0; list-style:none;}
.main p{padding:0 0 20px 0;	font-size:14px;	line-height:18px;}
.mainfoot{width:965px; float:left; margin:20px 0 0 0; padding:0;}

.user{float:left; width:254px; margin:0; font-size:14px; background: url(images/catbg.png) repeat-y;}
p.usertitle{font-size:14px; color:#FFCC33; font-weight:bold; margin:10px 10px 0 10px; padding:0 10px 0 10px; text-shadow: 1px 1px 1px #000; text-transform:uppercase;}

.forumcontainer{float:left; width:254px; margin:0; font-size:14px; background: url(images/catbg.png) repeat-y;}
.forumcontainer a:hover{ text-decoration:underline;}
.forumcontainer li{float:left; width:230px; list-style:none; padding:4px 0 4px 20px; margin:0; font-size:12px;}
.forumlink{ font-size:12px; font-style:italic; text-decoration:underline;}

.favcontainer{float:left; width:254px; margin:0; font-size:14px; background: url(images/catbg.png) repeat-y;}
.favcontainer li{float:left; width:230px; list-style:none; padding:0 0 0 20px; margin:0 0 5px 0; font-size:12px;}
.favcontainer p{float:left; width:230px; list-style:none; padding:3px 0 4px 20px; margin:0 0 5px 0; font-size:12px;}
.mfp_link{ float:left; padding:3px 0;}


.ratingcontainer{ -moz-border-radius: 10px; -webkit-border-radius: 10px; text-shadow: 1px 1px 1px #000; float:right; width:295px; margin:30px 15px 0 0; font-size:12px; text-transform:uppercase; background:#222;}
.ratingcontainer li{float:left; list-style:none; padding:10px 0 10px 10px; margin:0;}
.ratingcontainer h3{font-size:16px; font-weight:bold; margin:0; padding:10px 0 10px 10px; text-transform:uppercase;}
.post-ratings{float:left; width:auto !important;}

.socialcontainer{ float:right; width:295px; margin:0 15px 0 0; font-size:12px; text-transform:uppercase; background:url(images/sep.png) top repeat-x;}
.socialcontainer li{ float:left; list-style:none; width:48px; height:48px; padding:20px 6px 20px 5px; margin:0; background:url(images/sep.png) bottom repeat-x;}
.socialcontainer h3{font-size:14px; font-weight:bold; margin:0; padding:0 0 10px 0; color:#CCCCCC !important; text-shadow: 1px 1px 1px #000; text-transform:uppercase; background:url(images/sep.png) bottom repeat-x; color:#FFCC33;}


.listcontainer{	float:right; width:295px; margin:25px 15px 0 0; font-size:12px; text-transform:uppercase;}
.listcontainer li{list-style:none; padding:15px 0 15px 10px; margin:0;}
.listcontainer li a{ color:#fff;}
.listcontainer h3{font-size:18px; font-weight:bold; margin:0; padding:10px 0 20px 0; text-shadow: 1px 1px 1px #000; text-transform:uppercase; background:none !important; color:#FFCC33;}
.post-categories li{padding:0; margin:0;}
li.dark{ background:#404040; font-weight:bold; color:#FFCC33; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
li.light{ background:#454545;}

.adcontainer{float:left; margin:10px 0 0 0;}
.adcontainer li{float:left; width:28px; list-style:none; padding:10px 0 0 9px; margin:0;}

.social{float:right; width:234px; margin:10px 0 0 0;}
.social li{float:left; list-style:none; padding:10px 10px 8px 0; margin:0;}

h1{font-size:26px; text-transform:uppercase;}
h1 a:hover{text-decoration:none;}
h2{font-weight:bold; font-size:18px; padding: 10px 0 10px 6px; color:#ccc !important; text-transform:uppercase; text-align:left; text-shadow: 1px 1px 1px #000;}
h3{font-size:16px; font-weight:bold; margin:0 0 10px 0; padding:15px 0 16px 0; text-shadow: 1px 1px 1px #000; text-transform:uppercase; background:url(images/sep.png) bottom repeat-x; color:#FFCC33;}

a{text-decoration:none; color:#ffffff;}
a:hover, a:active {outline: none; color:#ffcc33;}
a img{float:left; border:none; margin:0; padding:0;}

p {padding:10px 0;}

.blogtitle{display:block;}

.postwrapper{ float:left; position:relative; padding:15px 15px 10px 15px; margin:5px 0 0 5px; width:205px; line-height:18px; background:url(images/postbg-trans.png) no-repeat; z-index:10;	overflow: hidden;}
.postwrapper a {text-decoration: none;}
.postwrapper a:hover {cursor: pointer;}
.postwrapper a .desc {display: none; }
.postwrapper a:hover .desc{display: block; padding:0; margin:0; position: absolute; top:0; right: 0; width:36px; height:36px;}
.postwrapper_single_top{float:left;	position:relative; padding:0; margin:0; width:630px; height:15px; background:url(images/postbg_bigtop-trans.png) no-repeat;}
.postwrapper_single_bottom{float:left;	position:relative; padding:0; margin:0; width:630px; height:15px; background:url(images/postbg_bigbottom-trans.png) no-repeat;}
.postwrapper_single{float:left;	position:relative; padding:0 15px ; margin:0; width:600px; line-height:18px; background:url(images/postbg_big-trans.png) repeat-y;}
.postwrapper_single p{padding:0; margin:0!important;}
.postwrapper_single a .desc_large {display: none; }
.postwrapper_single a:hover .desc_large{display: block; padding:0; margin:0; position: absolute; top:0; right: 0; width:75px; height:60px;}

.bam{ position:absolute; bottom:40px; right:0; height:50px; width:65px; margin:0;}
.bamtastic{position:absolute; right:25px; bottom:10px;}

.post{float:left; width:935px; margin:0 0 0 15px; padding:0 0 5px 0; background:url(images/sep.png) bottom repeat-x;}
.postleft{float:left; margin:15px; font-size:12px; text-transform:uppercase;}
.postright{float:right; margin:15px; font-size:12px; text-transform:uppercase;}
	
.storycontent{float:left;	padding:10px 0 0 0;	margin:0; width:206px; font-size:12px;}
.storycontent_single{float:left; padding:10px 0; margin:0; width:685px;	font-size:12px;}
.storycontent ul li, .storycontent_single ul li{float:left;	list-style:none;}	
.storycontent h3{float:left; text-transform:uppercase; font-size: 11px; font-weight:bold; color:#333; padding:0; margin: 0; text-shadow: none; background:none;}
.storycontent_single h3{float:left; text-transform:uppercase; font-size: 14px; font-weight:bold; color:#333; padding:0; margin: 0; text-shadow: none; background:none;}
.storycontent h3 a, .storycontent_single h3 a{color:#ccc !important;}
.storycontent h3 a:hover{color:#ffcc33 !important;}
.storycontent p{font-size:14px;}
	

#footer{ float:left; margin:30px 0 0 0; width:965px; background:url(images/footer.png) top center no-repeat;}
.copy{float:left; padding:20px 0; margin:0 5px; font-size:12px;	text-transform:uppercase;}

.validation{float: right;}
.validation ul li{float:left; list-style:none; margin:0 10px 30px 0;}
	
#comment { float:right; width:295px; margin:0 15px 0 0; color: #fff;}
#comment a {color: #fff;}
#comment a:hover {color: #fff;}
#numberofcomments {float:left; color: #fff; font-size: 14px; margin: 10px 0 0 0;}
ol#commentlist { float:right; list-style: none; margin: 10px 0; font-size: 9pt;}
#commentlist li {float:right; width: 275px; margin: 0; padding: 10px; background: #444; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#commentlist li.alt {float:right; width: 275px; margin: 0; padding: 10px; background: #222; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#commentlist li.cleared { background: transparent; border: none;}
#commentlist a:hover { text-decoration:underline;}
#commentlist a.gravatar {float: left; margin: 0; width: 50px;}
#commentlist .commentbody, .commentbody p {margin: 5px 0 0 0; padding: 0; float: right; width: 210px; text-align:left;}
#commentlist .commentbody p a {text-decoration: underline;}
#commentlist cite {font-size: 10pt; font-style: normal; color: #999;}
#commentlist .commentmetadata {color: #004C5F; font-size:11px; padding-bottom:20px;}
#commentlist p {float:left; color: #fff; padding: 5px 0 0 0;}
#commentform p {float:left; width:295px; padding:5px 0;}
#comment h3 {font-size: 10pt; font-weight: normal; color: #333; margin: 15px 0 0 0; padding: 0;}
#comment input.box {color: #333; font-size: 12px; width: 162px;	height: 16px; padding: 6px 5px 4px 5px;	margin-right: 5px; background: url(images/searchfield.png) no-repeat left; border: none; float: left;}
#comment label {float:left; color: #fff; padding: 5px 0 0 0;}
#comment #submit {float:left; margin-left: 0px;}
textarea#comment {float:left; width: 285px; height:185px; color: #000;  padding:10px 5px 5px 5px; margin:0 !important; border: none; background:url(images/form_small.png) top left no-repeat;} 
.submitbutton {float:left; width: 70px; height: 26px; cursor: pointer; text-indent: -9999px; background: url(images/submitbutton.png) no-repeat top right; border: none;}
#respond{padding:10px 0;}
	
.commenticon{float:right; height:21px; width:19px; text-align:center; background:url(images/comment-trans.png) no-repeat;	font-size:12px;}
.fav{float:right; height:21px; width:19px; margin:0 10px 0 0;}
.fav_single{float:right; height:21px; width:19px; margin:0 0 0 10px;}
.share{float:right; padding:1px 0 0 0;}
.notice{padding: 5px 0 0 5px;}
.clear{clear:both;}
	
#input{	height:50px;}

fieldset.search {float:right; border: none;	margin: 34px 2px 0 0;}
.search input, .search button {border: none; float: left;}
.search input.box {color: #333;	font-size: 12px; width: 162px; height: 16px; padding: 6px 5px 4px 5px; margin-right: 5px; background: url(images/searchfield.png) no-repeat left;}
.search button.btn {width: 70px; height: 26px; cursor: pointer;	text-indent: -9999px; background: url(images/searchbutton.png) no-repeat top right;}
.postmetadata{float:left; width:206px; font-size:11px!important; padding:10px 0 0 0!important; text-align:center;}
p.search{margin:0 0 0 15px;}
h3.search{width:935px; float:left; padding:30px 0 16px 0; font-size:16px; font-weight:bold; margin:0 0 20px 15px; text-shadow: 1px 1px 1px #000; text-transform:uppercase; background:url(images/sep.png) bottom repeat-x;}

/*
 * emm_paginate - WordPress Pagination Function
 * Version: 1.0
 *
 * Copyright (c) 2009 Eric Martin http://www.ericmmartin.com/
 * Link: http://www.ericmmartin.com/pagination-function-for-wordpress
 *
 */
.emm-paginate {display: block; text-align: center;}
.emm-paginate a {background:#222; border:1px solid #454545; margin-right:4px; padding:2px 10px; text-align:center; text-decoration:none;}
.emm-paginate a:hover, .emm-paginate a:active {background:#454545; color:#888;}
.emm-paginate .emm-title {color:#fff; margin-right:4px;}
.emm-paginate .emm-gap {color:#fff; margin-right:4px;}
.emm-paginate .emm-current {background:#454545; border:1px solid #222; margin-right:4px; padding:2px 10px;}
.emm-paginate .emm-page {}
.emm-paginate .emm-prev, .emm-paginate .emm-next {}