/*
Theme Name: RoosterComm 2.0
Theme URI: http://roostercomm.com/
Description: Search engine optimized theme built by <a href="http://www.wplancer.com/">Baki Goxhaj</a> and designed by RoosterComm.
Version: 2.0
Author: Baki Goxhaj (aka Banago)
Author URI: http://www.wplancer.com
Tags: 3 columns, white, widgets, fixed width, blue, gravatars, business, search engine optimized,
*/



/* ------------- [ GLOBAL ] -------------- */
* { margin: 0; padding: 0; }

/* ------------- [ BODY ] -------------- */
body { background:#060032; color:#666; font:74% Arial, Verdana, sans-serif; }

#wrap { overflow: hidden; background: #fff; margin: 30px auto; width: 980px; position: relative; border-top: 1px solid #01002F; }
#wrap .topleft { position: absolute; top: 0; left: 0; }
#wrap .topright { position: absolute; top: 0; right: 0; }
#wrap .bottomleft { position: absolute; bottom: 0; left: 0; }
#wrap .bottomright { position: absolute; bottom: 0; right: 0; } 

/* ------------- [ FLOATS ] -------------- */
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; }
.alignright { float: right; }

/* ------------- [ LINKS ] -------------- */
a { color: #00ade5; text-decoration: none; }
a:hover { color:#00ade5; text-decoration: underline; }
a img { border: 0 none; }

/* ------------- [ HEADER ] -------------- */
#header { height: 170px; margin-bottom: 50px; border-bottom: 1px solid #e1e1e1; }
#header h1 { overflow: hidden; height: 134px; width: 145px; margin: 20px 0 0 130px; float: left; display: inline; }
#header h1 a {  }

/* ------------- [ MENU ] -------------- */
ul.nav  { list-style: none; float: right; margin-top: 140px; }
ul.nav  li { display: inline; line-height: 1.4em; text-transform: uppercase; }
ul.nav  li a { float: left; margin-right: 38px; color: #666; }
ul.nav  li a:hover, ul.nav  li.current_page_item a { color: #2e2e3e; text-decoration: none; }


/* ------------- [ CONTENT ] -------------- */
#content { font-family: Trebuchet, Arial, sans-serif; line-height: 1.6em; margin: 0 auto 40px auto; width: 500px; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; }

#content .post { margin: 0 30px; }
#content .post h2 { font-size: 1.8em; margin: 0 0 10px; font-weight: normal; line-height: 34px; }

#content .home { margin: 0 30px; }
#content .home h2 { font-size: 2.2em; margin: 0 0 10px; font-weight: normal; line-height: 50px; color: #00ade5; }

#content h3, { font-size:1.4em; margin:0 0 8px; }
#content img {  }
#content ul,#content ol { margin:0 0 16px 20px; }
#content li { padding:0 0 0 5px; }
#content ul ul,#content ol ol { margin:0 0 0 16px; }


/* ------------- [ SIDEBARS ] -------------- */
#sidebar-right { float: right; margin-right: 25px; display: inline; }
#sidebar-left { float: left; margin-left: 25px; display: inline; }

.sidebar { width: 180px;  }
.sidebar a { color: #666; }
.sidebar a.blue { color: #00ADE5; }

.sidebar ul { list-style: none; margin-left: -10px; }
* html .sidebar ul { margin-left: -5px; }
.sidebar ul li { padding-top: 16px; font-size: 12px; }
.sidebar ul li a { padding-left: 20px; }
.sidebar ul li a:hover { background: no-repeat url('img/arrow.png') left center; text-decoration: none; } 
.sidebar ul li.current_page_item a { background: no-repeat url('img/arrow.png') left center; }
.sidebar h4 { color: #0072c0; font-size: 16px; font-weight: normal; }
.sidebar h5 { color: #8a916f; font-size: 16px; font-weight: normal; }



.sidebar .recent { margin-top: 25px; }
.sidebar .recent ul li { overflow: hidden; padding: 12px 0 0 10px; }
.sidebar .recent ul li p { font-size: 11px; float: right; font-style: italic; margin-bottom: 0; padding: 5px; }

.sidebar .recent ul li a { padding: 0; }
.sidebar .recent ul li a:hover { background: none; text-decoration: underline; }

.sidebar .subpages { font-weight: bold; }

#categories-3 ul { overflow: hidden; }
#categories-3 ul li { width: 80px; float: left; }

/* ------------- [ FOOTER ] -------------- */
#footer { clear: both; display: block; border-top: 1px solid #e1e1e1; font-size:0.9em; color:#777; font-weight:normal; line-height:1.7em;  padding:10px 0; text-align:center;  }
#footer p { margin:0; padding:0; }
#footer a { color:#777; font-weight:normal; text-decoration:none; }
#footer a:hover { color:#555; text-decoration:underline; }
#footer strong a { font-weight:bold; }
#footer span.credits { font-size:1em; }

/* ------------- [ HTML ] -------------- */
p,ul,ol { margin: 0 0 18px; }
blockquote { border-left:0px solid #e0e0e0; margin:20px; padding:8px 8px 8px 15px; }
blockquote p { background-color:inherit; color:#505050; font-size:0.9em; line-height:1.3em; }
label { background-color:inherit; color:#606060; font-size:0.9em; font-weight:bold; }
table#wp-calendar { margin:0 0 20px; width:140px; }
code { font-size:1.2em; display:block; padding:5px 5px 5px 8px; background-color:#f4f4f4; margin:5px 0 15px 0;border-left:0px solid #cccccc; }

/* ------------- [ FORMS ] -------------- */
#s,#submit { background-color:#ffffff; border:1px solid #cccccc; color:#505050; font-size:0.9em; margin:0 0 16px; padding:4px; width:130px; }
#author,#email,#url,#comment { border:1px solid #cccccc; font-family:Book Antiqua,Verdana,Tahoma,Arial,Sans-Serif; font-size:1em; margin:0; padding:4px; }
#commentsection { margin:25px 0 0; }
#commentsection p { margin:0 0 6px; }
#commentform textarea { width: 430px; }

/* ------------- [ IMAGES ALIGN ] -------------- */
img.centered { display:block; margin-left:auto; margin-right:auto; }
img.alignright { padding:4px; margin:0 0 2px 7px; display:inline; }
img.alignleft { padding:4px; margin:0 7px 2px 0; display:inline; }
.alignright { float:right; }
.alignleft { float:left; }

/* ------------------ [ COMMENTS ] --------------- */
.comment p { font-size: 1em; line-height: 1.4em; margin: 6px 0; padding-bottom:5px; }
/* ------------- [ VARIOUS CLASSES ] -------------- */
.left { border:1px solid #cccccc; float:left; margin:10px 15px 10px 0; }
.right { border:1px solid #cccccc; float:right; margin:10px 0 5px 10px; }
.center { border:1px solid #aaaaaa; margin:5px auto 12px; text-align:center; }
.textright { text-align:right; }
.small { font-size:0.8em; }
.bold { font-weight:bold; }
.hide { display:none; }
.postinfo { background-color:#f4f4f4; border-left:0px solid #cccccc; color:#606060; font-size:0.9em; font-weight:bold; line-height:1.5em; margin:1px 0 30px; padding:8px 5px 8px 8px; }
.comment { background-color:#f4f4f4; border-left:0px solid #cccccc; color:#606060; margin:0 0 10px; padding:8px 5px 0 8px; }
.comment p { font-size:0.9em; line-height:1.3em; margin:0 0 6px; padding-bottom:5px; }
.gravatarside { float:right; width:48px; height:48px; margin:0 5px 5px 5px; }
.navigation { display:block; margin:10px 0 20px 0; padding:0; text-align:center; }
.navigation p { margin:0; padding:0; }
.prevlink { margin-right:20px; }
.nextlink { margin-left:20px; }
