/**
* Project name: sadmir's Website
* URI: www.Sadmir.com
* Author: Sadmir	
* Author URI: http://Sadmir.com
* Copyright:  All rights reserved.
*/

* {
border : none;
margin : 0;
padding : 0;
}

html, body {
width : 100%;
}

body {
background : #313840;
font : 400 75% Arial, Helvetica, sans-serif;
color : #333;
}

a {
color : #333;
text-decoration : underline;
}

a:hover {
text-decoration : none;
}

hr {
background : none;
border-color : #ccc;
border-style : dotted;
border-width : 1px 0 0;
margin : 8px 10px;
}

.cleaner {
clear : both;
}

.networkName {
display : block;
padding : 0 0 0 42px;
}

a.networkUrl {
display : block;
font-size : 0.9em;
text-decoration : none;
color : #d52b2b;
padding : 0 0 12px 42px;
}

a.networkUrl:hover {
color : #000;
}

.projectLanguage {
color : #777;
font-size : 0.9em;
}

#wrapper {
width : 308px;
margin : 15% auto 0;
}

#container {
width : 300px;
background : url(resources/bgBody.gif) repeat-y left;
padding : 0 4px;
}

#containerHeader, #containerFooter {
width : 308px;
height : 12px;
background : url(resources/bg.gif) no-repeat left top;
}

#header {
background : url(resources/header.gif) repeat-x left top;
padding : 0 10px;
}

#logo {
width : 270px;
height : 66px;
background : url(resources/headerUser.png) no-repeat right center;
margin : auto;
padding : 14px 0 10px;
}

#logo a {
width : 152px;
height : 34px;
display : block;
text-indent : -99999px;
background : url(resources/logo.gif) no-repeat left top;
}

#aboutSummary {
font-size : 0.9em;
padding : 4px 75px 8px 0;
}

#footer {
padding : 5px 15px;
}

#footer p {
font-size : 0.76em;
color : #ccc;
line-height : 1.6em;
text-align : center;
}

#footer a {
color : #ccc;
text-decoration : none;
}

#footer a:hover {
text-decoration : underline;
}

#menuItems {
list-style : none;
margin : 3px 15px;
}

#menuItems li {
display : inline;
margin : 0 5px;
}

#content {
width : 282px;
margin : auto;
}

.contentHeader, .contentFooter {
width : 282px;
height : 10px;
background : url(resources/content.gif) no-repeat left top;
}

.contentWrapper {
width : 262px;
background : url(resources/bgContent.gif) repeat-y left top;
padding : 4px 10px;
}

.contentWrapper p {
font-size : 0.9em;
}

.socialIcon {
height : 32px;
background : url(resources/social.png) no-repeat;
margin : 8px 10px 8px 0;
}

.iconGoogle {
background-position : 0% -64px;
}

.iconYahoo {
background-position : 0% -96px;
}

.iconRSS {
background-position : 0% -128px;
}

.contactIcon {
height : 16px;
background : url(resources/contact.png) no-repeat;
margin : 6px 10px 6px 0;
}

.iconEmail {
background-position : 0% -16px;
}

.iconSkype {
background-position : 0% -48px;
}

#contact ul li {
line-height : 1.4em;
}

#contact ul li a {
color : #d52b2b;
margin : 0 0 0 26px;
}

#contact ul li a:hover {
color : #000;
text-decoration : underline;
}

#projects img {
text-align : center;
}

#projects ul li {
width : 120px;
float : left;
margin : 0 5px;
}

#tabsButtons a {
float : left;
cursor : pointer;
text-decoration : none;
}

#tabsButtons span {
color : #000;
display : block;
padding : 5px 10px 4px;
}

#tabsButtons a.tabShow {
border-width : 0;
}

#tabsButtons a.tabShow span {
color : #1c64a5;
font-weight : 700;
padding : 5px 10px;
}

.tabContentShow {
display : block;
}

.tabWrapper {
background : #fff;
border : 1px solid #ccc;
padding : 15px;
}

#containerFooter, .contentFooter {
background-position : left bottom;
}

#socialNetworks, #contact ul {
list-style : none;
margin : 10px 5px 0;
}

.iconLinkedIn, .iconPhone, .logo-ebamedia {
background-position : 0% 0%;
}

.iconTwitter, .iconWeb {
background-position : 0% -32px;
}

.iconWordpress, .logo-jobsplaza-uk {
background-position : 0% -160px;
}

#projects ul, #tabsButtons ul {
list-style : none;
}

#projects ul li span, .tabContent {
display : none;
}