/*  
Theme Name: Cybercom	
Theme URI: http://www.cybercom.ie
Description: This great theme for wordpress "Cybercom".
Author: Declan Magee
Version:v1.0
Author URI: http://www.cybercom.ie/blog/

*/



/* standard elements */* {margin: 0;padding: 0;}

a {color: #77c5fa;
font-size:11px;
text-decoration:none;
}

.unbold {
font-variant:normal;
font-weight:normal;
}
acronym { 

border-bottom:1px dotted #333; 

cursor:help; 

}


body {

background-image: url(img/background.jpg); 
background-repeat: no-repeat;
background-position:top center; 
background-attachment: fixed;
background-color:#454a51;
font: 11px Arial, Helvetica, sans-serif;
text-align:center;
}

body.style1 {
	/*background-image: url(img/label_right.png); */
	background: url(img/background.jpg);	
background-repeat: no-repeat;
background-position:top center; 
background-attachment: fixed;
background-color:#454a51;
	
}

body.style2 {
	/*background-image: url(img/trackback.png); */
	background: url(img/background.jpg);
background-repeat: no-repeat;
background-position:top center; 
background-attachment: fixed;
background-color:#454a51;
	
}

body.style3 {
	/*background-image: url(img/panel-hdbd.gif); */
	background: url(img/background.jpg);
background-repeat: no-repeat;
background-position:top center; 
background-attachment: fixed;
background-color:#454a51;
	
}

.styleDate {
color:#1e6193;
font-weight:bold;
}

.styleDate2 {
color:#fc841d;
font-weight:bold;
}

.grey_font {
color:#B6B6B6;
font-size:11px;
font-weight:bold;
}


input {
background-color: #fff;
border:none; 
color:#333;
font: 10px Arial, Helvetica, sans-serif; 
}

cite, code, ul 
{
font-size: 11px;
padding-bottom: 1.2em;
}

p
{
font-size: 11px;
font-family:Arial, Helvetica, sans-serif;
padding-bottom: 10px;
color:#333333  ;
}


h1 
{
font-size: 14px;
margin-bottom: 4px;
}

h2
{
font-size: 12px;
color:#fc7610;
}

code 
{
background: #f5fbfc;
display: block;
color: #554;
font: normal 11px Arial, Helvetica, sans-serif;
margin-bottom: 12px;
padding: 8px 10px;
}

blockquote 
{
color: #000;
border-left: 4px solid #f6b82a;
display: block;
font: normal 11px "Arial, Helvetica, sans-serif",serif;
margin-bottom: 12px;
padding-left: 28px;
padding: 8px 10px;
}

h1
{
color:#1e6193;
font-size: 20px;
margin-bottom: 4px;
font-family:Georgia;
font-variant:normal;
font-style:normal;
font-weight:normal;

letter-spacing: -0.03fem;
}

h3{
color: #1e6193;
padding-bottom:2px;
font-size:11px;
}


/* misc */

.clearer 
{
clear: both;
}



/************************************************************************** STRUCTURE ***************************************************************/


#label 

{

padding:0;

width:677px;

height:165px; 
background-image:url(img/label_right.png) ;

background-repeat: no-repeat;

background-position: 100% 100%;
position:absolute;
left:50%;
margin-left:-320px;
}
 


 



.container2 
{
background:#FFF;
margin: 0 auto;
width: 625px;
text-align:left;
/****background-image:url(img/shadow.png) repeat-y top left;****/

}






/* main */
.main {clear: both;padding: 0 9px 12px 21px;}






/************************************************************************END OF STRUCTURE ***************************************************************/



/* header */

.headerTop 
{
background: url('img/cybercomLogo.gif') ;
height: 60px;
margin: 0 auto;
width: 625px;
}



/* Flash Banner */
.header 
{
width:625px;
height: 265px;
margin: 0 auto;
background-color:#000;
border:none;
}



/* navigation */

#navigation {




background: #FFF url('img/navMenuOFF.gif') repeat-x; font:bold 11px Arial, Helvetica, sans-serif;float:left; /*margin-left: 6px !important; IE bug margin-left: 3px;*/	 padding: 10px 0px; width: 625px;}

#navigation li {margin:0px; padding:0px;}

#tabs li{display: inline; margin: 0px; padding:0px; }
#tabs li a{padding:10px 20px 10px 18px; color:#052d37;}

#tabs li.FarRightTab a
{
padding:10px 21px 10px 25px;
}
#tabs li a.act, #tabs li a:hover{
	background-image:url(img/navMenuON.gif); background-repeat: repeat-x; 
}

.white a {
color:#FFFFFF;
}


/* content */

.welcome
{
padding-top: 12px;float: left;width: 61%;
font:Lucida Sans 11px #333333; line-height:1.5;
padding:2px 3px 3px 21px;
background-color:#FFF;
color:#333;
}

.welcome h1
{
color:#1e6193;
font-size: 16px;
margin-bottom: 4px;

}


.content2 {padding-top: 0px;float: left;width: 370px;}

.content2 h1{
color: #1e6193;
padding-top:8px;
font-family:Georgia;
font-size:18px;
}


.work {
font-family:Lucida Sans, Arial, Helvetica, sans-serif;
color:#333333;
text-align:left;
}

.content2 p {font:Arial, Helvetica, sans-serif 11px #333333; line-height:1.5;
font-variant:normal;
font-weight:normal;}

.content2 .descr {font-size:10px; }

.content2 ul li {list-style: url('img/bulletStar.gif');margin-left: 5px; padding-right:13px;
font-size: 11px;
font-family:Arial, Helvetica, sans-serif;
padding-bottom: 10px;
color:#333333  ;}

#careers_list {
list-style: url('img/bulletStar.gif');margin-left: 10px; padding-right:13px;
font-size: 11px;
font-family:Arial, Helvetica, sans-serif;
padding-bottom: 10px;
color:#333333  ;
}

.content2 ol li {margin-left: 21px;}

.trackback{background:url('img/trackback.png') no-repeat left center;padding-left:17px; padding-right:17px; padding-top:0px; padding-bottom:0px}

.feed {background:url('img/feed.png') no-repeat left center;padding-left:17px; padding-right:17px; padding-top:0px; padding-bottom:0px}

.ust_arama 
{ 
float: right;
background:url('img/searchBoxBg.gif');
height: 24px; 
width: 175px; 
padding-top: 8px;
padding-left: 10px;
margin-right: 14px !important; /* IE bunu g?z */margin-right: 7px;	}


.fancyJoining
{
float: left;
background:url('img/fancyJoining.gif') no-repeat;
width:333px;
padding-top:43px;
}

.fancyJoining p
{

font-family:Arial, Helvetica, sans-serif;
padding-right:18px;
padding-bottom:0px;
padding-left:72px;
font-size:10.5px;
/*line-height:12px!important; /* IE bunu g?z *//*line-height:8px;*/
}

.fancyJoining a
{
color: #77c5fa;
font-weight:bold;
font-size:10px;
}


/*********************************************** SIDEBAR NAVIGATION *******************************************************/


#sidenav {float: right;width: 185px; padding-right:5px ;!important /**/padding-right: 9px; }

#sidenav h1 {background: #ffffff; margin: 0;padding-top: 5px; }


#sidenav ul {margin-left: 0px; padding-bottom: 5px; line-height:13px;}


#sidenav li {list-style: none; }


#sidenav li a {background: #FFF;color: #70c2fc;display: block;padding: 4px 4px 4px 8px;text-decoration: none;}


#sidenav li a:hover {background: #fff;color: #666666;}



.sidenav1 {float: right;width: 185px;  background:url('img/oxegenBackground.gif') no-repeat; text-align:right;margin-right: 3px !important; /* IE bunu g?z */margin-right: 0px;	}


.sidenav1 p{
text-align:left;
padding:9px 55px 2px 9px;
font-size:9.1px;
}

.sidenav1 p a{
color: #49b4e7;
font-weight:bold;
margin-bottom:10px;
}

.sidenav1 p a:hover{
color: #49b4e7;
font-weight:bold;
text-decoration:underline;
}



.sidenav2 {float: right;width: 185px;  background:url('img/guinessBackground.gif') no-repeat; text-align:right;margin-right: 3px !important; /* IE bunu g?z */margin-right: 0px;	}


.sidenav2 p{
text-align:left;
padding:9px 55px 2px 9px;
font-size:9.1px;
}

.sidenav2 p a{
color: #49b4e7;
font-weight:bold;
}

.sidenav2 p a:hover{
color: #49b4e7;
font-weight:bold;
text-decoration:underline;
}



.sidenav3 {float: right;width: 185px;  background:url('img/DietCokeBackground.gif') no-repeat; text-align:right;margin-right: 3px !important; /* IE bunu g?z */margin-right: 0px;	}


.sidenav3 p{
text-align:left;
padding:9px 55px 2px 9px;
font-size:9.1px;
}

.sidenav3 p a{
color: #49b4e7;
font-weight:bold;
}

.sidenav3 p a:hover{
color: #49b4e7;
font-weight:bold;
text-decoration:underline;
}

.sidenav4 {float: right;width: 185px;  background:url('img/smithwicks_sidebar.jpg') no-repeat; text-align:right;margin-right: 3px !important; /* IE bunu g?z */margin-right: 0px;	}


.sidenav4 p{
text-align:left;
padding:9px 55px 2px 9px;
font-size:9.1px; /*******FONT HAD TO BE THIS SMALL TO FIT IN THE BACKGROUND BOXES******/
}

.sidenav4 p a{
color: #49b4e7;
font-weight:bold;
}

.sidenav4 p a:hover{
color: #49b4e7;
font-weight:bold;
text-decoration:underline;
}

.sidenavHeading
{
color: #49b4e7;
font-weight:bold;
font-size:10.4px;

}

/* IE6 Only */
* html .panel {
padding : -10px ;
}


/* IE6 Only */
* html .panel .hdbd2  {
padding :10px 10px 0 10px ;
}


/* IE7 Only */
*:first-child+html .panel {
padding-bottom : 3px;
}
			.panel { width: 184px;position:relative;top:0;right:0; padding-bottom:3px;}
			.panel .hdbd { background: transparent url(img/panel-bd-repeat-y.gif) repeat-y; }
			.panel .hdbd2 { background: transparent url(img/panel-hdbd.gif) no-repeat top left; padding:10px; }			
			.panel .hdbd2 img {float:right; } 			
			.panel .latest {position:absolute;top:0;right:0;width:42px;height:35px;background: transparent url(img/panel-latest.gif) no-repeat; }
			.panel .ft { height:3px; background: transparent url(img/panel-ft.gif) no-repeat;}
			.panel a {color: #49b4e7;font-weight:bold;font-size:11px;}
			.panel a:hover{text-decoration:underline;}
			/* The following browser hack is required to give the panel "layout" which is required for the "latest" positioning */
			/* \*/
			* html .haslayout { height: 1%; }





/*********************************************** END OF SIDEBAR NAVIGATION *******************************************************/



#socialinks {padding-right:10px; margin-bottom:7px }
#socialinks .div_link { float:right; margin:0px 5px 5px 0px; }


.highlight
{
color: #77c5fa;
font-weight:bold;
font-size:10px;
}

.highlight2
{
color: #4a97ca;
font-weight:bold;

}

.highlight3
{
color: #77c5fa;
font-weight:bold;
font-size:12px;
}

#map a{
color:#000000;
}



#load {
	
	left:0;
	top:0;
	width:100px;
	height:0px;
	background-color:#FFFFFF;
	color:#000000;
	display:none;
}

#subscribe
{
float: right;
background:url('img/subscribe.gif');
height: 41px; 
width: 175px; 
padding-top: 8px; 
padding-left: 10px;
margin-right: 14px !important; /* IE bunu g?z */margin-right: 7px;	
}	


#clientLog
{
float:right;
padding-top:8px;
padding-left: 10px;
margin-right: 14px !important; 
/* IE bunu g?z */
margin-right: 7px;	
}



/* footer */

.footer {background: url('img/menu_ust.gif') repeat-x;height: 15px;margin: 0 auto;width: 625px;}



.altyer {background-color: #f5f5f5;font: 11px Arial, Helvetica, sans-serif; color:#5990b5;height: 34px;margin: 0 auto;width: 625px; padding-top:10px;text-align:center; border-top: 1px #e5e5e5 solid;}
.altyer a {color:#5990b5;text-decoration: none;}

.altyer a:hover {color: #5990b5;text-decoration: none;}

div.altyer div.left
	{
		float: left;
		width: 90%;
		text-align: center;
	}
	div.altyer div.right
	{
		float: right;
		width: 10%;
		text-align: right;
	}


a img{border:none;}



/*****************************AJAX TABS*****************************************/

.shadetabs{
padding: 2px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/

cursor:pointer;
background-color:#f9f9f9;
width:370px;
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
padding: 2px 0px;
margin-right: 0px;
color: #fc7c11;
text-decoration: underline;

}

.shadetabs li.selected a{ /*selected main tab style */
border-bottom-color: white;
text-decoration: none;
color:#999999;
}

.shadetabs li.selected{ /*selected main tab style */

}


.shadetabs li a:hover{
color: #999999;
text-decoration: none;
}

.tablehighlight
{
font:Georgia;
color:#49b4e7;
font-size:12px;
}


.contentstyle{
width: 370px;
padding-top: 10px;
padding-right:0px;
float:left;
}
.contentstyle a
{
color: #fc7610;text-decoration: none;
}

.NumberTabs a
{
color: #ffffff;text-decoration: none;
}

.contentstyle li{
list-style-image:url('img/bulletStar.gif')
}

.contentstyle h1{
color: #1e6193;
padding-bottom:2px;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
}


.contentstyle h2{
color: #1e6193;
padding-bottom:2px;
font-size:12px;
}

.contentstyle h3{
color: #faa002;
padding-bottom:2px;
font-size:11px;
}

/**************AJAX INNER TABS****************************/

.shadetabsInner{
padding: 2px 0;
margin-left: 0;
margin-bottom: 0;
text-align: left; /*set to left, center, or right to align the menu as desired*/
color: #fc7c11;
cursor:pointer;
background-color:#f9f9f9;
height:15px;
width:370px;

}


.shadetabsInner li{
display:inline;
margin: 0;

}

.shadetabsInner li a{
padding: 2px 0;
color: #999999;
text-decoration: underline;
display:inline;
font-size:9px;
}

.shadetabsInner li a:visited{
color: #999999;
}

.shadetabsInner li a:hover{
color: #fc7c11;
}

.shadetabsInner li a:act{
color:#fc7c11;
text-decoration:none;
}

.shadetabsInner li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

.contentstyleInner{
width: 370px;
margin-bottom: 1em; padding-top: 10px;
float:left;
}
.contentstyleInner a
{
color: #fc7610;text-decoration: none;
}


/***** OUR WORK CMS USING jQUERY*******/
.pagination {
float: right;
margin-top:14px;
margin-bottom:10px;
position:relative;

}

.articleholder {
width:390px;
margin-bottom:7px;
}

.staticholder {
width:390px;
}

.next {
margin:2px;
color:#49b4e7;
cursor:pointer;
font-weight:600;

}

.prev {
margin:2px;
color:#49b4e7;
cursor:pointer;
font-weight:600;

}

.page {
margin:2px;
font-weight:600;
color:#49b4e7;
cursor:pointer;
}

.pagination-hover-state {
text-decoration:underline;
}

.active_page {
text-decoration:underline;
}


<!--- Start (added by Lynsey, January 09 for the showreel page) -->


.contentshowreel {
padding-top: 0px;
float: left;
width: 570px;
}

.contentshowreel h1{
color: #1e6193;
padding-top:8px;
font-family:Georgia;
font-size:18px;
}

<!--- End (added by Lynsey, January 09 for the showreel page) -->